]>
Commit | Line | Data |
---|---|---|
0f12ead5 AD |
1 | body#ttrssDigest { |
2 | color : black; | |
3 | font-family : sans-serif; | |
4 | font-size : 12px; | |
5 | margin : 0px; | |
6 | background : url("images/tile.png"); | |
7 | } | |
8 | ||
9 | a { | |
10 | color : #0069D8; | |
11 | text-decoration : none; | |
12 | } | |
13 | ||
14 | a:hover { | |
15 | color : gray; | |
16 | } | |
17 | ||
18 | #header a, #footer a { | |
19 | color : gray; | |
20 | } | |
21 | ||
22 | #header a:hover, #footer a:hover { | |
23 | color : #0069D8; | |
24 | } | |
25 | ||
26 | #header { | |
27 | font-size : 14px; | |
28 | font-weight : bold; | |
29 | font-family : "Segoe UI", Tahoma, sans-serif; | |
30 | padding : 5px 5px 5px 1.5em; | |
31 | color : gray; | |
32 | position : absolute; | |
33 | top : 0px; | |
34 | height : 30px; | |
35 | left : 0px; | |
36 | right : 0px; | |
37 | color : #a0a0a0; | |
38 | } | |
39 | ||
40 | #header span.title { | |
41 | font-weight : bold; | |
42 | font-style : italic; | |
43 | } | |
44 | ||
45 | #header div.links { | |
46 | position : absolute; | |
47 | right : 1.5em; | |
48 | } | |
49 | ||
50 | #search { | |
51 | float : right; | |
52 | clear : left; | |
53 | ||
54 | } | |
55 | ||
56 | #title { | |
57 | } | |
58 | ||
59 | #latest { | |
60 | padding : 5px; | |
61 | } | |
62 | ||
63 | #content { | |
64 | position : absolute; | |
65 | left : 0px; | |
66 | top : 30px; | |
67 | right : 0px; | |
68 | bottom : 0px; | |
69 | -webkit-transition: left 0.2s linear, right 0.2s linear; | |
70 | -moz-transition: left 0.2s linear, right 0.2s linear; | |
71 | transition: left 0.2s linear, right 0.2s linear; | |
72 | } | |
73 | ||
74 | #article { | |
75 | position : absolute; | |
76 | overflow : auto; | |
77 | right : 0px; | |
78 | width : 100%; | |
79 | bottom : 0px; | |
80 | top : 30px; | |
81 | background : white; | |
0f12ead5 AD |
82 | opacity : 0; |
83 | -webkit-transition: opacity 0.2s linear; | |
84 | -moz-transition: opacity 0.2s linear; | |
85 | transition: opacity 0.2s linear; | |
86 | } | |
87 | ||
88 | #article.visible { | |
89 | opacity : 1; | |
90 | } | |
91 | ||
92 | #article #article-content h1 { | |
93 | margin : 0px; | |
94 | padding : 0px; | |
95 | font-family : "Segoe UI", Tahoma, sans-serif; | |
96 | font-size : 21px; | |
97 | font-weight : bold; | |
98 | border-width : 0px 0px 3px 0px; | |
99 | border-style : solid; | |
100 | border-color : #e0e0e0; | |
101 | color : gray; | |
102 | } | |
103 | ||
104 | #article #article-content #toolbar { | |
105 | border-width : 0px 0px 1px 0px; | |
106 | border-color : #e0e0e0; | |
107 | border-style : solid; | |
108 | background : #fafafa; | |
109 | font-size : 14px; | |
110 | font-weight : bold; | |
111 | padding : 5px 10px 5px 10px; | |
112 | margin : 0px 0px 0px 0px; | |
113 | } | |
114 | ||
115 | #article #article-content { | |
116 | padding : 0px; | |
117 | font-size : 16px; | |
118 | } | |
119 | ||
120 | #article #article-content #tags { | |
121 | color : #a0a0a0; | |
122 | margin-bottom : 5px; | |
123 | } | |
124 | ||
125 | #article #article-content #ops { | |
126 | float : right; | |
127 | } | |
128 | ||
129 | #article #article-content #ops img { | |
130 | cursor : pointer; | |
131 | margin-right : 0px; | |
132 | margin-left : 10px; | |
133 | } | |
134 | ||
135 | #article #article-content #inner { | |
136 | padding : 10px; | |
137 | } | |
138 | ||
139 | #article #article-content img { | |
140 | max-width : 90%; | |
141 | } | |
142 | ||
143 | #content.move { | |
144 | left : 0px; | |
145 | right : 100%; | |
146 | } | |
147 | ||
148 | #feeds { | |
149 | position : absolute; | |
150 | left : 0px; | |
151 | top : 0px; | |
152 | right : 0px; | |
153 | bottom : 0px; | |
154 | font-size : 14px; | |
155 | overflow : auto; | |
4f281ec4 | 156 | background : white; |
0f12ead5 AD |
157 | } |
158 | ||
159 | #feeds ul#feeds-content img { | |
160 | width : 16px; | |
161 | height : 16px; | |
162 | vertical-align : middle; | |
163 | margin-right : 5px; | |
164 | } | |
165 | ||
166 | #feeds ul#feeds-content div.unread-ctr { | |
167 | color : #d0d0d0; | |
168 | padding-left : 10px; | |
169 | float : right; | |
170 | } | |
171 | ||
172 | #feeds ul#feeds-content li { | |
173 | padding : 10px; | |
174 | clear : both; | |
175 | cursor : pointer; | |
176 | color : #303030; | |
177 | white-space : nowrap; | |
178 | } | |
179 | ||
180 | #feeds ul#feeds-content li.selected { | |
181 | background : white; | |
182 | } | |
183 | ||
184 | #feeds ul#feeds-content { | |
185 | list-style-type : none; | |
186 | font-weight : bold; | |
187 | margin : 0px; | |
188 | padding : 0px; | |
189 | } | |
190 | ||
191 | #headlines { | |
192 | font-size : 14px; | |
193 | position : absolute; | |
194 | top : 0px; | |
195 | bottom : 0px; | |
196 | right : 0px; | |
197 | overflow : auto; | |
198 | background : white; | |
199 | border-width : 0px 3px 0px 0px; | |
200 | border-style : solid; | |
201 | border-color : #88b0f0; | |
202 | left : 100%; | |
203 | ||
204 | -webkit-transition: left 0.2s linear, right 0.2s linear; | |
205 | -moz-transition: left 0.2s linear, right 0.2s linear; | |
206 | transition: left 0.2s linear, right 0.2s linear; | |
207 | ||
208 | } | |
209 | ||
210 | #headlines.move { | |
211 | left : 0px; | |
212 | } | |
213 | ||
214 | #headlines h1 a { | |
215 | color : #684C99; | |
216 | } | |
217 | ||
218 | #headlines ul#headlines-content .cb { | |
219 | vertical-align : middle; | |
220 | margin-right : 5px; | |
221 | float : left; | |
222 | } | |
223 | ||
224 | #headlines ul#headlines-content img.icon { | |
225 | width : 16px; | |
226 | height : 16px; | |
227 | vertical-align : middle; | |
228 | margin-right : 5px; | |
229 | float : right; | |
230 | } | |
231 | ||
232 | #headlines ul#headlines-content { | |
233 | list-style-type : none; | |
234 | color : gray; | |
235 | margin : 0px; | |
236 | padding : 0px; | |
237 | } | |
238 | ||
239 | #headlines ul#headlines-content li { | |
240 | margin : 0px 0px 0px 0px; | |
241 | padding : 10px; | |
242 | color : gray; | |
243 | clear : left; | |
244 | border-width : 0px 0px 1px 0px; | |
245 | border-style : solid; | |
246 | border-color : #e0e0e0; | |
247 | background : #eee; | |
248 | } | |
249 | ||
250 | #headlines ul#headlines-content a.title { | |
251 | font-size : 14px; | |
252 | font-weight : bold; | |
253 | display : block; | |
254 | margin-left : 21px; | |
255 | position : relative; | |
256 | } | |
257 | ||
258 | #headlines ul#headlines-content li.fresh a.title { | |
259 | color : #007FFF; | |
260 | } | |
261 | ||
262 | #headlines ul#headlines-content li.unread a.title { | |
263 | color : black; | |
264 | /* color : #8DB1D6; */ | |
265 | } | |
266 | ||
267 | #headlines ul#headlines-content li.read a.title { | |
268 | color : gray; | |
269 | } | |
270 | ||
271 | #headlines ul#headlines-content li.unread, | |
272 | #headlines ul#headlines-content li.fresh { | |
273 | background-color : white; | |
274 | } | |
275 | ||
276 | #headlines ul#headlines-content li.selected { | |
277 | background-color : #fff7d5; | |
278 | border-color : white white #e0e0e0; | |
279 | } | |
280 | ||
281 | #headlines ul#headlines-content img#H-LOADING-IMG { | |
282 | margin-left : 5px; | |
283 | } | |
284 | ||
285 | #headlines ul#headlines-content div.excerpt { | |
286 | color : #404040; | |
287 | cursor : pointer; | |
288 | margin-top : 5px; | |
289 | } | |
290 | ||
291 | #headlines ul#headlines-content div.content { | |
292 | color : #404040; | |
293 | } | |
294 | ||
295 | #headlines ul#headlines-content div.content img { | |
296 | max-width : 75%; | |
297 | } | |
298 | ||
299 | #headlines ul#headlines-content div.body { | |
300 | margin-left : 21px; | |
301 | /*margin-left : 42px;*/ | |
302 | } | |
303 | ||
304 | #headlines ul#headlines-content div.info { | |
305 | font-size : 11px; | |
306 | margin-top : 5px; | |
307 | } | |
308 | ||
309 | #headlines ul#headlines-content div.info a { | |
310 | color : gray; | |
311 | } | |
312 | ||
313 | #overlay { | |
314 | background : white; | |
315 | left : 0; | |
316 | top : 0; | |
317 | height : 100%; | |
318 | width : 100%; | |
319 | z-index : 100; | |
320 | position : absolute; | |
321 | text-align : center; | |
322 | } | |
323 | ||
324 | #overlay_inner { | |
325 | margin : 1em; | |
326 | } | |
327 | ||
328 | #overlay img { | |
329 | vertical-align : middle; | |
330 | } | |
331 | ||
332 | div.fatalError button { | |
333 | margin-top : 5px; | |
334 | } | |
335 | ||
336 | div.fatalError textarea { | |
337 | width : 100%; | |
338 | height : 100px; | |
339 | } | |
340 | ||
341 | div.insensitive { | |
342 | color : gray; | |
343 | } | |
344 | ||
345 |