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  display: flex;
34}
35
36#feedHeaderContainerSpacer {
37  flex-grow: 1;
38}
39
40#feedHeader {
41  border: 1px solid ThreeDShadow;
42  border-radius: 10px;
43  padding-top: 4em;
44  padding-bottom: .3em;
45  padding-inline-start: .3em;
46  padding-inline-end: .3em;
47  margin: -4em auto 0 auto;
48  font-size: 110%;
49  color: InfoText;
50  padding: 5em 3em 0 3em;
51}
52
53.feedBackground {
54  background: url("chrome://browser/skin/feeds/feedIcon.png") 1.4em 5.9em no-repeat rgb(255,255,225);
55}
56
57.videoPodcastBackground {
58  background: url("chrome://browser/skin/feeds/videoFeedIcon.png") 1.4em 5.9em no-repeat rgb(255,255,225);
59}
60
61.audioPodcastBackground {
62  background: url("chrome://browser/skin/feeds/audioFeedIcon.png") 1.4em 5.9em no-repeat rgb(255,255,225);
63}
64
65#feedHeader[firstrun="true"] #feedIntroText {
66  display: block;
67}
68
69#feedIntroText {
70  display: none;
71  margin-inline-start: 2em;
72}
73
74#feedSubscribeLine {
75  padding: 0 1em 1em 2em;
76}
77
78#feedHeader[firstrun="true"] #feedSubscribeLine {
79  padding-left: 3.7em;
80}
81
82/* Don't print subscription UI */
83@media print {
84  #feedHeaderContainer {
85    display: none;
86  }
87}
88
89body {
90  margin: 0;
91  padding: 0 3em;
92  color: -moz-fieldText;
93  font: message-box;
94}
95
96h1 {
97  font-size: 160%;
98  border-bottom: 2px solid ThreeDLightShadow;
99  margin: 0 0 .2em 0;
100}
101
102h2 {
103  color: #C0C0C0;
104  font-size: 110%;
105  font-weight: normal;
106  margin: 0 0 .6em 0;
107}
108
109#feedTitleLink {
110  float: right;
111  margin-inline-start: .6em;
112  margin-inline-end: 0;
113  margin-top: 0;
114  margin-bottom: 0;
115}
116
117a[href] img {
118  border: none;
119}
120
121#feedTitleContainer {
122  margin-inline-start: 0;
123  margin-inline-end: .6em;
124  margin-top: 0;
125  margin-bottom: 0;
126}
127
128#feedTitleImage {
129  margin-inline-start: .6em;
130  margin-inline-end: 0;
131  margin-top: 0;
132  margin-bottom: 0;
133  max-width: 300px;
134  max-height: 150px;
135}
136
137.feedEntryContent {
138  font-size: 110%;
139}
140
141.link {
142  color: #0000FF;
143  text-decoration: underline;
144  cursor: pointer;
145  margin-top: -2px;
146}
147
148.link:hover:active {
149  color: #FF0000;
150}
151
152.lastUpdated {
153  font-size: 85%;
154  font-weight: normal;
155}
156
157.type-icon {
158  vertical-align: bottom;
159  height: 16px;
160  width: 16px;
161}
162
163.enclosures {
164  border: 1px solid THreeDShadow;
165  padding: 1em;
166  margin: 1em auto;
167  background: -moz-Dialog;
168}
169
170.enclosure {
171  vertical-align: middle;
172  margin-left: 2px;
173}
174
175.handlersMenuList > .menulist-label-box > .menulist-icon {
176  max-width: 16px;
177  max-height: 16px;
178}
179