|
|
Line 1: |
Line 1: |
| <html> | | <html> |
− | html
| |
− | { height: 100%;}
| |
− |
| |
− | *
| |
− | { margin: 0;
| |
− | padding: 0;}
| |
− |
| |
− | body
| |
− | { font: normal .80em 'trebuchet ms', arial, sans-serif;
| |
− | background: #FFF;
| |
− | color: #555;}
| |
− |
| |
− | p
| |
− | { padding: 0 0 20px 0;
| |
− | line-height: 1.7em;}
| |
− |
| |
− | img
| |
− | { border: 0;}
| |
− |
| |
− | h1, h2, h3, h4, h5, h6
| |
− | { color: #362C20;
| |
− | letter-spacing: 0em;
| |
− | padding: 0 0 5px 0;}
| |
− |
| |
− | h1, h2, h3
| |
− | { font: normal 170% 'century gothic', arial;
| |
− | margin: 0 0 15px 0;
| |
− | padding: 15px 0 5px 0;
| |
− | color: #000;}
| |
− |
| |
− | h2
| |
− | { font-size: 160%;
| |
− | padding: 9px 0 5px 0;
| |
− | color: #009FBC;}
| |
− |
| |
− | h3
| |
− | { font-size: 140%;
| |
− | padding: 5px 0 0 0;}
| |
− |
| |
− | h4, h6
| |
− | { color: #009FBC;
| |
− | padding: 0 0 5px 0;
| |
− | font: normal 110% arial;
| |
− | text-transform: uppercase;}
| |
− |
| |
− | h5, h6
| |
− | { color: #888;
| |
− | font: normal 95% arial;
| |
− | letter-spacing: normal;
| |
− | padding: 0 0 15px 0;}
| |
− |
| |
− | a, a:hover
| |
− | { outline: none;
| |
− | text-decoration: underline;
| |
− | color: #AEB002;}
| |
− |
| |
− | a:hover
| |
− | { text-decoration: none;}
| |
− |
| |
− | blockquote
| |
− | { margin: 20px 0;
| |
− | padding: 10px 20px 0 20px;
| |
− | border: 1px solid #E5E5DB;
| |
− | background: #FFF;}
| |
− |
| |
− | ul
| |
− | { margin: 2px 0 22px 17px;}
| |
− |
| |
− | ul li
| |
− | { list-style-type: circle;
| |
− | margin: 0 0 6px 0;
| |
− | padding: 0 0 4px 5px;
| |
− | line-height: 1.5em;}
| |
− |
| |
− | ol
| |
− | { margin: 8px 0 22px 20px;}
| |
− |
| |
− | ol li
| |
− | { margin: 0 0 11px 0;}
| |
− |
| |
− | .left
| |
− | { float: left;
| |
− | width: auto;
| |
− | margin-right: 10px;}
| |
− |
| |
− | .right
| |
− | { float: right;
| |
− | width: auto;
| |
− | margin-left: 10px;}
| |
− |
| |
− | .center
| |
− | { display: block;
| |
− | text-align: center;
| |
− | margin: 20px auto;}
| |
− |
| |
− | #main, #logo, #menubar, #site_content, #footer
| |
− | { margin-left: auto;
| |
− | margin-right: auto;}
| |
− |
| |
− | #header
| |
− | { background: #323534 url(back.png) repeat-x;
| |
− | height: 177px;}
| |
− |
| |
− | #banner
| |
− | { background: transparent url(banner.jpg) no-repeat;
| |
− | width: 860px;
| |
− | height: 180px;
| |
− | margin-bottom: 20px;
| |
− | border: 10px solid #DDD;}
| |
− |
| |
− | #logo
| |
− | { width: 880px;
| |
− | position: relative;
| |
− | height: 140px;
| |
− | background: transparent;}
| |
− |
| |
− | #logo #logo_text
| |
− | { position: absolute;
| |
− | top: 10px;
| |
− | left: 0;}
| |
− |
| |
− | #logo h1, #logo h2
| |
− | { font: normal 300% 'century gothic', arial, sans-serif;
| |
− | border-bottom: 0;
| |
− | text-transform: none;
| |
− | margin: 0 0 0 9px;}
| |
− |
| |
− | #logo_text h1, #logo_text h1 a, #logo_text h1 a:hover
| |
− | { padding: 22px 0 0 0;
| |
− | color: #FFF;
| |
− | letter-spacing: 0.1em;
| |
− | text-decoration: none;}
| |
− |
| |
− | #logo_text h1 a .logo_colour
| |
− | { color: #E4EC04;}
| |
− |
| |
− | #logo_text a:hover .logo_colour
| |
− | { color: #FFF;}
| |
− |
| |
− | #logo_text h2
| |
− | { font-size: 120%;
| |
− | padding: 4px 0 0 0;
| |
− | color: #999;}
| |
− |
| |
− | #menubar
| |
− | { width: 880px;
| |
− | height: 46px;}
| |
− |
| |
− | ul#menu
| |
− | { float: right;
| |
− | margin: 0;}
| |
− |
| |
− | ul#menu li
| |
− | { float: left;
| |
− | padding: 0 0 0 9px;
| |
− | list-style: none;
| |
− | margin: 1px 2px 0 0;
| |
− | background: #5A5A5A url(tab.png) no-repeat 0 0;}
| |
− |
| |
− | ul#menu li a
| |
− | { font: normal 100% 'trebuchet ms', sans-serif;
| |
− | display: block;
| |
− | float: left;
| |
− | height: 20px;
| |
− | padding: 6px 35px 5px 28px;
| |
− | text-align: center;
| |
− | color: #FFF;
| |
− | text-decoration: none;
| |
− | background: #5A5A5A url(tab.png) no-repeat 100% 0;}
| |
− |
| |
− | ul#menu li.selected a
| |
− | { height: 20px;
| |
− | padding: 6px 35px 5px 28px;}
| |
− |
| |
− | ul#menu li.selected
| |
− | { margin: 1px 2px 0 0;
| |
− | background: #00C6F0 url(tab_selected.png) no-repeat 0 0;}
| |
− |
| |
− | ul#menu li.selected a, ul#menu li.selected a:hover
| |
− | { background: #00C6F0 url(tab_selected.png) no-repeat 100% 0;
| |
− | color: #FFF;}
| |
− |
| |
− | ul#menu li a:hover
| |
− | { color: #E4EC04;}
| |
− |
| |
− | #site_content
| |
− | { width: 880px;
| |
− | overflow: hidden;
| |
− | margin: 20px auto 0 auto;
| |
− | padding: 0 0 10px 0;}
| |
− |
| |
− | #sidebar_container
| |
− | { float: right;
| |
− | width: 224px;}
| |
− |
| |
− | .sidebar_top
| |
− | { width: 222px;
| |
− | height: 14px;
| |
− | background: transparent url(side_top.png) no-repeat;}
| |
− |
| |
− | .sidebar_base
| |
− | { width: 222px;
| |
− | height: 14px;
| |
− | background: url(side_base.png) no-repeat;}
| |
− |
| |
− | .sidebar
| |
− | { float: right;
| |
− | width: 222px;
| |
− | padding: 0;
| |
− | margin: 0 0 16px 0;}
| |
− |
| |
− | .sidebar_item
| |
− | { background: url(side_back.png) repeat-y;
| |
− | padding: 0 15px;
| |
− | width: 192px;}
| |
− |
| |
− | .sidebar li a.selected
| |
− | { color: #444;}
| |
− |
| |
− | .sidebar ul
| |
− | { margin: 0;}
| |
− |
| |
− | #content
| |
− | { text-align: left;
| |
− | width: 620px;
| |
− | padding: 0 0 0 5px;
| |
− | float: left;}
| |
− |
| |
− | #content ul
| |
− | { margin: 2px 0 22px 0px;}
| |
− |
| |
− | #content ul li, .sidebar ul li
| |
− | { list-style-type: none;
| |
− | background: url(bullet.png) no-repeat;
| |
− | margin: 0 0 0 0;
| |
− | padding: 0 0 4px 25px;
| |
− | line-height: 1.5em;}
| |
− |
| |
− | #footer
| |
− | { width: 100%;
| |
− | font-family: 'trebuchet ms', sans-serif;
| |
− | font-size: 100%;
| |
− | height: 80px;
| |
− | padding: 28px 0 5px 0;
| |
− | text-align: center;
| |
− | background: #3B3939 url(footer.png) repeat-x;
| |
− | color: #A8AA94;}
| |
− |
| |
− | #footer p
| |
− | { line-height: 1.7em;
| |
− | padding: 0 0 10px 0;}
| |
− |
| |
− | #footer a
| |
− | { color: #A8AA94;
| |
− | text-decoration: none;}
| |
− |
| |
− | #footer a:hover
| |
− | { color: #FFF;
| |
− | text-decoration: none;}
| |
− |
| |
− | .search
| |
− | { color: #5D5D5D;
| |
− | border: 1px solid #BBB;
| |
− | width: 134px;
| |
− | padding: 4px;
| |
− | font: 100% arial, sans-serif;}
| |
− |
| |
− | .form_settings
| |
− | { margin: 15px 0 0 0;}
| |
− |
| |
− | .form_settings p
| |
− | { padding: 0 0 4px 0;}
| |
− |
| |
− | .form_settings span
| |
− | { float: left;
| |
− | width: 200px;
| |
− | text-align: left;}
| |
− |
| |
− | .form_settings input, .form_settings textarea
| |
− | { padding: 5px;
| |
− | width: 299px;
| |
− | font: 100% arial;
| |
− | border: 1px solid #E5E5DB;
| |
− | background: #FFF;
| |
− | color: #47433F;}
| |
− |
| |
− | .form_settings .submit
| |
− | { font: 100% arial;
| |
− | border: 0;
| |
− | width: 99px;
| |
− | margin: 0 0 0 212px;
| |
− | height: 33px;
| |
− | padding: 2px 0 3px 0;
| |
− | cursor: pointer;
| |
− | background: #3B3B3B;
| |
− | color: #FFF;}
| |
− |
| |
− | .form_settings textarea, .form_settings select
| |
− | { font: 100% arial;
| |
− | width: 299px;}
| |
− |
| |
− | .form_settings select
| |
− | { width: 310px;}
| |
− |
| |
− | .form_settings .checkbox
| |
− | { margin: 4px 0;
| |
− | padding: 0;
| |
− | width: 14px;
| |
− | border: 0;
| |
− | background: none;}
| |
− |
| |
− | .separator
| |
− | { width: 100%;
| |
− | height: 0;
| |
− | border-top: 1px solid #D9D5CF;
| |
− | border-bottom: 1px solid #FFF;
| |
− | margin: 0 0 20px 0;}
| |
− |
| |
− | table
| |
− | { margin: 10px 0 30px 0;}
| |
− |
| |
− | table tr th, table tr td
| |
− | { background: #3B3B3B;
| |
− | color: #FFF;
| |
− | padding: 7px 4px;
| |
− | text-align: left;}
| |
− |
| |
− | table tr td
| |
− | { background: #E5E5DB;
| |
− | color: #47433F;
| |
− | border-top: 1px solid #FFF;}
| |
− |
| |
− |
| |
| | | |
| | | |
| | | |
| </html> | | </html> |