Header

From Tearsofblood

(Difference between revisions)
m (Slight Fix (oops))
(Changed the logo block's bakground color to match the new logo.)
 
(11 intermediate revisions not shown)
Line 11: Line 11:
         footer.appendChild(ads);
         footer.appendChild(ads);
     }
     }
-
     window.onload = move_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>
     </script>
Line 22: Line 37:
         position: relative;
         position: relative;
         width: 788px;
         width: 788px;
-
         margin: 160px auto 0;
+
         margin: 201px auto 0;
-
        margin: 2px auto 0;
+
         padding: 0 5px 4px;
         padding: 0 5px 4px;
     }
     }
Line 38: Line 52:
      
      
     #p-logo {
     #p-logo {
-
         visibility: hidden;
+
         /* visibility: hidden; */
-
         background: darkgrey;
+
         background: white;
-
         height: 159px;
+
         height: 200px;
         width: 800px;
         width: 800px;
-
         top: -160px;
+
         top: -201px;
         left: -1px;
         left: -1px;
     }
     }
Line 60: Line 74:
      
      
     #content, #footer, .pBody, #p-cactions li a {
     #content, #footer, .pBody, #p-cactions li a {
-
         background: url("/images/tearsofblood/3/39/Bg-parchment-light.gif") white;
+
         background: url("/images/tearsofblood/3/39/Bg-parchment-light.gif")
 +
            white;
         background-attachment: fixed;
         background-attachment: fixed;
     }
     }
      
      
     #globalWrapper {
     #globalWrapper {
-
         background: url("/images/tearsofblood/2/28/Bg-parchment-dark.gif") tan;
+
         background: url("/images/tearsofblood/2/28/Bg-parchment-dark.gif")
 +
            tan;
         background-attachment: fixed;
         background-attachment: fixed;
     }
     }
Line 108: Line 124:
     }
     }
      
      
-
     #bodyContent a.new, #bodyContent a.new:visited, #bodyContent a.new:active {
+
     #bodyContent a.new, #bodyContent a.new:visited,
 +
    #bodyContent a.new:active {
         border-bottom: 1px solid #CC2200;
         border-bottom: 1px solid #CC2200;
     }
     }
Line 145: Line 162:
         width: 800px;
         width: 800px;
         text-align: left;
         text-align: left;
 +
    }
 +
   
 +
    #column-content {
         overflow: hidden;
         overflow: hidden;
     }
     }
Line 170: Line 190:
         right: 802px;
         right: 802px;
         top: -1;
         top: -1;
 +
    }
 +
   
 +
    #bodyContent #toc {
 +
        float: left;
 +
        clear: left;
 +
        margin: 0.3em;
     }
     }
      
      

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>
   
   
   
   
Personal tools