Header

From Red

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
-
  <script language="javascript" type="text/javascript">
+
<style type="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: darkgrey;
+
-
      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>
+
 +
body
 +
{
 +
background-image: url(http://www.google.com/images/firefox/grgrad.gif);
 +
background-repeat: repeat-x;
 +
background-position: top left
 +
}
-
  <script type="text/javascript">
+
/*TOC layout*/
-
  //Feel free to add your javascript code here.
+
#toc,
-
</script>
+
.toc {
 +
  background-color: #F9F9F9;
 +
  border: 1px solid #AAAAAA;
 +
  padding: 5px;
 +
  font-size: 95%;
 +
}
 +
 
 +
#toc h2,
 +
.toc h2 {
 +
  display: inline;
 +
  border: none;
 +
  padding: 0;
 +
  font-size: 100%;
 +
  font-weight: bold;
 +
}
 +
 
 +
#toc #toctitle,
 +
.toc #toctitle,
 +
#toc .toctitle,
 +
.toc .toctitle {
 +
  text-align: center;
 +
  background-color: transparent;
 +
}
 +
 
 +
#toc ul,
 +
.toc ul {
 +
  list-style-type: none;
 +
  list-style-image: none;
 +
  margin-left: 0;
 +
  padding-left: 0;
 +
  text-align: left;
 +
}
 +
 
 +
#toc ul ul,
 +
.toc ul ul {
 +
  margin: 0 0 0 1em;
 +
}
 +
 
 +
#toc .toctoggle,
 +
.toc .toctoggle {
 +
  font-size: 100%;
 +
}
 +
 
 +
li.toclevel-1 {
 +
  border-top: 1px solid #AAAAAA;
 +
}
 +
 
 +
.toc a,
 +
#toc a {
 +
  text-decoration:none;
 +
}
 +
 
 +
 
 +
 
 +
legend {
 +
background-color: #F9F9F9;
 +
border: 1px solid #AAAAAA;
 +
color: #F9F9F9;
 +
}
 +
 
 +
fieldset { background-color: #F9F9F9; }
 +
 
 +
#preftoc li {
 +
background-color: transparent;
 +
border: 0px;
 +
}
 +
 
 +
#preftoc li a { color: #AAAAAA; }
 +
 
 +
#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 */
 +
#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 */
 +
#catlinks {
 +
background-image: url(http://editthis.info/blankclubencyclopedia/images/blankclubencyclopedia/d/d5/Category_pic.png);
 +
background-repeat: no-repeat;
 +
background-position: right;
 +
}
 +
 
 +
p.catlinks {
 +
border: 1px outset #282828;
 +
margin: 2px;
 +
padding: 5px;
 +
}
 +
 
 +
</style>

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