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