MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* ACCORDION */ .toccolours { overflow: auto; background-color: #D8CCB4; border: 1px solid #94866d; margin: 0 0 30px 32px; padding: 0px; max-width: 1080px; } .mw-inner { margin: 0 0 14px 32px; } .mw-inner:last-child { margin: 0 0 20px 32px; } .mw-inner .mw-collapsible-toggle { padding: 5px 10px 2px 0px; } .mw-inner .mw-collapsible-headers { background: #d3b58a; } .mw-collapsible-toggle { padding: 2px 10px 2px 0px; } .mw-collapsible-headers { line-height: 1.6; padding: 2px 0px 2px 10px; background: #B8A282; } .mw-collapsible-content { padding-top: 10px; } .mw-content-ltr dd { padding-right: 20px; } .accordion-img-row { display: flex; margin: 10px 0 0 20px; justify-content: center; flex-wrap: wrap; } .accordion-img-row div.thumbinner { background: #000!important; border-radius: 5px; padding-top: 1px; } .accordion-img-row div.thumbinner:hover { background: #1e8719!important; } .accordion-img-row .thumbcaption { background: transparent; color: white; } .sg-avatar:last-child { margin-right:0px; } .sg-avatar { margin-right:30px; } .sg-avatar:hover { scale: 1.2; } .gif-container { display: flex; justify-content: center; margin-top: 20px; margin-bottom: 20px; } .gif-container img, .accordion-img-row .thumbimage { width: 100%; height: auto; } .accordion-img-row .thumbinner { width: 100%!important; } .imgtotext-outer { display: flex; margin: 10px 20px 20px 20px; flex-wrap: wrap; } .imgtotext-text { display: flex; align-items: center; margin-left: 30px; } @media (max-width:980px) { .imgtotext-img { } } /* TABBER */ .tabber { margin: 1em 0; } .tabber .tabbertab { background-color: #d8ccb4; border: 1px solid #94866d; padding: 1em 1.5em; } ul.tabbernav { border: none; margin-left: 2em; margin-bottom: 0; margin-right: 2em; padding: 0; font-family: inherit; } ul.tabbernav li.tabberactive > a { background-color: #d8ccb4; color: #000; border-bottom: none; position: relative; } ul.tabbernav li.tabberactive > a:hover { color: #000; background-color: #d8ccb4; border-color: #94866d; border-bottom: none; } ul.tabbernav li.tabberactive > a::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; border-bottom: 2px solid #d8ccb4; } ul.tabbernav li a { background-color: #c0a886; border-bottom: transparent; border-color: #94866d; color: #fff; display: inline-block; font-size: 110%; padding: 0.5em 1em; } ul.tabbernav li a:hover { background-color: #d8ccb4; border-color: #94866d; } ul.tabbernav li a:link, ul.tabbernav li a:visited { color: #000; } #tab_alternatingtable tr { background-color: #E1D4BA!important; } #tab_alternatingtable tr td { border-color: #94866d47; } #tab_alternatingtable tr:nth-child(even) { background-color: #DBCCAD!important; } #alternatingtable tr:nth-child(even) { background-color: #D8CFB8!important; } #bump_thirty img { margin-right: 30px; } @media (min-width:1199px) { #Two-Piece { display:none; } .grid-container { display: grid; grid-template-columns: auto auto auto; grid-gap: 3px; margin-bottom: 3px; justify-content: center; } .grid-child:hover { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); position: relative; background: rgba(117, 207, 0, 0.1); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } } @media (max-width:1200px) { #Three-Piece { display:none; } .grid-container { display: grid; grid-template-columns: 0.1fr 0.1fr; grid-gap: 3px; margin-bottom: 3px; justify-content: center; } .grid-child:hover { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); position: relative; background: rgba(117, 207, 0, 0.1); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } } .flex-container { display: inline-flex; } .flex-child { flex: 1; border: 2px solid transparent; } .flex-child:first-child { margin-right: 20px; } #indented { text-indent: 15px; } html .thumbimage { border: none; background-color: transparent; } div.thumbinner { background-color: #E2DBC8!important; border: 1px solid #94866d!important; padding: 0px; } .thumbcaption { background: #d0bd97; padding: 4px 6px; padding: 0px; } h5 { font-family: 'Roboto'; font-size: 2em!important; color: #BD2020; } #threeScene { border: 1px solid rgba(148, 134, 109, 0.25); background-color: #DCD5C2; box-shadow: 0 0 7px rgb(0 0 0 / 15%); width:900px; height:500px; margin: auto; } #threeCaption img { user-select: none; pointer-events: none; } @media (max-width:1200px) { #threeScene, #threeCaption { display:none; }} @media (min-width:1199px) { #threeReplacement { display:none; }} .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button { padding-left: 0.8em; border: inset 1px #000000; } .oo-ui-buttonElement { margin: 0% 0% 0% 42%; } /* TOC */ .toc .toctitle { background: #b8a282; padding: 0.25em 1em; } .toctogglelabel { color: #936039; } .tocnumber { display:none; } .toctext { color: #936039; } .toc > ul { line-height: 1.8em; padding: 0.75em 1.75em; margin: 0; } .toc { background-color: #d8ccb4; padding: 0px; border: 1px solid #94866d; } /* Background - TOP */ #mw-page-base { background-image: url('https://wiki.zeah.gg/w/images/1/1f/Background.jpg'); background-repeat: no-repeat; background-position: 0px 0px; background-color: #C0A886; } /* Background - LEFT */ body { background-color: #C0A886; overflow-y: scroll; background-image: url('https://wiki.zeah.gg/w/images/1/1f/Background.jpg'); background-repeat: no-repeat; background-position: 0px 0px; } /* BODY (Beige) */ .mw-body { border: transparent; background-color: #E2DBC8; box-shadow: 0 0 7px rgb(0 0 0 / 15%); margin-top: 0; } /* Code */ .mw-code { background-color: #DDD4BB; border: 1px solid #94866d; } /* Top Tabs - Focused */ .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background-color: #E2DBC8; padding: 0 0.75em; padding-top: 1em; box-shadow: none; } /* Top Tabs - Unfocused */ nav.vector-menu-tabs li a { background-color: #C0A886; padding: 0 0.75em; padding-top: 1em; color: #52351E; box-shadow: inset 0 -7px 10px -12.5px #000000; } /* 'Discussion' Recolor */ .vector-menu-tabs .new a { color: #52351E; } /* Watch Thread */ .vector-menu-tabs .mw-watchlink.icon a { display:none; } /* Side Text */ .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: #52351e; line-height: 1.2em; font-family: roboto; font-weight: 400; font-size: 1.2em; padding-left: 1em; } /* Side Text */ .vector-menu-portal h3 { color: #54595d; font-size: 0.9em; font-weight: 600; background-image:none; } /* Search Bar */ #searchInput { background-color: #EFEEE6; } /* More DDL */ .vector-menu-dropdown h3 { padding-top: 1em; color: #52351E; } .vector-menu-dropdown h3:after { content: ''; background-image: url(/w/skins/Vector/resources/common/images/arrow-down.svg?9426f); background-position: 100% 50%; background-repeat: no-repeat; position: absolute; top: 0.76923077em; right: 8px; bottom: 0; width: 1.23076923em; opacity: 0.84; margin-bottom: 0.4em; } /* Remove Random Border */ .vector-menu-tabs, .vector-menu-tabs a { background-image: none; background-repeat: no-repeat; background-size: 1px 100%; background-color: #E2DBC8; } /* Personalized Top Right UI */ #p-personal ul { padding: 2px 1em 4px 0.4em; background-color: #D6CDB8; border-radius: .3em; } #p-personal ul a{ color: #52351E; } /* Remove Random UI Border */ #mw-head .vector-menu-dropdown h3 { background-image: none; } /* Search Bar */ #right-navigation { background-color: #C0A886; box-shadow: inset 0 -7px 10px -12.5px #000000; } /* Recolor Top Right UI */ .vector-menu-tabs ul { background-color: #C0A886; } :root { --wikitable-header-bg: var(--body-dark); --wikitable-border: var(--body-border); --wikitable-bg: var(--body-light); --wikitable-bg-lighter: #e9e3d6; --wikitable-color: var(--text-color); --table-na-background: rgba(255, 255, 255, 0.3); --table-na-color: grey; --table-yes-background: rgba(0, 255, 0, 0.3); --table-yes-color: green; --table-no-background: rgba(255, 0, 0, 0.3); --table-no-color: red; --droptable-text-color: #000; --droptable-always-background: #afeeee; --droptable-common-background: #56e156; --droptable-uncommon-background: #ffed4c; --droptable-rare-background: #ff863c; --droptable-veryrare-background: #ff6262; --droptable-random-background: #ffa3ff; } .wikitable { background: var(--wikitable-bg); color: var(--wikitable-color); border-color: var(--wikitable-border); box-shadow: 0px 0px 1px 1.5px #7c74631c; } /* Content Table - TITLE */ .wikitable > * > tr > th { background-color: #B8A282; text-align: left; } /* Content Table - ROWS*/ .wikitable > * > tr > td { border: 1px solid #94866d38; padding: 0.2em 0.4em; line-height: 1.3em; } /* Content Table - BORDERS */ .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: #94866d; } :root { --lighttable-bg-hover: #CCCCCC; --lighttable-bg-active: #CCFFCC; --lighttable-border: black; } table.lighttable .highlight-on { background-color: var(--lighttable-bg-active); } table.lighttable .highlight-over { background-color: var(--lighttable-bg-hover); } #n-Discord a { color: white; font-size: 12px; font-weight: bold; border-radius: 5px; border: 1px solid black; background-color: #5865f2; display: block; position: relative; padding: 4px 0 5px calc(17px + 6.5px * 2); box-shadow: 0 2px 3px rgba(0,0,0,0.1); transition: 0.2s ease; margin-bottom: 5em; } #n-Discord a::before { content: 'Chat on '; font-weight: normal; opacity: 0.85; } #n-Discord a::after { content: ''; background: url(/w/images/Discord_icon.png) no-repeat; background-size: 17px 13px; filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1)); position: absolute; top: 5px; left: 7px; width: 17px; height: 13px; } #n-Discord a:hover { text-decoration: none; background-color: #525EE0; } .mainpage-header .header-intro { flex: 2; } .mainpage-header .header-intro h1 { font-size: 2.5em; font-weight: bold; border: none; margin: 0 0 0.15em; } .mainpage-header .header-intro p { font-size: 1.1em; line-height: 1.7em; } body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } div#donoBanner img { width: 100%; max-width: 950px; height: auto } div#featuredArticles { display: flex; justify-content: center; } div#featuredArticles img { width: 100%; max-width: 380px; height: auto; }