User:Awateru/myskin.css

/*
This skin has backgrounds that only really work in webkit browsers, such as safari and chrome; it was designed specifically for chrome.
The site is set to 1280px width, plus browser borders and scrollbar; it was designed for a 1440px viewport.
*/

/*global settings*/
#firstHeading, #p-logo, #p-cactions,
#bodyContent,
#footer{
 position: absolute;
 width: 100%;
 margin: 0;
}
#globalWrapper{
 position: relative;
 width: 1280px;
 margin: 0 auto;
}
/*header*/
#firstHeading{
 top: 0;
 line-height: 40px;
 text-shadow: 2px 2px 10px #399;
}
#p-logo{
 top: 0;
}
#p-logo a{
 position: absolute;
 display: block;
 right: 0;
 height: 146px;
 width: 300px;
 background: url(https://ddowiki.com/images/thumb/Eberron_Unlimited_Logo_White_Dragon.jpg/300px-Eberron_Unlimited_Logo_White_Dragon.jpg) no-repeat right top !important;
}
#p-cactions{
 top: 40px;
 height: 15px;
 line-height: 15px;
}
#p-cactions .pBody ul{
 margin: 0; padding: 0;
 width: 100%;
 list-style-type: none;
}
#p-cactions .pBody ul li{
 margin: 0; padding: 0 10px;
 float: left;
}
#siteNotice{
 position: absolute;
 width: 75%;
 margin: 0;
 top: 55px;
 height: 75px;
 font-size: 12px;
}
#localNotice table{
 background-color: transparent !important;
 border: 0px !important;
}
#p-personal, #p-Site_navigation, #p-Forums, #p-tb{
 position: absolute;
 top: 155px;
 width: 90px;
 height: 150px;
 padding: 25px 75px;
}
#p-search{
 position: absolute;
 top: 155px;
 width: 210px;
 height: 170px;
 padding: 15px;
}
#p-personal h5, #p-Site_navigation h5, #p-Forums h5, #p-search h5, #p-tb h5{
 margin: 0;
 font-size: 12px;
}
#p-personal ul, #p-Site_navigation ul, #p-Forums ul, #p-tb ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#p-tb{ left: 260px; }
#p-Forums{ left: 520px; }
#p-personal{ left: 780px; }
#p-search{ left: 1040px; }
#column-one{
 font-size: 11px;
}
/*main body*/
#bodyContent{
 top: 380px;
 font-size: 12px;
 margin-bottom: 100px;
 padding: 10px 10px 100px;
 width: 1260px;
}
/*footer*/
#footer{
 position: absolute;
 top: 225px;
 width: 250px;
 font-size: 10px;
 left: 1040px;
}
#footer ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#footer div, #footer li{
 float: left;
 padding: 0 0 0 5px;
}
/*box model*/
#localNotice, #p-personal, #p-Site_navigation, #p-Forums, #p-search, #p-tb, #bodyContent{
 border: 1px #066 solid;
 border-radius: 10px;
 background-image: -webkit-repeating-radial-gradient(left top, ellipse, #fff 0%, #fff 10%, #cff 20%, #fff 50%);
 box-shadow: 2px 2px rgba(0,0,0, 0.75);
}
/*none*/
#p-cactions h5,
#siteSub,
#contentSub,
#jump-to-nav,
#p-search #mw-searchButton
{ display:none; }

/*links*/
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
a,
a:link,
a:visited{ color: #077; }
a:hover,
a:active{ color: #699; }

a[href^='http'],
a[href^='http']:link,
a[href^='http']:visited{ color: #007; }
a[href^='http']:hover,
a[href^='http']:active{ color: #669; }

a[href^='https://ddowiki.com'],
a[href^='https://ddowiki.com']:link,
a[href^='https://ddowiki.com']:visited{ color: #077; }
a[href^='https://ddowiki.com']:hover,
a[href^='https://ddowiki.com']:active{ color: #699; }

.new a,
.new a:link,
.new a:visited{ color: #900;}
.new a:hover,
.new a:active{ color: #f00; }
a.new,
a.new:link,
a.new:visited{ color: #900;}
a.new:hover,
a.new:active{ color: #f00; }

/*comments*/
dd, .post{
 border: 1px #066 solid;
 border-radius: 0 0 0 10px;
 background: rgba(127,127,127, 0.1);
 box-shadow: 2px 2px rgba(0,0,0, 0.25);
}
dl{ margin-top: 0; }
dd{
 padding: 0 5px 5px;
}
.post{
 padding: 10px;
}

/*stubs*/
.stub:after{ content:'\00A0\24c8'; }

/*tooltip*/
span.has_tooltip{ position: relative; }
span.has_tooltip a{ text-decoration: underline; }
span.has_tooltip span.tooltip a{ text-decoration: none; }
span.has_tooltip span.tooltip{
 display: none;
 position: absolute;
 top: 9px;
 left: 13px;
 width: 450px;
}
span.has_tooltip:hover span.tooltip { display: block; }

/*ToC*/
.toc{
 border: 1px #066 solid;
 border-radius: 5px;
 background: rgba(255,255,255, 0.75);
 box-shadow: 2px 2px rgba(0,0,0, 0.25);
}