Header
From Red
(Difference between revisions)
| Line 1: | Line 1: | ||
| - | + | ||
| - | + | <!-- Begin Header --> | |
| - | + | ||
| - | + | <script language="javascript" type="text/javascript"> | |
| - | + | ||
| - | + | function move_ads() { | |
| - | + | var ads = document.getElementsByTagName('iframe')[0]; | |
| - | + | var footer = document.getElementById('footer'); | |
| - | + | ads.parentNode.removeChild(ads); | |
| - | + | ads.style.visibility = 'visible'; | |
| - | + | footer.appendChild(ads); | |
| - | + | } | |
| - | + | ||
| - | + | function change_title() { | |
| - | + | var t = document.title.substring(0, document.title.length - 12) | |
| - | + | var t = t + 'Tears of Blood - A d20 Campaign Setting' | |
| - | + | document.title = t; | |
| - | + | } | |
| - | + | ||
| - | + | function alter_page() { | |
| - | + | change_title(); | |
| - | + | move_ads(); | |
| - | + | } | |
| - | + | ||
| - | + | if (document.addEventListener) | |
| - | + | document.addEventListener("DOMContentLoaded", alter_page, false); | |
| - | + | else | |
| - | + | window.onload = alter_page; | |
| - | + | ||
| - | + | </script> | |
| - | + | ||
| - | + | <style type="text/css"> | |
| - | + | ||
| - | + | /* Positioning */ | |
| - | + | ||
| - | + | #globalWrapper { | |
| - | + | position: relative; | |
| - | + | width: 788px; | |
| - | + | margin: 201px auto 0; | |
| - | + | padding: 0 5px 4px; | |
| - | + | } | |
| - | + | ||
| - | + | #column-one { | |
| - | + | padding-top: 1.8em; | |
| - | + | } | |
| - | + | ||
| - | + | #footer { | |
| - | + | width: 776px; | |
| - | + | padding: 5px; | |
| - | + | margin: 0; | |
| - | + | } | |
| - | + | ||
| - | + | #p-logo { | |
| - | + | /* visibility: hidden; */ | |
| - | + | background: darkgrey; | |
| - | + | height: 200px; | |
| - | + | width: 800px; | |
| - | + | top: -201px; | |
| - | + | left: -1px; | |
| - | + | } | |
| - | + | ||
| - | + | #p-logo a, #p-logo a:hover { | |
| - | + | width: 100%; | |
| - | + | height: 100%; | |
| - | + | } | |
| - | + | ||
| - | + | /* Backgrounds and Borders */ | |
| - | + | ||
| - | + | body { | |
| - | + | background: url("/images/tearsofblood/3/34/Greybg.jpg") #1C1C1C; | |
| - | + | background-repeat: repeat-x; | |
| - | + | background-attachment: fixed; | |
| - | + | } | |
| - | + | ||
| - | + | #content, #footer, .pBody, #p-cactions li a { | |
| - | + | background: url("/images/tearsofblood/3/39/Bg-parchment-light.gif") | |
| - | + | white; | |
| - | + | background-attachment: fixed; | |
| - | + | } | |
| - | + | ||
| - | + | #globalWrapper { | |
| - | + | background: url("/images/tearsofblood/2/28/Bg-parchment-dark.gif") | |
| - | + | tan; | |
| - | + | background-attachment: fixed; | |
| - | + | } | |
| - | + | ||
| - | + | pre { | |
| - | + | background: transparent; | |
| - | + | border: 1px dashed #A67442; | |
| - | + | } | |
| - | + | ||
| - | + | #content, #footer, .pBody, #globalWrapper, | |
| - | + | #p-cactions li, #p-cactions li.selected { | |
| - | + | border: 1px solid #A67442; | |
| - | + | } | |
| - | + | ||
| - | + | #p-personal li a:hover { | |
| - | + | background: transparent; | |
| - | + | text-decoration: underline; | |
| - | + | } | |
| - | + | ||
| - | + | iframe { | |
| - | + | visibility: hidden; | |
| - | + | } | |
| - | + | ||
| - | + | /* Text Styling */ | |
| - | + | ||
| - | + | h1, h2, h3, h4, h5, h6 { | |
| - | + | font-family: Georgia, "Georgia", serif; | |
| - | + | border-bottom: none; | |
| - | + | font-weight: bold; | |
| - | + | } | |
| - | + | ||
| - | + | /* Link Styling */ | |
| - | + | ||
| - | + | #bodyContent a, #bodyContent a:visited, #bodyContent a:active { | |
| - | + | color: black; | |
| - | + | border-bottom: 1px solid #002BB8; | |
| - | + | } | |
| - | + | ||
| - | + | #bodyContent a:hover { | |
| - | + | color: #002BB8; | |
| - | + | text-decoration: none; | |
| - | + | } | |
| - | + | ||
| - | + | #bodyContent a.new, #bodyContent a.new:visited, | |
| - | + | #bodyContent a.new:active { | |
| - | + | border-bottom: 1px solid #CC2200; | |
| - | + | } | |
| - | + | ||
| - | + | #bodyContent a.new:hover { | |
| - | + | color: #CC2200; | |
| - | + | } | |
| - | + | ||
| - | + | #bodyContent a.external, #bodyContent a.external:visited, | |
| - | + | #bodyContent a.external:active { | |
| - | + | border-bottom: 1px solid #3366BB; | |
| - | + | } | |
| - | + | ||
| - | + | #bodyContent a.external:hover { | |
| - | + | color: #3366BB; | |
| - | + | } | |
| - | + | ||
| - | + | /* List Styling */ | |
| - | + | ||
| - | + | ul { | |
| - | + | list-style-image: url(/images/tearsofblood/6/6b/Tobbullet.gif); | |
| - | + | } | |
| - | + | ||
| - | + | </style> | |
| - | + | ||
| - | + | <!-- IE Specific Workarounds --> | |
| + | |||
| + | <!--[if IE]> | ||
| + | <style type="text/css"> | ||
| + | |||
| + | body { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | #globalWrapper { | ||
| + | width: 800px; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | #column-content { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | #column-one { | ||
| + | left: 5px; | ||
| + | } | ||
| + | |||
| + | #footer { | ||
| + | width: 788px; | ||
| + | } | ||
| + | |||
| + | #p-cactions li, #p-cactions li.selected { | ||
| + | border: none; | ||
| + | } | ||
| + | |||
| + | #p-cactions li a, #p-cactions li.selected a { | ||
| + | border: solid #A67442; | ||
| + | border-width: 1px 1px 0; | ||
| + | } | ||
| + | |||
| + | #p-personal { | ||
| + | position: absolute; | ||
| + | width: 795px; | ||
| + | right: 802px; | ||
| + | top: -1; | ||
| + | } | ||
| + | |||
| + | #bodyContent #toc { | ||
| + | float: left; | ||
| + | clear: left; | ||
| + | margin: 0.3em; | ||
| + | } | ||
| + | |||
| + | </style> | ||
| + | <[endif]--> | ||
| + | |||
| + | <!-- End Header --> | ||
Revision as of 19:17, 21 August 2007
<script language="javascript" type="text/javascript">
function move_ads() {
var ads = document.getElementsByTagName('iframe')[0];
var footer = document.getElementById('footer');
ads.parentNode.removeChild(ads);
ads.style.visibility = 'visible';
footer.appendChild(ads);
}
function change_title() {
var t = document.title.substring(0, document.title.length - 12)
var t = t + 'Tears of Blood - A d20 Campaign Setting'
document.title = t;
}
function alter_page() {
change_title();
move_ads();
}
if (document.addEventListener)
document.addEventListener("DOMContentLoaded", alter_page, false);
else
window.onload = alter_page;
</script>
<style type="text/css">
/* Positioning */
#globalWrapper {
position: relative;
width: 788px;
margin: 201px auto 0;
padding: 0 5px 4px;
}
#column-one {
padding-top: 1.8em;
}
#footer {
width: 776px;
padding: 5px;
margin: 0;
}
#p-logo {
/* visibility: hidden; */
background: darkgrey;
height: 200px;
width: 800px;
top: -201px;
left: -1px;
}
#p-logo a, #p-logo a:hover {
width: 100%;
height: 100%;
}
/* Backgrounds and Borders */
body {
background: url("/images/tearsofblood/3/34/Greybg.jpg") #1C1C1C;
background-repeat: repeat-x;
background-attachment: fixed;
}
#content, #footer, .pBody, #p-cactions li a {
background: url("/images/tearsofblood/3/39/Bg-parchment-light.gif")
white;
background-attachment: fixed;
}
#globalWrapper {
background: url("/images/tearsofblood/2/28/Bg-parchment-dark.gif")
tan;
background-attachment: fixed;
}
pre {
background: transparent;
border: 1px dashed #A67442;
}
#content, #footer, .pBody, #globalWrapper,
#p-cactions li, #p-cactions li.selected {
border: 1px solid #A67442;
}
#p-personal li a:hover {
background: transparent;
text-decoration: underline;
}
iframe {
visibility: hidden;
}
/* Text Styling */
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Georgia", serif;
border-bottom: none;
font-weight: bold;
}
/* Link Styling */
#bodyContent a, #bodyContent a:visited, #bodyContent a:active {
color: black;
border-bottom: 1px solid #002BB8;
}
#bodyContent a:hover {
color: #002BB8;
text-decoration: none;
}
#bodyContent a.new, #bodyContent a.new:visited,
#bodyContent a.new:active {
border-bottom: 1px solid #CC2200;
}
#bodyContent a.new:hover {
color: #CC2200;
}
#bodyContent a.external, #bodyContent a.external:visited,
#bodyContent a.external:active {
border-bottom: 1px solid #3366BB;
}
#bodyContent a.external:hover {
color: #3366BB;
}
/* List Styling */
ul {
list-style-image: url(/images/tearsofblood/6/6b/Tobbullet.gif);
}
</style>
