MediaWiki:Common.css: Difference between revisions

From Eco - English Wiki
No edit summary
No edit summary
Tag: Manual revert
 
(29 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* 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 {
body {
background: url(https://wiki.play.eco/cubes.png);
    background-image: url(https://wiki.play.eco/cubes.png);
/*background-color: #F5F5F5;*/
    /*background-color: #F5F5F5;*/
}
}


@font-face {
/* Banner */
    font-family: "Pathway Gothic One";
.headbanner{
    font-style: normal;
width: 100%;
    font-weight: 400;
height: auto;
    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");
}
}


img.iconBlue {  
/* Headline */
     background-image: url("https://wiki.play.eco/images/9/95/IconFrame.png"), url("https://wiki.play.eco/images/6/65/IconBackground_Blue.png");
.mw-headline a {
     background-blend-mode: solid;
     font-family: "Pathway Gothic One";
     background-repeat: no-repeat;
    font-size: 15px;
     background-size: 100%;
     font-weight: bold;
     padding: 0.25em;
     text-transform: uppercase;
}
}


img.iconGreen {  
/* Table of Contents*/
     background-image: url("https://wiki.play.eco/images/9/95/IconFrame.png"), url("https://wiki.play.eco/images/3/3e/IconBackground_Green.png");
.toc {
     background-blend-mode: solid;
     border: 5px solid #A9A9A9;
     background-repeat: no-repeat;
    padding: 10px;
     background-size: 100%;
    float: right;
     margin: 0px 30px 30px 30px;
     width: 300px;
     clear: right;
}
}


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


.toc {
/* Icon Frames and Background*/
     border: 5px solid #A9A9A9;
.iconContainer {
     padding: 10px;
    width: 100px;
     float: right;
    height: 100px;
     margin: 0px 30px 30px 30px;
    margin: auto;
     width: 300px;
    position: relative;
     clear: right;
}
 
.iconContainerSmall {
    width: 64px;
    height: 64px;
    margin: auto;
    position: relative;
}
 
.iconStack {
    position: absolute;
    width: 100%;
    height: 100%;
}
 
.iconNormal {
     background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    width: 64px;
    height: 64px;
    margin: 18px;
}
 
.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;
}
 
.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 CraftingRecipes 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;
}
 
/* Icon Frames and Background.*/
.iconBlue {
    background: radial-gradient(#547cb3 40%, #324a6a);
}
 
.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");
}
 
.iconGrey {
    background-image: url("https://wiki.play.eco/images/9/9e/IconBackground_Grey.png");
}
 
.paperBasic {
    background-image: url("https://wiki.play.eco/images/3/31/PaperBackground_Basic.png");
}
 
.paperAdvanced {
    background-image: url("https://wiki.play.eco/images/5/56/PaperBackground_Advanced.png");
}
 
.paperModern {
    background-image: url("https://wiki.play.eco/images/7/79/PaperBackground_Modern.png");
}
 
/* Default style for navigation boxes */
.navbox {                    /* Navbox container style */
box-sizing: border-box;
border: 1px solid #a2a9b1;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */
}
 
.navbox .navbox {
margin-top: 0;            /* No top margin for nested navboxes */
}
 
.navbox + .navbox {
margin-top: -1px;        /* Single pixel border between adjacent navboxes */
}
 
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
 
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em;      /* Title, group and above/below styles */
line-height: 1.5em;
text-align: center;
}
 
th.navbox-group {            /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
 
.navbox,
.navbox-subgroup {
background-color: #fdfdfd; /* Background color */
}
 
.navbox-list {
line-height: 1.5em;
border-color: #fdfdfd;    /* Must match background color */
}
 
/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
border-top: 2px solid #fdfdfd; /* Must match background color */
}
 
.navbox th,
.navbox-title {
background-color: #ccccff;      /* Level 1 color */
}
 
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background-color: #ddddff;      /* Level 2 color */
}
 
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background-color: #e6e6ff;      /* Level 3 color */
}
 
.navbox-even {
background-color: #f7f7f7;      /* Even row striping */
}
 
.navbox-odd {
background-color: transparent;  /* Odd row striping */
}
}


.mw-headline a {
.navbox .hlist td dl,
    font-family: "Pathway Gothic One";
.navbox .hlist td ol,
    font-size: 15px;
.navbox .hlist td ul,
    font-weight: bold;
.navbox td.hlist dl,
    padding: 0.25em;
.navbox td.hlist ol,
    text-transform: uppercase;
.navbox td.hlist ul {
padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
}

Latest revision as of 02:02, 25 March 2022

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

.iconContainerSmall {
    width: 64px;
    height: 64px;
    margin: auto;
    position: relative;
}

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

.iconNormal {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    width: 64px;
    height: 64px;
    margin: 18px;
}

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

.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 CraftingRecipes 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;
}

/* Icon Frames and Background.*/
.iconBlue { 
    background: radial-gradient(#547cb3 40%, #324a6a);
}

.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");
}

.iconGrey { 
    background-image: url("https://wiki.play.eco/images/9/9e/IconBackground_Grey.png");
}

.paperBasic { 
    background-image: url("https://wiki.play.eco/images/3/31/PaperBackground_Basic.png");
}

.paperAdvanced { 
    background-image: url("https://wiki.play.eco/images/5/56/PaperBackground_Advanced.png");
}

.paperModern { 
    background-image: url("https://wiki.play.eco/images/7/79/PaperBackground_Modern.png");
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	width: 100%;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
	margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
}

.navbox .navbox {
	margin-top: 0;            /* No top margin for nested navboxes */
}

.navbox + .navbox {
	margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}

.navbox-inner,
.navbox-subgroup {
	width: 100%;
}

.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;      /* Title, group and above/below styles */
	line-height: 1.5em;
	text-align: center;
}

th.navbox-group {             /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}

.navbox,
.navbox-subgroup {
	background-color: #fdfdfd; /* Background color */
}

.navbox-list {
	line-height: 1.5em;
	border-color: #fdfdfd;    /* Must match background color */
}

/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid #fdfdfd; /* Must match background color */
}

.navbox th,
.navbox-title {
	background-color: #ccccff;      /* Level 1 color */
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background-color: #ddddff;      /* Level 2 color */
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background-color: #e6e6ff;      /* Level 3 color */
}

.navbox-even {
	background-color: #f7f7f7;      /* Even row striping */
}

.navbox-odd {
	background-color: transparent;  /* Odd row striping */
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}