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
5html {
6  background: -moz-Dialog;
7  font: 3mm tahoma,arial,helvetica,sans-serif;
8}
9
10#subscribeUsingDescription,
11#subscribeButton {
12  display: block;
13}
14
15#subscribeUsingDescription {
16  margin-bottom: 0.5em;
17}
18
19#subscribeButton {
20  margin-top: 0.5em;
21  margin-inline-start: auto;
22}
23
24#feedBody {
25  border: 1px solid THreeDShadow;
26  padding: 3em;
27  padding-inline-start: 30px;
28  margin: 2em auto;
29  background: -moz-Field;
30}
31
32#feedHeaderContainer {
33  border: 1px solid ThreeDShadow;
34  border-radius: 10px;
35  margin: -4em auto 0 auto;
36  background-color: InfoBackground;
37  -moz-appearance: -moz-gtk-info-bar;
38  display: flex;
39}
40
41#feedHeaderContainerSpacer {
42  flex-grow: 1;
43}
44
45#feedHeader {
46  margin-top: 4.9em;
47  margin-bottom: 1em;
48  margin-inline-start: 1.4em;
49  margin-inline-end: 1em;
50  padding-inline-start: 2.9em;
51  font-size: 110%;
52  color: -moz-gtk-info-bar-text;
53}
54
55.feedBackground {
56  background: url("chrome://browser/skin/feeds/feedIcon.png") 0% 10% no-repeat;
57}
58
59.videoPodcastBackground {
60  background: url("chrome://browser/skin/feeds/videoFeedIcon.png") 0% 10% no-repeat;
61}
62
63.audioPodcastBackground {
64  background: url("chrome://browser/skin/feeds/audioFeedIcon.png") 0% 10% no-repeat;
65}
66
67#feedHeader[dir="rtl"] {
68  background-position: 100% 10%;
69}
70
71#feedIntroText {
72  display: none;
73}
74
75#feedHeader[firstrun="true"] #feedIntroText {
76  padding-top: 0.1em;
77  padding-inline-start: 0.6em;
78  display: block;
79}
80
81#feedHeader[firstrun="true"] > #feedSubscribeLine {
82  padding-inline-start: 1.8em;
83}
84
85#feedSubscribeLine {
86  padding-top: 0.2em;
87  padding-inline-start: 0.5em;
88}
89
90/* Don't print subscription UI */
91@media print {
92  #feedHeaderContainer {
93    display: none;
94  }
95}
96
97body {
98  margin: 0;
99  padding: 0 3em;
100  color: -moz-fieldText;
101  font: message-box;
102}
103
104h1 {
105  font-size: 160%;
106  border-bottom: 2px solid ThreeDLightShadow;
107  margin: 0 0 .2em 0;
108}
109
110h2 {
111  color: GrayText;
112  font-size: 110%;
113  font-weight: normal;
114  margin: 0 0 .6em 0;
115}
116
117#feedTitleLink {
118  float: right;
119  margin-inline-start: .6em;
120  margin-inline-end: 0;
121  margin-top: 0;
122  margin-bottom: 0;
123}
124
125a[href] img {
126  border: none;
127}
128
129#feedTitleContainer {
130  margin-inline-start: 0;
131  margin-inline-end: .6em;
132  margin-top: 0;
133  margin-bottom: 0;
134}
135
136#feedTitleImage {
137  margin-inline-start: .6em;
138  margin-inline-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 {
150  color: #0000FF;
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 THreeDShadow;
172  padding: 1em;
173  margin: 1em auto;
174  background: -moz-Dialog;
175}
176
177.enclosure {
178  vertical-align: middle;
179  margin-left: 2px;
180}
181
182.handlersMenuList > .menulist-label-box > .menulist-icon {
183  max-width: 16px;
184  max-height: 16px;
185}
186