|
|
(18 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| /* Custom Font */ | | /* 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');
| |
|
| |
|
| /* Framework */ | | /* Framework */ |
Line 10: |
Line 9: |
| body { | | body { |
| background-image: url(https://wiki.play.eco/cubes.png); | | background-image: url(https://wiki.play.eco/cubes.png); |
| /*background-color: #F5F5F5;*/ | | background-color: #FAFAFA; |
| | } |
| | |
| | .ace_editor * { |
| | font-family: monospace !important; |
| | } |
| | |
| | .mw-specialpages-notes { |
| | float: left; |
| } | | } |
|
| |
|
Line 17: |
Line 24: |
| width: 100%; | | width: 100%; |
| height: auto; | | height: auto; |
| }
| |
|
| |
| /* Headline */
| |
| .mw-headline a {
| |
| font-family: "Pathway Gothic One";
| |
| font-size: 15px;
| |
| font-weight: bold;
| |
| padding: 0.25em;
| |
| text-transform: uppercase;
| |
| } | | } |
|
| |
|
Line 49: |
Line 47: |
| } | | } |
|
| |
|
| /* Icon Frames and Background */
| | .tablescroll { |
| .iconContainer { | | overflow-x: auto; |
| width: 100px; | |
| height: 100px;
| |
| margin: auto;
| |
| position: relative;
| |
| }
| |
| | |
| .iconContainerSmall {
| |
| width: 64px;
| |
| height: 64px;
| |
| margin: auto;
| |
| position: relative;
| |
| }
| |
| | |
| .iconStack {
| |
| position: absolute;
| |
| width: 100%;
| |
| height: 100%;
| |
| } | | } |
| | | .ecotable { |
| .iconNormal { | | display: table; |
| background-repeat: no-repeat; | | white-space: normal; |
| background-position: center; | | /*font-family: Quicksand, sans-serif;*/ |
| background-size: 120%; | | border: 2px solid var(--border-color, #395684); |
| width: 64px; | | border-radius: 3px; |
| height: 64px; | |
| margin: 18px;
| |
| } | | } |
| | | .ecotable th, .ecoheader { |
| .iconBlue, .iconGreen, .iconBrown, .iconSoftYellow , .iconYellow, .iconCream, .iconGold, .iconOrange, .iconWhite, .iconBrightBlue {
| | background-color: var(--table-header-background, #305080); |
| background-repeat: no-repeat; | | color: var(--table-header-color, #FFFCF7); |
| background-position: center;
| |
| background-size: 120%;
| |
| width: 64px; | |
| height: 64px;
| |
| margin: 18px;
| |
| display: block;
| |
| } | | } |
| | | .ecotable tr:nth-child(odd) { |
| .iconBorder { | | background-color: var(--table-row-odd, #3956844D); |
| 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 { | | .ecotable tr, .ecobody { |
| background-image:url(https://wiki.play.eco/images/e/e7/IconFrameYellow.png); | | background-color: var(--table-row-even, #3956841A); |
| } | | } |
|
| |
|
| /* Icon CraftingRecipes Frames and Background */
| | .IconFrame { |
| .iconRecipe { | | border: 5px outset #A9A9A9; |
| background-image: url("https://wiki.play.eco/images/6/65/IconBackground_Blue.png"); | | background: #DCDCDC; |
| background-repeat: no-repeat; | | display:inline-block; |
| background-position: center; | | width: auto; |
| background-size: auto;
| | padding: 10px; |
| width: 44px; | |
| height: 44px; | |
| margin: 10px; | | margin: 10px; |
| display: block; | | text-align: center; |
| | vertical-align: middle; |
| } | | } |
|
| |
|
| .iconRecipe img { | | .card-horizontal { |
| height: 44px;
| | display: flex; |
| width: 44px;
| | flex: 1 1 auto; |
| }
| |
| | |
| /* 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");
| |
| }
| |
| | |
| /* Navigation Boxes */
| |
| .navbox {
| |
| /* IGNORE EDITOR CALLING THESE ERRORS! It's valid css, just save anyways */
| |
| --navbox-border: #a3bdff;
| |
| --navbox-title-background: #4cbb5e;
| |
| --navbox-header-background: #7a98e4;
| |
| --navbox-header-color: #040404; | |
| --navbox-header-link-color: #040404;
| |
| --navbox-list-link-color: #122f78;
| |
| | |
| width: 100%;
| |
| background: var(--navbox-border);
| |
| color: #040404;
| |
| margin: 1em auto;
| |
| font-size: 84%;
| |
| clear: both;
| |
| padding: 2px;
| |
| border-spacing: 0;
| |
| border: 2px solid var(--navbox-border);
| |
| border-radius: 3px;
| |
| }
| |
| .navbox .navbox-title a, .navbox .navbox-header a, .navbox .navbox-group a, .navbox .mw-collapsible-toggle a:hover {
| |
| color: var(--navbox-header-link-color);
| |
| }
| |
| .navbox + .navbox {
| |
| margin-top: -16px;
| |
| border-top-left-radius: 0;
| |
| border-top-right-radius: 0;
| |
| }
| |
| .navbox .navbox-title {
| |
| color: var(--theme-accent-label-color);
| |
| background: var(--navbox-title-background);
| |
| font-weight: bold;
| |
| }
| |
| .navbox .navbox-vde {
| |
| float: left;
| |
| width: 65px;
| |
| }
| |
| .navbox .navbox-title-padright {
| |
| padding-right: 65px;
| |
| }
| |
| .navbox .navbox-title-padleft {
| |
| padding-left: 65px;
| |
| }
| |
| .navbox .navbox-subgroup {
| |
| border-spacing: 0;
| |
| width: 100%;
| |
| }
| |
| .navbox .navbox-gutter {
| |
| height: 2px;
| |
| }
| |
| .navbox .navbox-subgroup .navbox-gutter {
| |
| background: var(--navbox-border);
| |
| }
| |
| .navbox .navbox-section-row > td {
| |
| padding: 0;
| |
| height: 100%;
| |
| }
| |
| .navbox .navbox-section {
| |
| width: 100%;
| |
| border-spacing: 0;
| |
| }
| |
| .navbox .navbox-above, .navbox .navbox-below, .navbox .navbox-image {
| |
| color: var(--theme-accent-label-color);
| |
| background: var(--navbox-header-background);
| |
| text-align: center;
| |
| }
| |
| .navbox .navbox-group, .navbox .navbox-header {
| |
| background: var(--navbox-header-background);
| |
| color: var(--navbox-header-color);
| |
| font-weight: bold;
| |
| height: 100%;
| |
| padding: 2px 4px;
| |
| }
| |
| .navbox .navbox-header-collapsible {
| |
| padding-left: 65;
| |
| }
| |
| .navbox .navbox-group {
| |
| min-width: 150px;
| |
| }
| |
| .navbox .navbox-group, .navbox .navbox-image-left {
| |
| border-right: 2px solid var(--navbox-border);
| |
| }
| |
| .navbox .navbox-image-right {
| |
| border-left: 2px solid var(--navbox-border);
| |
| }
| |
| .navbox .navbox-list {
| |
| background: var(--theme-article-background-color);
| |
| color: var(--theme-article-text-color);
| |
| width: 100%;
| |
| height: 100%;
| |
| padding: 0;
| |
| }
| |
| .navbox .navbox-list div {
| |
| padding: 0px 4px;
| |
| }
| |
| .navbox .navbox-list.no-group {
| |
| text-align: center;
| |
| padding-top: 2px;
| |
| padding-bottom: 2px;
| |
| }
| |
| .navbox .navbox-list a {
| |
| color: var(--navbox-list-link-color);
| |
| }
| |
| .navbox .mw-collapsible-toggle {
| |
| width: 65px;
| |
| }
| |
| | |
| .hlist ul {
| |
| margin: 0;
| |
| list-style: none;
| |
| }
| |
| .hlist li, .hlist ul ul {
| |
| display: inline;
| |
| }
| |
| .hlist li a {
| |
| white-space: nowrap;
| |
| }
| |
| .hlist ul ul:before {
| |
| content: "(";
| |
| }
| |
| .hlist ul ul:after {
| |
| content: ")";
| |
| }
| |
| .hlist li:after {
| |
| content: " • ";
| |
| }
| |
| .hlist li:last-child:after, .hlist ul ul li:last-child:after {
| |
| content: none;
| |
| } | | } |
/* 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);
}
.IconFrame {
border: 5px outset #A9A9A9;
background: #DCDCDC;
display:inline-block;
width: auto;
padding: 10px;
margin: 10px;
text-align: center;
vertical-align: middle;
}
.card-horizontal {
display: flex;
flex: 1 1 auto;
}