|
|
(27 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%;
| |
| }
| |
| | |
| .iconNormal { | |
| background-repeat: no-repeat; | |
| background-position: center;
| |
| background-size: 120%;
| |
| width: 64px; | |
| height: 64px;
| |
| margin: 18px;
| |
| } | | } |
| | | .ecotable tr:nth-child(odd) { |
| .iconBlue, .iconGreen, .iconBrown, .iconSoftYellow , .iconYellow, .iconCream, .iconGold, .iconOrange, .iconWhite, .iconBrightBlue { | | 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 { |
| .iconBorder { | | background-color: var(--table-row-even, #3956841A); |
| 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 { | | .IconFrame { |
| background-image:url(https://wiki.play.eco/images/b/be/IconFrameGreen.png); | | border: 5px outset #A9A9A9; |
| }
| | background: #DCDCDC; |
| .iconBorder.borderYellow {
| | display:inline-block; |
| background-image:url(https://wiki.play.eco/images/e/e7/IconFrameYellow.png);
| | width: auto; |
| }
| | padding: 10px; |
| | |
| /* 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 */
| |
| }
| |
| | |
| /* Navigation Boxes */
| |
| | |
| .navbox {
| |
| /* IGNORE EDITOR CALLING THESE ERRORS! It's valid css, just save anyways */
| |
| --navbox-border: #29190B;
| |
| --navbox-title-background: var(--theme-accent-color);
| |
| --navbox-header-background: #4f3119;
| |
| --navbox-header-color: var(--theme-accent-label-color);
| |
| --navbox-header-link-color: var(--theme-accent-label-color);
| |
| --navbox-list-link-color: #E88F12;
| |
|
| |
| width: 100%;
| |
| background: var(--navbox-border);
| |
| color: white;
| |
| 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;
| |
| } | | } |