MediaWiki:Common.css

/* Custom font */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&display=swap');

/* Framework */
* {
	font-family: 'Roboto', sans-serif;
}

body {
    background-image: url(https://wiki.play.eco/cubes.png);
    /*background-color: #F5F5F5;*/
}

/* Banner */
.headbanner{
	width: 100%;
	height: auto;
}

/* Headline */
.mw-headline a {
    font-family: "Pathway Gothic One";
    font-size: 15px;
    font-weight: bold;
    padding: 0.25em;
    text-transform: uppercase;
}

/* Table of Contents*/
.toc {
    border: 5px solid #A9A9A9;
    padding: 10px;
    float: right;
    margin: 0px 30px 30px 30px;
    width: 300px;
    clear: right;
}

/* Infoboxes*/
.infobox {
    border: 5px solid #7BC2CE;
    padding: 0;
    color: #333333;
    float: right;
    margin: 0px 30px 30px 30px;
    width: 300px;
    clear: right;
}

/* Icon Frames and Background*/
.iconContainer {
    width: 100px;
    height: 100px;
    margin: auto;
    position: relative;
}

.iconStack {
    position: absolute;
    width: 100%;
    height: 100%;
}

.iconBlue, .iconGreen, .iconBrown, .iconSoftYellow , .iconYellow, .iconCream, .iconGold, .iconOrange, .iconWhite, .iconBrightBlue {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    width: 64px;
    height: 64px;
    margin: 18px;
}

.iconBlue { 
    background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Blue.png");
}

.iconGreen { 
    background-image: url("https://wiki.play.eco/images/3/3e/IconBackground_Green.png");
}

.iconBrown { 
    background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Brown.png");
}

.iconSoftYellow { 
    background-image: url("https://wiki.play.eco/images/4/4c/IconBackground_SoftYellow.png");
}

.iconYellow { 
    background-image: url("https://wiki.play.eco/images/b/b6/IconBackground_Yellow.png");
}

.iconCream { 
    background-image: url("https://wiki.play.eco/images/5/5f/IconBackground_Cream.png");
}

.iconGold { 
    background-image: url("https://wiki.play.eco/images/9/92/IconBackground_Gold.png");
}

.iconOrange { 
    background-image: url("https://wiki.play.eco/images/5/57/IconBackground_Orange.png");
}

.iconWhite { 
    background-image: url("https://wiki.play.eco/images/4/45/IconBackground_White.png");
}

.iconBrightBlue { 
    background-image: url("https://wiki.play.eco/images/9/9a/IconBackground_BrightBlue.png");
}

.iconBorder { 
    background-image: url("https://wiki.play.eco/images/9/95/IconFrame.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: inherit;
    width: inherit;
    pointer-events: none;
}

.iconBorder.borderGreen {
    background-image:url(https://wiki.play.eco/images/b/be/IconFrameGreen.png);
}
.iconBorder.borderYellow {
    background-image:url(https://wiki.play.eco/images/e/e7/IconFrameYellow.png);
}

/* Icon Recipes Frames and Background*/
.iconRecipe {
    background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Blue.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: 44px;
    height: 44px;
    margin: 10px;
}