MediaWiki:Common.css
From CelesTek Wiki
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins */ /**** General ****/ body { background-color: #151515; color: #bcbcbc; } h1, h2, h3 { color: #bcbcbc; } /**** Header ****/ #mw-head { background-color: transparent; color: #bcbcbc; } #mw-head-base { border-bottom: 1px solid #393939; height: 79px; background-color: transparent; } #mw-page-base { height: 79px; background-color: transparent; background-image: none; } #left-navigation { margin-top: 42px; } #right-navigation { margin-top: 42px; } /**** Vector Tabs ****/ div.vectorTabs { background-image: none; padding-left: 0px; height: 32px; } div.vectorTabs span { color: #bcbcbc; background-image: none; border: 1px solid #393939; height: 31px; } div.vectorTabs ul { background-image: none; } div.vectorTabs ul li { background-image: none; background-color: #151515; margin-right: 4px; } div.vectorTabs li { background-image: none; background-color: #151515; margin-right: 4px; } div.vectorTabs li a { color: #87b8d7; padding: 8px; } div.vectorTabs li a:visited { color: #87b8d7; } div.vectorTabs li a:hover { color: #afd3e9; } div.vectorTabs li.selected { background-image: none; background-color: #252525; margin-right: 4px; } div.vectorTabs li.selected a { color: #bcbcbc; padding: 8px; } div.vectorTabs li.selected a:visited { color: #bcbcbc; } div.vectorTabs li.selected a:hover { color: #bcbcbc; } #ca-unwatch.icon a, #ca-watch.icon a { margin: 0; padding: 0; display: block; width: 26px; padding-top: 28px; margin-top: 0; margin-top: none; height: 0; overflow: hidden; background-position: 5px 60%; } /**** Vector Menu ****/ div#mw-head div.vectorMenu h3 { background-image: none; height: 31px; } div.vectorMenu div.menu { top: 31px; left: 0px; background-color: #151515; border: 1px solid #393939; } div.vectorMenu h3 span { display: block; color: #bcbcbc; padding-top: 10px; } div.vectorMenu h3 a { height: 31px; background-position: 50% 55%; } div.vectorMenu li a { color: #87b8d7; } div.vectorMenu li a:visited { color: #87b8d7; } div.vectorMenu li a:hover { color: #afd3e9; } div.vectorMenu.menuForceShow h3 a { background-position: 50% 75%; } /**** Search Box ****/ #p-search form, #p-search input { margin: 0; } div#simpleSearch { height: 24px; margin-top: 6px; border: 1px solid #393939; color: #bcbcbc; background-color: #151515; background-image: none; } div#simpleSearch #searchInput { color: #bcbcbc; padding: 5px 0 5px 8px; } /**** Suggestions ****/ .suggestions { border: 1px solid #393939; } .suggestions-results { background-color: #151515; border: 0px; } .suggestions-result { color: #bcbcbc; } .suggestions-result:hover { color: #bcbcbc; background-color: #393939; } .suggestions-special { background-color: #151515; border: 0px; color: #bcbcbc; } .suggestions-special:hover { background-color: #393939; border: 0px; color: #bcbcbc; } .suggestions-special .special-label { color: #bcbcbc; } .suggestions-special .special-query { color: #bcbcbc; } /**** Side Panel ****/ div#mw-panel div.portal h3 { color: #bcbcbc; } div#mw-panel div.portal div.body ul li a { color: #87b8d7; } div#mw-panel div.portal div.body ul li a:visited { color: #87b8d7; } div#mw-panel div.portal div.body ul li a:hover { color: #afd3e9; } div#mw-panel div.portal { background-image: none; } /**** Content ****/ .mw-body { background-color: #252525; color: #bcbcbc; } #content { border: 1px solid #393939; } .firstHeading { color: #bcbcbc; } #toc, .toc, .mw-warning { border: 1px solid #393939; background-color: #151515; } /**** Links ****/ a { color: #87b8d7; } a:visited { color: #87b8d7; } a:hover { color: #afd3e9; } .jslink { color: #87b8d7; } .jslink:visited { color: #87b8d7; } .jslink:hover { color: #afd3e9; } /**** Thumbs ****/ div.thumbinner { background-color: #151515; border: 1px solid #393939; } img.thumbimage { background-color: #000000; border: 0px; } .mw-content-ltr div.magnify a { background-image: url(http://wiki.celestek.xyz/images/e/ea/Thumb.png); } /**** Categories ****/ .catlinks { border: 1px solid #393939; background-color: #151515; } .catlinks li { border-left: 1px solid #bcbcbc; } /**** Tables ****/ table, tbody, tr, td, th { border-color: #393939; } table.wikitable { background-color: #202020; border: 1px solid #393939; color: #bcbcbc; } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #202020; border-color: #393939; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border-color: #393939; } @font-face{font-family:Minecraft;src:url("http://wiki.celestek.xyz/resources/assets/fonts/minecraft.eot"),url(http://wiki.celestek.xyz/resources/assets/fonts/minecraft.woff) format('woff'),url(http://wiki.celestek.xyz/resources/assets/fonts/minecraft.ttf) format('truetype')} /* Generic styling for animation class */ .animated > *:not(.active):not(.skip), .paused > *:not(.active):not(.skip) { display: none; } /* Alternating table rows, primarily used with [[Template:Infobox row]] */ .alternaterows tr:nth-child(even), .infobox-rows tr:nth-child(even) { background-color: #202020; } /* The blue header used throughout the wiki */ .mcwiki-header { background: #252525; border: 1px solid #393939; padding: 5px; } /* Alternating cell background */ .alternatecells:nth-child(odd) { background-color: #F9F9F9; } /* [[Template:Grid]]: [[File:Grid Unknown.png]] */ .grid { position: relative; display: inline-block; font-size: 16px; text-align: center !important; background-color: #8B8B8B; border: 2px solid #373737; border-right-color: #FFF; border-bottom-color: #FFF; width: 2em; height: 2em; vertical-align: bottom; line-height: 1; } .grid.output { font-size: 24px; } .grid:before, .grid:after { content: ""; position: absolute; background-color: #8B8B8B; height: 2px; width: 2px; pointer-events: none; } .grid:before { bottom: -2px; left: -2px; } .grid:after { top: -2px; right: -2px; } .grid img { padding: 2px; } .grid > .item, .grid > .default-item { position: absolute; margin: -18px 0 0 -18px; top: 1em; left: 1em; } .grid > .item > a.new { background: url(http://wiki.celestek.xyz/resources/assets/images/Grid_Unknown.png) no-repeat 2px; display: block; width: 32px; height: 32px; padding: 2px; text-indent: -9999px; overflow: hidden; } .grid > .item > .number { position: absolute; right: 0; bottom: 0; font-family: Minecraft; font-size: 16px; font-weight: normal; line-height: 16px; color: #FFF; pointer-events: none; text-shadow: 2px 2px 0 #3F3F3F; filter: dropshadow(color=#3F3F3F, offx=2, offy=2); z-index: 6; } .grid > .item > .number > a { color: #FFF; text-decoration: none; } .grid > .item > .number > .selflink { font-weight: normal; } .grid > .item > a.new + .number { display: none; } /* Plain grid with no border or background */ .grid.plain { background-color: transparent; border: 0; } .grid.plain:before, .grid.plain:after { content: none; } /* Generic grid layout styling */ .grid-Crafting_Table, .grid-Furnace, .grid-Hexorium_Generator, .grid-Hexorium_Furnace, .grid-Crystal_Separator, .grid-Matrix_Reconstructor, .grid-Brewing_Stand table, .grid-generic { background: #C6C6C6; border: outset 2px #999; padding: 6px; text-align: left !important; } .grid-Crafting_Table td, .grid-Furnace td, .grid-Hexorium_Generator td, .grid-Hexorium_Furnace td, .grid-Crystal_Separator td, .grid-Matrix_Reconstructor td, .grid-Brewing_Stand td, .grid-generic td { border: none; padding: 0; } /* [[Template:Grid/Crafting Table]] */ .grid-Crafting_Table .arrow, .grid-Crafting_Table .shapeless { text-align: center; vertical-align: bottom; } .grid-Crafting_Table .arrow { width: 40px; padding-bottom: 5px; } .grid-Crafting_Table .shapeless span { cursor: help; } /* [[Template:Grid/Furnace]] */ .grid-Furnace { padding-left: 24px; padding-right: 24px; } .grid-Furnace .arrow, .grid-Furnace .output { text-align: center; vertical-align: middle; } .grid-Furnace .arrow { padding-right: 18px !important; padding-left: 14px !important; } /* [[Template:Grid/HexoriumGenerator]] */ .grid-Hexorium_Generator { padding-left: 24px; padding-right: 24px; } .grid-Hexorium_Generator .arrow, .grid-Hexorium_Generator .output { text-align: center; vertical-align: middle; } .grid-Hexorium_Generator .energy { text-align: right; vertical-align: middle; } .grid-Hexorium_Generator .arrow { padding-bottom: 4px !important; } /* [[Template:Grid/HexoriumFurnace]] */ .grid-Hexorium_Furnace { padding-left: 24px; padding-right: 24px; } .grid-Hexorium_Furnace .arrow, .grid-Hexorium_Furnace .output { text-align: center; vertical-align: middle; } .grid-Hexorium_Furnace .energy { text-align: right; vertical-align: middle; } .grid-Hexorium_Furnace .arrow { padding-right: 18px !important; padding-left: 14px !important; } /* [[Template:Grid/CrystalSeparator]] */ .grid-Crystal_Separator { padding-left: 24px; padding-right: 24px; } .grid-Crystal_Separator .arrow, .grid-Crystal_Separator .output { text-align: center; vertical-align: middle; } .grid-Crystal_Separator .energy { text-align: right; vertical-align: middle; } .grid-Crystal_Separator .arrow { padding-right: 18px !important; padding-left: 14px !important; } /* [[Template:Grid/MatrixReconstructor]] */ .grid-Matrix_Reconstructor { padding-left: 24px; padding-right: 24px; } .grid-Matrix_Reconstructor .arrow, .grid-Matrix_Reconstructor .output { text-align: center; vertical-align: middle; } .grid-Matrix_Reconstructor .energy { text-align: right; vertical-align: middle; } .grid-Matrix_Reconstructor .arrow { padding-right: 18px !important; padding-left: 14px !important; } /* [[Template:Grid/Brewing Stand]] */ .grid-Brewing_Stand { position: relative; width: 144px; } .grid-Brewing_Stand .bubbles { text-align: right; } .grid-Brewing_Stand .input { padding: 3px 0 !important; vertical-align: top; } .grid-Brewing_Stand .output1 { padding: 4px 10px 14px 0 !important; } .grid-Brewing_Stand .output2 { padding-top: 18px !important; } .grid-Brewing_Stand .output3 { padding: 4px 0 14px 10px !important; } .grid-Brewing_Stand .paths { position: absolute; bottom: 42px; left: 42px; z-index: 5; } /* [[Template:Grid/Hotbar]] */ .grid-Hotbar { display: inline-block; position: relative; border: 0; padding: 0; background-color: transparent; } .grid-Hotbar > .selector { position: absolute; top: -2px; margin-left: -2px; } .grid-Hotbar > .slots { position: absolute; top: 0; left: 0; margin: 2px; } .grid-Hotbar .grid { margin: 4px; } /* [[Template:Infobox]], [[Template:Infobox row]] */ .notaninfobox { clear: right; margin: 0 0 1em 1em; width: 300px; font-size: 90%; background: #151515; float: right; border: 1px solid #393939; padding: 2px; overflow: auto; } .notaninfobox > .infobox-title { font-weight: bold; text-align: center; font-size: 120%; } .infobox-imagearea { text-align: center; padding: 4px; } .infobox-imagearea > div:not(:first-child) { padding-top: 1em; } .infobox-rows { width: 100%; } .infobox-rows > tbody > tr > th { text-align: left; white-space: nowrap; } #content .infobox-rows p { margin: 0; } .infobox-rows audio { width: 184px; } /* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */ .infobox-rows dl + dl { margin-top: -0.4em; } .infobox-rows dl:last-child { margin-bottom: 0.2em; } .infobox-footer { text-align: center; } /* Styling for minecraft style tooltip */ #minetip-tooltip { position: fixed; background-color: rgba(16, 0, 16, 0.94); border-top: 0.125em solid rgba(80, 0, 255, 0.31); border-bottom: 0.125em solid rgba(40, 0, 127, 0.31); color: #FFF; padding: 0.125em 0.25em; font-family: Minecraft; font-size: 16px; white-space: nowrap; pointer-events: none; line-height: 1.25em; text-shadow: 0.125em 0.125em 0 #3F3F3F; margin: 0.25em 0.375em; z-index: 100; } #minetip-tooltip:before { content: ""; position: absolute; top: -0.25em; right: -0.125em; bottom: -0.25em; left: -0.125em; border: 0.125em solid rgba(16, 0, 16, 0.94); } #minetip-tooltip:after { content: ""; position: absolute; top: -0.125em; right: -0.25em; bottom: -0.125em; left: -0.25em; background-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)), -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)); background-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)), linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)); background-size: 0.125em 100%; background-repeat: no-repeat; background-position: left, right; border: solid rgba(16, 0, 16, 0.94); border-width: 0 0.125em; } #minetip-tooltip > .description { display: block; margin-top: 0.25em; } /* Simulate link styling for JS only links */ .jslink { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .jslink:hover { text-decoration: underline; cursor: pointer; } /* Collapsible Tables ([[MediaWiki:Common.js]]) */ table.collapsed tr.collapsible { display: none; } .collapsible-button { float: right; font-weight: normal; margin-left: 0.8em; } .collapsible.collapse-button-left > tr > th .collapsible-button, .collapsible.collapse-button-left > * > tr > th .collapsible-button { float: left; margin-right: 0.8em; margin-left: 0; } .collapsible.collapse-button-none > tr > th .collapsible-button, .collapsible.collapse-button-none > * > tr > th .collapsible-button { float: none; } /* [[Template:Navbox]] */ .navbox { background: #151515; border: 1px solid #393939; margin: 1em auto 0; clear: both; width: 100%; } .navbox table { background: #151515; margin-left: -4px; margin-right: -2px; } .navbox table:first-child { margin-top: -2px; } .navbox table:last-child { margin-bottom: -2px; } .navbox .navbox-top { white-space: nowrap; background-color: #252525; border: 1px solid #393939; padding: 0 3px; text-align: center; } .navbox-navbar, .navbox-navbar-mini { float: left; font-size: 80%; } .navbox-title { padding: 0 10px; font-size: 110%; } .navbox th { background-color: #202020; padding: 0 10px; white-space: nowrap; text-align: right; } .navbox td { width: 100%; padding: 0 0 0 2px; } /* [[Template:LoadBox]] with navbox */ .loadbox-navbox { border: 1px solid #393939; padding: 2px !important; margin: 1em 0 0 !important; clear: both; } #content .loadbox-navbox > p { border: 1px solid #393939; background-color: #252525; text-align: center; margin: 0; padding: 0 3px; } .loadbox-navbox > p > b { font-size: 110%; } .loadbox-navbox .navbox { margin: 0 -2px -2px; border: 0; } .loadbox-navbox .navbox > tbody > tr:first-child { display: none; } /* [[Template:Sprite]] */ .sprite { display: inline-block; vertical-align: text-top; height: 16px; width: 16px; background-repeat: no-repeat; } .sprite + .sprite-text { padding-left: 0.312em; } /* [[Template:CommentSprite]] */ .comment-sprite { background-image: url(http://wiki.celestek.xyz/resources/assets/images/CommentCSS.png); } /* [[Template:BlockSprite]] */ .block-sprite { background-image: url(http://wiki.celestek.xyz/resources/assets/images/BlockCSS.png); } /* [[Template:EntitySprite]] */ .entity-sprite { background-image: url(http://wiki.celestek.xyz/resources/assets/images/EntityCSS.png); } /* [[Template:HEXCraftSprite]] */ .hexcraft-sprite { background-image: url(http://wiki.celestek.xyz/images/3/3d/HEXCraftCSS.png); } /* [[Template:Schematic]] */ .schematic-sprite { background-image: url(http://wiki.celestek.xyz/static/wiki/images/SchematicSprite.png); background-size: 32em auto; width: 1em; height: 1em; } /* [[Template:Sprite/Preview]] */ .sprite-preview:hover div { opacity: 0.7 !important; } /* Horizontal list */ .hlist ul { display: inline; margin: 0; } .hlist li { display: inline-block; margin: 0; white-space: nowrap; } .hlist li:not(:last-child) { padding-right: 0.313em; } .hlist li:not(:last-child):after { content: ""; display: inline-block; position: relative; left: 0.313em; bottom: 0.234em; background-color: #000; height: 3px; width: 3px; } .hlist li > ul li:first-child:before { content: "("; } .hlist li > ul li:last-child:after { content: ")"; margin-right: -0.313em; } .hlist li li li { font-size: x-small; } /* Make external links the same colour as internal links, the icon is enough to differentiate them */ .mw-body a.external { color: #87b8d7; } .mw-body a.external:visited { color: #87b8d7; } .mw-body a.external:hover { color: #afd3e9; }