Header

From Tearsofblood

(Difference between revisions)
m (Slight Fix v2 (oops again))
m (Moved Stylesheets and Scripts to Seperate Pages / Fixed Titles)
Line 1: Line 1:
 +
   
 +
    <!-- Begin Header -->
          
          
-
    <!-- Begin Header -->
+
     <script language="javascript" type="text/javascript"
-
   
+
         src='&title=Header:ToB.js&action=raw&ctype=text/javascript'/>
-
     <script language="javascript" type="text/javascript">
+
     <style type="text/css" media="screen,projection"
-
   
+
         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);
+
-
    }
+
-
    window.onload = move_ads;
+
-
   
+
-
    </script>
+
-
   
+
-
     <style type="text/css">
+
-
   
+
-
    /* Positioning */
+
-
   
+
-
    #globalWrapper {
+
-
        position: relative;
+
-
        width: 788px;
+
-
        margin: 160px auto 0;
+
-
        padding: 0 5px 4px;
+
-
    }
+
-
   
+
-
    #column-one {
+
-
        padding-top: 1.8em;
+
-
    }
+
-
   
+
-
    #footer {
+
-
        width: 776px;
+
-
        padding: 5px;
+
-
        margin: 0;
+
-
    }
+
-
   
+
-
    #p-logo {
+
-
        visibility: hidden;
+
-
        background: darkgrey;
+
-
        height: 159px;
+
-
        width: 800px;
+
-
        top: -160px;
+
-
        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">
+
     <style type="text/css" media="screen,projection"
-
   
+
         href="&title=Header:ToB-IE.css&action=raw&ctype=text/css"/>
-
    body {
+
-
        text-align: center;
+
-
    }
+
-
   
+
-
    #globalWrapper {
+
-
        width: 800px;
+
-
        text-align: left;
+
-
        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;
+
-
    }
+
-
   
+
-
    </style>
+
     <[endif]-->
     <[endif]-->
      
      
     <!-- End Header -->
     <!-- End Header -->

Revision as of 15:27, 25 June 2007


   <script language="javascript" type="text/javascript"
       src='&title=Header:ToB.js&action=raw&ctype=text/javascript'/>
   <style type="text/css" media="screen,projection"
       href="&title=Header:ToB.css&action=raw&ctype=text/css"/>
   
   
Personal tools