|
1 /* This Source Code Form is subject to the terms of the Mozilla Public |
|
2 * License, v. 2.0. If a copy of the MPL was not distributed with this |
|
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
|
4 |
|
5 html { |
|
6 background: -moz-Dialog; |
|
7 font: 3mm tahoma,arial,helvetica,sans-serif; |
|
8 } |
|
9 |
|
10 #feedBody { |
|
11 border: 1px solid THreeDShadow; |
|
12 padding: 3em; |
|
13 -moz-padding-start: 30px; |
|
14 margin: 2em auto; |
|
15 background: -moz-Field; |
|
16 } |
|
17 |
|
18 #feedHeader { |
|
19 border: 1px solid ThreeDShadow; |
|
20 border-radius: 10px; |
|
21 padding-top: 4em; |
|
22 padding-bottom: .3em; |
|
23 -moz-padding-start: .3em; |
|
24 -moz-padding-end: .3em; |
|
25 margin: -4em auto 0 auto; |
|
26 font-size: 110%; |
|
27 color: InfoText; |
|
28 padding: 5em 3em 0 3em; |
|
29 } |
|
30 |
|
31 .feedBackground { |
|
32 background: url("chrome://browser/skin/feeds/feedIcon.png") 1.4em 5.9em no-repeat rgb(255,255,225); |
|
33 } |
|
34 |
|
35 .videoPodcastBackground { |
|
36 background: url("chrome://browser/skin/feeds/videoFeedIcon.png") 1.4em 5.9em no-repeat rgb(255,255,225); |
|
37 } |
|
38 |
|
39 .audioPodcastBackground { |
|
40 background: url("chrome://browser/skin/feeds/audioFeedIcon.png") 1.4em 5.9em no-repeat rgb(255,255,225); |
|
41 } |
|
42 |
|
43 #feedHeader[firstrun="true"] #feedIntroText { |
|
44 display: block; |
|
45 } |
|
46 |
|
47 #feedIntroText { |
|
48 display: none; |
|
49 -moz-margin-start: 2em; |
|
50 } |
|
51 |
|
52 #feedSubscribeLine { |
|
53 padding: 0 1em 1em 2em; |
|
54 } |
|
55 |
|
56 #feedHeader[firstrun="true"] #feedSubscribeLine { |
|
57 padding-left: 3.7em; |
|
58 } |
|
59 |
|
60 /* Don't print subscription UI */ |
|
61 @media print { |
|
62 #feedHeaderContainer { |
|
63 display: none; |
|
64 } |
|
65 } |
|
66 |
|
67 body { |
|
68 margin: 0; |
|
69 padding: 0 3em; |
|
70 color: -moz-fieldText; |
|
71 font: message-box; |
|
72 } |
|
73 |
|
74 h1 { |
|
75 font-size: 160%; |
|
76 border-bottom: 2px solid ThreeDLightShadow; |
|
77 margin: 0 0 .2em 0; |
|
78 } |
|
79 |
|
80 h2 { |
|
81 color: #C0C0C0; |
|
82 font-size: 110%; |
|
83 font-weight: normal; |
|
84 margin: 0 0 .6em 0; |
|
85 } |
|
86 |
|
87 #feedTitleLink { |
|
88 float: right; |
|
89 -moz-margin-start: .6em; |
|
90 -moz-margin-end: 0; |
|
91 margin-top: 0; |
|
92 margin-bottom: 0; |
|
93 } |
|
94 |
|
95 a[href] img { |
|
96 border: none; |
|
97 } |
|
98 |
|
99 #feedTitleContainer { |
|
100 -moz-margin-start: 0; |
|
101 -moz-margin-end: .6em; |
|
102 margin-top: 0; |
|
103 margin-bottom: 0; |
|
104 } |
|
105 |
|
106 #feedTitleImage { |
|
107 -moz-margin-start: .6em; |
|
108 -moz-margin-end: 0; |
|
109 margin-top: 0; |
|
110 margin-bottom: 0; |
|
111 max-width: 300px; |
|
112 max-height: 150px; |
|
113 } |
|
114 |
|
115 .feedEntryContent { |
|
116 font-size: 110%; |
|
117 } |
|
118 |
|
119 .link { |
|
120 color: #0000FF; |
|
121 text-decoration: underline; |
|
122 cursor: pointer; |
|
123 margin-top: -2px; |
|
124 } |
|
125 |
|
126 .link:hover:active { |
|
127 color: #FF0000; |
|
128 } |
|
129 |
|
130 .lastUpdated { |
|
131 font-size: 85%; |
|
132 font-weight: normal; |
|
133 } |
|
134 |
|
135 .type-icon { |
|
136 vertical-align: bottom; |
|
137 height: 16px; |
|
138 width: 16px; |
|
139 } |
|
140 |
|
141 .enclosures { |
|
142 border: 1px solid THreeDShadow; |
|
143 padding: 1em; |
|
144 margin: 1em auto; |
|
145 background: -moz-Dialog; |
|
146 } |
|
147 |
|
148 .enclosure { |
|
149 vertical-align: middle; |
|
150 margin-left: 2px; |
|
151 } |