Difference between revisions of "MediaWiki:Common.css"

Revision as of 16:08, 23 March 2017

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



/* !!!!!IMPORTANT!!! PLEASE DON'T EDIT THIS FILE!!! */



/* SANDY COLOR FOR PAGE BACKGROUND */

#bodyContent { background: #f7ffc6; }

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

#content { background: #f7ffc6; }

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



/* TIP-Box */

.tipbox
{ 
width: 90%;
border-radius: 15px;
border: none;
background-color: #5c972a;
padding: 5px;

color: white;
font-weight: bold;
font-style: italic;
font-size: 1.1em;
text-align: left;
}

.tipbox tr td
{ 
background-color: #5c972a;
}



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

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

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


.invtable_mainpage
{ 
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border: none;
padding: 15px;
text-align: center;
}

.invtable_mainpage td
{
padding: 20px;
vertical-align:top;
}

.invtable_mainpage tr:nth-child(2) td
{
font-size: 1.7em;
font-weight: bold;
}

.invtable_mainpage tr:nth-child(3) td
{
font-size: 1.5em;
font-weight: bold;
}

.invtable_mainpage tr:nth-child(5) td
{
font-size: 1.5em;
font-weight: bold;
}



/* TABLES FOR BUILDING PAGES */

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

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


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


.D1table
{
 width: 90%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 text-align: center;
}

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


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

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



/* TABLES FOR RECIPES */

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

.R1table td
{
border: 1px solid grey;
background-color: #f7ffc6;
padding: 5px;
white-space: normal;
}


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

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

.R1table tr td: nth-child(7)
{
white-space: nowrap;
}


/* TABLES FOR MERCHANDISE*/

.M1table
{
 width: 90%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 text-align: center;
}

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


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

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

/* TABLES FOR MARKETS */

.MAtable
{
 width: 90%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 text-align: center;
}

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


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

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




/* TABLES FOR CHARACTER PAGES */

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

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


.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: 90%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 text-align: center;
}

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

.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.2em;
}

.Cquote
{
font-style: italic;
}


/* POTION TABLES */

.potiontable
{
 width: 90%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 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 */


.Qtable
{
 width: 90%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 text-align: center;
}

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


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

.Qtable tr:nth-of-type(odd) td 
{
background-color: #DACBAC;
}

/* EVENT-QUEST TABLES */

.QFPtable
{
 width: 90%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 text-align: center;
}

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


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

.QFPtable tr:nth-of-type(odd) td 
{
background-color: #DACBAC;
}

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

.QFOtable
{
 width: 90%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 text-align: center;
}

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


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

.QFOtable tr:nth-of-type(odd) td 
{
background-color: #DACBAC;
}

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


.QWEtable
{
 width: 90%;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 text-align: center;
}

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


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

.QWEtable tr:nth-of-type(odd) td 
{
background-color: #DACBAC;
}

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

/* CONTENT-PLANNING TABLE */

.CPtable
{
 width: 100%;
 table-layout: fixed;
 color: black; 
 border-collapse: collapse;
 border: 2px solid black;
 text-align: center;
}

.CPtable td
{
border: 1px solid grey;
background-color: #f7ffc6;
padding: 5px;
font-size: 0.8em;
}


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

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

.CPtable tr td:nth-child(1)
{
text-align: left;
padding: 5 px;
width: 10%
font-size: 0.8em;
}

.CPtable tr td:nth-child(2)
{
text-align: left;
padding: 5 px;
width: 10%
font-size: 0.8em;
}

.CPtable tr td:nth-child(3)
{
text-align: left;
padding: 5 px;
width: 25%
font-size: 0.8em;
}

.CPtable tr td:nth-child(4)
{
text-align: left;
padding: 5 px;
width: 15%
font-size: 0.8em;
}

.CPtable tr td:nth-child(5)
{
text-align: left;
padding: 5 px;
width: 15%
font-size: 0.8em;
}

.CPtable tr td:nth-child(6)
{
text-align: left;
padding: 5 px;
width: 15%
font-size: 0.8em;
}

.CPtable tr td:nth-child(7)
{
text-align: left;
padding: 5 px;
width: 10%
font-size: 0.8em;
}