Css1
@font-face {
}
@font-face {
a {
color : #4e0000;
text-decoration : none;
}
a.newpage {
color : #b30000;
}
a:hover {
color : #222;
background-color : transparent;
}
h1, h2, h3, h4, h5, h6 {
color : #222;
font-weight : normal;
font-family : 'Fontin', Helvetica, Arial, sans-serif;
line-height : 1.2em;
margin : 16px 0;
}
h1 {
font-size : 200%;
}
h2 {
font-size : 180%;
color : #444;
}
h3 {
font-size : 170%;
}
h4 {
font-size : 140%;
}
h5 {
font-size : 120%;
}
h6 {
font-size : 115%;
}
input[type="text"], textarea {
margin : 0;
padding : 7px 5px;
background : #fff;
border : 1px solid #ccc;
}
input[type="text"]:focus, textarea:focus {
border : 1px solid #3198dd;
outline : none;
}
html {
background : #e7e7e2;
}
body {
color : #444;
font : 13px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#container-wrap {
margin : 0 auto;
width : 960px;
}
#header {
height : 120px;
position : relative;
}
#header h1 {
position : relative;
top : 30px;
text-align : center;
}
#header h1 a {
color : #3a3a3a;
font-size : 40px;
padding : 17px 0 0;
letter-spacing : -2px;
font-weight : bold;
}
#header h1 a:hover {
color : #4e0000;
}
#header h2 {
color : #aaa;
position : relative;
text-align : center;
top : 36px;
left : 0;
background : none;
text-transform : uppercase;
font : 11px Arial, Helvetica, sans-serif;
}
#login-status {
color : #888;
position : absolute;
top : 6px;
font-size : 90%;
}
#login-status .printuser a {
display : none;
}
a#account-topbutton {
background : none;
border : none;
}
#login-status a {
padding : 0 3px;
color : #888;
text-decoration : none;
}
#login-status a:hover {
color : #4e0000;
}
#account-options {
width : 140px;
margin-top : 4px;
text-align : center;
border : none;
border-top : 1px solid #fff;
background-color : #f3f3f3;
}
#account-options a {
color : #888;
}
search-top-box {
position : absolute;
right : 0;
top : 78px;
height : 30px;
width : 240px;
text-align : right;
display : none;
}
search-top-box-form {
height : 30px;
}
search-top-box input.text {
width : 170px;
margin : 0;
padding : 7px 25px 7px 5px;
}
search-top-box input.text.empty {
color : #666;
font-style : italic;
}
search-top-box input.button {
position : absolute;
top : 2px;
right : -5px;
border : none;
display : block;
width : 36px;
height : 28px;
padding : 0;
text-indent : -9999px;
font-size : 0;
line-height : 0;
}
#top-bar {
height : 43px;
display : block;
right : 0;
position : absolute;
width : 600px;
z-index : 2;
top : 40px;
text-align : center;
font-family : 'Fontin';
}
#top-bar ul {
float : right;
padding : 0;
height : 43px;
margin : 0;
border : none;
}
#top-bar ul li {
display : inline;
padding : 0;
height : 28px;
margin : 0 12px;
position : relative;
}
#top-bar ul li a {
display : block;
color : #565656;
height : 25px;
padding : 13px 10px 5px;
font-size : 18px;
font-weight : normal;
}
#top-bar ul li a.current-link {
color : #4e0000;
}
#top-bar ul li a:hover, #top-bar ul li.sfhover a {
background : none;
text-decoration : none;
color : #4e0000;
}
#top-bar ul li ul {
color : #fff;
visibility : hidden;
font-size : 1em;
top : 40px;
left : 4px;
line-height : 1.8em;
padding : 4px 0;
position : absolute;
z-index : 100;
height : auto;
width : auto;
border : none;
border-top : 1px solid #fff;
background-color : #f3f3f3;
}
#top-bar ul li:hover ul {
display : inline-block;
}
#top-bar ul li ul li {
padding : 0 10px;
background : none;
border : none;
display : inline-block;
width : auto;
height : auto;
left : auto;
right : 0;
}
#top-bar ul li ul li a, #top-bar ul li.sfhover ul li a {
background : none;
padding : 6px 0;
text-transform : none;
line-height : 1;
height : auto;
color : #565656;
}
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
background : none;
}
#top-bar ul li ul li a:hover {
color : #4e0000;
}
#top-bar ul li ul li ul {
display : none !important ;
}
#top-bar {
float : left;
width : 100%;
position : relative;
}
#top-bar > ul {
clear : left;
float : left;
margin : 0;
position : relative;
left : 50%;
text-align : center;
}
top-bar > ul > li {
display : block;
float : left;
margin : 0 10px 0;
padding : 0;
position : relative;
right : 50%;
}
#top-bar > ul li a {
display : block;
margin : 0 0 0 1px;
}
#content-wrap {
position : relative;
padding : 20px 30px 5px;
margin-top : 0;
clear : both;
overflow : hidden;
background : #fff;
border : 1px solid #d2d2cc;
}
#page-title {
border : none;
font-size : 24px;
font-weight : normal;
text-decoration : none;
margin : 10px 0 !important ;
color : #323232;
letter-spacing : -1px;
padding : 0;
}
#main-content {
float : left;
padding : 0;
width : 600px;
margin : 0;
overflow : hidden;
}
#page-content {
width : 98%;
margin : 0 auto;
}
#side-bar {
float : right;
padding : 0;
width : 250px;
margin : 0;
overflow : hidden;
}
#side-bar a {
color : #444;
}
#side-bar a:hover {
color : #4e0000;
}
#side-bar ul {
list-style-type : none;
padding : 0 5px 0;
}
breadcrumbs {
color : #666;
padding : 5px 10px;
width : 95%;
margin : 15px 5px;
font-size : 11px;
background : #f3f3f3;
border : 1px solid #d2d2cc;
}
breadcrumbs a {
color : #666;
}
breadcrumbs a:hover {
color : #4e0000;
}
page-options-container {
padding-bottom : 5px;
}
footer {
color : #888;
padding : 12px 10px 0;
font-size : 0.95em;
margin-top : 0;
}
#footer .options {
font-size : 100%;
}
#footer a, #license-area a {
color : #888;
text-decoration : none;
}
#footer a:hover, #license-area a:hover {
color : #4e0000;
}
#license-area {
padding : 5px 10px 40px;
color : #888;
font-size : 0.95em;
}
#action-area {
padding : 0 3px;
}
#action-area h1 {
font-size : 200%;
}
a.action-area-close:hover {
background : none;
}
.code {
background : #f9f9f9;
display : block;
padding : 10px;
border : 1px solid #ccc;
}
.hovertip {
border : none !important ;
max-width : 300px;
background : none;
}
.hovertip .content {
background-color : #333;
padding : 4px 8px;
color : #fff;
}
.hovertip .content .footnote .f-content {
margin : 2px;
}
.hovertip .content .footnote .f-heading, .hovertip .content .footnote .f-footer {
display : none !important ;
}
.comments-box {
border-top : 2px solid #eee;
margin : 10px 0;
}
.comments-box h1 {
color : #444;
font-size : 16px;
font-weight : bold;
letter-spacing : 1px;
text-transform : uppercase;
}
.change-textarea-size {
padding-right : 50px;
}
.change-textarea-size a {
background : #fff;
border : 1px solid #d4d4d4;
}
.change-textarea-size a:hover {
background : #eee;
}
.post-container {
background : #f1f1f1;
padding : 0 10px;
position : relative;
margin : 15px 0;
border : 1px solid #e0e0e0;
}
.post-container .post {
margin : 0;
padding : 5px 0 2px;
}
.post-container .post.folded .short {
background : none;
}
.post-container .head .info, .post-container .head {
margin : 0;
background : none !important ;
border : none;
text-transform : none;
}
.post-container .head .info .printuser a {
color : #4e0000;
text-transform : none;
font-weight : bold;
font-size : 16px;
}
.post-container .head .info .printuser a:hover {
background : none;
color : #444;
}
.post-container .head .info .odate {
float : right;
color : #777;
font-size : 12px;
}
.post-container .head .options {
display : none;
}
.post-container .options {
margin : 5px 0 0;
padding : 5px 0 0;
}
.post-container .post .options a {
color : #444;
padding : 4px 0 0;
text-decoration : none;
font-size : 12px;
}
.post-container .post .options a:hover {
color : #4e0000;
}
div.buttons input, input.button, button, file, a.button, .button-bar a, #new-post-button, .rate-points, .rateup a, .ratedown a, .cancel a, .pager a, .pager .current, div.new-post a, .owindow .button-bar a {
height : auto;
padding : 6px 10px;
font : bold 13px Arial, sans-serif;
border : 1px solid #d4d4d4;
color : #616161;
margin : 0 5px;
}
div.buttons input:hover, input.button:hover, button:hover, file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover, .rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover, div.new-post a:hover, .owindow .button-bar a:hover {
color : #515151;
border : 1px solid #4e0000;
text-decoration : none;
cursor : pointer;
}
.page-rate-widget-box .rate-points, .pager .current {
color : #555;
padding : 4px 6px;
font-size : 1.1em;
border : 1px solid #d4d4d4;
}
.pager a, .pager a:hover, .pager .current, .page-rate-widget-box a {
padding : 3px 8px;
}
.pager .current {
border : 1px solid #4e0000;
}
.odialog-shader, .notify-shader {
background-color : #222;
}
.owindow, .notify {
background-color : #fff;
border : none;
padding : 0;
color : #454545;
font : normal 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
}
.owindow .title, .notify-title {
padding : 10px;
color : #ddd;
height : 16px;
background : #313537 url(http://themes.wdfiles.com/local--files/maple/topbar-bg.png) repeat-x [0, 0];
border-bottom : 1px solid #2d2d2d;
}
.owindow h1, .notify h1 {
font : 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
margin : 10px 0;
}
.owindow .content, .notify-content {
padding : 10px;
}
.owindow .button-bar, .notify-button-bar {
font-family : "Lucida Grande", Lucida, Verdana, sans-serif;
position : absolute;
top : 6px;
right : 0;
padding : 0;
}
.owindow .button-bar a, .owindow .button-bar a:active, .notify-button-bar a, .notify-button-bar a:active {
background : none;
border : none;
color : #ddd !important ;
padding : 0;
margin : 0 10px;
}
.owindow .button-bar a:hover, .notify-button-bar a:hover {
background : none;
color : #fff !important ;
border : none;
text-decoration : none;
}
}