source: media/bibliographie-02/mobile/Framework/css/developer-style.css @ 16:4b59c9ceb345

Revision 16:4b59c9ceb345, 26.7 KB checked in by hagenbruch@phoibe.ub.rub.de, 9 years ago (diff)

Added authentication against Rubiks.

Line 
1body {
2        position: relative;
3        margin: 0;
4        -webkit-text-size-adjust: none;
5        min-height: 416px;
6        font-family: helvetica,sans-serif;
7        background: url("../images/background.png") repeat;
8        -webkit-touch-callout: none;
9}
10.center {
11        margin: auto;
12        display: block;
13        text-align:center!important
14}
15img {
16        border: 0;
17}
18a:hover span.arrow {
19        background-position: 0 -13px!important;
20}
21@media screen and (max-width: 320px)
22{
23#topbar {
24        height: 44px;
25}
26#title {
27        line-height: 44px;
28        height: 44px;
29        font-size: 16pt;
30}
31#tributton a:first-child, #duobutton a:first-child {
32        width: 101px;
33}
34#tributton a:last-child, #duobutton a:last-child {
35        width: 101px;
36}
37#tributton a {
38        width: 106px;
39}
40#duobutton .links {
41        width: 195px;
42}
43#tributton .links {
44        width: 302px;
45}
46#doublead {
47        width: 300px!important;
48}
49#duoselectionbuttons {
50        width: 191px;
51        height: 30px;
52        top: 7px;
53}
54#triselectionbuttons {
55        width: 290px;
56        height: 30px;
57        top: 7px;
58}
59#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
60        width: 99px;
61        height: 28px;
62        line-height: 28px;
63}
64#triselectionbuttons a {
65        width: 98px;
66        height: 28px;
67        line-height: 28px;
68}
69#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
70        width: 99px;
71        height: 28px;
72        line-height: 28px;
73}
74.searchbox form {
75        width: 272px;
76}
77.searchbox input[type="text"] {
78        width: 275px;
79}
80li.menu span.name {
81        max-width: 77%;
82}
83li.checkbox .name {
84        max-width: 190px;
85}
86li.radiobutton .name {
87        max-width: 190px;
88}
89#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
90        line-height: 30px;
91        height: 30px;
92}
93#leftnav img, #rightnav img {
94        margin-top: 4px;
95}
96#leftnav, #leftbutton, #blueleftbutton {
97        top: 7px;
98}
99#rightnav, #rightbutton, #bluerightbutton {
100        top: 7px;
101}
102body.musiclist ul li span.name {
103        max-width:55%
104}
105.textbox textarea {
106        width: 280px;
107}
108}
109@media screen and (min-width: 321px)
110{
111#topbar {
112        height: 32px;
113}
114#title {
115        line-height: 32px;
116        height: 32px;
117        font-size: 13pt;
118}
119li.menu span.name {
120        max-width: 85%;
121}
122li.checkbox .name {
123        max-width: 75%;
124}
125li.radiobutton .name {
126        max-width: 75%;
127}
128#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
129        line-height: 24px;
130        height: 24px;
131}
132#leftnav img, #rightnav img {
133        margin-top: 4px;
134        height: 70%;
135}
136#leftnav, #leftbutton, #blueleftbutton {
137        top: 4px;
138}
139#rightnav, #rightbutton, #bluerightbutton {
140        top: 4px;
141}
142body.musiclist ul li span.name {
143        max-width:70%
144}
145.textbox textarea {
146        width: 440px;
147}
148#tributton a:first-child, #duobutton a:first-child {
149        width: 152px;
150}
151#tributton a:last-child, #duobutton a:last-child {
152        width: 152px;
153}
154#tributton a {
155        width: 154px;
156}
157#tributton .links {
158        width: 452px;
159}
160#duobutton .links {
161        width: 298px;
162}
163#doublead {
164        width: 350px!important;
165}
166#duoselectionbuttons {
167        width: 293px;
168        height: 24px;
169        top: 4px;
170}
171#triselectionbuttons {
172        width: 450px;
173        height: 24px;
174        top: 4px;
175}
176#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
177        width: 150px;
178        height: 22px;
179        line-height: 22px;
180}
181#triselectionbuttons a {
182        width: 156px;
183        height: 22px;
184        line-height: 22px;
185}
186#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
187        width: 150px;
188        height: 22px;
189        line-height: 22px;
190}
191.searchbox form {
192        width: 432px;
193}
194.searchbox input[type="text"] {
195        width: 435px;
196}
197}
198#topbar.black {
199        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858585), color-stop(3%, #636363), color-stop(50%, #202020), color-stop(51%, black), color-stop(97%, black), to(#262626));
200}
201#topbar.transparent {
202        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(133,133,133,0.7)), color-stop(3%, rgba(99,99,99,0.7)), color-stop(50%, rgba(32,32,32,0.7)), color-stop(51%, rgba(0,0,0,0.7)), color-stop(97%, rgba(0,0,0,0.7)), to(rgba(38,38,38,0.7)));
203}
204#topbar {
205        position: relative;
206        left: 0;
207        top: 0;
208        width: auto;
209        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd5df), color-stop(3%, #b0bccd), color-stop(50%, #889bb3), color-stop(51%, #8195af), color-stop(97%, #6d84a2), to(#2d3642));
210        margin-bottom: 13px;
211}
212#title {
213        position: absolute;
214        font-weight: bold;
215        top: 0;
216        left: 0;
217        right: 0;
218        padding: 0 10px;
219        text-align: center;
220        text-overflow: ellipsis;
221        white-space: nowrap;
222        overflow: hidden;
223        color: #FFF;
224        text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
225}
226}
227#content {
228        width: 100%;
229        position: relative;
230        min-height: 250px;
231        margin-top: 10px;
232        height: auto;
233        z-index: 0;
234        overflow: hidden;
235}
236#footer {
237        text-align: center;
238        position: relative;
239        margin: 20px 10px 0;
240        height: auto;
241        width: auto;
242        bottom: 10px;
243}
244body.ipodlist #footer, body.ipodlist #footer a {
245        text-shadow: #FFF 0 -1px 0;
246}
247#footer a, #footer {
248        text-decoration: none;
249        font-size: 9pt;
250        color: #4C4C4C;
251        text-shadow: #FFF 0 1px 0;
252}
253.pageitem {
254        -webkit-border-radius: 8px;
255        background-color: #fff;
256        border: #878787 solid 1px;
257        font-size: 12pt;
258        overflow: hidden;
259        padding: 0;
260        position: relative;
261        display: block;
262        height: auto;
263        width: auto;
264        margin: 3px 9px 17px;
265        list-style: none;
266}
267.textbox {
268        padding: 5px 9px;
269        position: relative;
270        overflow: hidden;
271        border-top: 1px solid #878787;
272}
273#tributton, #duobutton {
274        height: 44px;
275        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd4d9), color-stop(3%, #c0c9cf), color-stop(97%, #abb7bf),to(#81929f));
276        margin: -13px 0 13px 0;
277        text-align: center;
278}
279#tributton .links, #duobutton .links {
280        height: 30px;
281        -webkit-border-image: url("../images/tributton.png") 0 4 0 4;
282        border-width: 0 4px 0 4px;
283        margin: 0 auto 0px auto;
284        position: relative;
285        top: 7px;
286}
287#tributton a:first-child, #duobutton a:first-child {
288        border-right: 1px solid #6d7e91;
289        -webkit-border-top-left-radius: 5px;
290        -webkit-border-bottom-left-radius: 5px;
291        margin-left: -4px;
292}
293#tributton a, #duobutton a {
294        text-overflow: ellipsis;
295        overflow: hidden;
296        white-space: nowrap;
297        height: 27px;
298        display: inline-block;
299        line-height: 27px;
300        margin-top: 1px;
301        font: bold 13px;
302        text-decoration: none;
303        color: #3f5c84;
304        text-shadow: #FFF 0 1px 0;
305}
306#duobutton a:last-child {
307        border: 0;
308}
309#tributton a:last-child {
310        border-left: 1px solid #6d7e91;
311}
312#tributton a:last-child, #duobutton a:last-child {
313        -webkit-border-top-right-radius: 5px;
314        -webkit-border-bottom-right-radius: 5px;
315        margin-right: -4px;
316}
317#tributton a:hover, #tributton a#pressed, #duobutton a:hover, #duobutton a#pressed {
318        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b8b9f), color-stop(3%, #8c9baf), to(#647792));
319        color: white;
320        text-shadow: black 0 -1px 0;
321}
322#triselectionbuttons, #duoselectionbuttons {
323        -webkit-border-image: url('../images/navbutton.png') 0 5 0 5;
324        border-width: 0 5px 0 5px;
325        position: relative;
326        margin: auto;
327}
328#duoselectionbuttons a:first-child {
329        border: 0;
330}
331#triselectionbuttons a:first-child {
332        border-right: solid 1px #556984;
333}
334#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child {
335        margin-left: -4px;
336        -webkit-border-top-left-radius: 6px;
337        -webkit-border-bottom-left-radius: 6px;
338}
339#triselectionbuttons a, #duoselectionbuttons a {
340        display: inline-block;
341        text-align: center;
342        color: white;
343        text-decoration: none;
344        margin-top: 1px;
345        text-shadow: black 0 -1px 0;
346        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#909baa), color-stop(3%, #a5b4c6), color-stop(50%, #798eaa), color-stop(51%, #6b83a1), color-stop(97%, #6e85a3), to(#526379));
347}
348#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child {
349        border-left: solid 1px #556984;
350        margin-right: -4px;
351        -webkit-border-top-right-radius: 6px;
352        -webkit-border-bottom-right-radius: 6px;
353}
354#triselectionbuttons a:hover, #triselectionbuttons a#pressed, #duoselectionbuttons a:hover, #duoselectionbuttons a#pressed {
355        background: none;
356}
357#doublead {
358        height: 83px!important;
359        position: relative;
360        margin: 0 auto 13px auto;
361}
362#doublead a:first-child {
363        left: 0!important;
364}
365#doublead a:last-child {
366        right: 0!important;
367}
368#doublead a {
369        width: 147px!important;
370        height: 83px!important;
371        position: absolute;
372        -webkit-border-radius: 8px;
373        display: block;
374        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2));
375}
376li#doublead {
377        margin-top: 25px;
378        margin-bottom: 10px!important;
379        background: none;
380}
381li#doublead:hover {
382        background: none;
383}
384.searchbox {
385        height: 44px;
386        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f4), color-stop(3%, #e0e4e7), color-stop(50%, #c7cfd4), color-stop(51%, #bec7cd), color-stop(97%, #b4bec6), to(#8999a5));
387        margin: -13px 0 13px 0;
388        width: 100%;
389}
390.searchbox form {
391        height: 24px;
392        -webkit-border-image: url('../images/searchfield.png') 4 14 1 24;
393        border-width: 4px 14px 1px 24px;
394        display: block;
395        position: relative;
396        top: 8px;
397        margin: auto;
398}
399fieldset {
400        border: 0;
401        margin: 0;
402        padding: 0;
403}
404.searchbox input[type="text"] {
405        border: 0;
406        -webkit-appearance: none;
407        height: 18px;
408        float: left;
409        font-size: 13px;
410        padding: 0;
411        position: relative;
412        top: 2px;
413        left: 2px;
414}
415.textbox img {
416        max-width: 100%;
417}
418.textbox p {
419        margin-top: 2px;
420}
421.textbox p {
422        margin-top: 2px;
423        color: #000;
424        margin-bottom: 2px;
425        text-align: justify;
426}
427.textbox img {
428        max-width: 100%;
429}
430.textbox ul {
431        margin: 3px 0 3px 0;
432        list-style: circle!important;
433}
434.textbox li {
435        margin: 0!important;
436}
437.pageitem li:first-child, .pageitem li.form:first-child {
438        border-top: 0;
439}
440li.menu, li.checkbox, li.radiobutton, li.select, li.button, li.bigfield, li.smallfield {
441        position: relative;
442        list-style-type: none;
443        display: block;
444        height: 43px;
445        overflow: hidden;
446        border-top: 1px solid #878787;
447        width: auto;
448}
449ul.pageitem li:first-child:hover, .pageitem li:first-child a, li.radiobutton:first-child input, li.select:first-child select, li.button:first-child input, .bigfield:first-child input {
450        -webkit-border-top-left-radius: 8px;
451        -webkit-border-top-right-radius: 8px;
452}
453ul.pageitem li:last-child:hover, .pageitem li:last-child a, li.radiobutton:last-child input, li.select:last-child select, li.button:last-child input, .bigfiel:last-child input {
454        -webkit-border-bottom-left-radius: 8px;
455        -webkit-border-bottom-right-radius: 8px;
456}
457li.menu:hover, li.store:hover, body.list div#content li a:hover, body.list li.withimage:hover, body.applist li:hover:nth-child(n),body.ipodlist li:hover:nth-child(n) {
458        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#058cf5), to(#015fe6));
459}
460body.ipodlist li:hover:nth-child(n) .name,body.ipodlist li:hover:nth-child(n) .time{border:0}
461li.menu a:hover span.name, li.menu a:hover span.comment, li.store:hover .starcomment, li.store:hover .name, li.store:hover .comment, body.list li.withimage a:hover .comment {
462        color: #fff;
463}
464li.menu a:hover span.comment {
465        color: #CCF;
466}
467li.menu a {
468        display: block;
469        height: 43px;
470        width: auto;
471        text-decoration: none;
472}
473li.menu a img {
474        width: auto;
475        height: 32px;
476        margin: 5px 0 0 5px;
477        float: left;
478}
479li.menu span.name, li.checkbox .name, li.radiobutton .name {
480        margin: 11px 0 0 7px;
481        width: auto;
482        color: #000;
483        font-weight: bold;
484        font-size: 17px;
485        text-overflow: ellipsis;
486        overflow: hidden;
487        white-space: nowrap;
488        float: left;
489}
490li.menu span.comment {
491        margin: 11px 30px 0 0;
492        width: auto;
493        font-size: 17px;
494        text-overflow: ellipsis;
495        overflow: hidden;
496        max-width: 75%;
497        white-space: nowrap;
498        float: right;
499        color: #324f85;
500}
501li.menu span.arrow, li.store span.arrow, body.musiclist span.arrow, body.list span.arrow {
502        position: absolute;
503        width: 8px!important;
504        height: 13px!important;
505        right: 10px;
506        top: 15px;
507        margin: 0!important;
508        background: url("../images/arrow.png") 0 0 no-repeat;
509}
510body.applist span.arrow {
511        position: absolute;
512        width: 8px!important;
513        height: 13px!important;
514        right: 10px;
515        top: 29px;
516        margin: 0!important;
517        background: url("../images/arrow.png") 0 0 no-repeat;
518}
519li.store {
520        height: 90px;
521        border-top: #878787 solid 1px;
522        overflow: hidden;
523        position: relative;
524}
525li.store a {
526        width: 100%;
527        height: 90px;
528        display: block;
529        text-decoration: none;
530        position: absolute;
531}
532li.store .image {
533        position: absolute;
534        left: 0;
535        top: 0;
536        height: 90px;
537        width: 90px;
538        display: block;
539        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eff1f5), to(#d6dce6));
540        -webkit-background-size: 90px;
541}
542body.applist .image {
543        width: 57px;
544        height: 57px;
545        display: block;
546        position: absolute;
547        top: 7px;
548        left: 11px;
549        -webkit-border-radius: 8px;
550        -webkit-box-shadow: 0 2px 3px rgb(0,0,0);
551        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), color-stop(3%, #858585), color-stop(97%, #a4a4a4),to(#c2c2c2));
552        -webkit-background-size: 57px;
553}
554li:first-child.store .image, li.store:first-child a {
555        -webkit-border-top-left-radius: 8px 8px;
556}
557li:last-child.store .image, li.store:last-child a {
558        -webkit-border-bottom-left-radius: 8px 8px;
559}
560li.store .name, body.applist .name {
561        font-size: 15px;
562        white-space: nowrap;
563        display: block;
564        overflow: hidden;
565        color: #000;
566        max-width: 60%;
567        text-overflow: ellipsis;
568        font-weight: bold;
569}
570li.store .name {
571        position: absolute;
572        left: 95px;
573        top: 35px;
574}
575body.applist .name {
576        position: absolute;
577        top: 27px;
578        left: 80px;
579        text-shadow: #eeeeee 0 1px 0;
580}
581li.store .comment, body.list li.withimage .comment, body.applist .comment, body.applist .price {
582        font-size: 12px;
583        color: #7f7f7f;
584        display: block;
585        width: 60%;
586        font-weight: bold;
587        white-space: nowrap;
588        text-overflow: ellipsis;
589        overflow: hidden;
590}
591li.store .comment, body.list li.withimage .comment {
592        margin: 16px 0 0 95px;
593}
594body.applist .comment {
595        position: absolute;
596        top: 9px;
597        left: 80px;
598        text-shadow: #eeeeee 0 1px 0;
599        color: #3b3b3b;
600}
601body.applist .price {
602        position: absolute;
603        top: 29px;
604        right: 26px;
605        text-shadow: #eeeeee 0 1px 0;
606        text-align: right;
607        color: #3b3b3b;
608}
609li.store .arrow, body.list li.withimage .arrow {
610        top: 39px!important;
611}
612li.store .stars0, li.store .stars1, li.store .stars2, li.store .stars3, li.store .stars4, li.store .stars5 {
613        position: absolute;
614        top: 56px;
615        left: 95px;
616        width: 65px;
617        height: 18px;
618        display: block!important;
619}
620li.store .stars0 {
621        background: url('../images/0starsborder.png');
622}
623li.store .stars1 {
624        background: url('../images/1starsborder.png');
625}
626li.store .stars2 {
627        background: url('../images/2starsborder.png');
628}
629li.store .stars3 {
630        background: url('../images/3starsborder.png');
631}
632li.store .stars4 {
633        background: url('../images/4starsborder.png');
634}
635li.store .stars5, body.applist .stars5 {
636        background: url('../images/5stars.png');
637}
638body.applist .stars0, body.applist .stars1, body.applist .stars2, body.applist .stars3, body.applist .stars4, body.applist .stars5 {
639        position: absolute;
640        top: 46px;
641        left: 79px;
642        width: 65px;
643        height: 18px;
644        display: block!important;
645}
646body.applist .stars0 {
647        background: url('../images/0stars.png');
648}
649body.applist .stars1 {
650        background: url('../images/1stars.png');
651}
652body.applist .stars2 {
653        background: url('../images/2stars.png');
654}
655body.applist .stars3 {
656        background: url('../images/3stars.png');
657}
658body.applist .stars4 {
659        background: url('../images/4stars.png');
660}
661body.applist .starcomment {
662        left: 147px;
663        top: 46px;
664        color: #3b3b3b;
665}
666.starcomment {
667        position: absolute;
668        left: 165px;
669        top: 56px;
670        font-size: 12px;
671        color: #7f7f7f;
672        font-weight: lighter;
673}
674body.applist a:hover .name, body.applist a:hover .starcomment, body.applist a:hover .comment, body.applist a:hover .price {
675        color: white;
676        text-shadow: none;
677}
678.graytitle {
679        position: relative;
680        font-weight: bold;
681        font-size: 17px;
682        right: 20px;
683        left: 9px;
684        color: #4C4C4C;
685        text-shadow: #FFF 0 1px 0;
686        padding: 1px 0 3px 8px;
687}
688.header {
689        display: block;
690        font-weight: bold;
691        color: rgb(73,102,145);
692        font-size: 12pt;
693        margin-bottom: 6px;
694        line-height: 14pt;
695}
696body.musiclist div#content, body.ipodlist div#content, body.applist div#content {
697        width: auto;
698        margin: -16px auto auto -40px;
699}
700body.musiclist li:nth-child(odd) {
701        background: #dddee0
702}
703body.applist li:nth-child(even) {
704        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#adadb0), color-stop(98%, #adadb0), to(#898a8d))
705}
706body.applist li:nth-child(odd) {
707        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98989c), color-stop(98%, #98989c), to(#898a8d))
708
709}
710body.ipodlist li:nth-child(even) {
711        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(45,45,45,0.2)), to(rgba(45,45,45,0.2)))
712}
713body.ipodlist li:nth-child(odd) {
714        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#414041), color-stop(3%, rgba(50,50,50,0.4)), to(rgba(50,50,50,0.4)))
715}
716body.musiclist div#content ul li, body.ipodlist div#content ul li, body.applist div#content ul li {
717        list-style: none;
718        width: auto;
719        position: relative;
720}
721body.musiclist div#content ul li {
722        height: 44px;
723        border-bottom: 1px solid #e6e6e6;
724}
725body.applist div#content ul li {
726        height: 70px;
727        margin-bottom: 1px;
728}
729body.ipodlist div#content ul li {
730        height: 42px;
731}
732body.ipodlist div#content {
733        background: -webkit-gradient(radial, 50% -70, 0, 50% 0, 200, from(#444444), to(rgb(13, 13, 13))) rgb(13, 13, 13);
734}
735body.musiclist div#content ul li a, body.ipodlist div#content ul li a {
736        text-decoration: none;
737        color: #000;
738        width: 100%!important;
739        height: 100%;
740        display: block;
741}
742body.applist div#content ul li a {
743        text-decoration: none;
744        color: #000;
745        width: 100%;
746        height: 100%;
747        display: block;
748}
749body.musiclist ul li .number, body.musiclist .name, body.musiclist .time {
750        display: inline-block;
751        height: 44px;
752        font-weight: bold;
753        font-size: large;
754        width: 44px;
755        text-align: center;
756        line-height: 46px;
757}
758body.musiclist ul li .name {
759        margin-left: 0;
760        width: auto!important;
761        font-size: medium;
762        padding-left: 5px;
763        border-left: solid 1px #e6e6e6;
764}
765body.musiclist ul li .time {
766        color: #848484;
767        font-size: medium;
768        margin-left: 4px;
769        width: auto!important;
770        font-weight: normal;
771}
772body.musiclist {
773        background-image: none!important;
774        background-color: #cbcccf;
775}
776body.ipodlist {
777        background-image: none!important;
778        background-color: black;
779}
780body.applist {
781        background-image: none!important;
782        background-color: #98989c;
783}
784body.ipodlist span {
785        color: white;
786        font-weight: bold;
787        font-size: 14px;
788}
789body.musiclist ul li span.name {
790        text-overflow: ellipsis;
791        overflow: hidden;
792        white-space: nowrap;
793}
794body.musiclist a:hover span.name {
795        color: #0380f2;
796}
797body.ipodlist .number {
798        width: 23px;
799        display: block;
800        float: left;
801        height: 42px;
802        margin-right: 3px;
803        text-align: right;
804        line-height: 43px;
805}
806body.ipodlist .stop, body.ipodlist .auto, body.ipodlist .play {
807        width: 18px;
808        display: block;
809        float: left;
810        height: 10px;
811        text-align: right;
812        line-height: 43px;
813        margin-top: 16px;
814}
815body.ipodlist .play {
816        background: url('../images/play.gif') no-repeat;
817}
818body.ipodlist a:hover .auto, body.ipodlist a:hover .play {
819        background: url('../images/play.gif') no-repeat;
820        background-position: 0 -10px;
821}
822body.ipodlist .time {
823        width: 48px;
824        float: right;
825        border-left: solid #414041 1px;
826        display: block;
827        height: 42px;
828        text-align: center;
829        line-height: 43px;
830}
831body.ipodlist .name {
832        display: block;
833        float: left;
834        width: inherit;
835        height: 42px;
836        text-overflow: ellipsis;
837        line-height: 42px;
838        padding-left: 5px;
839        overflow: hidden;
840        white-space: nowrap;
841        max-width: 62%;
842        border-left: solid #414041 1px;
843}
844body.list ul li.title {
845        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b1ba), color-stop(3%, #909faa), color-stop(97%, #b5bfc6), to(#989ea4));
846        height: 22px!important;
847        width: 100%;
848        color: #fff;
849        font-weight: bold;
850        font-size: 16px;
851        text-shadow: gray 0 1px 0;
852        line-height: 22px;
853        padding-left: 20px;
854        border-bottom: none!important;
855}
856body.list ul {
857        background-color: #fff;
858        width: 100%;
859        overflow: hidden;
860        padding: 0;
861        margin: 0;
862}
863body.list div#content li {
864        height: 40px;
865        border-bottom: 1px solid #e1e1e1;
866        list-style: none;
867}
868body.list {
869        background-color: #fff;
870        background-image: none!important;
871}
872body.list div#footer {
873        margin-top: 24px!important;
874}
875body.list div#content li a {
876        padding: 9px 0 0 20px;
877        font-size: large;
878        font-weight: bold;
879        position: relative;
880        display: block;
881        color: #000;
882        text-decoration: none;
883        height: 32px;
884}
885body.list div#content li a span.name {
886        text-overflow: ellipsis;
887        overflow: hidden;
888        max-width: 93%;
889        white-space: nowrap;
890        display: block;
891}
892body.list div#content li a:hover {
893        color: #fff;
894}
895body.list div#content {
896        margin-top: -13px!important;
897}
898body.list ul img {
899        width: 90px;
900        height: 90px;
901        position: absolute;
902        left: 0;
903        top: 0;
904}
905body.list li.withimage {
906        height: 90px!important;
907}
908body.list li.withimage span.name {
909        margin: 13px 0 0 90px;
910        text-overflow: ellipsis;
911        overflow: hidden;
912        max-width: 63%!important;
913        white-space: nowrap;
914}
915body.list li.withimage .comment {
916        margin: 10px auto auto 90px !important;
917        max-width: 63%!important;
918}
919body.list li.withimage a, body.list li.withimage:hover a {
920        height: 81px!important;
921}
922#leftnav, #leftbutton, #blueleftbutton {
923        position: absolute;
924        font-size: 12px;
925        left: 9px;
926        font-weight: bold;
927}
928#leftnav, #leftbutton, #rightnav, #rightbutton, #blueleftbutton, #bluerightbutton {
929        z-index: 5000;
930}
931#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
932        display: block;
933        color: #fff;
934        text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
935        text-decoration: none;
936}
937.black #leftnav a:first-child, .transparent #leftnav a:first-child {
938        -webkit-border-image: url("../images/navleftblack.png") 0 5 0 13;
939}
940.black #leftnav a, .transparent #leftnav a {
941        -webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
942}
943.black #rightnav a:first-child, .transparent #rightnav a:first-child {
944        -webkit-border-image: url("../images/navrightblack.png") 0 13 0 5;
945}
946.black #rightnav a, .transparent #rightnav a {
947        -webkit-border-image: url("../images/navlinkrightblack.png") 0 13 0 5;
948}
949.black #leftbutton a, .black #rightbutton a, .transparent #leftbutton a, .transparent #rightbutton a {
950        -webkit-border-image: url("../images/navbuttonblack.png") 0 5 0 5;
951}
952#leftnav a:first-child {
953        z-index: 2;
954        -webkit-border-image: url("../images/navleft.png") 0 5 0 13;
955        border-width: 0 5px 0 13px;
956        -webkit-border-top-left-radius: 16px;
957        -webkit-border-bottom-left-radius: 16px;
958        -webkit-border-top-right-radius: 6px;
959        -webkit-border-bottom-right-radius: 6px;
960        width: auto;
961}
962#leftnav a {
963        -webkit-border-image: url("../images/navlinkleft.png") 0 5 0 13;
964        z-index: 3;
965        margin-left: -4px;
966        border-width: 0 5px 0 13px;
967        padding-right: 4px;
968        -webkit-border-top-left-radius: 16px;
969        -webkit-border-bottom-left-radius: 16px;
970        -webkit-border-top-right-radius: 6px;
971        -webkit-border-bottom-right-radius: 6px;
972        float: left;
973}
974#rightnav, #rightbutton, #bluerightbutton {
975        position: absolute;
976        font-size: 12px;
977        right: 9px;
978        font-weight: bold;
979}
980#rightnav a {
981        -webkit-border-image: url("../images/navlinkright.png") 0 13 0 5;
982        z-index: 3;
983        margin-right: -4px;
984        border-width: 0 13px 0 5px;
985        padding-left: 4px;
986        -webkit-border-top-left-radius: 6px;
987        -webkit-border-bottom-left-radius: 6px;
988        float: right;
989        -webkit-border-top-right-radius: 16px;
990        -webkit-border-bottom-right-radius: 16px;
991}
992#rightnav a:first-child {
993        z-index: 2;
994        -webkit-border-top-left-radius: 6px;
995        -webkit-border-bottom-left-radius: 6px;
996        -webkit-border-image: url("../images/navright.png") 0 13 0 5;
997        border-width: 0 13px 0 5px;
998        -webkit-border-top-right-radius: 16px;
999        -webkit-border-bottom-right-radius: 16px;
1000}
1001#leftbutton a, #rightbutton a {
1002        -webkit-border-image: url("../images/navbutton.png") 0 5 0 5;
1003        border-width: 0 5px;
1004        -webkit-border-radius: 6px;
1005}
1006#blueleftbutton a, #bluerightbutton a {
1007        -webkit-border-image: url("../images/navbuttonblue.png") 0 5 0 5;
1008        border-width: 0 5px;
1009        -webkit-border-radius: 6px;
1010}
1011.rssxpresschannel {
1012        font-family: helvetica,sans-serif;
1013        border: 0;
1014}
1015}
1016.rssxpresschtitle {
1017        text-align: center;
1018}
1019.rssxpresschdesc {
1020        color: #000;
1021        text-align: center;
1022        border-bottom: 1px solid #000;
1023        padding-bottom: 5px;
1024}
1025.rssxpressittitle {
1026        display: block;
1027        font-size: 12pt;
1028        background: #fff;
1029        margin: 5px 0 2px;
1030}
1031.rssxpressittitle a {
1032        text-decoration: none!important;
1033        font-weight: bold;
1034        color: rgb(73,102,145);
1035        line-height: 10pt;
1036}
1037.rssxpressitdesc {
1038        background: #fff;
1039        font-size: 10pt;
1040}
1041.rssxpressdivider {
1042        display: none;
1043}
1044input[type="checkbox"] {
1045        width: 94px;
1046        height: 27px;
1047        background: url('../images/checkbox.png');
1048        -webkit-appearance: none;
1049        border: 0;
1050        float: right;
1051        margin: 8px 4px 0 0;
1052}
1053input[type="checkbox"]:checked {
1054        background-position: 0 27px;
1055}
1056input[type="radio"] {
1057        -webkit-appearance: none;
1058        border: 0;
1059        width: 100%;
1060        height: 100%;
1061        z-index: 2;
1062        position: absolute;
1063        left: 0;
1064        margin: 0;
1065        -webkit-border-radius: 0;
1066}
1067input[type="radio"]:checked {
1068        background: url('../images/radiobutton.png') no-repeat;
1069        background-position: right center;
1070}
1071.radiobutton .name {
1072        z-index: 1;
1073}
1074select {
1075        -webkit-appearance: none;
1076        height: 100%;
1077        width: 100%;
1078        border: 0;
1079}
1080li.select select {
1081        -webkit-border-radius: 0;
1082        color: #000;
1083        font-weight: bold;
1084        font-size: 17px;
1085}
1086li.select option {
1087        max-width: 90%;
1088}
1089li.select .arrow {
1090        background: url('../images/arrow.png');
1091        width: 8px;
1092        height: 13px;
1093        display: block;
1094        -webkit-transform: rotate(90deg);
1095        position: absolute;
1096        right: 10px;
1097        top: 18px;
1098}
1099.button input {
1100        width: 100%;
1101        height: 100%;
1102        -webkit-appearance: none;
1103        border: 0;
1104        -webkit-border-radius: 0;
1105        font-weight: bold;
1106        font-size: 17px;
1107        text-overflow: ellipsis;
1108        white-space: nowrap;
1109        overflow: hidden;
1110        background:white
1111}
1112.textbox textarea {
1113        text-align: center;
1114        padding: 0;
1115        margin-top: 5px;
1116}
1117.bigfield input {
1118        -webkit-appearance: none;
1119        border: 0;
1120        width: 100%;
1121        height: 100%;
1122        padding: 0;
1123        -webkit-border-radius: 0;
1124        background: transparent;
1125        font-weight: bold;
1126        font-size: 17px;
1127        padding-left: 5px;
1128}
1129.smallfield .name {
1130        width: 48%;
1131        position: absolute;
1132        left: 0;
1133        font-size: 17px;
1134        text-overflow: ellipsis;
1135        white-space: nowrap;
1136        font-weight: bold;
1137        line-height: 44px;
1138        font-size: 17px;
1139        padding-left: 5px;
1140        overflow: hidden;
1141}
1142.smallfield input {
1143        width: 50%;
1144        position: absolute;
1145        right: 0;
1146        height: 44px;
1147        -webkit-appearance: none;
1148        border: none;
1149        padding: 0;
1150        background: transparent;
1151        -webkit-border-radius: 0;
1152        font-weight: bold;
1153        font-size: 17px;
1154}
1155.smallfield:first-child input {
1156        -webkit-border-top-right-radius: 8px;
1157}
1158.smallfield:last-child input {
1159        -webkit-border-bottom-right-radius: 8px;
1160}
Note: See TracBrowser for help on using the repository browser.