|
|
Line 1: |
Line 1: |
- | /*
| + | body { |
- | Design by http://www.bluewebtemplates.com
| + | font-family: Verdana, Arial, Helvetica, sans-serif; |
- | Released for free under a Creative Commons Attribution 3.0 License
| + | font-size: 80%; |
- | */
| + | font-weight: bold; |
- | @charset "utf-8";
| + | } |
- | body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Arial, Helvetica, sans-serif;} | + | |
- | html, .main { padding:0; margin:0; background:#dedede;}
| + | |
- | .clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
| + | |
- | h1 { margin:0; padding:0; color:#fff; font:normal 40px/1.2em Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;}
| + | |
- | h1 a, h1 a:hover { color:#fff; text-decoration:none;}
| + | |
- | h1 span { color:#007236;}
| + | |
- | h1 small { font:normal 13px/1.2em Arial, Helvetica, sans-serif;}
| + | |
- | h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#4b4b4b; padding:8px 0; margin:8px 0;}
| + | |
- | p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
| + | |
- | a { color:#7baf30; text-decoration:underline;}
| + | |
| | | |
- | .header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
| + | h1 { |
- | .content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;}
| + | font-family:Verdana, Arial, Helvetica, sans-serif; |
| + | font-size:16px; |
| + | font-weight:bold; |
| + | margin:0; |
| + | padding:0; |
| + | } |
| | | |
- | /* header */
| + | hr { |
- | .header { background:url(images/header_bg.jpg) repeat-x center top;}
| + | border:none; |
- | .header_resize { margin:0 auto; padding:0; width:970px; height:337px;}
| + | border-top:1px solid #CCCCCC; |
- | .header .logo { padding:100px 0 0;}
| + | height:1px; |
| + | margin-bottom:25px; |
| + | } |
| | | |
- | /* menu */
| + | ul { |
- | .menu_nav { padding-left:20px; float:left; width:auto;}
| + | list-style: none; |
- | .menu_nav ul { list-style:none;}
| + | margin: 0; |
- | .menu_nav ul li { margin:0 4px; float:left;}
| + | padding: 0; |
- | .menu_nav ul li a { display:block; margin:0; padding:23px 24px; color:#fff; text-decoration:none;}
| + | } |
- | .menu_nav ul li.active a, .menu_nav ul li a:hover { background:url(images/menu_a.gif) repeat top;}
| + | |
| | | |
- | /* search */
| + | #menu { |
- | .searchform { float:right; width:auto;}
| + | width: 200px; |
- | #formsearch { margin:0; padding:12px 20px 0 0;} | + | border-style: solid solid none solid; |
- | #formsearch span { display:block; margin:6px 0; padding:0 8px 0 11px !important; padding:0 4px 0 6px; float:right; width:183px; background:#fff url(images/search.gif) no-repeat top left;}
| + | border-color: #D76100; |
- | #formsearch input.editbox_search { margin:0; padding:5px 0; float:left; width:180px; height:20px; border:none; background:none; font:normal 13px/20px Arial, Helvetica, sans-serif; color:#a8acb2;}
| + | border-size: 1px; |
- | #formsearch input.button_search { margin:6px 0 0 0; padding:0; border:none; float:right;}
| + | border-width: 1px; |
- | | + | margin: 10px; |
- | /* content */
| + | } |
- | .content_resize { padding-right:0; padding-top:16px; width:930px; background-color:#fff;}
| + | |
- | .content .mainbar { float:left; width:630px;}
| + | #menu li a { |
- | .content .mainbar img { margin-bottom:24px; padding:4px; border:1px solid #b7b7b7; background-color:#fff;}
| + | height: 32px; |
- | .content .mainbar img.fl { float:left; margin-right:12px;}
| + | voice-family: "\"}\""; |
- | .content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
| + | voice-family: inherit; |
- | .content .sidebar { float:right; width:276px;}
| + | height: 24px; |
- | ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
| + | text-decoration: none; |
- | ul.sb_menu li, ul.ex_menu li { margin:0; background:url(images/li.gif) no-repeat 0 12px;}
| + | } |
- | ul.sb_menu li { padding:4px 0; border-bottom:1px solid #e3e3e3; width:220px;}
| + | |
- | ul.ex_menu li { padding:4px 0 8px;}
| + | #menu li a:link, #menu li a:visited { |
- | ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; margin-left:-16px; padding-left:16px;}
| + | color: #9E3C02; |
- | ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#7baf30; font-weight:bold; background:url(images/li_a.gif) no-repeat left center;}
| + | display: block; |
- | ul.sb_menu li a:hover { text-decoration:underline;}
| + | background: url(menu.gif); |
- | ul.ex_menu li a:hover { text-decoration:none;}
| + | padding: 8px 0 0 30px; |
- | | + | } |
- | /* subpages */
| + | |
- | .content .mainbar .comment { margin:0; padding:16px 0 0 0;}
| + | #menu li a:hover { |
- | .content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}
| + | color: #fff; |
- | | + | background: url(menu.gif) 0 -32px; |
- | /* fbg */
| + | padding: 8px 0 0 30px; |
- | .fbg_resize { background-color:#fff; padding:24px 40px;}
| + | } |
- | .fbg img { border:1px solid #d6d6d6;}
| + | |
- | .fbg .col { margin:0; float:left;} | + | #menu li a:active { |
- | .fbg .c1 { padding:0 16px 0 0; width:296px;}
| + | color: #fff; |
- | .fbg .c2 { padding:0 16px; width:240px;}
| + | background: url(menu.gif) 0 -64px; |
- | .fbg .c3 { padding:0 0 0 16px; width:290px;}
| + | padding: 8px 0 0 30px; |
- | .fbg .c1 img { margin:8px 16px 4px 0; float:left;}
| + | } |
- | | + | |
- | /* footer */
| + | |
- | .footer { padding:16px;}
| + | |
- | .footer p.lf { margin:0; padding:4px 0; float:right; width:auto; line-height:1.5em;}
| + | |
- | ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;}
| + | |
- | ul.fmenu li { margin:0; padding:0 4px; float:left;}
| + | |
- | ul.fmenu li a { color:#5f5f5f; text-decoration:none; padding:2px 6px;}
| + | |
- | ul.fmenu li a:hover, ul.fmenu li.active a { color:#7baf30;}
| + | |
- | ul.fmenu li a:hover { text-decoration:underline;}
| + | |
- | | + | |
- | /* form */
| + | |
- | ol { list-style:none;}
| + | |
- | ol li { display:block; clear:both;}
| + | |
- | ol li label { display:block; margin:0; padding:16px 0 0 0;}
| + | |
- | ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
| + | |
- | ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
| + | |
- | ol li .send { margin:16px 0 0 0;}
| + | |
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
}
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}
width: 200px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
margin: 10px;
}
color: #9E3C02;
display: block;
background: url(menu.gif);
padding: 8px 0 0 30px;
}