Changeset 9661

Show
Ignore:
Timestamp:
10/13/08 04:54:04 (3 months ago)
Author:
afz
Message:

for coolwater...

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • art/themes/coolwater/style.css

    r9654 r9661  
    2626padding: 2px 3px; 
    2727border: 1px solid #E5F0FB; 
    28 font: normal 1em Verdana, sans-serif; 
     28font: normal 1.1em Verdana, sans-serif; 
    2929} 
    3030 
    …… 
    3333height: 22px; 
    3434margin: 0px; 
    35 padding: 2px 3px;  
     35padding:2px 3px 3px; 
    3636font: bold 12px Arial, Sans-serif;  
    3737border: 1px solid #306bc1; 
    …… 
    4141input[type="button"], input[type="submit"], input[type="reset"] { 
    4242color: #fff; 
    43 height: 28px; 
     43height: 22px; 
    4444margin: 0px; 
    45 padding: 2px 3px;  
     45padding:2px 3px 3px; 
    4646font: bold 12px Arial, Sans-serif;  
    4747border: 1px solid #306bc1; 
    …… 
    5757 
    5858/* headers */ 
    59 h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif;} 
     59h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; text-align: left;} 
    6060h1 { 
    6161font-size: 180%; 
    …… 
    7676img { 
    7777background: #fff; 
    78  border: 1px solid #E5E5E5; 
    79 padding: 5px; 
     78border: 1px solid #E5E5E5; 
     79padding: 2px; 
    8080} 
    8181img.float-right { margin: 5px 0px 10px 10px;} 
    …… 
    8888 
    8989ul, ol { 
    90 margin: 5px 15px; 
    91 padding: 0 25px; 
     90margin: 5px; 
     91padding: 0 10px; 
    9292} 
    9393ul li { 
    …… 
    150150/* form elements */ 
    151151form { 
    152 margin:10px 15px;  
    153 padding: 10px 0; 
     152margin:10px 0px;  
     153padding: 10px 5px; 
    154154border: 1px solid #E5F0FB;  
    155155background: #F4F8FD; 
    …… 
    162162display: none; 
    163163} 
    164 label { 
    165 display:block; 
     164fieldset label { 
     165display: block; 
    166166font-weight:bold; 
    167167margin: 7px 0; 
    …… 
    214214} 
    215215 
    216 /* header links */ 
    217 #top-header #header-links { 
    218 position: absolute; 
    219 color: #C6DDEE; 
    220 font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif; 
    221 top: 20px; right: 20px; 
    222 } 
    223 #top-header #header-links a { 
    224 color: #fff; 
    225 text-decoration: none; 
    226 } 
    227 #top-header #header-links a:hover { 
    228 color: #D4FF55; 
    229 } 
    230216 
    231217/* navigation */ 
    …… 
    238224width: 790px; 
    239225} 
    240 #menu ul { 
    241 float: left; 
    242 list-style: none; 
    243 margin:0; padding: 0 0 0 20px; 
    244 } 
    245 #menu ul li { 
    246 display: inline; 
    247 } 
    248 #menu ul li a { 
    249 display: block; 
    250 float: left; 
    251 padding: 0 12px; 
    252 color: #fff; 
    253 text-decoration: none; 
    254 background: url(images/sep.jpg) no-repeat 100% 100%; 
    255 } 
    256 #menu ul li a:hover { 
    257 color: #3b5e0b; 
    258 } 
    259 #menu ul li#current a { 
    260 color: #3b5e0b; 
    261 } 
    262226 
    263227/* Main Column */ 
    …… 
    297261} 
    298262 
    299 #sidebar ul.sidemenu { 
     263#sidebar ul { 
    300264list-style: none; 
    301265text-align: left; 
    …… 
    304268border-top: 1px solid #A9D4EF; 
    305269} 
    306 #sidebar ul.sidemenu li { 
     270#sidebar ul li { 
    307271list-style: none; 
    308272padding: 4px 0 4px 5px; 
    …… 
    311275border-bottom: 1px solid #D2E8F7;  
    312276} 
    313 * html body #sidebar ul.sidemenu li { 
     277* html body #sidebar ul li { 
    314278height: 1%; 
    315279} 
    316 #sidebar ul.sidemenu li a { 
     280#sidebar ul li a { 
    317281text-decoration: none; 
    318282color: #1773BC; 
    319283} 
    320 #sidebar ul.sidemenu li a:hover { 
     284#sidebar ul li a:hover { 
    321285color: #333; 
    322286} 
    323 #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } 
    324 #sidebar ul.sidemenu ul li { border: none; } 
     287#sidebar ul ul { margin: 0 0 0 5px; padding: 0; } 
     288#sidebar ul ul li { border: none; } 
     289 
    325290 
    326291/* Footer */ 
    …… 
    342307text-decoration: none;  
    343308} 
     309 
     310 
     311/* Common styles */ 
     312.gadget {margin-bottom: 10px;} 
     313.wide .gadget {margin-bottom: 2px;} 
     314.gadget .content ul {list-style: none;} 
     315.gadget .content ul li {padding-bottom: 2px;} 
     316.gadget .actions { 
     317margin:0px 5px; 
     318padding-top: 5px; 
     319text-align: right; 
     320border-top: 1px dashed #D2E8F7; 
     321} 
     322.gadget .actions div {text-align: left;} 
    344323 
    345324 
    …… 
    475454 
    476455 
    477  
    478  
    479  
    480  
    481  
    482 /* alignment classes */ 
    483 .float-left{ float: left; } 
    484 .float-right { float: right; } 
    485 .align-left{ text-align: left; } 
    486 .align-right { text-align: right; } 
     456/* Menu */ 
     457#header .menu ul { 
     458float: left; 
     459list-style: none; 
     460margin:0; padding: 0 0 0 20px; 
     461} 
     462#header .menu ul li { 
     463display: inline; 
     464} 
     465#header .menu ul li a { 
     466display: block; 
     467float: left; 
     468padding: 0 12px; 
     469color: #fff; 
     470text-decoration: none; 
     471background: url(images/sep.jpg) no-repeat 100% 100%; 
     472} 
     473#header .menu ul li a:hover { 
     474color: #3b5e0b; 
     475} 
     476#header .menu ul li#current a { 
     477color: #3b5e0b; 
     478} 
     479 
     480/* header links */ 
     481#top-header #header-links { 
     482position: absolute; 
     483color: #C6DDEE; 
     484font: bold 14px "Trebuchet MS", Arial, Tahoma, Sans-serif; 
     485top: 20px; right: 20px; 
     486} 
     487#header-links .menu ul li { 
     488display: inline; 
     489padding: 0px 3px; 
     490} 
     491#top-header #header-links a { 
     492color: #fff; 
     493text-decoration: none; 
     494} 
     495#top-header #header-links a:hover { 
     496color: #D4FF55; 
     497} 
     498 
     499 
     500/* Contact */ 
     501.contact .content label {display: block; font-weight: bold; padding-top:5px;} 
     502.contact input, .contact select {width: 70%;} 
     503.contact .content textarea {width: 98%;} 
     504 
     505 
     506/* Poll */ 
     507.poll .content input {padding: 2px; border: none;} 
     508.poll .content label {padding-left: 2px;} 
     509.poll_result table {width: 98%; margin: 0px; padding:0px; font-size:10pt;} 
     510.poll_result th { border: 1px solid #d3d7cf; } 
     511.poll_result td {font-size:9pt; padding:4px; padding-left:2px; border: 1px solid #d3d7cf;} 
     512.poll_result .txt_percent {width: 28px;} 
     513.poll_result .img_percent {width: 128px;} 
     514.poll_result .img_percent img {height: 18px; background-color:#3377cc;} 
     515.poll_result .votes {width: 28px;} 
     516.poll_result .resume {font-weight:bold; font-size:9pt;} 
     517 
     518 
     519/* Phoo */ 
     520.phoo_random .content {text-align: center;} 
     521.phoo_image .content {text-align: center;} 
     522.phoo_random .content img, .phoo_album .content img {border: 1px solid rgb(186, 189, 182); padding: 4px;} 
     523.phoo_image .content img {border: 1px solid rgb(186, 189, 182); padding: 8px;} 
     524.phoo_image .pager {margin-bottom: 10px; font-size: xx-small;} 
     525 
     526 
     527/* Quotes */ 
     528.quotes .content {padding: 0px;} 
     529.quotes li , .rssreader li { 
     530display: block; 
     531padding: 2px; 
     532padding-right: 6px; 
     533} 
     534.wide .quotes .content ul li {display: inline;} 
     535 
     536 
     537/* Search */ 
     538.simple_search .content input {width: 132px; margin-right: 2px;} 
     539.search .content input {width: 99%; margin-bottom: 2px;} 
     540.search .content p label {font-weight: bold;} 
     541.search .content select {margin-left: 4px; width: 130px;} 
     542.wide .search .content, .wide .search .content p {display:inline;} 
     543.wide .search .content input {width: 200px;} 
     544.wide .search .actions {display:inline; width: 196px; border: none;} 
     545.advance_search .content h4 {padding: 4px 0;} 
     546.advance_search .content p label {font-weight: bold;} 
     547.advance_search .content input {width: 99%; margin-bottom: 2px;} 
     548.advance_search .content select {margin-left: 4px; width: 130px;} 
     549.wide .advance_search .content input {width: 240px;} 
     550.wide .advance_search .content p {padding-left: 245px; clear: left;} 
     551.wide .advance_search .content p label {float:left; width: 240px; margin-left: -245px;} 
     552.wide .advance_search .actions {margin-left: 250px; text-align:left;} 
     553.search_results .content li {border-bottom:1px dashed #d3d7cf; padding-top: 10px;} 
     554.search_results .snippet div {text-align: right;} 
     555.search_results .snippet div a {float: left; font-weight: bold;} 
     556.search_results .snippet p {clear:both; text-align: left;} 
     557.search_results .snippet {float: left; width: 480px;} 
     558.search_results .gadget_logo {float: right;} 
     559 
     560 
     561/* VisitCounter */ 
     562.visitcounter .classic {padding-left: 125px; clear: left; border-bottom: 1px dotted #f0cca0;} 
     563.visitcounter .classic label {float:left; width: 120px; margin-left: -125px; border-right: 1px dotted #f0cca0;} 
     564 
     565 
     566/* Emblems */ 
     567.emblems .content {text-align: center;} 
     568.emblems .content img, .emblems .content a {padding-top: 2px;} 
     569 
     570 
     571/* FAQ */ 
     572.faq h4 {font-size: 11pt;} 
     573.faq .content a {float: right;} 
     574.faq .content p, .faq_category p {padding: 5px;} 
     575.faq .content ul li ul li, .faq_category .content ul li {border-bottom: 1px dotted #f0cca0; padding-top:5px;} 
     576.faq .content ul li ul li span {font-weight: bold;} 
     577.faq .summary {padding-bottom: 5px;} 
     578.faq .summary li {margin-left: 20px; font-size: 10pt;} 
     579.faq .summary li{font-weight: bold;} 
     580.faq .summary liol li {font-weight: normal;} 
     581.faq_category h4 {font-size: 10pt;} 
     582 
     583 
     584/* Glossary */ 
     585.glossary_random .content h4, .glossary_term .content h4 {font-size: 11pt;} 
     586.glossary_term .content p {padding: 5px;} 
     587.glossary h3 {margin-bottom: 10px;} 
     588.glossary span { 
     589border: 1px solid #d3d7cf; 
     590padding: 4px; 
     591background: #eee; 
     592font-size: xx-small; 
     593} 
     594.glossary span a {padding: 2px;} 
     595.glossary .content {margin-top: 10px;} 
     596.glossary .content h4 a {font-size: 12pt;} 
     597.glossary .content li a {font-size: 10pt; font-weight: bold;} 
     598.glossary .content li {border-bottom: 1px dotted #f0cca0; padding-top: 5px;} 
     599 
     600 
     601/* chatbox */ 
     602.chatbox .content label {display: block; font-weight: bold;} 
     603.chatbox .content input {width: 95%;} 
     604.chatbox .content textarea {width: 95%;} 
     605 
     606/* users */ 
     607.loginbox .content label {font-weight: bold;} 
     608.loginbox input {width: 95%;} 
     609.loginbox #login_remember {width: 16px; border: none;} 
     610 
     611.users p {clear: left; padding-bottom:4px; padding-left: 150px;} 
     612.users p label {font-weight: bold; float:left; width: 145px; font-weight: bold; margin-left: -150px;} 
     613.users input, .users select, .users textarea {padding: 2px; width: 70%;} 
     614.users span {font-size: 8pt; display: block;} 
     615.users .actions {text-align:left; margin-left: 155px;} 
     616 
     617/* preferences */ 
     618.preferences p {padding-bottom: 4px;} 
     619.preferences label {display: block; font-weight: bold;} 
     620.preferences input, .preferences select {padding: 2px; width: 190px; font-size: 10pt;} 
     621.wide .preferences p {clear: left; padding-left: 145px;} 
     622.wide .preferences p label {float:left; display: inline; width: 140px; margin-left: -145px;} 
     623.wide .preferences input, .wide .preferences select {width: 320px;} 
     624.wide .preferences .actions {text-align:left; margin-left: 148px;} 
     625 
    487626 
    488627/* display and additional classes */ 
    489628.clear { clear: both; } 
    490  
    491