Heroes

@import url(/commontheme/base/css/text_highlighter.css);
@import url(/common
theme/base/css/autocomplete.css);
@import url(/commontheme/base/css/forum.css);
@import url(/common
theme/base/css/editor.css);
@import url(/common—theme/base/css/odialog.css);

body{
margin: 0px;
}

#container {
margin: 0 auto;
padding: 0;
width: 960px;
}

/* header */
#header {
position: relative;
z-index: 30;
height: 170px;
}

#header h2{
margin: 0;
padding: 0;
position: absolute;
left: 50px;
top: 110px;
}

#content-wrap {
_height: 1%;
min-height: 1px;
padding: 10px 0px 1px 0px;
}

/* side-bar */

#side-bar{
float: left;
width: 200px;
padding: 10px;
margin: 0px 10px;
clear: left;
}

#page-title{
margin: 0 0 0.5em 0;
padding-top: 0em; /* Firefox bug? */
font-size: 200%;
border-bottom: 1px solid #666;
}

#main-content{
margin: 0px 10px 10px 240px;
padding: 10px 10px;
}

/* * html #main-content {height: 1%;} */

#license-area {
padding: 0.5em 0;
color: #555;
}
#account-options li{
display: block;
margin: 0; padding: 0;
width: 100%;
}
#account-options li a {
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 2px 5px;
z-index: 40;
width: 100%;
}

#account-options li a:hover {
color: black;
}
#account-topbutton {
font-size: 80%;
font-weight: bold;
padding: 0 5px;
}
#top-bar{
position: absolute;
left: 240px;
bottom: 0px;
z-index:0;
width: 720px;
}

#top-bar li {
list-style: none;
float:left;
margin: 0 5px;
padding:0;
height: 22px;
}
#top-bar li ul{
padding: 0;
text-align: center;
display: block;
margin: 0;
padding: 0.3em 1em;
text-decoration: none;
}
#top-bar a:hover {
border-bottom-color:#243356; /* different border color */
}
/* Site background image */

body {
background-image: url(http://i1180.photobucket.com/albums/x401/heroessincity/hsbackground1.jpg);
background-position: top center;
background-repeat: no-repeat;
background-color: black;
color: white;

}

#container {
width: 900px;
}

/* Background color of all content of the page below header */
#content-wrap {
background-image: none;
background-repeat: repeat-y ;
background-position: top left;
background-color: ;
padding-top: 10px;
}

/* Color of page content */
#main-content {
background-color: ;
color: ;
margin-top: 0px;

padding: 0px;
margin: 0px 25px 10px 250px;
}

/* Font, size, color and border of page title */
#page-title {

font-family: Verdana, Arial, Helvetica;
border-bottom: 1px solid black;
font-size: 200%;
margin: 0pt 0pt 10px;
padding-top: 1em;
color: ;
padding-left: 20px;
}

#page-content {
padding: 10px;
}

#header {
background-color: transparent;
opacity: 1.0;
width: 900px;
margin: 0 auto;
height: 171px;
}

#header h1 {
background-image: none;
position: absolute;
left: 0px;
top: 20px;
}

#header h1 a {
color: #41c3ff;
font-size: 40px;
font-weight: bold;
font-stretch: expanded;
text-decoration: none;
}

#header h1 a:hover {
color: #b7e8ff;
background-color: transparent;
text-decoration: none;
}

#header h2 {
background-image: none;
color: #b7e8ff;
left: 0px;
top: 60px;
}

/* 1st MENU ELEMENT */

/* Background color */

#top-bar {
bottom: 7px;
left: 0px;
position: absolute;
width: 900px;
}

#top-bar li {
background-color: transparent;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

/* Font color and decoration */
#top-bar li a {
color: white;
text-decoration: none;
}

/* Background color on hover */
#top-bar a:hover{
background-color: transparent;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

/* Font color on hover*/
#top-bar li a:hover {
color: white;
text-decoration: underline;
}
/* ------—— */

/* 2nd MENU ELEMENT */
#top-bar ul li ul {
background-color: black;
opacity: 0.5;
border: 0px;
}

#top-bar ul li ul a {
background-color: black;
-moz-border-radius: 0px;
}

#top-bar ul li ul a:hover {
background-color: white;
color: black;
-moz-border-radius: 0px;
}

/* ------—— */

/* color of side-bar*/
#side-bar {
background-color: black;
margin-top: 0px;
border: 0px dashed #BB6D00;
color: white;
opacity: 0.5;
padding-left: 20px;
}

/* FONTS */

/* General font family and color*/
body {
font-family: Verdana, Arial, Helvetica;
color: ;
}

/* Font family of headers */
h1,h2,h3,h4,h5,h6{
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
}

/* Sizes, weight and text-decorations of headers */
h1{
background-repeat: no-repeat;
background-position: top left;
padding-left: 34px;
line-height: 30px;
}
h2{
font-weight: normal;
font-size: 150%;
text-decoration: none;
background-repeat: no-repeat;
background-position: top left;
padding-left: 34px;
height: 30px;
}
h3{
font-weight: normal;
font-size: 130%;
text-decoration: none;
}
h4{
font-weight: bold;
font-size: 120%;
text-decoration: none;
}
h5 {
font-weight: bold;
font-size: 100%;
text-decoration: none;
}
h6 {
font-weight: bold;
font-size: 90%;
text-decoration: none;
}

a {
color: #41c3ff;
text-decoration: none;
}

a:hover {
color: #b7e8ff;
text-decoration: none;
background: transparent;

}

a:visited {
color: #41c3ff;
}

a.newpage {
color: #bd8a40;
}

a.newpage:hover {
color: #bd8a40;
text-decoration: underline;
}

#footer {
color: #444;
background-color: transparent;
opacity: 1.0;
border-bottom:1px solid #888;
border-top:1px solid #888;
}

#footer a {
color: #666;
text-decoration: none;
}

#license-area {
color: #444;
}

#license-area a {
color: #666;
text-decoration: none;
}

#license-area a:hover {
color: #666;
text-decoration: underline;
background-color: transparent;
}

#login-status {
color: black;

}

#search-top-box {
position:absolute;
right:0px;
top:73px;
z-index:10;
}

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License