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*/ position: absolute; width: 100%; margin: 0; } position: relative; width: 1280px; margin: 0 auto; } /*header*/ top: 0; line-height: 40px; text-shadow: 2px 2px 10px #399; } top: 0; } 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; } top: 40px; height: 15px; line-height: 15px; } margin: 0; padding: 0; width: 100%; list-style-type: none; } margin: 0; padding: 0 10px; float: left; } position: absolute; width: 75%; margin: 0; top: 55px; height: 75px; font-size: 12px; } background-color: transparent !important; border: 0px !important; } position: absolute; top: 155px; width: 90px; height: 150px; padding: 25px 75px; } position: absolute; top: 155px; width: 210px; height: 170px; padding: 15px; } margin: 0; font-size: 12px; } margin: 0; padding: 0; list-style-type: none; } font-size: 11px; } /*main body*/ top: 380px; font-size: 12px; margin-bottom: 100px; padding: 10px 10px 100px; width: 1260px; } /*footer*/ position: absolute; top: 225px; width: 250px; font-size: 10px; left: 1040px; } margin: 0; padding: 0; list-style-type: none; } float: left; padding: 0 0 0 5px; } /*box model*/ 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*/ { display:none; }
 * 1) firstHeading, #p-logo, #p-cactions,
 * 2) bodyContent,
 * 3) footer{
 * 1) globalWrapper{
 * 1) firstHeading{
 * 1) p-logo{
 * 1) p-logo a{
 * 1) p-cactions{
 * 1) p-cactions .pBody ul{
 * 1) p-cactions .pBody ul li{
 * 1) siteNotice{
 * 1) localNotice table{
 * 1) p-personal, #p-Site_navigation, #p-Forums, #p-tb{
 * 1) p-search{
 * 1) p-personal h5, #p-Site_navigation h5, #p-Forums h5, #p-search h5, #p-tb h5{
 * 1) p-personal ul, #p-Site_navigation ul, #p-Forums ul, #p-tb ul{
 * 1) p-tb{ left: 260px; }
 * 2) p-Forums{ left: 520px; }
 * 3) p-personal{ left: 780px; }
 * 4) p-search{ left: 1040px; }
 * 5) column-one{
 * 1) bodyContent{
 * 1) footer{
 * 1) footer ul{
 * 1) footer div, #footer li{
 * 1) localNotice, #p-personal, #p-Site_navigation, #p-Forums, #p-search, #p-tb, #bodyContent{
 * 1) p-cactions h5,
 * 2) siteSub,
 * 3) contentSub,
 * 4) jump-to-nav,
 * 5) p-search #mw-searchButton

/*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); }