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