|
|
(28 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; |
| } | | } |
|
| |
|
| /* Banner */ | | /* Banner */ |
| .headbanner{ | | .headbanner span img { |
| width: 100%; | | width: 100%; |
| height: auto; | | height: auto; |
| } | | } |
|
| |
|
| /* Headline */
| | /* Table of Contents */ |
| .mw-headline a {
| |
| font-family: "Pathway Gothic One";
| |
| font-size: 15px;
| |
| font-weight: bold;
| |
| padding: 0.25em;
| |
| text-transform: uppercase;
| |
| }
| |
| | |
| /* Table of Contents*/ | |
| .toc { | | .toc { |
| border: 5px solid #A9A9A9; | | border: 5px solid #A9A9A9; |
Line 38: |
Line 36: |
| } | | } |
|
| |
|
| /* Infoboxes*/ | | /* Infoboxes */ |
| .infobox { | | .infobox { |
| border: 5px solid #7BC2CE; | | border: 5px solid #7BC2CE; |
Line 49: |
Line 47: |
| } | | } |
|
| |
|
| /* Icon Frames and Background*/
| | .tablescroll { |
| .iconContainer { | | overflow-x: auto; |
| width: 100px; | |
| height: 100px;
| |
| margin: auto;
| |
| position: relative;
| |
| } | | } |
| | | .ecotable { |
| .iconContainerSmall { | | display: table; |
| width: 64px; | | white-space: normal; |
| height: 64px; | | /*font-family: Quicksand, sans-serif;*/ |
| margin: auto; | | border: 2px solid var(--border-color, #395684); |
| position: relative; | | border-radius: 3px; |
| } | | } |
| | | .ecotable th, .ecoheader { |
| .iconStack { | | background-color: var(--table-header-background, #305080); |
| position: absolute; | | color: var(--table-header-color, #FFFCF7); |
| width: 100%;
| |
| height: 100%; | |
| } | | } |
| | | .ecotable tr:nth-child(odd) { |
| .iconNormal { | | background-color: var(--table-row-odd, #3956844D); |
| background-repeat: no-repeat; | |
| background-position: center;
| |
| background-size: 120%;
| |
| width: 64px;
| |
| height: 64px;
| |
| margin: 18px;
| |
| } | | } |
| | | .ecotable tr, .ecobody { |
| .iconBlue, .iconGreen, .iconBrown, .iconSoftYellow , .iconYellow, .iconCream, .iconGold, .iconOrange, .iconWhite, .iconBrightBlue {
| | background-color: var(--table-row-even, #3956841A); |
| background-repeat: no-repeat; | |
| background-position: center;
| |
| background-size: 120%;
| |
| width: 64px;
| |
| height: 64px;
| |
| margin: 18px;
| |
| } | | } |
|
| |
|
| .iconBorder { | | .IconFrame { |
| background-image: url("https://wiki.play.eco/images/9/95/IconFrame.png"); | | border: 5px outset #A9A9A9; |
| background-repeat: no-repeat; | | background: #DCDCDC; |
| background-position: center; | | display:inline-block; |
| background-size: 100%;
| | width: auto; |
| height: inherit;
| | padding: 10px; |
| 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; | | margin: 10px; |
| | text-align: center; |
| | vertical-align: middle; |
| } | | } |
|
| |
|
| /* Icon Frames and Background.*/
| | .card-horizontal { |
| .iconBlue {
| | display: flex; |
| background: radial-gradient(#547cb3 40%, #324a6a);
| | flex: 1 1 auto; |
| }
| |
| | |
| .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 */
| |
| } | | } |
/* 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;
}