Header

From Red

(Difference between revisions)
 
Line 1: Line 1:
-
       
+
<style type="text/css">
-
    <!-- Begin Header -->
+
 
-
   
+
body
-
    <script language="javascript" type="text/javascript">
+
{  
-
   
+
background-image: url(http://www.google.com/images/firefox/grgrad.gif);
-
    function move_ads() {
+
background-repeat: repeat-x;
-
        var ads = document.getElementsByTagName('iframe')[0];
+
background-position: top left
-
        var footer = document.getElementById('footer');
+
}
-
        ads.parentNode.removeChild(ads);
+
 
-
        ads.style.visibility = 'visible';
+
/*TOC layout*/
-
        footer.appendChild(ads);
+
#toc,
-
    }
+
.toc {
-
   
+
  background-color: #F9F9F9;
-
    function change_title() {
+
  border: 1px solid #AAAAAA;
-
        var t = document.title.substring(0, document.title.length - 12)
+
  padding: 5px;
-
        var t = t + 'Redwiki - The Leftist NationStates Encyclopedia'
+
  font-size: 95%;
-
        document.title = t;
+
}
-
    }
+
 
-
   
+
#toc h2,
-
    function alter_page() {
+
.toc h2 {
-
        change_title();
+
  display: inline;
-
        move_ads();
+
  border: none;
-
    }
+
  padding: 0;
-
   
+
  font-size: 100%;
-
    if (document.addEventListener)
+
  font-weight: bold;
-
        document.addEventListener("DOMContentLoaded", alter_page, false);
+
}
-
    else
+
 
-
        window.onload = alter_page;
+
#toc #toctitle,
-
   
+
.toc #toctitle,
-
    </script>
+
#toc .toctitle,
-
   
+
.toc .toctitle {
-
    <style type="text/css">
+
  text-align: center;
-
   
+
  background-color: transparent;
-
    /* Positioning */
+
}
-
   
+
 
-
    #globalWrapper {
+
#toc ul,
-
        position: relative;
+
.toc ul {
-
        width: 788px;
+
  list-style-type: none;
-
        margin: 201px auto 0;
+
  list-style-image: none;
-
        padding: 0 5px 4px;
+
  margin-left: 0;
-
    }
+
  padding-left: 0;
-
   
+
  text-align: left;
-
    #column-one {
+
}
-
        padding-top: 1.8em;
+
 
-
    }
+
#toc ul ul,
-
   
+
.toc ul ul {
-
    #footer {
+
  margin: 0 0 0 1em;
-
        width: 776px;
+
}
-
        padding: 5px;
+
 
-
        margin: 0;
+
#toc .toctoggle,
-
    }
+
.toc .toctoggle {
-
   
+
  font-size: 100%;
-
    #p-logo {
+
}
-
        /* visibility: hidden; */
+
 
-
        background: darkgrey;
+
li.toclevel-1 {
-
        height: 200px;
+
  border-top: 1px solid #AAAAAA;
-
        width: 800px;
+
}
-
        top: -200px;
+
 
-
        left: -1px;
+
.toc a,
-
    }
+
#toc a {
-
   
+
  text-decoration:none;
-
    #p-logo a, #p-logo a:hover {
+
}
-
        width: 100%;
+
 
-
        height: 100%;
+
 
-
    }
+
 
-
   
+
legend {
-
    /* Backgrounds and Borders */
+
background-color: #F9F9F9;
-
   
+
border: 1px solid #AAAAAA;
-
    body {
+
color: #F9F9F9;
-
        background: #dddddd;
+
}
-
        background-repeat: repeat-x;
+
 
-
        background-attachment: fixed;
+
fieldset { background-color: #F9F9F9; }
-
    }
+
 
-
   
+
#preftoc li {
-
    #content, #footer, .pBody, #p-cactions li a {
+
background-color: transparent;
-
        background: #fcfcfc
+
border: 0px;
-
            white;
+
}
-
        background-attachment: fixed;
+
 
-
    }
+
#preftoc li a { color: #AAAAAA; }
-
   
+
 
-
    #globalWrapper {
+
#preftoc li.selected {
-
        background:
+
border: 1px;
-
            dddddd;
+
background-color: #F9F9F9;
-
        background-attachment: fixed;
+
}
-
    }
+
 
-
   
+
ol ol { list-style-type: lower-latin; }
-
    pre {
+
 
-
        background: transparent;
+
ol ol ol { list-style-type: lower-roman; }
-
        border: 1px dashed #A67442;
+
 
-
    }
+
li#pt-userpage {
-
   
+
background: url("/graphics/user.gif") top left no-repeat !important;
-
    #content, #footer, .pBody, #globalWrapper,
+
background-repeat: no-repeat;
-
    #p-cactions li, #p-cactions li.selected {
+
background-color: transparent !important;
-
        border: 1px solid #A67442;
+
padding-left: 20px;
-
    }
+
text-transform: none;
-
   
+
}
-
    #p-personal li a:hover {
+
 
-
        background: transparent;
+
/* Bold 'edit this page' link to encourage newcomers */
-
        text-decoration: underline;
+
#ca-edit a { font-weight: bold !important; }
-
    }
+
 
-
   
+
/* rounded corners - Mozilla/Firefox only */
-
    iframe {
+
.pBody {
-
        visibility: hidden;
+
  padding: 0.1em 0.1em;
-
    }
+
  -moz-border-radius-topright: 0.5em;
-
   
+
  -moz-border-radius-bottomright: 0.5em;
-
    /* Text Styling */
+
}
-
   
+
#p-cactions ul li, #p-cactions ul li a {
-
    h1, h2, h3, h4, h5, h6 {
+
  -moz-border-radius-topright: 0.5em;
-
        font-family: Georgia, "Georgia", serif;
+
  -moz-border-radius-topleft: 0.5em;
-
        border-bottom: none;
+
}
-
        font-weight: bold;
+
#content {
-
    }
+
  -moz-border-radius-topleft: 0.5em;
-
   
+
  -moz-border-radius-topright: 0.5em;
-
    /* Link Styling */
+
  -moz-border-radius-bottomleft: 0.5em;
-
   
+
  -moz-border-radius-bottomright: 0.5em;
-
    #bodyContent a, #bodyContent a:visited, #bodyContent a:active {
+
}
-
        color: black;
+
 
-
        border-bottom: 1px solid #002BB8;
+
/* buttons and input boxes */
-
    }
+
input[type="submit"] { border: 1px solid #aaa; border-bottom: 2px solid #aaa; border-right: 2px solid #aaa; background: #eee; }
-
   
+
input[type="text"], input[type="password"], textarea[name="wpTextbox1"] { border: 1px solid #aaa; border-top: 2px solid #aaa; border-left: 2px solid #aaa; }
-
    #bodyContent a:hover {
+
 
-
        color: #002BB8;
+
/* Add small Blank-themed background image to bottom right of categories bar */
-
        text-decoration: none;
+
#catlinks {
-
    }
+
background-image: url(http://editthis.info/blankclubencyclopedia/images/blankclubencyclopedia/d/d5/Category_pic.png);
-
   
+
background-repeat: no-repeat;
-
    #bodyContent a.new, #bodyContent a.new:visited,
+
background-position: right;
-
    #bodyContent a.new:active {
+
}
-
        border-bottom: 1px solid #CC2200;
+
 
-
    }
+
p.catlinks {
-
   
+
border: 1px outset #282828;
-
    #bodyContent a.new:hover {
+
margin: 2px;
-
        color: #CC2200;
+
padding: 5px;
-
    }
+
}
-
   
+
 
-
    #bodyContent a.external, #bodyContent a.external:visited,
+
</style>
-
    #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:31, 21 August 2007

<style type="text/css">

body { background-image: url(grgrad.gif); background-repeat: repeat-x; background-position: top left }

/*TOC layout*/

  1. toc,

.toc { 

  background-color: #F9F9F9;
  border: 1px solid #AAAAAA;
  padding: 5px;
  font-size: 95%;

}

  1. toc h2,

.toc h2 { 

  display: inline;
  border: none;
  padding: 0;
  font-size: 100%;
  font-weight: bold;

}

  1. toc #toctitle,

.toc #toctitle,

  1. toc .toctitle,

.toc .toctitle { 

  text-align: center;
  background-color: transparent;

}

  1. toc ul,

.toc ul { 

  list-style-type: none;
  list-style-image: none;
  margin-left: 0;
  padding-left: 0;
  text-align: left;

}

  1. toc ul ul,

.toc ul ul { 

  margin: 0 0 0 1em;

}

  1. toc .toctoggle,

.toc .toctoggle { 

  font-size: 100%;

}

li.toclevel-1 { 

  border-top: 1px solid #AAAAAA;

}

.toc a,

  1. toc a { 
  text-decoration:none;

}


legend { background-color: #F9F9F9; border: 1px solid #AAAAAA; color: #F9F9F9; }

fieldset { background-color: #F9F9F9; }

  1. preftoc li {

background-color: transparent; border: 0px; }

  1. preftoc li a { color: #AAAAAA; }
  1. preftoc li.selected {

border: 1px; background-color: #F9F9F9; }

ol ol { list-style-type: lower-latin; }

ol ol ol { list-style-type: lower-roman; }

li#pt-userpage { background: url("/graphics/user.gif") top left no-repeat !important; background-repeat: no-repeat; background-color: transparent !important; padding-left: 20px; text-transform: none; }

/* Bold 'edit this page' link to encourage newcomers */

  1. ca-edit a { font-weight: bold !important; } 
/* rounded corners - Mozilla/Firefox only */
.pBody {
 padding: 0.1em 0.1em;
 -moz-border-radius-topright: 0.5em;
 -moz-border-radius-bottomright: 0.5em;
}
#p-cactions ul li, #p-cactions ul li a {  
 -moz-border-radius-topright: 0.5em;
 -moz-border-radius-topleft: 0.5em;
}
#content {
 -moz-border-radius-topleft: 0.5em;
 -moz-border-radius-topright: 0.5em;
 -moz-border-radius-bottomleft: 0.5em;
 -moz-border-radius-bottomright: 0.5em;
}

/* buttons and input boxes */
input[type="submit"] { border: 1px solid #aaa; border-bottom: 2px solid #aaa; border-right: 2px solid #aaa; background: #eee; }
input[type="text"], input[type="password"], textarea[name="wpTextbox1"] { border: 1px solid #aaa; border-top: 2px solid #aaa; border-left: 2px solid #aaa; }

/* Add small Blank-themed background image to bottom right of categories bar */

  1. catlinks {

background-image: url(Category_pic.png); background-repeat: no-repeat; background-position: right; }

p.catlinks { border: 1px outset #282828; margin: 2px; padding: 5px; }

</style>

Retrieved from "http://editthis.info/red/Header"
Personal tools