MediaWiki:Common.css: Difference between revisions

From Eco - English Wiki
No edit summary
No edit summary
 
(55 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/* Custom font */
/* Custom Font */
@font-face {
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
    font-family: "Pathway Gothic One";
 
    font-style: normal;
/* Framework */
    font-weight: 400;
* {
    src: local("Pathway Gothic One"), local("PathwayGothicOne-Regular"),  url("https://fonts.gstatic.com/s/pathwaygothicone/v4/Lqv9ztoTUV8Q0FmQZzPqaL4J1CEROx9mnpUAGKYKzuk.woff2") format("woff2"), url("https://fonts.gstatic.com/s/pathwaygothicone/v4/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff") format("woff");
font-family: 'Roboto', sans-serif;
}
}


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


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


/* Table of Contents*/
.mw-specialpages-notes {
float: left;
}
 
/* Banner */
.headbanner span img {
width: 100%;
height: auto;
}
 
/* Table of Contents */
.toc {
.toc {
     border: 5px solid #A9A9A9;
     border: 5px solid #A9A9A9;
Line 32: Line 36:
}
}


/* Infoboxes*/
/* Infoboxes */
.infobox {
.infobox {
     border: 5px solid #7BC2CE;
     border: 5px solid #7BC2CE;
Line 43: Line 47:
}
}


.iconContainer {
.tablescroll {
     max-width:100px;
     overflow-x: auto;
    max-height:100px;
    vertical-align: middle;
    position:relative;
}
}
 
.ecotable {
img.iconBlue {  
     display: table;
     background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Blue.png");
     white-space: normal;
     background-blend-mode: solid;
     /*font-family: Quicksand, sans-serif;*/
     background-repeat: no-repeat;
     border: 2px solid var(--border-color, #395684);
    background-size: 100%;
     border-radius: 3px;
     position: absolute;
    width:100px;
    height:100px;
}
 
img.iconGreen {
    background-image: url("https://wiki.play.eco/images/3/3e/IconBackground_Green.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
     background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}
}
 
.ecotable th, .ecoheader {
img.iconBrown {  
     background-color: var(--table-header-background, #305080);
     background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Brown.png");
     color: var(--table-header-color, #FFFCF7);
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
     width:100px;
    height:100px;
    position: absolute;
}
}
 
.ecotable tr:nth-child(odd) {
img.iconSoftYellow {  
     background-color: var(--table-row-odd, #3956844D);
     background-image: url("https://wiki.play.eco/images/4/4c/IconBackground_SoftYellow.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}
}
 
.ecotable tr, .ecobody {
img.iconYellow {
     background-color: var(--table-row-even, #3956841A);
    background-image: url("https://wiki.play.eco/images/b/b6/IconBackground_Yellow.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}
 
img.iconCream {
    background-image: url("https://wiki.play.eco/images/5/5f/IconBackground_Cream.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}
 
img.iconGold {  
     background-image: url("https://wiki.play.eco/images/9/92/IconBackground_Gold.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}
 
img.iconOrange {
    background-image: url("https://wiki.play.eco/images/5/57/IconBackground_Orange.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}
 
img.iconWhite {
    background-image: url("https://wiki.play.eco/images/4/45/IconBackground_White.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}
 
img.iconBrightBlue {
    background-image: url("https://wiki.play.eco/images/9/9a/IconBackground_BrightBlue.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}
 
.iconBorder {
    background-image: url("https://wiki.play.eco/images/9/95/IconFrame.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 100px;
    height:100px;
    position: absolute;
}
}

Latest revision as of 10:55, 20 May 2024

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

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

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

.ace_editor * {
    font-family: monospace !important;
}

.mw-specialpages-notes {
	float: left;
}

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

/* 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;
}

.tablescroll {
    overflow-x: auto;
}
.ecotable {
    display: table;
    white-space: normal;
    /*font-family: Quicksand, sans-serif;*/
    border: 2px solid var(--border-color, #395684);
    border-radius: 3px;
}
.ecotable th, .ecoheader {
    background-color: var(--table-header-background, #305080);
    color: var(--table-header-color, #FFFCF7);
}
.ecotable tr:nth-child(odd) {
    background-color: var(--table-row-odd, #3956844D);
}
.ecotable tr, .ecobody {
    background-color: var(--table-row-even, #3956841A);
}