ATTENTION! The process of updating WiKi to version Eco 10.x has begun. Those wishing to participate can find out more Information on our ECO Contribution Wiki Discord.

MediaWiki:Common.css: Difference between revisions

From Eco - English Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* Custom font */
@font-face {
    font-family: "Pathway Gothic One";
    font-style: normal;
    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");
}
 
/* Framework */
body {
body {
background: url(https://wiki.play.eco/cubes.png);
background: url(https://wiki.play.eco/cubes.png);
Line 5: Line 13:
}
}


@font-face {
/* Headline */
.mw-headline a {
     font-family: "Pathway Gothic One";
     font-family: "Pathway Gothic One";
     font-style: normal;
     font-size: 15px;
     font-weight: 400;
     font-weight: bold;
     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");
     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;
}
}


.iconContainer {
.iconContainer {
     width: 100px;
     max-width:100px;  
     height: 100px;
     max-height:100px;  
     margin-left: auto;
     vertical-align: middle;
    margin-right: auto;
     position:relative;
     position: absolute;
}
}


img.iconBlue {
img.iconBlue {  
     background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Blue.png");
     background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Blue.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
     background-size: 100%;
     background-size: 100%;
     position: absolute;
     position: absolute;  
     width: 100px;
     width:100px;
     height: 100px;
     height:100px;
}
}


img.iconGreen {  
img.iconGreen {  
     background-image: url("https://wiki.play.eco/images/3/3e/IconBackground_Green.png");
     background-image: url("https://wiki.play.eco/images/3/3e/IconBackground_Green.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
     background-size: 100%;
     background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}
img.iconBrown {
    background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Brown.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}
img.iconSoftYellow {
    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;
}
img.iconYellow {
    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;
     position: absolute;
    width: 100px;
    height: 100px;
}
}


.iconBorder {
img.iconOrange {  
     background-image: url(https://wiki.play.eco/images/9/95/IconFrame.png);
     background-image: url("https://wiki.play.eco/images/5/57/IconBackground_Orange.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
     background-size: 100%;
     background-size: 100%;
     width: 100px;
     width:100px;
     height: 100px;
     height:100px;
     position: absolute;
     position: absolute;
    pointer-events: none;
}
}


.infobox {
img.iconWhite {  
     border: 5px solid #7BC2CE;
     background-image: url("https://wiki.play.eco/images/4/45/IconBackground_White.png");
     padding: 0;
     background-blend-mode: solid;
     color: #333333;
     background-repeat: no-repeat;
     float: right;
     background-size: 100%;
     margin: 0px 30px 30px 30px;
     width:100px;
     width: 300px;
     height:100px;
     clear: right;
     position: absolute;
}
}


.toc {
img.iconBrightBlue {  
     border: 5px solid #A9A9A9;
     background-image: url("https://wiki.play.eco/images/9/9a/IconBackground_BrightBlue.png");
     padding: 10px;
    background-blend-mode: solid;
     float: right;
     background-repeat: no-repeat;
     margin: 0px 30px 30px 30px;
     background-size: 100%;
     width: 300px;
     width:100px;
     clear: right;
     height:100px;
     position: absolute;
}
}


.mw-headline a {
.iconBorder {  
     font-family: "Pathway Gothic One";
     background-image: url("https://wiki.play.eco/images/9/95/IconFrame.png");
     font-size: 15px;
    background-blend-mode: solid;
     font-weight: bold;
     background-repeat: no-repeat;
     padding: 0.25em;
    background-size: 100%;
     text-transform: uppercase;
     background-position: center;
     width: 100px;
    height:100px;
     position: absolute;
}
}

Revision as of 09:11, 17 August 2020

/* Custom font */
@font-face {
    font-family: "Pathway Gothic One";
    font-style: normal;
    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");
}

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

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

.iconContainer {
    max-width:100px; 
    max-height:100px; 
    vertical-align: middle;
    position:relative;
}

img.iconBlue { 
    background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Blue.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    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;
}

img.iconBrown { 
    background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Brown.png");
    background-blend-mode: solid;
    background-repeat: no-repeat;
    background-size: 100%;
    width:100px;
    height:100px;
    position: absolute;
}

img.iconSoftYellow { 
    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;
}

img.iconYellow { 
    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;
}