- html, body{
- margin:0px 0px 0px 0px;
- padding:0px 0px 0px 0px;
- background:#E6E6E6;
- }
- h1, h2, h3, h4, h5, h6, img, p{
- margin:0px 0px 0px 0px;
- padding:0px 0px 0px 0px;
- }
- #all{
- width:1050px;
- padding-top:0px;
- padding-left:10px;
- padding-right:10px;
- padding-bottom:10px;
- margin-left:auto;
- margin-right:auto;
- margin-top:0px;
- margin-bottom:5px;
- overflow:auto;
- }
- #headerwrapper{
- z-index:99;
- background-image:url('img/head_bg.png');
- background-repeat:repeat-x;
- height:60px;
- position:fixed;
- width:100%;
- border-bottom:2px solid black;
- }
- #header{
- margin-top:0px;
- }
- #logo{
- float:left;
- margin-left:5px;
- margin-right:5px;
- margin-bottom:5px;
- margin-top:2px;
- width:200px;
- height:50px;
- }
- #side_logo{
- margin-bottom:5px;
- margin-top:2px;
- width:50px;
- height:50px;
- }
- #nav{
- float:left;
- margin-left:10px;
- margin-right:10px;
- margin-bottom:2px;
- margin-top:2px;
- }
- #nav li{
- list-style:none;
- margin-left:10px;
- margin-right:10px;
- padding:10px;
- transition: background 1s, color 1s, border 1s;
- -moz-transition: background 1s, color 1s, border 1s;
- -webkit-transition: background 1s, color 1s, border 1s;
- -o-transition: background 1s, color 1s, border 1s;
- }
- #nav li:hover{
- background:white;
- border:1px dashed grey;
- }
- #search{
- float:left;
- margin-left:10px;
- margin-top:5px;
- }
- #content{
- width:1000px;
- overflow:auto;
- float:right;
- padding-top:10px;
- padding-bottom:10px;
- padding-left:10px;
- padding-right:10px;
- margin-top:90px;
- margin-bottom:20px auto 0px;
- margin-left:20px auto 0px;
- margin-right:20px auto 0px;
- background:white;
- border:1px solid;
- }
- /* ACP */
- #admin_nav{
- width:790px;
- padding-top:5px;
- padding-bottom:5px;
- padding-left:5px;
- padding-right:5px;
- }
- /* Chatroom */
- #comment{
- clear:both;
- padding-top:5px;
- padding-left:10px;
- padding-right:10px;
- padding-bottom:5px;
- background:#D8D8D8;
- a{color:#0099FF; opacity:1; font: 15px Arial;}
- a:hover {opacity:1; font: 15px Arial; text-decoration:underline;}
- a:active {color:black; opacity:1; font: 15px Arial;}
- a:link,a:visited{text-decoration:none;}
- }
- /* End Main Content */
- /* Text options */
- /* Headers */
- h1{color:#0085B8; opacity:01; font: 30px Tahoma; padding-bottom:5px; text-shadow:-1px 1px 3px #080808;}
- h2{color:#0085B8; opacity:1; font: 25px Tahoma; padding-bottom:5px; text-shadow:-1px 1px 3px #080808;}
- h3{color:#0085B8; opacity:1; font: 20px Tahoma; padding-bottom:5px; text-shadow:-1px 1px 3px #080808;}
- h4{color:#0085B8; opacity:1; font: 15px Tahoma; padding-bottom:5px;}
- h5{color:#0085B8; opacity:1; font: 10px Tahoma; padding-bottom:5px;}
- h6{color:#0085B8; opacity:1; font: 5px Tahoma; padding-bottom:5px;}
- /* Headers with classes */
- h4.comment_name{color:#0085B8; opacity:1; font: 15px Arial; padding-bottom:5px;}
- h5.blogdate{color:black; opacity:1; font:italic 15px Arial; padding-bottom:5px;}
- /* Link options */
- a {color:#0099FF; opacity:1; font: 15px Arial;}
- a:hover {opacity:1; font: 15px Arial; text-decoration:underline;}
- a:active {color:black; opacity:1; font: 15px Arial;}
- a:link,a:visited{text-decoration:none;}
- /* Footer */
- #footer{margin-top:10px;}
- a.footer{color:#0080FF; opacity:1; font: 15px Arial; text-decoration:none;}
- a.footer:active{color:#0080FF; opacity:1; font: 15px Arial;}
- a.footer:hover{color:#0080FF; opacity:1; font: 15px Arial; text-decoration:underline;}
- /* Paragraph Options */
- p.comment{color:#2E2E2E; opacity:1; font: 15px Arial;}
- p.marquee {color:#FFFFFF; opacity:1; font: 15px Arial}
- p {
- color:#2E2E2E;
- opacity:1;
- font: 15px Arial;
- transition: color 1s;
- -moz-transition: color 1s;
- -webkit-transition: color 1s;
- -o-transition: color 1s;
- }
- p:hover{
- color:#003D52;
- }
- /* Marquee Options */
- marquee{position:fixed; background:white;border-top:1px solid black; border-bottom:1px solid black; font:20px Tahoma;margin-top:60px;-moz-box-shadow: 0 0 5px 5px #888-webkit-box-shadow: 0 0 5px 5px#888;box-shadow: 0 0 5px 5px #888;}
- /* Image options */
- img {opacity:0.7;}
- img:hover {opacity:1;}
- img.f_opacity{opacity:1;}
- /* iFrame styling */
- iframe{border:2px solid black; padding-top:5px; padding-bottom:5px;}
- /* Extras */
- #commentdate{float:right;}
- fieldset{border:none;}
- .inputText{padding:2px; border: 1px solid black; color:blue;}