Ticket #871: initial.CSS.reorganize.patch

File initial.CSS.reorganize.patch, 11.9 KB (added by Simek, 16 years ago)

  • inc/util.inc

     
    119119        header ("Pragma: no-cache");                          // HTTP/1.0
    120120    }
    121121   
    122     echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
    123     ";
    124            
     122    echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">";
     123 
    125124   
    126125    if (!$title_plain) {
    127126        echo "<html><head><title>".strip_tags($title)."</title>\n";
    128127    } else {
    129128        echo "<html><head><title>".strip_tags($title_plain)."</title>\n";
    130129    }
    131     echo "<link rel=stylesheet type=\"text/css\" href=\"$stylesheet\">
     130    echo "<link rel=stylesheet type=\"text/css\" href=\"main.css\" media=\"all\" />
     131                <link rel=stylesheet type=\"text/css\" href=\"$stylesheet\">
    132132        <link rel=alternate type=\"application/rss+xml\" title=\"$rssname\" href=\"$rsslink\">
    133133        </head>
    134134    ";

  • user/sample_index.php

     
    9999echo "<html>
    100100    <head>
    101101    <title>".PROJECT."</title>
     102        <link rel=\"stylesheet\" type=\"text/css\" href=\"main.css\" media=\"all\" />
    102103    <link rel=\"stylesheet\" type=\"text/css\" href=\"".STYLESHEET."\">
    103104    <link rel=\"alternate\" type=\"application/rss+xml\" title=\"".$rssname."\" href=\"".$rsslink."\">
    104105";

  • user/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\">");

  • user/white.css

     
    1 /*   General   */
    2 
    31a, a:link, a:visited, a:active {
    4     color: #0069A1;
    5     text-decoration: none;
     2        color: #0069A1;
    63}
    74
    8 a:hover { text-decoration: underline; }
    9 
    105body {
    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;
     6        background: #fff url("img/gray_gradient.png") repeat-x;
     7        color: black;
    188}
    199
    20 h1, h2 {
    21     font-size: x-large;
    22     font-weight: normal;
    23 }
    24 
    2510h1 {
    26     color: #203C66;
    27     margin: 10px;
     11        color: #203C66;
    2812}
    2913
    30 h3, h4 { font-weight: bold; }
    31 
    3214hr {
    33     size: 0px;
    34     border-top: 2px solid #e8e8e8;
    35     margin: 8px 2px;
     15        border-top: 2px solid #e8e8e8;
    3616}
    3717
    38 table {
    39     padding: 4px;
    40     margin: 2px;
    41 }
    42 
    4318table.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;
     19        border-color: #e8e8e8;
    4920}
    5021
    5122th {
    52     background-color: #c0c0c0;
    53     font-weight: bold;
    54     vertical-align: top;
     23        background-color: #c0c0c0;
    5524}
    5625
    57 td {
    58     vertical-align: top;
    59     padding: 4px;
     26td.bordered {
     27        border-color: gray;
    6028}
    6129
    62 td.bordered {
    63     border: 1px solid gray;
     30td.indent {
     31        border-color: #fff;
    6432}
    6533
    66 td.indent { border-left: 4px solid white; }
    67 
    6834td.heading {
    69     font-weight: bold;
    70     margin: 4px 0px;
    71     padding: 8px;
    72     background-color: #d8d8d8;
     35        background-color: #d8d8d8;
    7336}
    7437
    7538td.fieldname {
    76     background-color: #eeeeee;
    77     text-align: right;
    78     padding-right: 10px;
    79     margin: 2px 0px;
     39        background-color: #eee;
    8040}
    8141
    82 td.fieldvalue {
    83     margin: 2px 0px;
    84     vertical-align: middle;
     42td.fieldname_error,
     43td.fieldvalue_error  {
     44        background-color: #f88;
    8545}
    8646
    87 td.fieldname_error {
    88     background-color: #ff8888;
    89     text-align: right;
    90 }
    91 
    92 td.fieldvalue_error {
    93     background-color: #ff8888;
    94     font-weight: bold;
    95 }
    96 
    97 td.navbar {
    98     border: 0px;
    99     text-align: center;
    100     vertical-align: middle;
    101 }
    102 
    10347td.friend {
    104     background-color: #e8e8e8;
    105     text-align: center;
    106     vertical-align: middle;
     48        background-color: #e8e8e8;
    10749}
    10850
    10951.row0 {
    110     background-color: #d9d9d9;
    111     text-align: left;
     52        background-color: #d9d9d9;
    11253}
     54
    11355.row1 {
    114     background-color: #eeeeee;
    115     text-align: left;
     56        background-color: #eee;
    11657}
    11758
    11859.highlighted_row0 {
    119     background-color: #b9d9f9;
    120     text-align: left;
     60        background-color: #b9d9f9;
    12161}
     62
    12263.highlighted_row1 {
    123     background-color: #ceeefe;
    124     text-align: left;
     64        background-color: #ceeefe;
    12565}
    12666
    127 .row_hd0 { background-color: #cffacf; }
    128 
    129 .row_hd1 { background-color: #defade; }
    130 
    131 tr.message { background-color: #e0e0e0; }
    132 
    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;
     67.row_hd0 {
     68        background-color: #cffacf;
    14169}
    14270
    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;
     71.row_hd1 {
     72        background-color: #defade;
    15173}
    15274
    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;
     75tr.message {
     76        background-color: #e0e0e0;
    16477}
    16578
    166 .button:hover {
    167     background: #edece8;
    168     text-decoration:none;
     79input[type="button"],
     80input[type="submit"],
     81.btn,
     82a.button {
     83        background: #f2f2f2 url(img/white-grad.png) repeat-x scroll left top;
     84        color: black;
     85        border-color: #ccc;
    16986}
    17087
    171 input[type="button"]:hover, input[type="submit"]:hover, input.btn:hover, .forum_toplinks a:hover {
    172     background: #edece8;
     88input[type="button"]:hover,
     89input[type="submit"]:hover,
     90input.btn:hover,
     91.button:hover ,
     92.forum_toplinks a:hover {
     93        border: 1px solid #555;
     94        color: #0069A1;
    17395}
    17496
    175 .actionlist {
    176     display: inline;
    177     list-style: none;
    178     margin: 0;
    179     padding: 0;
     97input[type="text"], select, textarea {
     98        border-color: #d8d8d8;
    18099}
    181 .actionlist li {
    182     display: inline;
    183 }
    184100
    185 
    186 img { border: 0px; }
    187 
    188 img.userimg { border: 0px; }
    189 
    190 /*   Main Page   */
    191 
    192101#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;
     102        background-color: #dff0ff;
     103        border-color: #add8e6;
    201104}
    202105
    203 #news h2, #uotd h2, #mainnav h2 {
    204     margin-top: 0px;
    205     font-size: 1.2em;
    206     font-weight: bold;
    207 }
    208 
    209106#news h3 {
    210     color: #666666;
    211     font-size: 1em;
    212     margin-bottom: 2px;
     107        color: #666;
    213108}
    214109
    215 #news p {
    216     margin-top: 0px;
    217 }
    218 
    219110#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;
     111        background-color: #d3d3d3;
     112        border-color: #eee;
    228113}
    229114
    230 /*   Forum   */
    231 
    232115td.category , tr.subtitle{
    233     background-color: #dddddd;
    234     border: 0px;
    235     font-weight: bold;
    236     margin: 6px 0px;
     116        background-color: #ddd;
    237117}
    238118
    239 th {
    240     font-weight: bold;
    241     margin: 4px 2px;
    242     padding: 4px;
    243 }
    244 
    245119td.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;
     120        background-color: #eee;
    257121}
    258122
    259123td.postbody {
    260     font-size: 9pt;
    261     margin-left: 4px;
    262     background: transparent url('img/75pct_white.png');
     124        background: transparent url('img/75pct_white.png');
    263125}
    264126
    265127td.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;
     128        background-color: #eee;
    277129}
    278130
    279 tr.helpdeskseperator { height: 10pt; }
    280 
    281131tr.postseperator {
    282     background-color: #c8c8c8;
    283     border: 1px solid #aaaaaa;
    284     margin: 4px 0px;
     132        background-color: #c8c8c8;
     133        border-color: #aaa;
    285134}
    286135
    287 td.threadline { text-align: left; }
    288 
    289 td.numbers {
    290     text-align: center;
     136div.authorcol {
     137        background-color: white;
     138        border-color: #c8c8c8;
    291139}
    292140
    293 td.numbers {
    294     text-align: left;
     141.authorinfo img {
     142        border-color: #a8a8a8;
    295143}
    296144
    297 td.lastpost {
    298 }
    299 
    300 .title {
    301     font-size: 14px;
    302     font-weight: bold;
    303 }
    304 
    305 .description {
    306     font-size: 80%;
    307     font-weight: normal;
    308 }
    309 
    310 .authorcol {
    311     width: 136px;
    312     overflow: hidden;
    313 }
    314 
    315 div.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;
    325 }
    326 
    327 .authorinfo img {
    328     border: 1px solid #a8a8a8;
    329     margin: 3px 9px;
    330 }
    331 
    332 .authorcol input { margin: 4px 10px; }
    333 
    334145blockquote.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;
    340 }
    341 
    342 #thread {
    343     width: 100%;
    344     table-layout: fixed;
    345     overflow: visible;
     146        border-left-color: #0089e1;
     147        background-color: #f5fffa;
    346148}
    347149
    348 .forum_toplinks td {
    349     vertical-align: middle;
    350 }
    351 
    352 span.page_title {
    353     font-size: 24px;
    354     margin: 20px;
    355 }
    356 
    357 span.note {
    358     font-weight: normal;
    359     font-size: 0.9em;
    360 }
    361 
    362150span.news_date {
    363     color: #646464;
    364     font-size: 0.9em;
     151        color: #646464;
    365152}
    366 span.news_title {
    367     font-weight: bold;
    368 }
    369153
    370 span.inboxunread {
    371     font-weight: bold;
    372 }
    373 
    374154span.highlight {
    375     background-color: #ffffcc;
     155        background-color: #ffc;
    376156}
    377157
    378 .nobr{
    379     white-space: nowrap;
    380 }
    381 
    382158.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;
     159        border-left-color: #caa;
    390160}
    391161
    392 .smalltext {
    393     font-size: 0.8em;
    394 }
    395 
    396162.error {
    397     color: #ff0000;
    398     font-weight: bold;
    399     font-size: 1.1em;
     163        color: #f00;
    400164}
    401165
    402166.notice {
    403     color: #009900;
    404     font-weight: bold;
    405     font-size: 1.1em;
     167        color: #090;
    406168}
    407169
    408170#preview {
    409     border: 2px solid #cccccc;
    410     background-color: #eeeeee;
    411     margin: 1em;
    412     padding: 0.2em;
     171        border-color: #ccc;
     172        background-color: #eee;
    413173}
    414174
    415175#preview .header {
    416     font-weight: bold;
    417     font-size: 1.3em;
    418     border-bottom: 1px solid #cccccc;
     176        border-bottom-color:  #ccc;
    419177}
    420178
    421179/*   Server Status Page   */
    … …  
    425183td.notrunning { background-color: #feff6f; }
    426184
    427185td.disabled { background-color: #ff4f4f; }
    428 
    429 /*   IE hack   */
    430 
    431 * html body .code {
    432     white-space: normal;
    433 }