tweaks for making devtools look nicer
[themes.git] / LCARStrek / browser / feeds / subscribe.css
1 html {
2   background: #000000;
3   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
4 }
5
6 #feedBody {
7   border: 1px solid #9C9CFF;
8   padding: 2em;
9   -moz-padding-start: 30px;
10   margin: 2em auto;
11   background: #FFFFFF;
12 }
13
14 #feedHeaderContainer {
15   border: 1px solid #9C9CFF;
16   border-radius: 10px;
17   margin: -3em auto 0 auto;
18   background-color: #FFCF00;
19 }
20
21 #feedHeader {
22   margin-top: 3.9em;
23   margin-bottom: 1em;
24   -moz-margin-start: 2em;
25   -moz-margin-end: 1em;
26   /* padding for making up icon space */
27   -moz-padding-start: 35px;
28   font-size: 110%;
29   color: #000000;
30 }
31
32 .alwaysUse .checkbox-check {
33   border-color: #9C9CFF !important;
34   background-color: #000000 !important;
35 }
36
37 .alwaysUse .checkbox-label-box {
38   color: #000000 !important;
39 }
40
41 .feedBackground {
42   background: url("chrome://communicator/skin/icons/feedIcon.png") 0% 10% no-repeat #FFCF00;
43 }
44
45 .videoPodcastBackground {
46   background: url("chrome://communicator/skin/icons/videoFeedIcon.png") 0% 10% no-repeat #FFCF00;
47 }
48
49 .audioPodcastBackground {
50   background: url("chrome://communicator/skin/icons/audioFeedIcon.png") 0% 10% no-repeat #FFCF00;
51 }
52
53 #feedHeader:-moz-dir(rtl) {
54   background-position: 100% 10%;
55 }
56
57 #feedHeader[firstrun="true"] #feedIntroText {
58   padding-top: 0.1em;
59   -moz-padding-start: 0.6em;
60   display: block;
61 }
62
63 #feedHeader[firstrun="true"] > #feedSubscribeLine {
64   -moz-padding-start: 1.8em;
65 }
66
67 #feedSubscribeLine {
68   padding-top: 0.2em;
69 }
70
71 /* Don't print subscription UI */
72 @media print {
73   #feedHeaderContainer {
74     display: none;
75   }
76 }
77
78 body {
79   margin: 0;
80   padding: 0 2em;
81   color: #000000;
82   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
83 }
84
85 h1 {
86   font-size: 160%;
87   border-bottom: 2px solid #008484;
88   margin: 0 0 .2em 0;
89 }
90
91 h2 {
92   font-size: 110%;
93   font-weight: normal;
94   margin: 0 0 .6em 0;
95 }
96
97 #feedTitleLink {
98   float: right;
99   -moz-margin-start: .6em;
100   -moz-margin-end: 0;
101   margin-top: 0;
102   margin-bottom: 0;
103 }
104
105 a[href] img {
106   border: none;
107 }
108
109 #feedTitleContainer {
110   -moz-margin-start: 0;
111   -moz-margin-end: .6em;
112   margin-top: 0;
113   margin-bottom: 0;
114 }
115
116 #feedTitleImage {
117   -moz-margin-start: .6em;
118   -moz-margin-end: 0;
119   margin-top: 0;
120   margin-bottom: 0;
121   max-width: 300px;
122   max-height: 150px;
123 }
124
125 .feedEntryContent {
126   font-size: 110%;
127 }
128
129 .link {
130   color: #3333FF;
131   text-decoration: underline;
132   cursor: pointer;
133 }
134
135 .link:hover:active {
136   color: #FF0000;
137 }
138
139 .lastUpdated {
140   font-size: 85%;
141   font-weight: normal;
142 }
143
144 .type-icon {
145   vertical-align: bottom;
146   height: 16px;
147   width: 16px;
148 }
149
150 .enclosures {
151   border: 1px solid #9C9CFF;
152   padding: 1em;
153   margin: 1em auto;
154   background: #000000;
155   color: #FF9C00;
156 }
157
158 .enclosure {
159   vertical-align: middle;
160   margin-left: 2px;
161 }