MediaWiki:Common.css
From Eco - English Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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;
}