MediaWiki:Common.css: Difference between revisions
From Eco - English Wiki
(Priority Change - Avaren) |
No edit summary |
||
(28 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* Custom | /* Custom Font */ | ||
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); | ||
@import url('https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&display=swap'); | ||
Line 11: | Line 11: | ||
background-image: url(https://wiki.play.eco/cubes.png); | background-image: url(https://wiki.play.eco/cubes.png); | ||
/*background-color: #F5F5F5;*/ | /*background-color: #F5F5F5;*/ | ||
} | |||
.ace_editor * { | |||
font-family: monospace !important; | |||
} | } | ||
/* Banner */ | /* Banner */ | ||
.headbanner{ | .headbanner span img { | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
Line 28: | Line 32: | ||
} | } | ||
/* Table of Contents*/ | /* Table of Contents */ | ||
.toc { | .toc { | ||
border: 5px solid #A9A9A9; | border: 5px solid #A9A9A9; | ||
Line 38: | Line 42: | ||
} | } | ||
/* Infoboxes*/ | /* Infoboxes */ | ||
.infobox { | .infobox { | ||
border: 5px solid #7BC2CE; | border: 5px solid #7BC2CE; | ||
Line 49: | Line 53: | ||
} | } | ||
/* Icon Frames and Background*/ | /* Icon Frames and Background */ | ||
.iconContainer { | .iconContainer { | ||
width: 100px; | width: 100px; | ||
height: 100px; | height: 100px; | ||
margin: auto; | |||
position: relative; | |||
} | |||
.iconContainerSmall { | |||
width: 64px; | |||
height: 64px; | |||
margin: auto; | margin: auto; | ||
position: relative; | position: relative; | ||
Line 63: | Line 74: | ||
} | } | ||
. | .iconNormal { | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 70: | Line 81: | ||
height: 64px; | height: 64px; | ||
margin: 18px; | margin: 18px; | ||
} | |||
.iconBlue, .iconGreen, .iconBrown, .iconSoftYellow , .iconYellow, .iconCream, .iconGold, .iconOrange, .iconWhite, .iconBrightBlue, .iconGrey { | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
background-size: 120%; | |||
width: 64px; | |||
height: 64px; | |||
margin: 18px; | |||
display: block; | |||
} | } | ||
Line 89: | Line 110: | ||
} | } | ||
/* Icon | /* Icon CraftingRecipes Frames and Background */ | ||
.iconRecipe { | .iconRecipe { | ||
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"); | ||
Line 100: | Line 121: | ||
} | } | ||
/* Icon Frames and Background | .iconRecipe img { | ||
height: 44px; | |||
width: 44px; | |||
} | |||
/* Icon Frames and Background */ | |||
.iconBlue { | .iconBlue { | ||
background- | background: radial-gradient(#547cb3 40%, #324a6a); | ||
} | } | ||
Line 139: | Line 165: | ||
.iconBrightBlue { | .iconBrightBlue { | ||
background-image: url("https://wiki.play.eco/images/9/9a/IconBackground_BrightBlue.png"); | 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"); | |||
} | } |
Latest revision as of 22:23, 20 April 2024
/* 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;*/
}
.ace_editor * {
font-family: monospace !important;
}
/* Banner */
.headbanner span img {
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, .iconGrey {
background-repeat: no-repeat;
background-position: center;
background-size: 120%;
width: 64px;
height: 64px;
margin: 18px;
display: block;
}
.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;
}
.iconRecipe img {
height: 44px;
width: 44px;
}
/* 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");
}