Header

From Tearsofblood

(Difference between revisions)
m
(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 -->
-
/*Main Window -- Parchment Area*/
+
   
-
#content, #footer, .pBody {
+
    <script language="javascript" type="text/javascript">
-
     background: white;
+
   
-
     background: url("/images/tearsofblood/3/39/Bg-parchment-light.gif");
+
    function move_ads() {
-
    border: 1px solid #A67442;
+
        var ads = document.getElementsByTagName('iframe')[0];
-
}
+
        var footer = document.getElementById('footer');
-
 
+
        ads.parentNode.removeChild(ads);
-
#globalWrapper {
+
        ads.style.visibility = 'visible';
-
    width: 800px;
+
        footer.appendChild(ads);
-
    margin: 0 auto;
+
    }
-
     padding: 0 5px;
+
   
-
     background: tan;
+
    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;
-
/*Background*/
+
    }
-
body {
+
   
-
    font: x-small sans-serif;
+
    function alter_page() {
-
     background: black;
+
        change_title();
-
}
+
        //move_ads();
-
 
+
    }
-
/*Headers*/
+
   
-
h1, h2, h3, h4, h5, h6 {
+
    if (document.addEventListener)
-
    font-family: Times, "Times New Roman", serif;
+
        document.addEventListener("DOMContentLoaded", alter_page, false);
-
    border-bottom: none;
+
    else
-
    font-weight: bold;
+
        window.onload = alter_page;
-
}
+
   
-
 
+
    </script>
-
/*Links*/
+
   
-
#bodyContent a, #bodyContent a:visited, #bodyContent a:active {
+
    <style type="text/css">
-
    color: black; border-bottom: 1px solid #002BB8;
+
   
-
}
+
    /* Positioning */
-
#bodyContent a:hover {
+
   
-
    color: #002BB8; border-bottom: 1px solid #002BB8;
+
    #globalWrapper {
-
}
+
        position: relative;
-
#bodyContent a.new, #bodyContent a.new:visited, #bodyContent a.new:active {
+
        width: 788px;
-
    color: black; border-bottom: 1px solid #CC2200;
+
        margin: 201px auto 0;
-
}
+
        padding: 0 5px 4px;
-
#bodyContent a.new:hover {
+
    }
-
    color: #CC2200; border-bottom: 1px solid #CC2200;
+
   
-
}
+
    #column-one {
-
#bodyContent a.external, #bodyContent a.external:visited, #bodyContent a.external:active {
+
        padding-top: 1.8em;
-
    color: black; border-bottom: 1px solid #3366BB;
+
    }
-
}
+
   
-
#bodyContent a.external:hover {
+
    #footer {
-
    color: #3366BB; border-bottom: 1px solid #3366BB;
+
        width: 776px;
-
}
+
        padding: 5px;
-
 
+
        margin: 0;
-
/*Sidebar*/
+
     }
-
#column-one {
+
   
-
     padding-top: 0px;
+
    #p-logo {
-
     left: 0;
+
        /* visibility: hidden; */
-
     top: 177px;
+
        background: white;
-
     background: transparent;
+
        height: 200px;
-
}
+
        width: 800px;
-
 
+
        top: -201px;
-
/*Action Bars*/
+
        left: -1px;
-
 
+
     }
-
#p-personal, #p-cactions {
+
   
-
     /* border: 1px solid orange; */
+
    #p-logo a, #p-logo a:hover {
-
     position: absolute;
+
        width: 100%;
-
     width: 800px;
+
        height: 100%;
-
    top: 0;
+
    }
-
     left: auto;
+
   
-
     margin: 0 auto;
+
    /* Backgrounds and Borders */
-
     padding: 0;
+
   
-
}
+
    body {
-
 
+
        background: url("/images/tearsofblood/3/34/Greybg.jpg") #1C1C1C;
-
#p-cactions {
+
        background-repeat: repeat-x;
-
    top: 14px;
+
        background-attachment: fixed;
-
     padding-left: 12em;
+
    }
-
}
+
   
-
 
+
    #content, #footer, .pBody, #p-cactions li a {
-
#p-cactions li {
+
        background: url("/images/tearsofblood/3/39/Bg-parchment-light.gif")
-
    border: 1px solid #A67442;
+
            white;
-
}
+
        background-attachment: fixed;
-
 
+
     }
-
#p-cactions li a {
+
      
-
    background: white;
+
     #globalWrapper {
-
    background: url("/images/tearsofblood/3/39/Bg-parchment-light.gif");
+
        background: url("/images/tearsofblood/2/28/Bg-parchment-dark.gif")
-
}
+
            tan;
-
 
+
        background-attachment: fixed;
-
#p-personal {
+
    }
-
    top: 0;
+
   
-
}
+
    pre {
-
 
+
        background: transparent;
-
/*Grey Boxes*/
+
        border: 1px dashed #A67442;
-
pre {
+
    }
-
    border: 1px dashed #A67442;
+
   
-
    background: transparent;
+
    #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>
   
   
   
   
Personal tools