Header

From Stormravengaming

Revision as of 11:42, 24 June 2008

<style type="text/css">
  /*
     Notes: 
      -You must log in with sysop privileges to edit this page
      -Whatever you enter in this page will be added to the html in the header after the standard style sheet, so you can override styles. 
      -if you want your code to look nice on this page, put a space at the beginning of each line
      -This is the default style sheet that you can override : http://editthis.info/wiki/skins/monobook/main.css 

      For example, uncomment this next section to turn all the text green:
  */
 /*
body {
   color: green;
}
 */ 

/*   ---   HEADER STYLES   ---   */

 /*
h2 { font-size: 160%; }
h3 {
   font-size: 140%;
   font-weight: normal;
   text-decoration: underline;
}
h4 { font-size: 120%; }
 */

/*   ---   OVERFLOW STYLE FOR PRE   ---   */

pre {
   overflow-x: auto;
   width: 100%;
}

/*   ---   TILED TABLES for FRONT PAGES   ---   */

div.tile {
   background-color: #FAFAFA;
   border: 1px outset #E0E0E0;
   margin: 0 6px 6px 0;
   padding: 6px;
   width: 100%;
}

div.tile h2 {
   background-color: #E0E0E0;
   border: 1px outset #C0C0C0;
   color: #000;
   font-family: sans-serif;
   font-size: 120%;
   font-weight: bold;
   margin: 0 0 6px 0;
   padding: 0.2em 0.4em;
   text-align: left;
}

div.tile.hero {
   background-color: #F6F6FE;
   border: 1px outset #CCCCF4;
}

div.tile.hero h2 {
   background-color: #CCCCF4;
   border: 1px outset #9898E8;
}

div.tile.dnd {
   background-color: #FEFCF6;
   border: 1px outset #F4EACC;
}

div.tile.dnd h2 {
   background-color: #F4EACC;
   border: 1px outset #E8D598;
}

div.tile.guide {
   background-color: #F6FEF6;
   border: 1px outset #CCF4CC;
}

div.tile.guide h2 {
   background-color: #CCF4CC;
   border: 1px outset #98E898;
}

/*   ---   STAT BLOCKS   ---   */

table.stats {
   background-color: transparent;
   border: 1px outset #E0E0E0;
   border-collapse: collapse;
   margin-bottom: 1em;
   padding: 0.2em;
   width: auto;
}

table.stats th {
   background-color: #FAFAFA;
   padding: 0.2em 0.2em 0 0.2em;
}

table.stats.hero {
   border-color: #CCCCF4;
}

table.stats.hero th {
   background-color: #F6F6FE;
   font-size: 70%;
   text-transform: uppercase;
}

table.stats.hero td {
   padding: 0 0.2em;
}

table.stats.dnd {
   border-color: #F4EACC;
}

table.stats.dnd th {
   background-color: #FEFCF6;
}

/*   ---   MESSAGE BOXES   ---   */

.message {
   background-color: #FAFAFA;
   border: 1px outset #E0E0E0;
   margin: 0 auto 1em auto;
   padding: 0.2em;
   width: auto;
}

.message.hero {
   background-color: #F6F6FE;
   border-color: #CCCCF4;
}

.message.dnd {
   background-color: #FEFCF6;
   border-color: #F4EACC;
}

/*   ---   INFOBOXES   ---   */

.infobox {
   background-color: #FAFAFA;
   border: 1px outset #E0E0E0;
   color: #000;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
   width: 25%;
}

.infobox tr {
   vertical-align: top;
}

.infobox.hero {
   background-color: #F6F6FE;
   border-color: #CCCCF4;
}

.infobox.hero hr {
   color: #CCCCF4;
}

.infobox.dnd {
   background-color: #FEFCF6;
   border-color: #F4EACC;
}

.infobox.dnd hr {
   color: #F4EACC;
}

/*   ---   PLAQUES   ---   */

.plaque {
   background-color: #E0E0E0;
   border: 1px outset #C0C0C0;
   font-family: sans-serif;
   font-size: 120%;
   font-weight: bold;
   margin: 0.2em 0.2em 6px 0.2em;
   padding: 0.2em 0.4em;
   text-align: center;
   text-transform: none;
}

.hero .plaque {
   background-color: #CCCCF4;
   border: 1px outset #9898E8;
}

.dnd .plaque {
   background-color: #F4EACC;
   border: 1px outset #E8D598;
}

</style>

<script type="text/javascript">
  //Add your javascript code here.
</script>