Ticket #871: white.css.update.patch

File white.css.update.patch, 14.2 KB (added by Simek, 15 years ago)

new version, some minor fixes

  • user_search.php

     
    110110    echo "<form name=f method=get action=user_search.php>";
    111111    start_table();
    112112    row1("Search type", 2, "heading");
    113     row2("User name starts with <input name=search_string>", "<input type=radio name=search_type value=\"name_prefix\" checked >");
     113    row2("User name starts with <input type=text name=search_string>", "<input type=radio name=search_type value=\"name_prefix\" checked >");
    114114    row2("Decreasing sign-up time", "<input type=radio name=search_type value=\"date\">");
    115115    row2("Decreasing average credit", "<input type=radio name=search_type value=\"rac\">");
    116116    row2("Decreasing total credit", "<input type=radio name=search_type value=\"total\">");

  • white.css

     
    11/*   General   */
    22
    33a, a:link, a:visited, a:active {
    4     color: #0069A1;
    5     text-decoration: none;
     4        color: #0069A1;
     5        text-decoration: none;
    66}
    77
    88a:hover { text-decoration: underline; }
    99
    1010body {
    11     background-image: url("img/gray_gradient.png");
    12     background-repeat: repeat-x;
    13     background-color: white;
    14     font-family: Verdana, Arial, Sans Serif;
    15     font-size: 13px;
    16     margin: 5px 10px;
    17     color: black;
     11        background-image: url("img/gray_gradient.png");
     12        background-repeat: repeat-x;
     13        background-color: white;
     14        font-family: Verdana, Arial, Sans Serif;
     15        font-size: 13px;
     16        margin: 5px 10px;
     17        color: black;
    1818}
    1919
    2020h1, h2 {
    21     font-size: x-large;
    22     font-weight: normal;
     21        font-size: x-large;
     22        font-weight: normal;
    2323}
    2424
    2525h1 {
    26     color: #203C66;
    27     margin: 10px;
     26        color: #203C66;
     27        margin: 10px;
    2828}
    2929
    3030h3, h4 { font-weight: bold; }
    3131
    3232hr {
    33     size: 0px;
    34     border-top: 2px solid #e8e8e8;
    35     margin: 8px 2px;
     33        size: 0px;
     34        border-top: 2px solid #e8e8e8;
     35        margin: 8px 2px;
    3636}
    3737
    3838table {
    39     padding: 4px;
    40     margin: 2px;
     39        padding: 4px;
     40        margin: 2px;
    4141}
    4242
    4343table.bordered {
    44     border: 2px solid #e8e8e8;
    45     -moz-border-radius: 6px;
    46     -webkit-border-radius: 6px;
    47     -khtml-border-radius: 6px;
    48     border-radius: 6px;
     44        border: 2px solid #e8e8e8;
     45        -moz-border-radius: 6px;
     46        -webkit-border-radius: 6px;
     47        -khtml-border-radius: 6px;
     48        border-radius: 6px;
    4949}
    5050
    5151th {
    52     background-color: #c0c0c0;
    53     font-weight: bold;
    54     vertical-align: top;
     52        background-color: #c0c0c0;
     53        font-weight: bold;
     54        vertical-align: top;
    5555}
    5656
    5757td {
    58     vertical-align: top;
    59     padding: 4px;
     58        vertical-align: top;
     59        padding: 4px;
    6060}
    6161
    6262td.bordered {
    63     border: 1px solid gray;
     63        border: 1px solid gray;
    6464}
    6565
    66 td.indent { border-left: 4px solid white; }
     66td.indent {
     67        border-left: 4px solid white;
     68}
    6769
    6870td.heading {
    69     font-weight: bold;
    70     margin: 4px 0px;
    71     padding: 8px;
    72     background-color: #d8d8d8;
     71        font-weight: bold;
     72        margin: 4px 0;
     73        padding: 8px;
     74        background-color: #d8d8d8;
    7375}
    7476
    7577td.fieldname {
    76     background-color: #eeeeee;
    77     text-align: right;
    78     padding-right: 10px;
    79     margin: 2px 0px;
     78        background-color: #eee;
     79        text-align: right;
     80        padding-right: 10px;
     81        margin: 2px 0;
     82        vertical-align: middle;
    8083}
    8184
    8285td.fieldvalue {
    83     margin: 2px 0px;
    84     vertical-align: middle;
     86        margin: 2px 0;
     87        vertical-align: middle;
    8588}
    8689
    8790td.fieldname_error {
    88     background-color: #ff8888;
    89     text-align: right;
     91        background-color: #f88;
     92        text-align: right;
    9093}
    9194
    9295td.fieldvalue_error {
    93     background-color: #ff8888;
    94     font-weight: bold;
     96        background-color: #f88;
     97        font-weight: bold;
    9598}
    9699
    97100td.navbar {
    98     border: 0px;
    99     text-align: center;
    100     vertical-align: middle;
     101        border: none;
     102        text-align: center;
     103        vertical-align: middle;
    101104}
    102105
    103106td.friend {
    104     background-color: #e8e8e8;
    105     text-align: center;
    106     vertical-align: middle;
     107        background-color: #e8e8e8;
     108        text-align: center;
     109        vertical-align: middle;
    107110}
    108111
    109112.row0 {
    110     background-color: #d9d9d9;
    111     text-align: left;
     113        background-color: #d9d9d9;
     114        text-align: left;
    112115}
    113116.row1 {
    114     background-color: #eeeeee;
    115     text-align: left;
     117        background-color: #eee;
     118        text-align: left;
    116119}
    117120
    118121.highlighted_row0 {
    119     background-color: #b9d9f9;
    120     text-align: left;
     122        background-color: #b9d9f9;
     123        text-align: left;
    121124}
     125
    122126.highlighted_row1 {
    123     background-color: #ceeefe;
    124     text-align: left;
     127        background-color: #ceeefe;
     128        text-align: left;
    125129}
    126130
    127131.row_hd0 { background-color: #cffacf; }
    … …  
    130134
    131135tr.message { background-color: #e0e0e0; }
    132136
    133 input[type="text"], select, textarea, .button {
    134     border: 1px solid #d8d8d8;
    135     -moz-border-radius: 5px;
    136     -webkit-border-radius: 5px;
    137     -khtml-border-radius: 5px;
    138     border-radius: 5px;
    139     padding: 2px 4px;
    140     font-size: 12px;
    141 }
     137/*   Buttons etc.   */
    142138
    143 input[type="button"], input[type="submit"], input.btn {
    144     margin: 2px 0px;
    145     background: #d4d0c8;
    146     margin-right: 0.6em;
    147     color: #203C66;
    148     border: 1px solid #a8a8a8;
    149     font-size: 12px;
    150     font-weight: normal;
     139input[type="button"],
     140input[type="submit"],
     141.btn {
     142        padding: 4px 8px;
     143        margin: 2px;
     144        color: black;
     145        border: 1px solid #ccc;
     146        font-size: 11px;
     147        font-weight: normal;
     148        background: #f2f2f2 url(img/white-grad.png) repeat-x scroll left top;
     149        -moz-border-radius: 5px;
     150        -webkit-border-radius: 5px;
     151        -khtml-border-radius: 5px;
     152        border-radius: 5px;
    151153}
    152154
    153 /* IE6 doesn't understand [type=XXXX] so we factor this out into its own */
    154 .button {
    155     margin: 2px 0px;
    156     background: #d4d0c8;
    157     margin-right: 0.6em;
    158     white-space: nowrap;
    159     color: #203C66;
    160     border: 1px solid #a8a8a8;
    161     font-size: 0.9em;
    162     font-weight: normal;
    163     line-height: 2em;
     155        /* IE6 doesn't understand [type=XXXX] so we use class "button" */
     156
     157a.button {
     158        color: black;
     159        line-height: 2.4em;
     160        padding: 4px 8px;
     161        margin: 0 4px;
     162        border: 1px solid #ccc;
     163        font-size: 11px;
     164        font-weight: normal;
     165        white-space: nowrap;
     166        background: #f2f2f2 url(img/white-grad.png) repeat-x scroll left top;
     167        -moz-border-radius: 5px;
     168        -webkit-border-radius: 5px;
     169        -khtml-border-radius: 5px;
     170        border-radius: 5px;
    164171}
    165172
    166 .button:hover {
    167     background: #edece8;
    168     text-decoration:none;
     173input[type="button"]:hover,
     174input[type="submit"]:hover,
     175input.btn:hover,
     176.button:hover ,
     177.forum_toplinks a:hover {
     178        border: 1px solid #555;
     179        text-decoration: none;
     180        color: #0069A1;
    169181}
    170182
    171 input[type="button"]:hover, input[type="submit"]:hover, input.btn:hover, .forum_toplinks a:hover {
    172     background: #edece8;
     183input[type="text"], select, textarea {
     184        border: 1px solid #d8d8d8;
     185        margin: 2px 4px;
     186        padding: 3px;
     187        font-size: 12px;
     188        -moz-border-radius: 5px;
     189        -webkit-border-radius: 5px;
     190        -khtml-border-radius: 5px;
     191        border-radius: 5px;
    173192}
    174193
    175194.actionlist {
    176     display: inline;
    177     list-style: none;
    178     margin: 0;
    179     padding: 0;
     195        display: inline;
     196        list-style: none;
     197        margin: 0;
     198        padding: 0;
    180199}
     200
    181201.actionlist li {
    182     display: inline;
     202        display: inline;
    183203}
    184204
     205img,
     206img.userimg {
     207        border: none;
     208}
    185209
    186 img { border: 0px; }
    187 
    188 img.userimg { border: 0px; }
    189 
    190210/*   Main Page   */
    191211
    192212#news {
    193     background-color: #dff0ff;
    194     border: 2px solid #add8e6;
    195     padding: 10px;
    196     margin: 4px;
    197     -moz-border-radius: 10px;
    198     -webkit-border-radius: 10px;
    199     -khtml-border-radius: 10px;
    200     border-radius: 10px;
     213        background-color: #dff0ff;
     214        border: 2px solid #add8e6;
     215        padding: 10px;
     216        margin: 4px;
     217        -moz-border-radius: 10px;
     218        -webkit-border-radius: 10px;
     219        -khtml-border-radius: 10px;
     220        border-radius: 10px;
    201221}
    202222
    203 #news h2, #uotd h2, #mainnav h2 {
    204     margin-top: 0px;
    205     font-size: 1.2em;
    206     font-weight: bold;
     223#news h2,
     224#uotd h2,
     225#mainnav h2 {
     226        margin-top: 0;
     227        font-size: 1.2em;
     228        font-weight: bold;
    207229}
    208230
    209231#news h3 {
    210     color: #666666;
    211     font-size: 1em;
    212     margin-bottom: 2px;
     232        color: #666;
     233        font-size: 1em;
     234        margin-bottom: 2px;
    213235}
    214236
    215237#news p {
    216     margin-top: 0px;
     238        margin-top: 0;
    217239}
    218240
    219241#uotd {
    220     background-color: #d3d3d3;
    221     border: 2px solid #eeeeee;
    222     padding: 10px;
    223     margin: 4px;
    224     -moz-border-radius: 10px;
    225     -webkit-border-radius: 10px;
    226     -khtml-border-radius: 10px;
    227     border-radius: 10px;
     242        background-color: #d3d3d3;
     243        border: 2px solid #eee;
     244        padding: 10px;
     245        margin: 4px;
     246        -moz-border-radius: 10px;
     247        -webkit-border-radius: 10px;
     248        -khtml-border-radius: 10px;
     249        border-radius: 10px;
    228250}
    229251
    230252/*   Forum   */
    231253
    232254td.category , tr.subtitle{
    233     background-color: #dddddd;
    234     border: 0px;
    235     font-weight: bold;
    236     margin: 6px 0px;
     255        background-color: #ddd;
     256        border: 0;
     257        font-weight: bold;
     258        margin: 6px 0;
    237259}
    238260
    239261th {
    240     font-weight: bold;
    241     margin: 4px 2px;
    242     padding: 4px;
     262        font-weight: bold;
     263        margin: 4px 2px;
     264        padding: 4px;
    243265}
    244266
    245267td.postheader {
    246     background-color: #eeeeee;
    247     height: 24px;
    248     margin-left: 4px;
    249     padding-left: 8px;
    250     -moz-border-radius: 0 10px;
    251     -webkit-border-radius-bottomleft: 10px;
    252     -webkit-border-radius-bottomright: 10px;
    253     -khtml-border-radius-bottomleft: 10px;
    254     -khtml-border-radius-bottomright: 10px;
    255     border-radius-bottomleft: 10px;
    256     border-radius-bottomright: 10px;
     268        background-color: #eee;
     269        font-size: 11px;
     270        height: 24px;
     271        margin-left: 4px;
     272        padding-left: 8px;
     273        -moz-border-radius: 0 10px;
     274        -webkit-border-radius-bottomleft: 10px;
     275        -webkit-border-radius-bottomright: 10px;
     276        -khtml-border-radius-bottomleft: 10px;
     277        -khtml-border-radius-bottomright: 10px;
     278        border-radius-bottomleft: 10px;
     279        border-radius-bottomright: 10px;
    257280}
    258281
    259282td.postbody {
    260     font-size: 9pt;
    261     margin-left: 4px;
    262     background: transparent url('img/75pct_white.png');
     283        font-size: 9pt;
     284        margin-left: 4px;
     285        background: transparent url('img/75pct_white.png');
    263286}
    264287
    265288td.postfooter {
    266     background-color: #eeeeee;
    267     height: 26px;
    268     margin-left: 4px;
    269     padding-left: 8px;
    270     -moz-border-radius: 10px 10px 0 0;
    271     -khtml-border-radius-topleft: 10px;
    272     -khtml-border-radius-topright: 10px;
    273     -webkit-border-radius-topleft: 10px;
    274     -webkit-border-radius-topright: 10px;
    275     border-radius-topleft: 10px;
    276     border-radius-topright: 10px;
     289        background-color: #eee;
     290        font-size: 11px;
     291        height: 26px;
     292        margin-left: 4px;
     293        padding-left: 8px;
     294        -moz-border-radius: 10px 10px 0 0;
     295        -khtml-border-radius-topleft: 10px;
     296        -khtml-border-radius-topright: 10px;
     297        -webkit-border-radius-topleft: 10px;
     298        -webkit-border-radius-topright: 10px;
     299        border-radius-topleft: 10px;
     300        border-radius-topright: 10px;
    277301}
    278302
     303td.postfooter .button {
     304        line-height: 2.2em;
     305        margin: 0 4px;
     306}
     307
    279308tr.helpdeskseperator { height: 10pt; }
    280309
    281310tr.postseperator {
    282     background-color: #c8c8c8;
    283     border: 1px solid #aaaaaa;
    284     margin: 4px 0px;
     311        background-color: #c8c8c8;
     312        border: 1px solid #aaa;
     313        margin: 4px 0;
    285314}
    286315
    287316td.threadline { text-align: left; }
    288317
    289318td.numbers {
    290     text-align: center;
     319        text-align: center;
    291320}
    292321
    293322td.numbers {
    294     text-align: left;
     323        text-align: left;
    295324}
    296325
    297326td.lastpost {
    298327}
    299328
    300329.title {
    301     font-size: 14px;
    302     font-weight: bold;
     330        font-size: 14px;
     331        font-weight: bold;
    303332}
    304333
    305334.description {
    306     font-size: 80%;
    307     font-weight: normal;
     335        font-size: 80%;
     336        font-weight: normal;
    308337}
    309338
    310339.authorcol {
    311     width: 136px;
    312     overflow: hidden;
     340        width: 136px;
     341        overflow: hidden;
    313342}
    314343
    315344div.authorcol {
    316     border: 1px solid #c8c8c8;
    317     background-color: white;
    318     padding: 8px 5px;
    319     width: 120px;
    320     margin-left: 2px;
    321     -moz-border-radius: 10px;
    322     -webkit-border-radius: 10px;
    323     -khtml-border-radius: 10px;
    324     border-radius: 10px;
     345        border: 1px solid #c8c8c8;
     346        background-color: white;
     347        padding: 8px 5px;
     348        width: 120px;
     349        margin-left: 2px;
     350        -moz-border-radius: 10px;
     351        -webkit-border-radius: 10px;
     352        -khtml-border-radius: 10px;
     353        border-radius: 10px;
    325354}
    326355
     356.authorinfo {
     357        font-size: 11px;
     358}
     359
    327360.authorinfo img {
    328     border: 1px solid #a8a8a8;
    329     margin: 3px 9px;
     361        border: 1px solid #a8a8a8;
     362        margin: 3px 9px;
    330363}
    331364
    332 .authorcol input { margin: 4px 10px; }
     365.authorcol .button {
     366        margin: 0 6px;
     367        line-height: 2.6em;
     368}
    333369
    334370blockquote.postbody {
    335     border-left: 2px solid #0089e1;
    336     background-color: #f5fffa;
    337     padding: 2px 6px;
    338     margin: 0px 6px 0px 10px;
    339     font-style: italic;
     371        border-left: 2px solid #0089e1;
     372        background-color: #f5fffa;
     373        padding: 2px 6px;
     374        margin: 0 6px 0 10px;
     375        font-style: italic;
    340376}
    341377
    342378#thread {
    343     width: 100%;
    344     table-layout: fixed;
    345     overflow: visible;
     379        width: 100%;
     380        table-layout: fixed;
     381        overflow: visible;
    346382}
    347383
    348384.forum_toplinks td {
    349     vertical-align: middle;
     385        vertical-align: middle;
    350386}
    351387
    352388span.page_title {
    353     font-size: 24px;
    354     margin: 20px;
     389        font-size: 24px;
     390        margin: 20px;
    355391}
    356392
    357393span.note {
    358     font-weight: normal;
    359     font-size: 0.9em;
     394        font-weight: normal;
     395        font-size: 0.9em;
    360396}
    361397
    362398span.news_date {
    363     color: #646464;
    364     font-size: 0.9em;
     399        color: #646464;
     400        font-size: 0.9em;
    365401}
    366 span.news_title {
    367     font-weight: bold;
    368 }
    369402
     403span.news_title,
    370404span.inboxunread {
    371     font-weight: bold;
     405        font-weight: bold;
    372406}
    373407
    374408span.highlight {
    375     background-color: #ffffcc;
     409        background-color: #ffc;
    376410}
    377411
    378412.nobr{
    379     white-space: nowrap;
     413        white-space: nowrap;
    380414}
    381415
    382416.code {
    383     font-family: "Courier New", courier, monospace;
    384     display: block;
    385     margin-left: 5em;
    386     border-left: 3px solid #ccaaaa;
    387     padding-left: 1em;
    388     white-space: nowrap;
    389     overflow: auto;
     417        font-family: "Courier New", courier, monospace;
     418        display: block;
     419        margin-left: 5em;
     420        border-left: 3px solid #caa;
     421        padding-left: 1em;
     422        white-space: nowrap;
     423        overflow: auto;
    390424}
    391425
    392426.smalltext {
    393     font-size: 0.8em;
     427        font-size: 0.8em;
    394428}
    395429
    396430.error {
    397     color: #ff0000;
    398     font-weight: bold;
    399     font-size: 1.1em;
     431        color: #f00;
     432        font-weight: bold;
     433        font-size: 1.1em;
    400434}
    401435
    402436.notice {
    403     color: #009900;
    404     font-weight: bold;
    405     font-size: 1.1em;
     437        color: #090;
     438        font-weight: bold;
     439        font-size: 1.1em;
    406440}
    407441
    408442#preview {
    409     border: 2px solid #cccccc;
    410     background-color: #eeeeee;
    411     margin: 1em;
    412     padding: 0.2em;
     443        border: 2px solid #ccc;
     444        background-color: #eee;
     445        margin: 1em;
     446        padding: 0.2em;
    413447}
    414448
    415449#preview .header {
    416     font-weight: bold;
    417     font-size: 1.3em;
    418     border-bottom: 1px solid #cccccc;
     450        font-weight: bold;
     451        font-size: 1.3em;
     452        border-bottom: 1px solid #ccc;
    419453}
    420454
    421455/*   Server Status Page   */
    … …  
    429463/*   IE hack   */
    430464
    431465* html body .code {
    432     white-space: normal;
     466        white-space: normal;
    433467}