← Back to branch summary

~dongpo-deng/sahana-eden/test

« back to all changes in this revision

Viewing changes to static/styles/S3/sahana.css

  • Committer: Deng Dongpo
  • Date: 2010-08-01 09:29:44 UTC
  • Revision ID: dongpo@dhcp-21193.iis.sinica.edu.tw-20100801092944-8t9obt4xtl7otesb
initial

Show diffs side-by-side

added added

removed removed

Lines of Context:
static/styles/S3/sahana.css
 
1
@charset "UTF-8";
 
2
 
 
3
/*
 
4
Sahana - Default Theme - Stylesheet
 
5
-----------------------------------------------------------------------------------
 
6
designer : Prabhath Sirisena - prabhath@vesess.com - http://nidahas.com
 
7
updated : Priyanga Fonseka  - jo@opensource.lk
 
8
updated for SahanaPy : Fran Boon  - francisboon@gmail.com
 
9
Some content used from: http://matthewjamestaylor.com/blog/perfect-full-page.htm
 
10
 
 
11
Selectors are listed in their order of appearance in the html, where applicable.
 
12
----------------------------------------------------------------------------------
 
13
 
 
14
  |---- Neutralizing Styles
 
15
  |---- Basic Page Formatting Styles
 
16
  |---- Header
 
17
    +---- menu_auth
 
18
  |---- menu_modules
 
19
  |---- Content ( Home, Result, Module specific styles )
 
20
  |---- Footer
 
21
  |---- Form Layout Styles
 
22
  |---- Popup Form Styles
 
23
  |---- Popup Menu Styles
 
24
  |---- Message Display Styles
 
25
 
 
26
*/
 
27
 
 
28
/* Neutralizing Styles
 
29
   ------------------------------------------------------------------------------- */
 
30
/* Neutralize styling: Elements we want to clean out entirely */
 
31
html,
 
32
body,
 
33
form,
 
34
fieldset,
 
35
textarea { margin: 0;
 
36
           padding: 0;
 
37
           font: 100%/125% Arial, Helvetica, sans-serif; }
 
38
 
 
39
/* Neutralize styling: Elements with a vertical margin */
 
40
h1, h2, h3, h4, h5, h6, p, pre,
 
41
blockquote, ul, ol, dl,
 
42
address { margin: 0 0 1em 0;
 
43
          padding: 0;  }
 
44
 
 
45
/* Apply left margin: Only to the few elements that need it */
 
46
dd, blockquote { margin-left: 1em; }
 
47
/* Breaks CSS dropdown menus
 
48
li { margin-left: 1em; }
 
49
*/
 
50
 
 
51
/* Clear floats without structural markup */
 
52
.clearfix:after { content: ".";
 
53
                  display: block;
 
54
                  height: 0;
 
55
                  clear: both;
 
56
                  visibility: hidden; }
 
57
 
 
58
/* Hides from IE-mac */
 
59
* html .clearfix { height: 1%; }
 
60
 
 
61
/* Basic Page Formatting Styles
 
62
   ------------------------------------------------------------------------------- */
 
63
body { font-size: 0.8em;
 
64
       color: #000;
 
65
       background: #336699;
 
66
       direction: ltr; }
 
67
 
 
68
/* Miscellaneous conveniences: */
 
69
form label { cursor: pointer; }
 
70
fieldset { border: none; }
 
71
input, select, textarea { font-size: 100%; }
 
72
.hide { display: none;  }
 
73
.mini { font-size: 80%; }
 
74
.wide { width: 100%; }
 
75
 
 
76
/* Input fields should give visual feedback when focussed */
 
77
input:focus { background-color: #ffffcc; }
 
78
select:focus { background-color: #ffffcc; }
 
79
textarea:focus { background-color: #ffffcc; }
 
80
 
 
81
/* Links should ALWAYS be unvisited */
 
82
a { color: #039;
 
83
    text-decoration: underline; outline:0; }
 
84
a:hover { color: #c00;
 
85
          text-decoration: none;
 
86
          background-color: #ffffcc;
 
87
          outline:0; }
 
88
a:active,
 
89
a:focus { outline:0; }
 
90
a img { border:none; }
 
91
 
 
92
table { border-collapse: collapse }
 
93
 
 
94
/* Now to layout elements... */
 
95
#header { border-bottom: #069 1px solid;
 
96
          padding: 0 1em;
 
97
          height: 70px;
 
98
          position: relative;
 
99
          background: url(../../YOURLOGOHERE) #336699 no-repeat left top; }
 
100
 
 
101
/* response.menu_modules */
 
102
#menu_modules { position: relative;
 
103
                height: 36px;
 
104
                background: #CACACA  url(../../img/S3menu_back.png) repeat-x;
 
105
                padding-top: 0px;
 
106
                z-index: 9;
 
107
                min-width: 800px; }
 
108
 
 
109
#modulenav { position: relative;
 
110
             margin: 0px; }
 
111
 
 
112
#modulenav,
 
113
#modulenav li,
 
114
#modulenav ul { list-style: none; }
 
115
#modulenav li div a { color: #000; }
 
116
#modulenav a { text-decoration: none; }
 
117
#modulenav a:hover { color: #000;
 
118
                     background: none; }
 
119
#modulenav li li a { display: block;
 
120
                     font-weight: normal;
 
121
                     padding: 5px 5px 5px 5px; }
 
122
#modulenav li li a:hover { background: #d2eaff;
 
123
                           color: #000; }
 
124
#modulenav li { float: left;
 
125
                position: relative;
 
126
                text-align: left;
 
127
                cursor: default;
 
128
                border-width: 1px 0; }
 
129
 
 
130
/* Menu Buttons */
 
131
#modulenav li div { text-align:center;
 
132
                    background: url(../../img/S3menu_side.png) right 10px no-repeat;
 
133
                    text-shadow: 1px 1px 1px #ffffff;
 
134
                    padding: 8px 10px 5px 15px; }
 
135
#modulenav li div.hovered,
 
136
#modulenav li div:hover { background: #676767 url(../../img/S3menu_hilight.png) repeat-x; }
 
137
 
 
138
/* Menu Popups */
 
139
#modulenav li ul { display: none;
 
140
                   position: absolute;
 
141
                   top: 100%;
 
142
                   left: 0;
 
143
                   font-weight: normal;
 
144
                   text-align: left;
 
145
                   background: #fff;
 
146
                   border: #dedede 1px solid;
 
147
                   -moz-border-radius: 5px;
 
148
                   -webkit-border-radius: 5px;
 
149
                   -moz-box-shadow: 1px 1px 5px #454545;
 
150
                   -webkit-box-shadow: 1px 1px 5px #454545;}
 
151
#modulenav li>ul { top: auto;
 
152
                   left: auto; }
 
153
#modulenav li li { display: block;
 
154
                   float: none;
 
155
                   border: 0; }
 
156
#modulenav li:hover ul { display: block; }
 
157
#modulenav li.over ul { display: block; }
 
158
 
 
159
.S3menulogo { background: url(../../img/S3menu_logo.png) left top no-repeat;
 
160
              text-shadow: none;
 
161
              padding: none;
 
162
              width: 35px;
 
163
              height: 28px;
 
164
              display: inline-block;
 
165
              position: absolute;
 
166
              top: 3px;
 
167
              left: 2px; }
 
168
.S3menuHome { padding-left: 20px; }
 
169
 
 
170
/* response.menu_options */
 
171
#menu_options { position: relative;
 
172
                height: 26px;
 
173
                background: #CACACA;
 
174
                padding-top: 0px;
 
175
                z-index: 8;
 
176
                min-width: 800px; }
 
177
 
 
178
#subnav { position: relative; margin: 0px; padding-left: 5px;}
 
179
#subnav,
 
180
#subnav li,
 
181
#subnav ul { list-style: none; }
 
182
#subnav li div a { color: #000; }
 
183
#subnav a { text-decoration: none;  }
 
184
#subnav a:hover { color: #000;
 
185
                  background: none; }
 
186
#subnav li li a { display: block;
 
187
                  font-weight: normal;
 
188
                  padding: 5px 5px 5px 10px; }
 
189
#subnav li li a:hover { background: #d2eaff;
 
190
                        color: #000; }
 
191
#subnav li { float: left;
 
192
             position: relative;
 
193
             text-align: left;
 
194
             cursor: default;
 
195
             border-width: 1px 0; }
 
196
 
 
197
/* Menu Buttons */
 
198
#subnav li div { text-align:center;
 
199
                 background: url(../../img/S3menu_side.png) right 6px no-repeat;
 
200
                 text-shadow: 1px 1px 1px #ffffff;
 
201
                 padding: 4px 10px 2px 10px; }
 
202
#subnav li div.hovered,
 
203
#subnav li div:hover { background: #fff;
 
204
                       -moz-border-radius: 5px;
 
205
                       -webkit-border-radius: 5px;}
 
206
 
 
207
/* Menu Popups */
 
208
#subnav li ul { display: none;
 
209
                position: absolute;
 
210
                top: 100%;
 
211
                left: 0;
 
212
                font-weight: normal;
 
213
                text-align:left;
 
214
                background: #fff;
 
215
                border:#dedede 1px solid;
 
216
                -moz-border-radius: 5px;
 
217
                -webkit-border-radius: 5px;
 
218
                -moz-box-shadow: 1px 1px 5px #454545;
 
219
                -webkit-box-shadow: 1px 1px 5px #454545;
 
220
}
 
221
#subnav li>ul { top: auto;
 
222
                left: auto; }
 
223
#subnav li li { display: block;
 
224
                float: none;
 
225
                border: 0; }
 
226
#subnav li:hover ul,
 
227
#subnav li.over ul { display: block; }
 
228
 
 
229
/* Column container */
 
230
.colmask {
 
231
    position: relative;  /* This fixes the IE7 overflow hidden bug */
 
232
    clear: both;
 
233
    float: left;
 
234
    width: 100%;         /* width of whole page */
 
235
    overflow: hidden;    /* This chops off any overhanging divs */
 
236
}
 
237
 
 
238
/* common column settings */
 
239
.col3left { float:left;
 
240
            width:33%;
 
241
            position:relative; }
 
242
.col3mid, .col3right { float:right;
 
243
                       width:33%;
 
244
                       position:relative; }
 
245
.col2left { float:left;
 
246
            width:49%;
 
247
            position:relative; }
 
248
.col2right { float:right;
 
249
             width:49%;
 
250
             position:relative; }
 
251
.col1, .col2, .col3 { float:left;
 
252
                      position:relative;
 
253
                      padding:0 0 1em 0;
 
254
                      overflow:hidden; }
 
255
 
 
256
/* Full page settings */
 
257
.fullpage {
 
258
    background: #ccc;    /* page background colour */
 
259
    padding-top: 1px;
 
260
}
 
261
.fullpage .col1 {
 
262
    width: 98%;         /* page width minus left and right padding */
 
263
    left: 1%;           /* page left padding */
 
264
}
 
265
 
 
266
/* common styles */
 
267
#content {
 
268
    background: #fff;
 
269
    border: 1px solid #bbb;
 
270
    margin: 5px;
 
271
    padding: 0px 30px 10px 30px;
 
272
    margin-bottom: 2px;
 
273
    -moz-box-shadow: 0px 0px 7px #888;
 
274
    -webkit-box-shadow: 0px 0px 7px #888;
 
275
    -moz-border-radius: 10px 10px 10px 10px;
 
276
    -webkit-border-radius: 10px 10px 10px 10px;
 
277
}
 
278
#content h1,
 
279
#content h2 { color: #006699;
 
280
              font-size: 16px;
 
281
              font-weight: bolder;
 
282
              background: #006699_background;
 
283
              border: 1px #c6d1f5 solid;
 
284
              padding: 6px 10px 7px 10px;
 
285
              margin: 0px -30px 10px -30px;
 
286
              border-bottom: 1px solid #bbb;
 
287
              text-shadow: 1px 2px 1px #fff;
 
288
              -moz-border-radius: 10px 10px 0px 0px;
 
289
              -webkit-border-radius: 10px 10px 0px 0px;
 
290
}
 
291
#content h3 { color:#006699;
 
292
              font-size:14px;
 
293
              font-weight:bolder;
 
294
              border-bottom:1px #006699 solid;
 
295
              margin-bottom:10px; }
 
296
#content h4 { color:#006699;
 
297
              margin-top:10px;
 
298
              font-size:13px;
 
299
              font-weight:bolder;
 
300
              border-bottom:1px #003366 dotted;
 
301
              margin-bottom:10px; }
 
302
 
 
303
/* other styles */
 
304
/*#home { border: 10px #fff solid; }*/
 
305
#home p { text-align:center;
 
306
          text-align:justify;
 
307
          line-height:1.25; }
 
308
#home h2 { font-size:16px;
 
309
           text-align:center; }
 
310
#footer { margin: 0 auto;
 
311
          clear: both;
 
312
          float: left;
 
313
          width:100%;
 
314
          text-align: center;
 
315
          color: #666;
 
316
          background: #336699 url(../../img/footback.gif) repeat-x;
 
317
          border-top: #fff 1px solid;
 
318
          padding-top:20px; }
 
319
a.help, a:link.help { color: #fff;
 
320
                      text-decoration: none;
 
321
                      margin-right: 10px; }
 
322
a:hover.help { background-color: #336699;
 
323
               text-decoration: underline; }
 
324
a:visited.help { font-weight: normal;
 
325
                 color: #666; }
 
326
p { padding: 5px;
 
327
    margin: 0; }
 
328
 
 
329
/* Form Layout styles */
 
330
p.legend { margin-bottom: 1em; }
 
331
p.legend em { color: #c00;
 
332
              font-style: normal; }
 
333
 
 
334
div.form-container { width: 100%;
 
335
                     overflow: auto; }
 
336
div.form-container form { padding: 5px;
 
337
                          background-color: #fff;
 
338
                          border: #eee 1px solid;
 
339
                          background-color: #fbfbfb; }
 
340
div.form-container p { margin: 0.5em 0 0 0; }
 
341
div.form-container form p { margin: 0; }
 
342
div.form-container form p.note { font-style: italic;
 
343
                                 margin-left: 18em;
 
344
                                 font-size: 80%;
 
345
                                 color: #666; }
 
346
div.form-container form input,
 
347
div.form-container form select { padding: 1px;
 
348
                                 margin: 2px 0 2px 0; }
 
349
div.form-container form fieldset { margin:0 0 10px 0;
 
350
                                   padding: 10px;
 
351
                                   border: #ddd 1px solid;
 
352
                                   background-color:#fff;}
 
353
div.form-container form legend { font-weight: bold;
 
354
                                 color: #666; }
 
355
div.form-container form fieldset div.brake { padding: 0.3em; }
 
356
div.form-container form fieldset label{ position:relative;
 
357
                                        margin-right: 10px;
 
358
                                        padding-right: 10px;
 
359
                                        width: 15em;
 
360
                                        display: block;
 
361
                                        float: left;
 
362
                                        text-align: right;
 
363
                                        min-height:1em;
 
364
                                        top:0.25em;}
 
365
div.form-container form fieldset label.errorfield,
 
366
div.form-container form fieldset span.errorfield { color: #c00; }
 
367
div.form-container form fieldset label.value{display:block;
 
368
                                             text-align:left;
 
369
                                             width:auto;}
 
370
div.form-container form fieldset input.errorfield { border-color: #c00;
 
371
                                                    background-color: #fef; }
 
372
div.form-container form fieldset input:focus,
 
373
div.form-container form fieldset input.errorfield:focus,
 
374
div.form-container form fieldset textarea:focus { background-color: #ffffcc;
 
375
                                                  border-color: #fc6;  }
 
376
div.form-container div.controlset label,
 
377
div.form-container div.controlset input { display: inline;
 
378
                                          float: none; }
 
379
div.form-container div.controlset div { margin-left: 15em; }
 
380
div.form-container div.buttonrow { margin-left: 180px; }
 
381
 
 
382
/* Tabular data view */
 
383
div#table-container { width: 100%;
 
384
                      overflow: auto; }
 
385
div#table-container th { border: 1px solid #ccc; }
 
386
div#table-container tr.even td { border: 1px solid #ccc;
 
387
                                 text-align: center;}
 
388
div#table-container tr.odd td { border: 1px solid #ccc;
 
389
                                text-align: center; }
 
390
 
 
391
/* Display view */
 
392
div.item-container { width: 100%;
 
393
                     overflow: auto; }
 
394
div.item-container { margin: 5px 0 5px 0; }
 
395
 
 
396
/* Map view */
 
397
div#map { width: 100%;
 
398
          overflow: auto; }
 
399
 
 
400
/* Big Buttons (e.g. RMS) */
 
401
div.question-container { text-align:center;
 
402
                         width:8em;
 
403
                         background-color:#F3F6FF;
 
404
                         border: solid 3px #bbb;
 
405
                         padding:1.5em;
 
406
                         font-size:large;
 
407
                         overflow: auto; }
 
408
 
 
409
/* Required Field indicator */
 
410
.req { color: red;
 
411
       font-weight: bold;  }
 
412
 
 
413
/* For Key - ugly! */
 
414
.red { color: red; }
 
415
 
 
416
/* Help Popup */
 
417
.tooltip,
 
418
.ajaxtip { position:static;
 
419
           text-transform:uppercase;
 
420
           height:20px;
 
421
           width:50px;
 
422
           background-image: url(../../img/help_off.gif); }
 
423
 
 
424
.tooltip span,
 
425
.ajaxtip span { display:none; }
 
426
.tooltip:hover,
 
427
.ajaxtip:hover { background-color:transparent;
 
428
                 background-image: url(../../img/help_on.gif); }
 
429
 
 
430
/* Form Popup */
 
431
div#popup {background: #fff;}
 
432
 
 
433
/* Message Flash styles */
 
434
div.confirmation { color:#070;
 
435
                   font-weight: bold;
 
436
                   text-align: center;
 
437
                   border: #070 1px solid;
 
438
                   background: url(../../img/dialog-confirmation.png) #e5ffe5 no-repeat 5px 5px;
 
439
                   margin-top: 0.0em;
 
440
                   margin-bottom: 1.0em;
 
441
                   padding-top: 1.0em;
 
442
                   padding-bottom: 1.0em;
 
443
                   cursor: pointer; }
 
444
.confirmation p em { color:#070; }
 
445
.error { color:#c00;
 
446
         font-weight: bold;
 
447
         text-align: center;
 
448
         border:  #c00 1px solid;
 
449
         background: url(../../img/dialog-error.png) #ffe5e5 no-repeat 5px 5px;
 
450
         margin-top: 0.0em;
 
451
         margin-bottom: 1.0em;
 
452
         padding-top: 1.0em;
 
453
         padding-bottom: 1.0em;
 
454
         cursor: pointer; }
 
455
.error p em { color:#c00; }
 
456
.information { color:#748d8e;
 
457
               font-weight: bold;
 
458
               text-align: center;
 
459
               border: #9ed8d7 1px solid;
 
460
               background: url(../../img/dialog-information.png) #ecfdff no-repeat 5px 5px;
 
461
               margin-top: 0.0em;
 
462
               margin-bottom: 1.0em;
 
463
               padding-top: 1.0em;
 
464
               padding-bottom: 1.0em;
 
465
               cursor: pointer; }
 
466
.information p em { color:#748d8e;  }
 
467
.warning { color:#c00;
 
468
           font-weight: bold;
 
469
           text-align: center;
 
470
           border: #fc6 1px solid;
 
471
           background: url(../../img/dialog-warning.png) #ffc no-repeat 5px 5px;
 
472
           margin-top: 0.0em;
 
473
           margin-bottom: 1.0em;
 
474
           padding-top: 1.0em;
 
475
           padding-bottom: 1.0em;
 
476
           cursor: pointer; }
 
477
.warning p em { color:#c00;  }
 
478
 
 
479
/* Resource header */
 
480
div#rheader { margin-bottom: 16px; }
 
481
div#rheader table { width: 100%; }
 
482
div#rheader th { text-align: left;
 
483
                 width: 10%; }
 
484
div#rheader td { text-align: left;
 
485
                 padding: 1px 6px 1px 1px;
 
486
                 width: 20%; }
 
487
div#rheader_tabs { width: 100%;
 
488
                   padding: 10px 0px 2px 0px;
 
489
                   margin-bottom: 5px;
 
490
                   border-bottom: 1px solid #bbb;
 
491
                   text-align: left; }
 
492
 
 
493
div#rheader_tabs span { padding: 1px 3px 3px 3px;
 
494
                        -moz-border-radius: 3px 3px 0px 0px;
 
495
                        -webkit-border-radius: 3px 3px 0px 0px; }
 
496
 
 
497
div#rheader_tabs span.rheader_tab_other { border: 1px solid #bbb; border-bottom: 0; }
 
498
div#rheader_tabs span.rheader_tab_here { border: 2px solid #6699cc; border-bottom: 0; }
 
499
 
 
500
div#rheader_tabs span.rheader_tab_other a { color: #bbb;
 
501
                                            text-decoration: None; }
 
502
 
 
503
div#rheader_tabs span.rheader_tab_here a { color: #006699;
 
504
                                            text-decoration: None; }
 
505
 
 
506
/* Ext button (e.g. on Bulk Upload form */
 
507
#show-dialog-btn { border:1px solid #efefef;
 
508
                   margin:10px;
 
509
                   padding:10px; }
 
510
 
 
511
/* Delphi Decision Maker */
 
512
.delphi_wide li { padding: 5px 20px;
 
513
                  font-weight: bold; }
 
514
 
 
515
.delphi_wide tr td { padding: 4px 30px;
 
516
                     border-bottom: 1px dotted; }
 
517
.delphi_wide thead { font-weight: bold; }
 
518
#delphi_pairs tr td { padding: 12px 30px; }
 
519
#delphi_problem_header a,
 
520
#delphi_problem_header strong { font-size: 105%;
 
521
                                float: right;
 
522
                                padding: 3px 10px;
 
523
                                margin: 1px; }
 
524
.delphi_post_title { background: #729fcf;
 
525
                     padding: 3px 5px; }
 
526
.delphi_post { border: 1px dotted;
 
527
               margin: 5px 10px;
 
528
               padding: 2px; }
 
529
.delphi_post blockquote { margin: 2px 10px; }
 
530
.delphi_quote { cursor: pointer;
 
531
                color: white;
 
532
                font-weight: bold;
 
533
                font-size: 85%;
 
534
                padding: 1px 5px; }
 
535
.delphi_q1 { border-left: 4px solid #edd400;
 
536
             padding-left: 10px;
 
537
             color: #555753; }
 
538
.delphi_q2 { border-left: 4px solid #3465a4; padding-left: 20px; color: #888a85; }
 
539
.delphi_q3 { border-left: 4px solid #73d216; padding-left: 30px; color: #555753; }
 
540
.delphi_q4 { border-left: 4px solid #f57900; padding-left: 40px; color: #888a85; }
 
541
.delphi_q5 { border-left: 4px solid #ef2929; padding-left: 50px; color: #555753; }
 
542
.delphi_q6 { border-left: 4px solid #75507b; padding-left: 60px; color: #888a85; }
 
543
.delphi_post_text {     display: none; }
 
544
.delphi_post_dbtitle { font-weight: bold;}
 
545
 
 
546
.action-btn { text-decoration: none;
 
547
                color: #006699;
 
548
                background-color: #006699_background;
 
549
                border-right: 1px solid #6699cc;
 
550
                border-bottom: 1px solid #6699cc;
 
551
                border-left: 1px solid #c6d1f5;
 
552
                border-top: 1px solid #c6d1f5;
 
553
                padding: 2px 4px 2px 4px; }
 
554
 
 
555
.action-btn:hover { text-decoration: none;
 
556
                      color: #fff;
 
557
                      background-color: #3377bb;
 
558
                      border-right: 1px solid #4589ce;
 
559
                      border-bottom: 1px solid #4589ce;
 
560
                      border-left: 1px solid #000;
 
561
                      border-top: 1px solid #000;
 
562
                      padding: 2px 4px 2px 4px; }
 
563
 
 
564
/* Home page specific */
 
565
#logo {width: 350px;
 
566
       height: 70px;
 
567
       background: url(../../YOURLOGOHERE) top right;
 
568
       margin: 0 0 0 0px; }
 
569
 
 
570
.modlist { list-style: none;
 
571
           clear: both;
 
572
           padding: 0px 5%; }
 
573
 
 
574
.modlist li { display: inline-block;
 
575
              float: left;
 
576
              margin: 5px;
 
577
              padding: 10px;
 
578
              width: 180px;
 
579
              height: 80px;
 
580
              overflow: auto;
 
581
              background: #E0F4FD url(../../img/home_modulebuttons.gif) repeat-x;
 
582
              border: 1px solid #ababab;
 
583
              -moz-border-radius: 10px;
 
584
              -webkit-border-radius: 10px;
 
585
              -moz-box-shadow: 2px 2px 5px #aaa;
 
586
              -webkit-box-shadow: 2px 2px 5px #aaa;
 
587
}
 
588
.modlist li.hovered,
 
589
.modlist li:hover{ background: #ffff99; }
 
590
.modlist li strong a { text-decoration: none;
 
591
                       font-size: 14px; }
 
592
.modlist li strong { display: block; margin-bottom: 5px; }
 
593
 
 
594
#list_formats { float: right; }