Changeset 234

Show
Ignore:
Timestamp:
02/26/08 14:06:14 (6 months ago)
Author:
stu
Message:

updated css and sort column image

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • rubygems/tarantula/trunk/laf/relevance_os.css

    r200 r234  
     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%; 
     
    3690} 
    3791 
    38 h1 s{ 
     92h1 { 
     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 ; 
    65         font-size: 87.5%; 
     122        font-size: 87.2%; 
    66123        padding: .25em; 
    67124        margin: 0; 
    68125        color: #29322d;          
    69126} 
     127 
     128a:link { 
     129        color:  #0f70ac 
     130}    
     131 
     132a:visited { 
     133        color: #29322d 
     134 
     135 
     136a:hover { 
     137        text-decoration: none;  
     138        color: #0066ff; 
     139}    
     140 
     141a:active { 
     142        color:  #0f70ac 
     143}    
    70144 
    71145hr { 
     
    85159        border-spacing: 0; 
    86160        border-left: 1px solid #29322d; 
     161        /* 
     162        border-left: 1px solid #29322d; 
    87163        border-right: 1px solid #29322d; 
    88164        border-bottom: 1px solid #29322d; 
    89 
    90          
     165        */ 
     166
     167 
    91168table thead th { 
    92169        color: #acad9d ; 
    93 } 
    94  
    95 table tfoot td { 
    96         border-top: 1px solid #29322d; 
    97         background: #758771; 
    98         font-weight: 900; 
    99         font-size: 80%; 
    100 } 
    101  
    102 tbody td, tbody tr.normal td { 
    103         background: #8D907B; 
    104         border-bottom: none; 
    105         border-left: none; 
    106         border-right: 1px solid #52594C; 
    107         border-top: 1px solid #52594C; 
    108         padding: 2px 3px 3px 4px 
    109 } 
    110  
    111  
    112 tbody tr.alt td { 
    113         background: #747968; 
    114         border-bottom: none; 
    115         border-left: none; 
    116         border-right: 1px solid #52594C; 
    117         border-top: 1px solid #52594C; 
    118         padding: 2px 3px 3px 4px 
    119 } 
    120  
    121  
    122 table thead th { 
    123170        background: #29322d; 
    124         border-top: 1px solid #414d47;   
    125         border-right: 1px solid #414d47; 
    126         border-left: 1px solid #29322d;  
    127         border-bottom: #202a25; 
     171        border: none; 
     172        border-bottom: 1px solid #202a25; 
    128173        text-align: left; 
    129174        font-size: 85%; 
    130175} 
    131176 
     177 
     178/* sortable */ 
     179 
     180table thead th.header { 
     181        cursor: pointer !important; 
     182        background:  #29322d url(images/table-sort.gif) no-repeat 97% 2px; 
     183} 
     184 
     185table thead th.headerSortDown { 
     186        background-position: 97% -58px; 
     187} 
     188 
     189table thead th.headerSortUp { 
     190                background-position: 97% -118px; 
     191} 
     192 
     193table tfoot td { 
     194         
     195        border-bottom: 1px solid #29322d; 
     196        border-right: 1px solid #29322d; 
     197        background: #758771; 
     198        font-weight: 900; 
     199        font-size: 80%; 
     200         
     201} 
     202 
     203tbody td, tbody tr.normal td { 
     204        background: #d7d7c7; 
     205        padding: 2px 3px 3px 4px 
     206} 
     207 
    132208table tbody td { 
    133         border-bottom: 1px solid #202a25; 
    134         border-right: 1px solid #202a25; 
    135         border-left: 1px solid #202a25; 
     209 /* border: none; */ 
     210        border-right: 1px solid #29322d; 
     211        border-bottom: 1px solid #29322d; 
     212
     213 
     214table body tr td { 
     215        border: none; 
     216
     217 
     218tbody tr.odd td { 
     219        background: #cacabb; 
     220
     221 
     222tbody td.center { 
     223        text-align: center; 
    136224} 
    137225 
     
    145233 
    146234 
    147  
     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 */ 
    148310.column:after { 
    149311    content: ".";  
     
    161323/* End hide from IE-mac */ 
    162324 
    163 table.tablesorter thead tr .header { 
    164         background-image: url(images/bg.gif); 
    165         background-repeat: no-repeat; 
    166         background-position: center right; 
    167         cursor: pointer; 
    168 } 
    169 table.tablesorter thead tr .headerSortUp { 
    170         background-image: url(images/asc.gif); 
    171 } 
    172 table.tablesorter thead tr .headerSortDown { 
    173         background-image: url(images/desc.gif); 
    174 }