Header

From Tearsofblood

(Difference between revisions)
m (Moved Stylesheets and Scripts to Seperate Pages / Fixed Titles)
(Changed the logo block's bakground color to match the new logo.)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
-
   
 
-
    <!-- Begin Header -->
 
          
          
-
     <script language="javascript" type="text/javascript"
+
    <!-- Begin Header -->
-
         src='&title=Header:ToB.js&action=raw&ctype=text/javascript'/>
+
   
-
     <style type="text/css" media="screen,projection"
+
     <script language="javascript" type="text/javascript">
-
         href="&title=Header:ToB.css&action=raw&ctype=text/css"/>
+
   
 +
    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>
 +
   
 +
    <!-- IE Specific Workarounds -->
 +
   
     <!--[if IE]>
     <!--[if IE]>
-
     <style type="text/css" media="screen,projection"
+
     <style type="text/css">
-
         href="&title=Header:ToB-IE.css&action=raw&ctype=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]-->
     <[endif]-->
      
      
     <!-- End Header -->
     <!-- 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>
Retrieved from "http://editthis.info/tearsofblood/Header"
Personal tools