Header
From Tearsofblood
(Difference between revisions)
m |
Karatorian (Talk | contribs) (Changed the logo block's bakground color to match the new logo.) |
||
(25 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <style type="text/css"> | + | |
- | + | <!-- Begin Header --> | |
- | /* | + | |
- | # | + | <script language="javascript" type="text/javascript"> |
- | background: white; | + | |
- | background: url("/images/tearsofblood/3/ | + | 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() { | |
- | background: url("/images/tearsofblood/2/28/Bg-parchment-dark.gif"); | + | 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() { | |
- | background: | + | change_title(); |
- | } | + | //move_ads(); |
- | + | } | |
- | /* | + | |
- | h1, h2, h3, h4, h5, h6 { | + | if (document.addEventListener) |
- | + | document.addEventListener("DOMContentLoaded", alter_page, false); | |
- | + | else | |
- | + | window.onload = alter_page; | |
- | } | + | |
- | + | </script> | |
- | /* | + | |
- | #bodyContent a, #bodyContent a:visited, #bodyContent a:active { | + | <style type="text/css"> |
- | + | ||
- | } | + | /* Positioning */ |
- | #bodyContent a:hover { | + | |
- | + | #globalWrapper { | |
- | } | + | position: relative; |
- | #bodyContent a.new, #bodyContent a.new:visited, #bodyContent a.new:active { | + | width: 788px; |
- | + | margin: 201px auto 0; | |
- | } | + | padding: 0 5px 4px; |
- | #bodyContent a.new:hover { | + | } |
- | + | ||
- | } | + | #column-one { |
- | #bodyContent a.external, #bodyContent a.external:visited, #bodyContent a.external:active { | + | padding-top: 1.8em; |
- | + | } | |
- | } | + | |
- | #bodyContent a.external:hover { | + | #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%; | |
- | width: 800px; | + | 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 { | |
- | #p-cactions li { | + | background: url("/images/tearsofblood/3/39/Bg-parchment-light.gif") |
- | + | white; | |
- | } | + | background-attachment: fixed; |
- | + | } | |
- | #p-cactions li a { | + | |
- | + | #globalWrapper { | |
- | + | background: url("/images/tearsofblood/2/28/Bg-parchment-dark.gif") | |
- | } | + | tan; |
- | + | background-attachment: fixed; | |
- | #p-personal { | + | } |
- | + | ||
- | } | + | pre { |
- | + | background: transparent; | |
- | + | border: 1px dashed #A67442; | |
- | + | } | |
- | + | ||
- | + | #content, #footer, .pBody, #globalWrapper, | |
- | } | + | #p-cactions li, #p-cactions li.selected { |
- | </style> | + | 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>