Thanks for visiting Stormraven Gaming! We've moved to a new, private server. Please visit (and update your bookmarks to):

http://www.stormravengaming.net/wiki/

Editing and article creation here have been disabled. Thanks for your patience during our move to our new and happier home!

Header

From Stormravengaming

(Difference between revisions)
(Try one more thing...)
(Add hr element to .infobox.hero)
Line 22: Line 22:
  }
  }
  h4 { font-size: 120%; }
  h4 { font-size: 120%; }
 +
 +
/*  ---  TILED TABLES for FRONT PAGES  ---  */
   
   
  table.tiled {
  table.tiled {
Line 74: Line 76:
     border: 1px solid #98E898;
     border: 1px solid #98E898;
  }
  }
 +
 +
/*  ---  STAT BLOCKS  ---  */
   
   
  table.stats {
  table.stats {
Line 106: Line 110:
     padding: .2em;
     padding: .2em;
  }
  }
 +
 +
/*  ---  MESSAGE BOXES  ---  */
   
   
  .message {
  .message {
Line 119: Line 125:
     border-color: #CCCCF4;
     border-color: #CCCCF4;
  }
  }
 +
 +
/*  ---  INFO BOXES  ---  */
   
   
  .infobox {
  .infobox {
Line 141: Line 149:
     background-color: #F6F6FE;
     background-color: #F6F6FE;
  }
  }
 +
 +
.infobox.hero hr {
 +
    color: #CCCCF4;
 +
}
 +
 +
/*  ---  INFOBOX TITLES  ---  */
   
   
  th.infotitle,
  th.infotitle,

Revision as of 21:36, 17 December 2006

<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   ---   */

table.tiled {
   vertical-align: top;
   width: 100%;
}

table.tiled td {
   background-color: inherit;
   padding: 6px;
   vertical-align: top;
   width: 50%;
}

table.tiled td h2 {
   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;
}

table.tiled td.hero {
   background-color: #F6F6FE;
   border: 1px solid #CCCCF4;
}

table.tiled td.hero h2 {
   background-color: #CCCCF4;
   border: 1px solid #9898E8;
}

table.tiled td.dnd {
   background-color: #FEFCF6;
   border: 1px solid #F4EACC;
}

table.tiled td.dnd h2 {
   background-color: #F4EACC;
   border: 1px solid #E8D598;
}

table.tiled td.guide {
   background-color: #F6FEF6;
   border: 1px solid #CCF4CC;
}

table.tiled td.guide h2 {
   background-color: #CCF4CC;
   border: 1px solid #98E898;
}

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

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

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

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

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

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

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;
}

/*   ---   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 {
   border-color: #CCCCF4;
   background-color: #F6F6FE;
}

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

/*   ---   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;
}

.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>
Personal tools