Header

From Stormravengaming

Revision as of 18:42, 24 January 2007

<style type="text/css">
  /*
     Notes: 
      -You must log as admin 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;
}
 */ 

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

/*   ---   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 solid #F4F4F4;
   margin: 1em auto 1em auto;
   padding: .2em;
   width: auto;
}

table.stats th,
table.stats td {
   padding: 0 .2em;
}

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

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

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

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

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

table.stats.vspace th,
table.stats.vspace td {
   padding: .2em;
}

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

.message {
   background-color: #FEFEFE;
   border: 1px solid #F4F4F4;
   margin: 0 auto 1em auto;
   padding: .2em;
   width: auto;
}

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

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

/*   ---   INFO BOXES   ---   */

.infobox {
   border: 1px solid #e0e0e0;
   background-color: #fafafa;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
   width: 25%;
}

.infobox th,
.infobox td {
   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;
}

/*   ---   INFOBOX TITLES   ---   */

th.infotitle,
td.infotitle {
   background-color: #e0e0e0;
   border: 1px solid #c0c0c0;
   font-size: larger;
   font-weight: bold;
   margin: 2px;
   text-align: center;
}

.hero th.infotitle,
.hero td.infotitle {
   background-color: #CCCCF4;
   border-color: #9898E8;
}

.dnd th.infotitle,
.dnd td.infotitle {
   background-color: #F4EACC;
   border-color: #E8D598;
}

.infobox caption {
   font-size: larger;
   margin-left: inherit;
}

.infobox.bordered {
   border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #e0e0e0;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

/* styles for bordered infobox with merged rows */

.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border: 0;
   border-top: 1px solid #e0e0e0;
   border-right: 1px solid #e0e0e0;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border: 0;
   border-right: 1px solid #e0e0e0;
}

</style>

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