Difference between revisions of "MediaWiki:Common.css"

Revision as of 07:43, 23 February 2017

/* CSS placed here will be applied to all skins */

/* SANDY COLOR FOR PAGE BACKGROUND */

#bodyContent { background: #f7ffc6; }

#mw-content-text { background: #f7ffc6; }

#content { background: #f7ffc6; }

#content.mw-body { background: #f7ffc6; }



/* INVISIBLE TABLES FOR ARRANGING PICTURES AND TEXT (i.e. PAGE INTROS) */

.invtable
{ 
width: 85%;
border-collapse: collapse;
border: none;
padding: 5px;
text-align: center;
}

.invtable_align_left
{ 
width: 85%;
border-collapse: collapse;
border: none;
padding: 5px;
text-align: left;
}

/* TABLES FOR BUILDING PAGES */

.B1table
{
 width: 85%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 padding: 15px;
 text-align: center;
}

.B1table td
{
border: 1px solid grey;
background-color: #f7ffc6;
padding: 3px;
}


.B1table th 
{
font-style: normal;
font-weight: normal;
border: 1px solid grey;
padding: 5px;
background-color: #e0c472;
}

.B1table tr:first-child td
{
background-color: #88b92c;
font-weight: bold;
padding: 5px;
font-size: 1.2em;
}

/* TABLES FOR RECIPES */

.R1table
{
 width: 85%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 padding: 15px;
 text-align: center;
}

.R1table td
{
border: 1px solid grey;
background-color: #f7ffc6;
padding: 3px;
}


.R1table th 
{
font-style: normal;
font-weight: normal;
border: 1px solid grey;
padding: 5px;
background-color: #e0c472;
}

.R1table tr:first-child td
{
background-color: #88b92c;
font-weight: bold;
padding: 5px;
font-size: 1.2em;
}




/* TABLES FOR CHARACTER PAGES */

.C1table
{
 width: 85%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 padding: 15px;
 text-align: center;
}

.C1table td
{
border: 1px solid grey;
background-color: #f7ffc6;
padding: 3px;
}


.C1table th 
{
font-style: normal;
font-weight: normal;
border: 1px solid grey;
padding: 5px;
background-color: #e0c472;
}

.C1table tr:nth-child(1) td
{
background-color: #88b92c;
font-weight: bold;
padding: 5px;
font-size: 1.2em;
}

.C2table
{
 width: 85%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 padding: 15px;
 text-align: center;
}

.C2table td
{
border: 1px solid grey;
background-color: #f7ffc6;
padding: 3px;
}

.C2table th 
{
font-style: normal;
font-weight: normal;
border: 1px solid grey;
padding: 5px;
background-color: #e0c472;
}

.C2table tr:nth-child(1) td
{
background-color: #65cbe5;
font-weight: bold;
padding: 5px;
font-size: 1 em;
}

.Cquote
{
font-style: italic;
}


/* CRAFTING RECIPE TABLES */

.potiontable
{
 width: 85%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 padding: 15px;
 text-align: center;
}

.potiontable td
{
border: 1px solid grey;
background-color: #f7ffc6;
padding: 3px;
}


.potiontable th 
{
font-style: normal;
font-weight: normal;
border: 1px solid grey;
padding: 5px;
background-color: #e0c472;
}

.potiontable tr:first-child td
{
background-color: #df9bde;
font-weight: bold;
padding: 5px;
font-size: 1.2em;
}


/* QUEST TABLES */


.Q0table
{
 border-collapse: collapse;
 border: none;
 width: 85%;
}


.Q1table
{
 color: black;
 border-collapse: collapse;
 background-color: #cccccc;
 border: 1px solid;
 border-color: #068895;
 text-align: center;
 float: left;
 width: 560px;
 font-family: 'Sriracha', sans-serif;
 font-size: 1.2em;
 font-weight: bold;
 color: black;
}


.Q1table tr td:nth-child(1)
{
width: 80px;
height: 80px;
padding: none;
}

.Q1table tr
{
 border: 1px solid;
 border-color: #068895;
}


.Q1table tr td:nth-child(2)
{
width: 400px;
height: 80px;
padding: none;
}

.Q1table tr td:nth-child(3)
{
width: 80px;
height: 80px;
padding: none;
}

.Q2table
{
 color: black;
 border-collapse: collapse;
 text-align: center;
 float: right;
}

.Q2table tr td
{
width: 80px;
border: 3px solid;
border-color: #f7ffc6;
}

.Q2table tr:nth-child(1)
{
height: 50px;
}

.Q2table tr:nth-child(2)
{
height: 25px;
}


.Q2tableactivecelltop
{
background-color: #e8b938;
}


.Q2tableactivecellbottom
{
background-color: #875113;
color: white;
}