Django

Code

Changeset 9299

Show
Ignore:
Timestamp:
10/31/08 17:19:21 (2 months ago)
Author:
wilson
Message:

Reformatted contrib.admin CSS to use multi-line selector format so changes can be tracked more easily in version control.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • django/trunk/django/contrib/admin/media/css/changelists.css

    r3415 r9299  
    22 
    33/* CHANGELISTS */ 
    4 #changelist { position:relative; width:100%; } 
    5 #changelist table { width:100%; } 
    6 .change-list .filtered table { border-right:1px solid #ddd;  } 
    7 .change-list .filtered { min-height:400px; } 
    8 .change-list .filtered { background:white url(../img/admin/changelist-bg.gif) top right repeat-y !important; } 
    9 .change-list .filtered table, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull { margin-right:160px !important; width:auto !important; } 
    10 .change-list .filtered table tbody th { padding-right:1em; } 
    11 #changelist .toplinks { border-bottom:1px solid #ccc !important; } 
    12 #changelist .paginator { color:#666; border-top:1px solid #eee; border-bottom:1px solid #eee; background:white url(../img/admin/nav-bg.gif) 0 180% repeat-x; overflow:hidden; } 
    13 .change-list .filtered .paginator { border-right:1px solid #ddd; } 
    14  
    15 /*  CHANGELIST TABLES  */ 
    16 #changelist table thead th { white-space:nowrap; } 
    17 #changelist table tbody td { border-left: 1px solid #ddd; } 
    18 #changelist table tfoot { color: #666; } 
    19  
    20 /*  TOOLBAR  */ 
    21 #changelist #toolbar { padding:3px; border-bottom:1px solid #ddd; background:#e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; color:#666; } 
    22 #changelist #toolbar form input { font-size:11px; padding:1px 2px; } 
    23 #changelist #toolbar form #searchbar { padding:2px; } 
    24 #changelist #changelist-search img { vertical-align:middle; } 
    25  
    26 /*  FILTER COLUMN  */ 
    27 #changelist-filter { position:absolute; top:0; right:0; z-index:1000; width:160px; border-left:1px solid #ddd; background:#efefef; margin:0; } 
    28 #changelist-filter h2 { font-size:11px; padding:2px 5px; border-bottom:1px solid #ddd; } 
    29 #changelist-filter h3 { font-size:12px; margin-bottom:0; } 
    30 #changelist-filter ul { padding-left:0;margin-left:10px; } 
    31 #changelist-filter li { list-style-type:none; margin-left:0; padding-left:0; } 
    32 #changelist-filter a { color:#999; } 
    33 #changelist-filter a:hover { color:#036; } 
    34 #changelist-filter li.selected { border-left:5px solid #ccc; padding-left:5px;margin-left:-10px; } 
    35 #changelist-filter li.selected a { color:#5b80b2 !important; } 
    36  
    37 /*  DATE DRILLDOWN  */ 
    38 .change-list ul.toplinks { display:block; background:white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x; border-top:1px solid white; float:left;  padding:0 !important;  margin:0 !important; width:100%; } 
    39 .change-list ul.toplinks li { float: left; width: 9em; padding:3px 6px; font-weight: bold; list-style-type:none; } 
    40 .change-list ul.toplinks .date-back a { color:#999; } 
    41 .change-list ul.toplinks .date-back a:hover { color:#036; } 
     4 
     5#changelist { 
     6    position: relative; 
     7    width: 100%; 
     8
     9 
     10#changelist table { 
     11    width: 100%; 
     12
     13 
     14.change-list .filtered table { 
     15    border-right: 1px solid #ddd; 
     16
     17 
     18.change-list .filtered { 
     19    min-height: 400px; 
     20
     21 
     22.change-list .filtered { 
     23    background: white url(../img/admin/changelist-bg.gif) top right repeat-y !important; 
     24
     25 
     26.change-list .filtered table, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull { 
     27    margin-right: 160px !important; 
     28    width: auto !important; 
     29
     30 
     31.change-list .filtered table tbody th { 
     32    padding-right: 1em; 
     33
     34 
     35#changelist .toplinks { 
     36    border-bottom: 1px solid #ccc !important; 
     37
     38 
     39#changelist .paginator { 
     40    color: #666; 
     41    border-top: 1px solid #eee; 
     42    border-bottom: 1px solid #eee; 
     43    background: white url(../img/admin/nav-bg.gif) 0 180% repeat-x; 
     44    overflow: hidden; 
     45
     46 
     47.change-list .filtered .paginator { 
     48    border-right: 1px solid #ddd; 
     49
     50 
     51/* CHANGELIST TABLES */ 
     52 
     53#changelist table thead th { 
     54    white-space: nowrap; 
     55
     56 
     57#changelist table tbody td { 
     58    border-left: 1px solid #ddd; 
     59
     60 
     61#changelist table tfoot { 
     62    color: #666; 
     63
     64 
     65/* TOOLBAR */ 
     66 
     67#changelist #toolbar { 
     68    padding: 3px; 
     69    border-bottom: 1px solid #ddd; 
     70    background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; 
     71    color: #666; 
     72
     73 
     74#changelist #toolbar form input { 
     75    font-size: 11px; 
     76    padding: 1px 2px; 
     77
     78 
     79#changelist #toolbar form #searchbar { 
     80    padding: 2px; 
     81
     82 
     83#changelist #changelist-search img { 
     84    vertical-align: middle; 
     85
     86 
     87/* FILTER COLUMN */ 
     88 
     89#changelist-filter { 
     90    position: absolute; 
     91    top: 0; 
     92    right: 0; 
     93    z-index: 1000; 
     94    width: 160px; 
     95    border-left: 1px solid #ddd; 
     96    background: #efefef; 
     97    margin: 0; 
     98
     99 
     100#changelist-filter h2 { 
     101    font-size: 11px; 
     102    padding: 2px 5px; 
     103    border-bottom: 1px solid #ddd; 
     104
     105 
     106#changelist-filter h3 { 
     107    font-size: 12px; 
     108    margin-bottom: 0; 
     109
     110 
     111#changelist-filter ul { 
     112    padding-left: 0; 
     113    margin-left: 10px; 
     114
     115 
     116#changelist-filter li { 
     117    list-style-type: none; 
     118    margin-left: 0; 
     119    padding-left: 0; 
     120
     121 
     122#changelist-filter a { 
     123    color: #999; 
     124
     125 
     126#changelist-filter a:hover { 
     127    color: #036; 
     128
     129 
     130#changelist-filter li.selected { 
     131    border-left: 5px solid #ccc; 
     132    padding-left: 5px; 
     133    margin-left: -10px; 
     134
     135 
     136#changelist-filter li.selected a { 
     137    color: #5b80b2 !important; 
     138
     139 
     140/* DATE DRILLDOWN */ 
     141 
     142.change-list ul.toplinks { 
     143    display: block; 
     144    background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x; 
     145    border-top: 1px solid white; 
     146    float: left; 
     147    padding: 0 !important; 
     148    margin: 0 !important; 
     149    width: 100%; 
     150
     151 
     152.change-list ul.toplinks li { 
     153    float: left; 
     154    width: 9em; 
     155    padding: 3px 6px; 
     156    font-weight: bold; 
     157    list-style-type: none; 
     158
     159 
     160.change-list ul.toplinks .date-back a { 
     161    color: #999; 
     162
     163 
     164.change-list ul.toplinks .date-back a:hover { 
     165    color: #036; 
     166
    42167 
    43168/* PAGINATOR */ 
    44 .paginator { font-size:11px; padding-top:10px; padding-bottom:10px; line-height:22px; margin:0; border-top:1px solid #ddd; } 
    45 .paginator a:link, .paginator a:visited { padding:2px 6px; border:solid 1px #ccc; background:white; text-decoration:none; } 
    46 .paginator a.showall { padding:0 !important; border:none !important; } 
    47 .paginator a.showall:hover { color:#036 !important; background:transparent !important; } 
    48 .paginator .end { border-width:2px !important; margin-right:6px; } 
    49 .paginator .this-page { padding:2px 6px; font-weight:bold; font-size:13px; vertical-align:top; } 
    50 .paginator a:hover { color:white; background:#5b80b2; border-color:#036; } 
     169 
     170.paginator { 
     171    font-size: 11px; 
     172    padding-top: 10px; 
     173    padding-bottom: 10px; 
     174    line-height: 22px; 
     175    margin: 0; 
     176    border-top: 1px solid #ddd; 
     177
     178 
     179.paginator a:link, .paginator a:visited { 
     180    padding: 2px 6px; 
     181    border: solid 1px #ccc; 
     182    background: white; 
     183    text-decoration: none; 
     184
     185 
     186.paginator a.showall { 
     187    padding: 0 !important; 
     188    border: none !important; 
     189
     190 
     191.paginator a.showall:hover { 
     192    color: #036 !important; 
     193    background: transparent !important; 
     194
     195 
     196.paginator .end { 
     197    border-width: 2px !important; 
     198    margin-right: 6px; 
     199
     200 
     201.paginator .this-page { 
     202    padding: 2px 6px; 
     203    font-weight: bold; 
     204    font-size: 13px; 
     205    vertical-align: top; 
     206
     207 
     208.paginator a:hover { 
     209    color: white; 
     210    background: #5b80b2; 
     211    border-color: #036; 
     212
     213 
  • django/trunk/django/contrib/admin/media/css/dashboard.css

    r2809 r9299  
    22 
    33/* DASHBOARD */ 
    4 .dashboard .module table th { width:100%; } 
    5 .dashboard .module table td { white-space:nowrap; } 
    6 .dashboard .module table td a { display:block; padding-right:.6em; } 
    74 
    8 /*  RECENT ACTIONS MODULE  */ 
    9 .module ul.actionlist { margin-left:0; } 
    10 ul.actionlist li { list-style-type:none; } 
     5.dashboard .module table th { 
     6    width: 100%; 
     7
     8 
     9.dashboard .module table td { 
     10    white-space: nowrap; 
     11
     12 
     13.dashboard .module table td a { 
     14    display: block; 
     15    padding-right: .6em; 
     16
     17 
     18/* RECENT ACTIONS MODULE */ 
     19 
     20.module ul.actionlist { 
     21    margin-left: 0; 
     22
     23 
     24ul.actionlist li { 
     25    list-style-type: none; 
     26
  • django/trunk/django/contrib/admin/media/css/forms.css

    r9039 r9299  
    33 
    44/* FORM ROWS */ 
    5 .form-row { overflow:hidden; padding:8px 12px; font-size:11px; border-bottom:1px solid #eee; } 
    6 .form-row img, .form-row input { vertical-align:middle; } 
    7 form .form-row p { padding-left:0; font-size:11px; } 
     5 
     6.form-row { 
     7    overflow: hidden; 
     8    padding: 8px 12px; 
     9    font-size: 11px; 
     10    border-bottom: 1px solid #eee; 
     11
     12 
     13.form-row img, .form-row input { 
     14    vertical-align: middle; 
     15
     16 
     17form .form-row p { 
     18    padding-left: 0; 
     19    font-size: 11px; 
     20
    821 
    922/* FORM LABELS */ 
    10 form h4 { margin:0 !important; padding:0 !important; border:none !important; } 
    11 label { font-weight:normal !important; color:#666; font-size:12px; } 
    12 .required label, label.required { font-weight:bold !important; color:#333 !important; } 
     23 
     24form h4 { 
     25    margin: 0 !important; 
     26    padding: 0 !important; 
     27    border: none !important; 
     28
     29 
     30label { 
     31    font-weight: normal !important; 
     32    color: #666; 
     33    font-size: 12px; 
     34
     35 
     36.required label, label.required { 
     37    font-weight: bold !important; 
     38    color: #333 !important; 
     39
    1340 
    1441/* RADIO BUTTONS */ 
    15 form ul.radiolist li { list-style-type:none; } 
    16 form ul.radiolist label { float:none; display:inline; } 
    17 form ul.inline { margin-left:0; padding:0; } 
    18 form ul.inline li { float:left; padding-right:7px; } 
     42 
     43form ul.radiolist li { 
     44    list-style-type: none; 
     45
     46 
     47form ul.radiolist label { 
     48    float: none; 
     49    display: inline; 
     50
     51 
     52form ul.inline { 
     53    margin-left: 0; 
     54    padding: 0; 
     55
     56 
     57form ul.inline li { 
     58    float: left; 
     59    padding-right: 7px; 
     60
    1961 
    2062/* ALIGNED FIELDSETS */ 
    21 .aligned label { display:block; padding:3px 10px 0 0; float:left; width:8em; } 
    22 .colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { width:350px; } 
    23 form .aligned p, form .aligned ul { margin-left:7em; padding-left:30px; } 
    24 form .aligned table p { margin-left:0; padding-left:0; } 
    25 form .aligned p.help { padding-left:38px; } 
    26 .aligned .vCheckboxLabel { float:none !important; display:inline; padding-left:4px; } 
    27 .colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { width:610px; } 
    28 .checkbox-row p.help { margin-left:0; padding-left:0 !important; } 
    29 fieldset .field-box { float:left; margin-right: 20px; } 
     63 
     64.aligned label { 
     65    display: block; 
     66    padding: 3px 10px 0 0; 
     67    float: left; 
     68    width: 8em; 
     69
     70 
     71.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { 
     72    width: 350px; 
     73
     74 
     75form .aligned p, form .aligned ul { 
     76    margin-left: 7em; 
     77    padding-left: 30px; 
     78
     79 
     80form .aligned table p { 
     81    margin-left: 0; 
     82    padding-left: 0; 
     83
     84 
     85form .aligned p.help { 
     86    padding-left: 38px; 
     87
     88 
     89.aligned .vCheckboxLabel { 
     90    float: none !important; 
     91    display: inline; 
     92    padding-left: 4px; 
     93
     94 
     95.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { 
     96    width: 610px; 
     97
     98 
     99.checkbox-row p.help { 
     100    margin-left: 0; 
     101    padding-left: 0 !important; 
     102
     103 
     104fieldset .field-box { 
     105    float: left; 
     106    margin-right: 20px; 
     107
    30108 
    31109/* WIDE FIELDSETS */ 
    32 .wide label { width:15em !important; } 
    33 form .wide p { margin-left:15em; } 
    34 form .wide p.help { padding-left:38px; } 
    35 .colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField { width:450px; } 
     110 
     111.wide label { 
     112    width: 15em !important; 
     113
     114 
     115form .wide p { 
     116    margin-left: 15em; 
     117
     118 
     119form .wide p.help { 
     120    padding-left: 38px; 
     121
     122 
     123.colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField { 
     124    width: 450px; 
     125
    36126 
    37127/* COLLAPSED FIELDSETS */ 
    38 fieldset.collapsed * { display:none; } 
    39 fieldset.collapsed h2, fieldset.collapsed { display:block !important; } 
    40 fieldset.collapsed h2 { background-image:url(../img/admin/nav-bg.gif); background-position:bottom left; color:#999; } 
    41 fieldset.collapsed .collapse-toggle { padding:3px 5px !important; background:transparent; display:inline !important;} 
     128 
     129fieldset.collapsed * { 
     130    display: none; 
     131
     132 
     133fieldset.collapsed h2, fieldset.collapsed { 
     134    display: block !important; 
     135
     136 
     137fieldset.collapsed h2 { 
     138    background-image: url(../img/admin/nav-bg.gif); 
     139    background-position: bottom left; 
     140    color: #999; 
     141
     142 
     143fieldset.collapsed .collapse-toggle { 
     144    padding: 3px 5px !important; 
     145    background: transparent; 
     146    display: inline !important; 
     147
    42148 
    43149/* MONOSPACE TEXTAREAS */ 
    44 fieldset.monospace textarea { font-family:"Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace; } 
     150 
     151fieldset.monospace textarea { 
     152    font-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace; 
     153
    45154 
    46155/* SUBMIT ROW */ 
    47 .submit-row { padding:5px 7px; text-align:right; background:white url(../img/admin/nav-bg.gif) 0 100% repeat-x; border:1px solid #ccc; margin:5px 0; overflow:hidden; } 
    48 .submit-row input { margin:0 0 0 5px; } 
    49 .submit-row p { margin:0.3em; } 
    50 .submit-row p.deletelink-box { float: left; } 
    51 .submit-row .deletelink { background:url(../img/admin/icon_deletelink.gif) 0 50% no-repeat; padding-left:14px; } 
     156 
     157.submit-row { 
     158    padding: 5px 7px; 
     159    text-align: right; 
     160    background: white url(../img/admin/nav-bg.gif) 0 100% repeat-x; 
     161    border: 1px solid #ccc; 
     162    margin: 5px 0; 
     163    overflow: hidden; 
     164
     165 
     166.submit-row input { 
     167    margin: 0 0 0 5px; 
     168
     169 
     170.submit-row p { 
     171    margin: 0.3em; 
     172
     173 
     174.submit-row p.deletelink-box { 
     175    float: left; 
     176
     177 
     178.submit-row .deletelink { 
     179    background: url(../img/admin/icon_deletelink.gif) 0 50% no-repeat; 
     180    padding-left: 14px; 
     181
    52182 
    53183/* CUSTOM FORM FIELDS */ 
    54 .vSelectMultipleField { vertical-align:top !important; } 
    55 .vCheckboxField { border:none; } 
    56 .vDateField, .vTimeField { margin-right:2px; } 
    57 .vURLField { width:30em; } 
    58 .vLargeTextField, .vXMLLargeTextField { width:48em; } 
    59 .flatpages-flatpage #id_content { height:40.2em; } 
    60 .module table .vPositiveSmallIntegerField { width:2.2em; } 
    61 .vTextField { width:20em; } 
    62 .vIntegerField { width:5em; } 
    63 .vForeignKeyRawIdAdminField { width: 5em; } 
     184 
     185.vSelectMultipleField { 
     186    vertical-align: top !important; 
     187
     188 
     189.vCheckboxField { 
     190    border: none; 
     191
     192 
     193.vDateField, .vTimeField { 
     194    margin-right: 2px; 
     195
     196 
     197.vURLField { 
     198    width: 30em; 
     199
     200 
     201.vLargeTextField, .vXMLLargeTextField { 
     202    width: 48em; 
     203
     204 
     205.flatpages-flatpage #id_content { 
     206    height: 40.2em; 
     207
     208 
     209.module table .vPositiveSmallIntegerField { 
     210    width: 2.2em; 
     211
     212 
     213.vTextField { 
     214    width: 20em; 
     215
     216 
     217.vIntegerField { 
     218    width: 5em; 
     219
     220 
     221.vForeignKeyRawIdAdminField { 
     222    width: 5em; 
     223
    64224 
    65225/* INLINES */ 
    66 .inline-group {padding:0; border:1px solid #ccc; margin:10px 0;} 
    67 .inline-group .aligned label { width: 8em; } 
    68  
    69 .inline-related {position:relative;} 
    70 .inline-related h3 {margin: 0; color:#666; padding:3px 5px; font-size:11px; background:#e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; border-bottom:1px solid #ddd;} 
    71 .inline-related h3 span.delete {padding-left:20px; position:absolute; top:2px; right:10px;} 
    72 .inline-related h3 span.delete label {margin-left:2px; font-size: 11px;} 
    73 .inline-related fieldset {margin: 0; background:#fff; border: none; } 
    74 .inline-related fieldset.module h3 { margin:0; padding:2px 5px 3px 5px; font-size:11px; text-align:left; font-weight:bold; background:#bcd; color:#fff; } 
    75 .inline-related.tabular fieldset.module table {width:100%;} 
    76 .last-related fieldset {border: none;} 
    77  
    78 .inline-group .tabular tr.has_original td {padding-top:2em;} 
    79 .inline-group .tabular tr td.original { padding:2px 0 0 0; width:0; _position:relative; } 
    80 .inline-group .tabular th.original {width:0px; padding:0;} 
    81 .inline-group .tabular td.original p {position:absolute; left:0; height:1.1em; padding:2px 7px; overflow:hidden; font-size:9px; font-weight:bold; color:#666; _width:700px;     } 
    82 .inline-group ul.tools {padding:0; margin: 0; list-style:none;} 
    83 .inline-group ul.tools li {display:inline; padding:0 5px;} 
    84 .inline-group ul.tools a.add {background:url(../img/admin/icon_addlink.gif) 0 50% no-repeat; padding-left:14px;} 
     226 
     227.inline-group { 
     228    padding: 0; 
     229    border: 1px solid #ccc; 
     230    margin: 10px 0; 
     231
     232 
     233.inline-group .aligned label { 
     234    width: 8em; 
     235
     236 
     237.inline-related { 
     238    position: relative; 
     239
     240 
     241.inline-related h3 { 
     242    margin: 0; 
     243    color: #666; 
     244    padding: 3px 5px; 
     245    font-size: 11px; 
     246    background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; 
     247    border-bottom: 1px solid #ddd; 
     248
     249 
     250.inline-related h3 span.delete { 
     251    padding-left: 20px; 
     252    position: absolute; 
     253    top: 2px; 
     254    right: 10px; 
     255
     256 
     257.inline-related h3 span.delete label { 
     258    margin-left: 2px; 
     259    font-size: 11px; 
     260
     261 
     262.inline-related fieldset { 
     263    margin: 0; 
     264    background: #fff; 
     265    border: none; 
     266
     267 
     268.inline-related fieldset.module h3 { 
     269    margin: 0; 
     270    padding: 2px 5px 3px 5px; 
     271    font-size: 11px; 
     272    text-align: left; 
     273    font-weight: bold; 
     274    background: #bcd; 
     275    color: #fff; 
     276
     277 
     278.inline-related.tabular fieldset.module table { 
     279    width: 100%; 
     280
     281 
     282.last-related fieldset { 
     283    border: none; 
     284
     285 
     286.inline-group .tabular tr.has_original td { 
     287    padding-top: 2em; 
     288
     289 
     290.inline-group .tabular tr td.original { 
     291    padding: 2px 0 0 0; 
     292    width: 0; 
     293    _position: relative; 
     294
     295 
     296.inline-group .tabular th.original { 
     297    width: 0px; 
     298    padding: 0; 
     299
     300 
     301.inline-group .tabular td.original p { 
     302    position: absolute; 
     303    left: 0; 
     304    height: 1.1em; 
     305    padding: 2px 7px; 
     306    overflow: hidden; 
     307    font-size: 9px; 
     308    font-weight: bold; 
     309    color: #666; 
     310    _width: 700px; 
     311
     312 
     313.inline-group ul.tools { 
     314    padding: 0; 
     315    margin: 0; 
     316    list-style: none; 
     317
     318 
     319.inline-group ul.tools li { 
     320    display: inline; 
     321    padding: 0 5px; 
     322
     323 
     324.inline-group ul.tools a.add { 
     325    background: url(../img/admin/icon_addlink.gif) 0 50% no-repeat; 
     326    padding-left: 14px; 
     327
     328 
  • django/trunk/django/contrib/admin/media/css/global.css

    r9077 r9299  
    1 body { margin:0; padding:0; font-size:12px; font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; color:#333; background:#fff; } 
     1body { 
     2    margin: 0; 
     3    padding: 0; 
     4    font-size: 12px; 
     5    font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; 
     6    color: #333; 
     7    background: #fff; 
     8
    29 
    310/* LINKS */ 
    4 a:link, a:visited { color: #5b80b2; text-decoration:none; } 
    5 a:hover { color: #036; } 
    6 a img { border:none; } 
    7 a.section:link, a.section:visited { color: white; text-decoration:none; } 
     11 
     12a:link, a:visited { 
     13    color: #5b80b2; 
     14    text-decoration: none; 
     15
     16 
     17a:hover { 
     18    color: #036; 
     19
     20 
     21a img { 
     22    border: none; 
     23
     24 
     25a.section:link, a.section:visited { 
     26    color: white; 
     27    text-decoration: none; 
     28
    829 
    930/* GLOBAL DEFAULTS */ 
    10 p, ol, ul, dl { margin:.2em 0 .8em 0; } 
    11 p { padding:0; line-height:140%; } 
    12  
    13 h1,h2,h3,h4,h5 { font-weight:bold; } 
    14 h1 { font-size:18px; color:#666; padding:0 6px 0 0; margin:0 0 .2em 0; } 
    15 h2 { font-size:16px; margin:1em 0 .5em 0; } 
    16 h2.subhead { font-weight:normal;margin-top:0; } 
    17 h3 { font-size:14px; margin:.8em 0 .3em 0; color:#666; font-weight:bold; } 
    18 h4 { font-size:12px; margin:1em 0 .8em 0; padding-bottom:3px; } 
    19 h5 { font-size:10px; margin:1.5em 0 .5em 0; color:#666; text-transform:uppercase; letter-spacing:1px; } 
    20  
    21 ul li { list-style-type:square; padding:1px 0; } 
    22 ul.plainlist { margin-left:0 !important; } 
    23 ul.plainlist li { list-style-type:none; } 
    24 li ul { margin-bottom:0; } 
    25 li, dt, dd { font-size:11px; line-height:14px; } 
    26 dt { font-weight:bold; margin-top:4px; } 
    27 dd { margin-left:0; } 
    28  
    29 form { margin:0; padding:0; } 
    30 fieldset { margin:0; padding:0; } 
    31  
    32 blockquote { font-size:11px; color:#777; margin-left:2px; padding-left:10px; border-left:5px solid #ddd; } 
    33 code, pre { font-family:"Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; background:inherit; color:#666; font-size:11px; } 
    34 pre.literal-block { margin:10px; background:#eee; padding:6px 8px; } 
    35 code strong { color:#930; } 
    36 hr { clear:both; color:#eee; background-color:#eee; height:1px; border:none; margin:0; padding:0; font-size:1px; line-height:1px; } 
     31 
     32p, ol, ul, dl { 
     33    margin: .2em 0 .8em 0; 
     34
     35 
     36p { 
     37    padding: 0; 
     38    line-height: 140%; 
     39
     40 
     41h1,h2,h3,h4,h5 { 
     42    font-weight: bold; 
     43
     44 
     45h1 { 
     46    font-size: 18px; 
     47    color: #666; 
     48    padding: 0 6px 0 0; 
     49    margin: 0 0 .2em 0; 
     50
     51 
     52h2 { 
     53    font-size: 16px; 
     54    margin: 1em 0 .5em 0; 
     55
     56 
     57h2.subhead { 
     58    font-weight: normal; 
     59    margin-top: 0; 
     60
     61 
     62h3 { 
     63    font-size: 14px; 
     64    margin: .8em 0 .3em 0; 
     65    color: #666; 
     66    font-weight: bold; 
     67
     68 
     69h4 { 
     70    font-size: 12px; 
     71    margin: 1em 0 .8em 0; 
     72    padding-bottom: 3px; 
     73
     74 
     75h5 { 
     76    font-size: 10px; 
     77    margin: 1.5em 0 .5em 0; 
     78    color: #666; 
     79    text-transform: uppercase; 
     80    letter-spacing: 1px; 
     81
     82 
     83ul li { 
     84    list-style-type: square; 
     85    padding: 1px 0; 
     86
     87 
     88ul.plainlist { 
     89    margin-left: 0 !important; 
     90
     91 
     92ul.plainlist li { 
     93    list-style-type: none; 
     94
     95 
     96li ul { 
     97    margin-bottom: 0; 
     98
     99 
     100li, dt, dd { 
     101    font-size: 11px; 
     102    line-height: 14px; 
     103
     104 
     105dt { 
     106    font-weight: bold; 
     107    margin-top: 4px; 
     108
     109 
     110dd { 
     111    margin-left: 0; 
     112
     113 
     114form { 
     115    margin: 0; 
     116    padding: 0; 
     117
     118 
     119fieldset { 
     120    margin: 0; 
     121    padding: 0; 
     122
     123 
     124blockquote { 
     125    font-size: 11px; 
     126    color: #777; 
     127    margin-left: 2px; 
     128    padding-left: 10px; 
     129    border-left: 5px solid #ddd; 
     130
     131 
     132code, pre { 
     133    font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; 
     134    background: inherit; 
     135    color: #666; 
     136    font-size: 11px; 
     137
     138 
     139pre.literal-block { 
     140    margin: 10px; 
     141    background: #eee; 
     142    padding: 6px 8px; 
     143
     144 
     145code strong { 
     146    color: #930; 
     147
     148 
     149hr { 
     150    clear: both; 
     151    color: #eee; 
     152    background-color: #eee; 
     153    height: 1px; 
     154    border: none; 
     155    margin: 0; 
     156    padding: 0; 
     157    font-size: 1px; 
     158    line-height: 1px; 
     159
    37160 
    38161/* TEXT STYLES & MODIFIERS */ 
    39 .small { font-size:11px; } 
    40 .tiny { font-size:10px; } 
    41 p.tiny { margin-top:-2px; } 
    42 .mini { font-size:9px; } 
    43 p.mini { margin-top:-3px; } 
    44 .help, p.help { font-size:10px !important; color:#999; } 
    45 p img, h1 img, h2 img, h3 img, h4 img, td img { vertical-align:middle; } 
    46 .quiet, a.quiet:link, a.quiet:visited { color:#999 !important;font-weight:normal !important; } 
    47 .quiet strong { font-weight:bold !important; } 
    48 .float-right { float:right; } 
    49 .float-left { float:left; } 
    50 .clear { clear:both; } 
    51 .align-left { text-align:left; } 
    52 .align-right { text-align:right; } 
    53 .example { margin:10px 0; padding:5px 10px; background:#efefef; } 
    54 .nowrap { white-space:nowrap; } 
     162 
     163.small { 
     164    font-size: 11px; 
     165
     166 
     167.tiny { 
     168    font-size: 10px; 
     169
     170 
     171p.tiny { 
     172    margin-top: -2px; 
     173
     174 
     175.mini { 
     176    font-size: 9px; 
     177
     178 
     179p.mini { 
     180    margin-top: -3px; 
     181
     182 
     183.help, p.help { 
     184    font-size: 10px !important; 
     185    color: #999; 
     186
     187 
     188p img, h1 img, h2 img, h3 img, h4 img, td img { 
     189    vertical-align: middle; 
     190
     191 
     192.quiet, a.quiet:link, a.quiet:visited { 
     193    color: #999 !important; 
     194    font-weight: normal !important; 
     195
     196 
     197.quiet strong { 
     198    font-weight: bold !important; 
     199
     200 
     201.float-right { 
     202    float: right; 
     203
     204 
     205.float-left { 
     206    float: left; 
     207
     208 
     209.clear { 
     210    clear: both; 
     211
     212 
     213.align-left { 
     214    text-align: left; 
     215
     216 
     217.align-right { 
     218    text-align: right; 
     219
     220 
     221.example { 
     222    margin: 10px 0; 
     223    padding: 5px 10px; 
     224    background: #efefef; 
     225
     226 
     227.nowrap { 
     228    white-space: nowrap; 
     229
    55230 
    56231/* TABLES */ 
    57 table { border-collapse:collapse; border-color:#ccc; } 
    58 td, th { font-size:11px; line-height:13px; border-bottom:1px solid #eee; vertical-align:top; padding:5px; font-family:"Lucida Grande", Verdana, Arial, sans-serif; } 
    59 th { text-align:left; font-size:12px; font-weight:bold; } 
    60 thead th,  
    61 tfoot td { color:#666; padding:2px 5px; font-size:11px; background:#e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; border-left:1px solid #ddd; border-bottom:1px solid #ddd; } 
    62 tfoot td { border-bottom:none; border-top:1px solid #ddd; } 
    63 thead th:first-child,  
    64 tfoot td:first-child { border-left:none !important; } 
    65 thead th.optional { font-weight:normal !important; } 
    66 fieldset table { border-right:1px solid #eee; } 
    67 tr.row-label td { font-size:9px; padding-top:2px; padding-bottom:0; border-bottom:none; color:#666; margin-top:-1px; } 
    68 tr.alt { background:#f6f6f6; } 
    69 .row1 { background:#EDF3FE; } 
    70 .row2 { background:white; } 
     232 
     233table { 
     234    border-collapse: collapse; 
     235    border-color: #ccc; 
     236
     237 
     238td, th { 
     239    font-size: 11px; 
     240    line-height: 13px; 
     241    border-bottom: 1px solid #eee; 
     242    vertical-align: top; 
     243    padding: 5px; 
     244    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
     245
     246 
     247th { 
     248    text-align: left; 
     249    font-size: 12px; 
     250    font-weight: bold; 
     251
     252 
     253thead th, 
     254tfoot td { 
     255    color: #666; 
     256    padding: 2px 5px; 
     257    font-size: 11px; 
     258    background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; 
     259    border-left: 1px solid #ddd; 
     260    border-bottom: 1px solid #ddd; 
     261
     262 
     263tfoot td { 
     264    border-bottom: none; 
     265    border-top: 1px solid #ddd; 
     266
     267 
     268thead th:first-child, 
     269tfoot td:first-child { 
     270    border-left: none !important; 
     271
     272 
     273thead th.optional { 
     274    font-weight: normal !important; 
     275
     276 
     277fieldset table { 
     278    border-right: 1px solid #eee; 
     279
     280 
     281tr.row-label td { 
     282    font-size: 9px; 
     283    padding-top: 2px; 
     284    padding-bottom: 0; 
     285    border-bottom: none; 
     286    color: #666; 
     287    margin-top: -1px; 
     288
     289 
     290tr.alt { 
     291    background: #f6f6f6; 
     292
     293 
     294.row1 { 
     295    background: #EDF3FE; 
     296
     297 
     298.row2 { 
     299    background: white; 
     300
    71301 
    72302/* SORTABLE TABLES */ 
    73 thead th a:link, thead th a:visited { color:#666; display:block; } 
    74 table thead th.sorted { background-position:bottom left !important; } 
    75 table thead th.sorted a { padding-right:13px; } 
    76 table thead th.ascending a { background:url(../img/admin/arrow-down.gif) right .4em no-repeat; } 
    77 table thead th.descending a { background:url(../img/admin/arrow-up.gif) right .4em no-repeat; } 
     303 
     304thead th a:link, thead th a:visited { 
     305    color: #666; 
     306    display: block; 
     307
     308 
     309table thead th.sorted { 
     310    background-position: bottom left !important; 
     311
     312 
     313table thead th.sorted a { 
     314    padding-right: 13px; 
     315
     316 
     317table thead th.ascending a { 
     318    background: url(../img/admin/arrow-down.gif) right .4em no-repeat; 
     319
     320 
     321table thead th.descending a { 
     322    background: url(../img/admin/arrow-up.gif) right .4em no-repeat; 
     323
    78324 
    79325/* ORDERABLE TABLES */ 
    80 table.orderable tbody tr td:hover { cursor:move; } 
    81 table.orderable tbody tr td:first-child { padding-left:14px; background-image:url(../img/admin/nav-bg-grabber.gif); background-repeat:repeat-y; } 
    82 table.orderable-initalized .order-cell, body>tr>td.order-cell { display:none; } 
     326 
     327table.orderable tbody tr td:hover { 
     328    cursor: move; 
     329
     330 
     331table.orderable tbody tr td:first-child { 
     332    padding-left: 14px; 
     333    background-image: url(../img/admin/nav-bg-grabber.gif); 
     334    background-repeat: repeat-y; 
     335
     336 
     337table.orderable-initalized .order-cell, body>tr>td.order-cell { 
     338    display: none; 
     339
    83340 
    84341/* FORM DEFAULTS */ 
    85 input, textarea, select { margin:2px 0; padding:2px 3px; vertical-align:middle; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; } 
    86 textarea { vertical-align:top !important; } 
    87 input[type=text], input[type=password], textarea, select, .vTextField { border:1px solid #ccc; } 
    88  
    89 /*  FORM BUTTONS  */ 
    90 .button, input[type=submit], input[type=button], .submit-row input { background:white url(../img/admin/nav-bg.gif) bottom repeat-x; padding:3px; color:black; border:1px solid #bbb; border-color:#ddd #aaa #aaa #ddd; } 
    91 .button:active, input[type=submit]:active, input[type=button]:active { background-image:url(../img/admin/nav-bg-reverse.gif); background-position:top; } 
    92 .button.default, input[type=submit].default, .submit-row input.default { border:2px solid #5b80b2; background:#7CA0C7 url(../img/admin/default-bg.gif) bottom repeat-x; font-weight:bold; color:white; float:right; } 
    93 .button.default:active, input[type=submit].default:active { background-image:url(../img/admin/default-bg-reverse.gif); background-position:top; } 
     342 
     343input, textarea, select { 
     344    margin: 2px 0; 
     345    padding: 2px 3px; 
     346    vertical-align: middle; 
     347    font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
     348    font-weight: normal; 
     349    font-size: 11px; 
     350
     351 
     352textarea { 
     353    vertical-align: top !important; 
     354
     355 
     356input[type=text], input[type=password], textarea, select, .vTextField { 
     357    border: 1px solid #ccc; 
     358
     359 
     360/* FORM BUTTONS */ 
     361 
     362.button, input[type=submit], input[type=button], .submit-row input { 
     363    background: white url(../img/admin/nav-bg.gif) bottom repeat-x; 
     364    padding: 3px; 
     365    color: black; 
     366    border: 1px solid #bbb; 
     367    border-color: #ddd #aaa #aaa #ddd; 
     368
     369 
     370.button:active, input[type=submit]:active, input[type=button]:active { 
     371    background-image: url(../img/admin/nav-bg-reverse.gif); 
     372    background-position: top; 
     373
     374 
     375.button.default, input[type=submit].default, .submit-row input.default { 
     376    border: 2px solid #5b80b2; 
     377    background: #7CA0C7 url(../img/admin/default-bg.gif) bottom repeat-x; 
     378    font-weight: bold; 
     379    color: white; 
     380    float: right; 
     381
     382 
     383.button.default:active, input[type=submit].default:active { 
     384    background-image: url(../img/admin/default-bg-reverse.gif); 
     385    background-position: top; 
     386
    94387 
    95388/* MODULES */ 
    96 .module { border:1px solid #ccc; margin-bottom:5px; background:white; } 
    97 .module p, .module ul, .module h3, .module h4, .module dl, .module pre { padding-left:10px; padding-right:10px; } 
    98 .module blockquote { margin-left:12px; } 
    99 .module ul, .module ol { margin-left:1.5em; } 
    100 .module h3 { margin-top:.6em; } 
    101 .module h2, .module caption, .inline-group h2 { margin:0; padding:2px 5px 3px 5px; font-size:11px; text-align:left; font-weight:bold; background:#7CA0C7 url(../img/admin/default-bg.gif) top left repeat-x; color:white; } 
    102 .module table { border-collapse: collapse; } 
     389 
     390.module { 
     391    border: 1px solid #ccc; 
     392    margin-bottom: 5px; 
     393    background: white; 
     394
     395 
     396.module p, .module ul, .module h3, .module h4, .module dl, .module pre { 
     397    padding-left: 10px; 
     398    padding-right: 10px; 
     399
     400 
     401.module blockquote { 
     402    margin-left: 12px; 
     403
     404 
     405.module ul, .module ol { 
     406    margin-left: 1.5em; 
     407
     408 
     409.module h3 { 
     410    margin-top: .6em; 
     411
     412 
     413.module h2, .module caption, .inline-group h2 { 
     414    margin: 0; 
     415    padding: 2px 5px 3px 5px; 
     416    font-size: 11px; 
     417    text-align: left; 
     418    font-weight: bold; 
     419    background: #7CA0C7 url(../img/admin/default-bg.gif) top left repeat-x; 
     420    color: white; 
     421
     422 
     423.module table { 
     424    border-collapse: collapse; 
     425
    103426 
    104427/* MESSAGES & ERRORS */ 
    105 ul.messagelist { padding:0 0 5px 0; margin:0; } 
    106 ul.messagelist li { font-size:12px; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border-bottom:1px solid #ddd; color:#666; background:#ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat; } 
    107 .errornote { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:red;background:#ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat; } 
    108 ul.errorlist { margin:0 !important; padding:0 !important; } 
    109 .errorlist li { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:white; background:red url(../img/admin/icon_alert.gif) 5px .3em no-repeat; } 
    110 td ul.errorlist { margin:0 !important; padding:0 !important; } 
    111 td ul.errorlist li { margin:0 !important; } 
    112 .errors { background:#ffc; } 
    113 .errors input, .errors select { border:1px solid red; } 
    114 div.system-message { background: #ffc; margin: 10px; padding: 6px 8px; font-size: .8em; } 
    115 div.system-message p.system-message-title { padding:4px 5px 4px 25px; margin:0; color:red; background:#ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat; } 
    116 .description { font-size:12px; padding:5px 0 0 12px; } 
     428 
     429ul.messagelist { 
     430    padding: 0 0 5px 0; 
     431    margin: 0; 
     432
     433 
     434ul.messagelist li { 
     435    font-size: 12px; 
     436    display: block; 
     437    padding: 4px 5px 4px 25px; 
     438    margin: 0 0 3px 0; 
     439    border-bottom: 1px solid #ddd; 
     440    color: #666; 
     441    background: #ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat; 
     442
     443 
     444.errornote { 
     445    font-size: 12px !important; 
     446    display: block; 
     447    padding: 4px 5px 4px 25px; 
     448    margin: 0 0 3px 0; 
     449    border: 1px solid red; 
     450    color: red; 
     451    background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat; 
     452
     453 
     454ul.errorlist { 
     455    margin: 0 !important; 
     456    padding: 0 !important; 
     457
     458 
     459.errorlist li { 
     460    font-size: 12px !important; 
     461    display: block; 
     462    padding: 4px 5px 4px 25px; 
     463    margin: 0 0 3px 0; 
     464    border: 1px solid red; 
     465    color: white; 
     466    background: red url(../img/admin/icon_alert.gif) 5px .3em no-repeat; 
     467
     468 
     469td ul.errorlist { 
     470    margin: 0 !important; 
     471    padding: 0 !important; 
     472
     473 
     474td ul.errorlist li { 
     475    margin: 0 !important; 
     476
     477 
     478.errors { 
     479    background: #ffc; 
     480
     481 
     482.errors input, .errors select { 
     483    border: 1px solid red; 
     484
     485 
     486div.system-message { 
     487    background: #ffc; 
     488    margin: 10px; 
     489    padding: 6px 8px; 
     490    font-size: .8em; 
     491
     492 
     493div.system-message p.system-message-title { 
     494    padding: 4px 5px 4px 25px; 
     495    margin: 0;