Changeset 3955


Ignore:
Timestamp:
2006-06-15T21:17:49+02:00 (10 years ago)
Author:
mbm
Message:

a much cleaner version of the css theme

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/whiterussian/openwrt/package/webif/files/www/webif.css

    r3581 r3955  
     1/* layout */ 
     2 
    13* { 
    24        margin: 0; 
     
    57 
    68html, body { 
    7         font-family: Verdana, Helvetica, sans-serif; 
    8         font-size: 1.0em; 
    99        width: inherit; 
    1010        height: 100%; 
    11 } 
    12  
    13 dt { 
    14         font-weight: bold; 
    1511} 
    1612 
     
    2622 
    2723ul.about { 
    28         display: block; 
    2924        list-style-type: disc; 
    3025} 
     26 
    3127li.about { 
    3228        margin-left: 2em; 
    3329} 
    3430 
    35 hr { 
     31hr, 
     32#submenu h3, 
     33#short-status h3, 
     34#content .settings-block .settings .settings-help h3 { 
    3635        display: none; 
    3736} 
    3837 
     38ul.about, 
    3939hr.separator { 
    4040        display: block; 
    4141} 
    4242 
    43 th { 
    44         text-align: left; 
    45 } 
    46  
    4743option { 
    4844        padding-right: 1em; 
    49 } 
    50  
    51 .selected-maincat { 
    52         font-weight: bold; 
    5345} 
    5446 
     
    6355} 
    6456 
    65 #header #header-title { 
     57#header-title { 
    6658        padding-top: 2em; 
    6759        padding-bottom: 0.2em; 
    68         color: white; 
    69         background-color: #3D5C7A; 
    70 } 
    71  
    72 #header #header-title #openwrt-title { 
     60} 
     61 
     62#openwrt-title { 
    7363        position: relative; 
    7464        float: left; 
     
    7767} 
    7868 
    79 #header #header-title #openwrt-title h1 { 
    80         font-size: 2.8em; 
    81 } 
    82  
    83 #header #header-title #short-status { 
     69#short-status { 
    8470        position: relative; 
    85         text-align: right; 
    8671        right: 1em; 
    8772        line-height: 1.2em; 
     
    8974} 
    9075 
    91 #header #header-title #short-status ul { 
    92         font-size: 0.8em; 
    93 } 
    94  
    95 #header #header-title #short-status h3 { 
    96         display: none; 
    97         font-size: 0.9em; 
    98 } 
    99  
    100 #header #mainmenu { 
     76#mainmenu, 
     77#submenu { 
    10178        position: absolute; 
    102         color: #C3C4D2; 
    103         background-color: #213242; 
     79        width: 100%; 
    10480        padding-top: 0.2em; 
    10581        padding-bottom: 0.2em; 
    106         margin-top: 0.1em; 
     82} 
     83 
     84#mainmenu 
     85{ 
    10786        top: 0; 
    10887        left: 0; 
    109         height: 1.2em; 
    110         width: 100%; 
    111 } 
    112  
    113 #header #mainmenu a { 
    114         color: #C3C4D2; 
    115         text-decoration: none; 
    116 } 
    117  
    118 #header #mainmenu a:hover { 
    119         color: rgb(193,102,90); 
    120 } 
    121  
    122 #header #mainmenu a:active { 
    123         font-weight: bold; 
    124 } 
    125  
    126 #header #mainmenu h3 { 
     88} 
     89 
     90#mainmenu h3 { 
    12791        padding-left: 1em; 
    12892        float: left; 
     93} 
     94 
     95#mainmenu li { 
    12996        font-size: 0.9em; 
    130         text-transform: uppercase; 
    131 } 
    132  
    133 #header #mainmenu ul { 
    134         display: inline; 
    135         list-style-type: none; 
    136 } 
    137  
    138 #header #mainmenu li { 
    139         font-size: 0.9em; 
    14097        float: left; 
    14198        margin-left: 1.5em; 
    14299} 
    143100 
    144 #header #submenu { 
    145         position: absolute; 
    146         color: white; 
    147         background-color: #7590AE; 
    148         width: 100%; 
    149         padding-top: 0.2em; 
    150         padding-bottom: 0.2em; 
    151         height: 1.3em; 
    152 } 
    153  
    154 #header #submenu a { 
    155         font-weight: bold; 
    156         color: white; 
    157         text-decoration: none; 
    158 } 
    159  
    160 #header #submenu a:hover { 
    161         color: rgb(255,204,0); 
    162 } 
    163  
    164 #header #submenu a:active { 
    165         font-weight: bold; 
    166 } 
    167  
    168 #header #submenu h3 { 
    169         display: none; 
    170 } 
    171  
    172 #header #submenu ul { 
    173         display: inline; 
    174         list-style-type: none; 
    175 } 
    176  
    177 #header #submenu li { 
     101#submenu li { 
    178102        float: left; 
    179103        margin-left: 1em; 
    180104} 
     105 
    181106 
    182107#content { 
     
    191116 
    192117#content .settings-block .settings-block-title { 
    193         padding: 0.2em; 
    194118        margin-bottom: 10px; 
    195 } 
    196  
    197 #content .settings-block .settings-block-title h2 { 
    198         color: #7590AE; 
    199119} 
    200120 
     
    205125} 
    206126 
     127#content .settings-block .settings-block-title, 
    207128#content .settings-block .settings .settings-title { 
    208129        padding: 0.2em; 
    209         color: #000; 
    210         background-color: #CCC; 
    211130} 
    212131 
     
    230149} 
    231150 
    232 #content .settings-block .settings .settings-help h3 { 
    233         display: none; 
    234 } 
    235  
    236151#content .settings-block .settings .settings-help .more-help { 
    237152        margin-right: 10%; 
     
    241156#save { 
    242157        position: absolute; 
    243         text-align: right; 
    244158        bottom: 0; 
    245159        clear: both; 
     
    248162} 
    249163 
    250 #save a { 
    251         color: white; 
    252         text-decoration: none; 
    253         font-weight: normal; 
    254         font-size: 1.1em; 
    255 } 
    256  
    257 #save a:hover { 
    258         text-decoration: underline; 
    259 } 
    260  
    261164#save .page-save { 
    262         background-color: #FFF; 
    263         color: #FFF; 
    264165        height: 2.3em; 
    265166        width: 100%; 
     
    273174        padding-top: 0.5em; 
    274175        padding-bottom: 0.4em; 
    275         background-color: #7590AE; 
    276176} 
    277177 
    278178#save .apply { 
    279179        clear: both; 
    280         background-color: #7590AE; 
    281180        width: 100%; 
    282181        height: 5em; 
     
    285184#save .apply div { 
    286185        float: right; 
     186        width: 15em; 
    287187        height: 4em; 
    288         width: 15em; 
    289188        padding-right: 1em; 
    290189        padding-top: 0.5em; 
    291190        padding-bottom: 0.5em; 
     191} 
     192 
     193th { 
     194        text-align: left; 
     195} 
     196 
     197#content .settings-block .settings .settings-help .more-help, 
     198#save, 
     199#short-status { 
     200        text-align: right; 
     201} 
     202 
     203/* font */ 
     204body { 
     205        font-family: Verdana, Helvetica, sans-serif; 
     206        font-size: 1.0em; 
     207} 
     208 
     209dt, 
     210.selected-maincat, 
     211#mainmenu a:active, 
     212#submenu a { 
     213        font-weight: bold; 
     214} 
     215 
     216 
     217 
     218#openwrt-title h1 { 
     219        font-size: 2.8em; 
     220} 
     221 
     222 
     223#short-status ul { 
     224        font-size: 0.8em; 
     225} 
     226 
     227#mainmenu h3, 
     228#mainmenu li, 
     229#short-status h3 { 
     230        font-size: 0.9em; 
     231} 
     232 
     233#mainmenu a, 
     234#submenu a, 
     235#save a { 
     236        text-decoration: none; 
     237} 
     238 
     239#save a:hover { 
     240        text-decoration: underline; 
     241} 
     242 
     243#mainmenu h3 { 
     244        text-transform: uppercase; 
     245} 
     246 
     247#save a { 
     248        font-weight: normal; 
     249        font-size: 1.1em; 
     250} 
     251 
     252 
     253/* color */ 
     254 
     255#header-title, 
     256#submenu, 
     257#submenu a, 
     258#save a, 
     259#save .page-save 
     260{ 
     261        color: #fff; 
     262} 
     263 
     264#header-title, 
     265#save .apply div { 
    292266        background-color: #3D5C7A; 
    293267} 
     268 
     269#mainmenu { 
     270        color: #C3C4D2; 
     271        background-color: #213242; 
     272} 
     273 
     274#mainmenu a { 
     275        color: #C3C4D2; 
     276} 
     277 
     278#mainmenu a:hover { 
     279        color: rgb(193,102,90); 
     280} 
     281 
     282#submenu, 
     283#save div { 
     284        background-color: #7590AE; 
     285} 
     286 
     287#content .settings-block .settings-block-title h2 { 
     288        color: #7590AE; 
     289} 
     290 
     291#submenu a:hover { 
     292        color: #FB0; 
     293} 
     294 
     295#content .settings-block .settings .settings-title { 
     296        color: #000; 
     297        background-color: #CCC; 
     298} 
     299 
     300#save .page-save { 
     301        background-color: #FFF; 
     302} 
     303 
Note: See TracChangeset for help on using the changeset viewer.