Header
From Tearsofblood
(Difference between revisions)
m |
Karatorian (Talk | contribs) (Changed the logo block's bakground color to match the new logo.) |
||
| (48 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | <style type="text/css"> | + | |
| - | + | <!-- 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); |
| - | body { | + | ads.style.visibility = 'visible'; |
| - | + | footer.appendChild(ads); | |
| - | + | } | |
| - | + | ||
| - | } | + | function change_title() { |
| - | .pBody { | + | var t = document.title.substring(0, document.title.length - 12) |
| - | + | var t = t + 'Tears of Blood - A d20 Campaign Setting' | |
| - | } | + | document.title = t; |
| - | + | } | |
| - | /* | + | |
| - | h1, h2, h3, h4, h5, h6 { | + | function alter_page() { |
| - | + | change_title(); | |
| - | + | //move_ads(); | |
| - | + | } | |
| - | } | + | |
| - | + | if (document.addEventListener) | |
| - | /* | + | document.addEventListener("DOMContentLoaded", alter_page, false); |
| - | #bodyContent a, #bodyContent a:visited, #bodyContent a:active { | + | else |
| - | + | window.onload = alter_page; | |
| - | } | + | |
| - | #bodyContent a:hover { | + | </script> |
| - | + | ||
| - | } | + | <style type="text/css"> |
| - | #bodyContent a.new, #bodyContent a.new:visited, #bodyContent a.new:active { | + | |
| - | + | /* Positioning */ | |
| - | } | + | |
| - | #bodyContent a.new:hover { | + | #globalWrapper { |
| - | + | position: relative; | |
| - | } | + | width: 788px; |
| - | #bodyContent a.external, #bodyContent a.external:visited, #bodyContent a.external:active { | + | margin: 201px auto 0; |
| - | + | padding: 0 5px 4px; | |
| - | } | + | } |
| - | #bodyContent a.external:hover { | + | |
| - | + | #column-one { | |
| - | } | + | padding-top: 1.8em; |
| - | + | } | |
| - | /* | + | |
| - | + | #footer { | |
| - | + | width: 776px; | |
| - | + | padding: 5px; | |
| - | + | margin: 0; | |
| - | } | + | } |
| - | + | ||
| - | + | #p-logo { | |
| - | # | + | /* visibility: hidden; */ |
| - | + | background: white; | |
| - | left: | + | height: 200px; |
| - | } | + | width: 800px; |
| - | + | top: -201px; | |
| - | + | left: -1px; | |
| - | # | + | } |
| - | + | ||
| - | } | + | #p-logo a, #p-logo a:hover { |
| - | #p- | + | width: 100%; |
| - | + | height: 100%; | |
| - | } | + | } |
| - | + | ||
| - | + | /* Backgrounds and Borders */ | |
| - | + | ||
| - | + | body { | |
| - | + | background: url("/images/tearsofblood/3/34/Greybg.jpg") #1C1C1C; | |
| - | + | background-repeat: repeat-x; | |
| - | } | + | background-attachment: fixed; |
| - | </style> | + | } |
| + | |||
| + | #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 --> | ||
Current revision as of 19:14, 7 March 2009
<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: white;
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>
