MediaWiki:Monobook.css: Difference between revisions

From A KoL Wiki
imported>Quietust
Add stylesheet data for recipe tables
imported>Quietust
m for testing purposes, going to make it black out blank/recipe icon cells so I know it's handling them properly
Line 54: Line 54:
table.recipe th {
table.recipe th {
   border: 2px solid black;
   border: 2px solid black;
   background-color: #FFFFFF;
/* background-color: #FFFFFF; */
/* temporary, for making sure empty cells are being marked correctly */
   background-color: #000000;
   padding: 3px;
   padding: 3px;
}
}

Revision as of 15:50, 4 February 2009

/*<pre>*/
/* For positioning icons at top-right */

div.topicon {
  position:absolute; 
  z-index:120; 
  top:20px;
  display: block !important;
}

/* Infobox template style */

.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

/* Recipe table formatting */

table.recipe { 
   text-align: center;
   border-collapse: collapse;
}
table.recipe th {
   border: 2px solid black;
/* background-color: #FFFFFF; */
/* temporary, for making sure empty cells are being marked correctly */
   background-color: #000000;
   padding: 3px;
}
table.recipe td {
   border: 2px solid black;
   padding: 3px;
}
table.recipe tr.row1 {
   background-color: #FFFFFF;
}
table.recipe tr.row2 {
   background-color: #EEEEEE;
}
table.recipe tr.row3 {
   background-color: #DDDDDD;
}
table.recipe tr.row4 {
   background-color: #CCCCCC;
}
table.recipe tr.row5 {
   background-color: #BBBBBB;
}
table.recipe tr.row6 {
   background-color: #AAAAAA;
}
table.recipe tr.row7 {
   background-color: #999999;
}
table.recipe tr.row8 {
   background-color: #888888;
}
table.recipe tr.row9 {
   background-color: #777777;
}

/*</pre>*/