|
|
| (13 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 47: |
Line 45: |
| width: 300px; | | width: 300px; |
| clear: right; | | 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;
| |
| 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;
| |
| display: block;
| |
| }
| |
|
| |
| .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");
| |
| }
| |
|
| |
| /* 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;
| |
| } | | } |
