using QuerySet.iterator for better memory usage
[mygpo.git] / htdocs / media / screen.css
blob82812662978715204db5db78cbce6cc02e8bded8
1 a {
2 color: #10488B;
3 text-decoration: none;
6 a:hover {
7 text-decoration: underline;
10 div.error
12 background-color: #fa7080;
13 border: #f5001d thin solid;
14 width: 100%;
15 padding: 1em 1em 1em 45px;
16 background-image: url('dialog-error.png');
17 background-repeat: no-repeat;
18 background-position: 3px 50%;
19 margin: .5em;
22 table.register th {
23 font-weight:normal;
24 width:150px;
25 text-align:left;
28 .success
30 background-color: #b7f46e;
31 border: #539800 thin solid;
32 width: 100%;
33 padding: 1em 1em 1em 45px;
34 background-image: url('emblem-default.png');
35 background-repeat: no-repeat;
36 background-position: 3px 50%;
37 margin: .5em;
40 .info
42 background-color: #eeeeee;
43 border: #aaaaaa thin solid;
44 width: 100%;
45 padding: 1em 1em 1em 45px;
46 background-image: url('info.png');
47 background-repeat: no-repeat;
48 background-position: 3px 50%;
49 margin: .5em;
52 .info a
54 color: black;
58 .menu a
60 color: black;
63 ul.menu
65 list-style-type: none;
66 margin: 1em;
67 border: 0;
68 padding: 0;
71 ul.menu li {
72 margin: 3px;
73 padding-left: 10px;
76 ul.menu li.heading {
77 margin-top: 20px;
78 margin-bottom: 10px;
81 .menu strong {
82 color: #75507b;
83 background-color: white;
84 padding: 3px;
85 padding-left: 10px;
86 padding-right: 10px;
87 -moz-border-radius: 5px;
88 margin-left: -10px;
91 table.list
93 font-size: 1em;
94 border-collapse: collapse;
95 width: 100%;
96 margin-bottom: 2em;
99 table.list tr {
100 border: 1px solid white;
103 table.list tr:nth-child(even) td {
104 background-color: #f7f7f7;
107 table.list tr:nth-child(odd) td {
108 background-color: #f0f0f0;
111 table.list tr:nth-child(even):hover td {
112 background-color: #e7e7e7;
115 table.list tr:nth-child(odd):hover td {
116 background-color: #e0e0e0;
119 table.list th
121 text-align: left;
122 padding: 5px;
125 table.list th,
126 table.list td
128 padding-right: 1em;
131 table td.numeric,
132 table th.numeric
134 text-align: right;
137 table.list tr.group
139 font-weight: bold;
140 height: 3em;
141 vertical-align: bottom;
144 table.list tr.group:hover td
146 /* don't show hover effect for group rows */
147 background-color: inherit;
150 .episode_list .title
154 .podcast_list p, .episode_list p
156 margin: 2px 0px 2px 0px;
157 padding: 0px;
160 .podcast_list p.description, .episode_list p.description
162 font-size: x-small;
165 .description
167 color: #666;
170 .URL
172 text-decoration: none;
173 color: black;
176 .URL:hover
178 text-decoration: underline;
181 h1, h2
183 padding-top: 1em;
184 margin-bottom: 0;
185 padding-bottom: 0;
188 h1 {
189 font-size: 14pt;
192 h2 {
193 font-size: 12pt;
196 img.device_icon
198 padding: 3px;
199 vertical-align: middle;
202 ul.devices li.desktop
204 list-style-image: url('16x16/computer.png');
207 ul.devices li.laptop
209 list-style-image: url('16x16/stock_notebook.png');
212 ul.devices li.mobile
214 list-style-image: url('16x16/stock_cell-phone.png');
217 ul.devices li.server
219 list-style-image: url('16x16/server.png');
222 ul.devices li.other
224 list-style-image: url('16x16/audio-x-generic.png');
227 div.rate
229 padding-top: 2em;
230 padding-bottom: 3em;
233 div.subscribe
235 padding: 1em 0 1em 0;
238 h2.ohelp
240 padding-top: 0;
243 img.ohelp
245 margin-left: 40px;
246 border: 3px solid rgb(40%, 40%, 40%) ;
247 width: 400px;
250 div.ohelp
252 width: 40em;
253 padding-left: 3em;
254 padding-right: 3em;
255 border: 1px solid rgb(40%, 40%, 40%) ;
256 -moz-border-radius: 10px;
257 margin-bottom: 2em;
260 div.devicesLeft
262 float:left;
263 width: 10em;
266 div.devicesRight
268 float:left;
269 margin-top:-5px;
270 width: 26px;
271 height: 26px;
274 div.devicesClear
276 clear:left;
280 form.search input[type="text"]
282 width: 70%;
283 display: inline;
286 form.search ul
288 display: inline;
291 form.search ul li
293 list-style: none;
294 display: inline;
297 form.search input[type="submit"]
299 display: inline;
302 div.result img
304 float: left;
307 div.result a.podcast
309 font-size: 1.2em;
310 color: black;
311 padding-top: 2em;
312 font-weight: bold;
313 display: block;
316 div.result span.episode
318 display: list-item;
319 margin-left: 2em;
322 div.result span.episode a
324 color: black;
327 div.result
331 div#podcastlogo
333 float: right;
334 padding-top: 3em;
337 table.form
341 table.form th
343 font-weight: normal;
344 text-align: right;
347 input.url
349 width: 80%;
352 .bar
354 background-color: #333;
355 color: white;
356 float: left;
357 text-align: left;
360 .bar span, .barbg span
362 padding-left: 5px;
363 padding-right: 5px;
366 .barbg
368 background-color: #aaa;
369 text-align: right;
370 color: black;
371 float: left;
372 width: 100%;
375 td.position
377 font-size: 1.3em;
378 font-weight: bold;
379 padding-right: 0;
380 margin-right: 0;
383 td.oldposition
385 font-size: .8em;
388 .pos
390 color: green;
393 .neg
395 color: red;
398 .new
400 color: #555;
403 span.from_podcast, span.latest_episode {
404 font-size: x-small;
405 color: #666;
408 span.from_podcast a, span.latest_episode a {
409 color: #333;