Changeset 208

Show
Ignore:
Timestamp:
02/22/08 14:25:39 (8 months ago)
Author:
erik
Message:

added form styling

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • incubator/laf/relevance_os.css

    r207 r208  
     1/* RESET */ 
     2html, body, div, span, applet, object, iframe, 
     3h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
     4a, abbr, acronym, address, big, cite, code, 
     5del, dfn, em, font, img, ins, kbd, q, s, samp, 
     6small, strike, strong, sub, sup, tt, var, 
     7b, u, i, center, 
     8dl, dt, dd, ol, ul, li, 
     9fieldset, form, label, legend, 
     10table, caption, tbody, tfoot, thead, tr, th, td { 
     11        margin: 0; 
     12        padding: 0; 
     13        border: 0; 
     14        outline: 0; 
     15        font-size: 100%; 
     16        vertical-align: baseline; 
     17        background: transparent; 
     18} 
     19body { 
     20        line-height: 1; 
     21} 
     22ol, ul { 
     23        list-style: none; 
     24} 
     25blockquote, q { 
     26        quotes: none; 
     27} 
     28 
     29/* remember to define focus styles! */ 
     30:focus { 
     31        outline: 0; 
     32} 
     33 
     34/* remember to highlight inserts somehow! */ 
     35ins { 
     36        text-decoration: none; 
     37} 
     38del { 
     39        text-decoration: line-through; 
     40} 
     41 
     42/* tables still need 'cellspacing="0"' in the markup */ 
     43table { 
     44        border-collapse: collapse; 
     45        border-spacing: 0; 
     46} 
     47 
     48/* RESET APPEND */ 
     49 
     50body { 
     51        font-size: 100.1%; 
     52} 
     53 
     54/* LAYOUT */ 
    155body { 
    256        background: #acad9d url(images/background.jpg) no-repeat top left; 
    3          
     57 
    458} 
    559 
    …… 
    1569 
    1670#page { 
    17         padding: 1em; 
     71        padding: 1.75em; 
    1872        margin-bottom: 4em; 
    1973        width: 70%; 
    …… 
    3791 
    3892h1 { 
     93        font-size: 160%; 
    3994        color: #29322d;          
    4095} 
    4196 
    4297h2 { 
     98        font-size: 140%; 
    4399        color: #0f70ac; 
    44100} 
    45101 
    46102h3 { 
     103        font-size: 120%; 
    47104        color: #ff5a00; 
    48105} 
    …… 
    61118} 
    62119 
    63 p, td, th, caption { 
     120p, td, th, caption, form, textarea, input { 
    64121        font-family: Arial, Helvetica, sans-serif ; 
    65122        font-size: 87.5%; 
    …… 
    135192 
    136193table tfoot td { 
    137         border-top: 1px solid #29322d; 
     194         
     195        border-bottom: 1px solid #29322d; 
     196        border-right: 1px solid #29322d; 
    138197        background: #758771; 
    139198        font-weight: 900; 
    …… 
    174233 
    175234 
    176  
     235/* FORMS */ 
     236form legend { 
     237        font-size: 120%; 
     238        font-weight: 900; 
     239} 
     240 
     241form { 
     242        margin: .5em; 
     243} 
     244 
     245form fieldset ul li { 
     246        list-style: none; 
     247} 
     248 
     249form fieldset ul.messages { 
     250        margin: 1.5% 2.5%; 
     251        font-weight: 900; 
     252} 
     253 
     254form fieldset ul li { 
     255        margin: 0.5%; 
     256} 
     257 
     258form fieldset ul.messages > .error { 
     259        color: #cc3333; 
     260} 
     261 
     262form fieldset ul.messages > .warning { 
     263        color: #333300; 
     264} 
     265 
     266form fieldset ul.messages > .notice { 
     267        color: #0f70ac; 
     268} 
     269 
     270input.small { 
     271        width: 8em; 
     272} 
     273 
     274input[type="text"], input.medium { 
     275        width: 12em; 
     276} 
     277 
     278input.large { 
     279        width: 14em; 
     280} 
     281 
     282input.xxlarge { 
     283        width: 18em; 
     284} 
     285 
     286textarea { 
     287        width: 20em; 
     288        height: 8em; 
     289} 
     290 
     291form label { 
     292        padding-top: .5em; 
     293        font-size: 87.5%; 
     294        display: block; 
     295        font-weight: 900; 
     296} 
     297 
     298input, textarea { 
     299        border: 1px solid #29322d; 
     300        background-color:#d7d7c7; 
     301} 
     302 
     303input[type="submit"] { 
     304        margin: .75em; 
     305        background-color: #758771; 
     306        font-weight: 900; 
     307} 
     308 
     309/* UTILITY */ 
    177310.column:after { 
    178311    content: ".";  
    …… 
    190323/* End hide from IE-mac */ 
    191324 
    192 </style>