Difference between revisions of "MediaWiki:Common.css"
From TerraFirmaCraft Plus Wiki
(fix unknown image link) |
|||
(15 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | /* Try to keep font style and width consistent across platforms */ | ||
+ | body { | ||
+ | font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* Minecraft font */ | ||
@font-face { | @font-face { | ||
− | + | font-family: Minecraft; | |
− | + | src: url("https://plus.terrafirmacraft.com/mcw/minecraft.eot?#iefix"), | |
+ | url("https://plus.terrafirmacraft.com/mcw/minecraft.woff") format('woff'), | ||
+ | url("https://plus.terrafirmacraft.com/mcw/minecraft.ttf") format('truetype'); | ||
} | } | ||
+ | |||
/** Template stylings **/ | /** Template stylings **/ | ||
/* [[Template:Grid]] */ | /* [[Template:Grid]] */ | ||
− | .grid { | + | .grid-template { |
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
Line 15: | Line 24: | ||
vertical-align: bottom; | vertical-align: bottom; | ||
} | } | ||
− | .grid.output { | + | .grid-template.output { |
height: 48px; | height: 48px; | ||
width: 48px; | width: 48px; | ||
} | } | ||
− | .grid img, | + | .grid-template img, |
.pixel-image img { | .pixel-image img { | ||
image-rendering: -moz-crisp-edges; | image-rendering: -moz-crisp-edges; | ||
Line 28: | Line 37: | ||
} | } | ||
− | .grid .border { | + | .grid-template .border { |
display: block; | display: block; | ||
margin: -2px 0 0 -2px; | margin: -2px 0 0 -2px; | ||
Line 36: | Line 45: | ||
height: 100%; | height: 100%; | ||
} | } | ||
− | .grid .border > span { | + | .grid-template .border > span { |
display: block; | display: block; | ||
margin-right: -2px; | margin-right: -2px; | ||
Line 45: | Line 54: | ||
} | } | ||
− | .grid .image, | + | .grid-template .image, |
− | .grid .default-image { | + | .grid-template .default-image { |
position: absolute; | position: absolute; | ||
line-height: 16px; | line-height: 16px; | ||
Line 53: | Line 62: | ||
height: 32px; | height: 32px; | ||
} | } | ||
− | .grid.output .image { | + | .grid-template.output .image { |
top: 10px; | top: 10px; | ||
left: 10px; | left: 10px; | ||
} | } | ||
− | .grid .image > a.new { | + | .grid-template .image > a.new { |
− | background-image: url(" | + | background-image: url("/images/3/35/Grid_Unknown.png"); |
display: block; | display: block; | ||
width: 32px; | width: 32px; | ||
Line 66: | Line 75: | ||
} | } | ||
− | .grid .number { | + | .grid-template .number { |
position: absolute; | position: absolute; | ||
right: -2px; | right: -2px; | ||
Line 79: | Line 88: | ||
filter: dropshadow(color=#3F3F3F, offx=2, offy=2); | filter: dropshadow(color=#3F3F3F, offx=2, offy=2); | ||
} | } | ||
− | .grid .number a { | + | .grid-template .number a { |
color: #FFF; | color: #FFF; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | .grid .number .selflink { | + | .grid-template .number .selflink { |
font-weight: normal; | font-weight: normal; | ||
} | } | ||
− | .grid .image a.new + .number { | + | .grid-template .image a.new + .number { |
display: none; | display: none; | ||
} | } | ||
− | .grid .animated .image, | + | .grid-template .animated .image, |
− | .grid .paused .image { | + | .grid-template .paused .image { |
display: none; | display: none; | ||
} | } | ||
− | .grid .animated .image.active, | + | .grid-template .animated .image.active, |
− | .grid .paused .image.active { | + | .grid-template .paused .image.active { |
display: block; | display: block; | ||
} | } | ||
− | .grid.blank{ | + | .grid-template.blank{ |
background-color: transparent; | background-color: transparent; | ||
border: none; | border: none; | ||
Line 240: | Line 249: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Pre-collapse collapsed tables, so there is no page jump when JS kicks in */ | /* Pre-collapse collapsed tables, so there is no page jump when JS kicks in */ | ||
.collapsible.collapsed > tr, | .collapsible.collapsed > tr, | ||
Line 351: | Line 353: | ||
font-weight: bold | font-weight: bold | ||
} | } | ||
+ | |||
+ | #siteNotice { display:none; } /* Hide sitenotice everywhere */ | ||
+ | body.ns-0 #siteNotice { display:block; } /* Unhide in main namespace */ |
Latest revision as of 14:20, 14 May 2020
/* Try to keep font style and width consistent across platforms */ body { font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif; } /* Minecraft font */ @font-face { font-family: Minecraft; src: url("https://plus.terrafirmacraft.com/mcw/minecraft.eot?#iefix"), url("https://plus.terrafirmacraft.com/mcw/minecraft.woff") format('woff'), url("https://plus.terrafirmacraft.com/mcw/minecraft.ttf") format('truetype'); } /** Template stylings **/ /* [[Template:Grid]] */ .grid-template { display: inline-block; position: relative; text-align: left !important; background-color: #8B8B8B; height: 32px; width: 32px; padding: 2px; vertical-align: bottom; } .grid-template.output { height: 48px; width: 48px; } .grid-template img, .pixel-image img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } .grid-template .border { display: block; margin: -2px 0 0 -2px; border-style: solid none none solid; border-width: 2px; border-color: #373737; height: 100%; } .grid-template .border > span { display: block; margin-right: -2px; border-style: none solid solid none; border-width: 2px; border-color: #FFFFFF; height: 100%; } .grid-template .image, .grid-template .default-image { position: absolute; line-height: 16px; top: 2px; width: 32px; height: 32px; } .grid-template.output .image { top: 10px; left: 10px; } .grid-template .image > a.new { background-image: url("/images/3/35/Grid_Unknown.png"); display: block; width: 32px; height: 32px; outline: none; text-indent: -99999px; } .grid-template .number { position: absolute; right: -2px; bottom: -2px; text-align: right; font-family: Minecraft; font-size: 16px; color: #FFF; pointer-events: none; z-index: 6; text-shadow: 2px 2px 0px #3F3F3F; filter: dropshadow(color=#3F3F3F, offx=2, offy=2); } .grid-template .number a { color: #FFF; text-decoration: none; } .grid-template .number .selflink { font-weight: normal; } .grid-template .image a.new + .number { display: none; } .grid-template .animated .image, .grid-template .paused .image { display: none; } .grid-template .animated .image.active, .grid-template .paused .image.active { display: block; } .grid-template.blank{ background-color: transparent; border: none; } .grid-Crafting_Table, .grid-Furnace, .grid-Brewing_Stand table, .grid-blank { background: #C6C6C6; border: none; padding: 6px; text-align: left !important; } .grid-generic { background: #C6C6C6; border: outset 2px #999; padding: 6px; text-align: left !important; } .grid-Crafting_Table td, .grid-Furnace 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:Navbox]] */ .navbox { background: #FFF; border: 1px solid #CCC; margin: 1em auto 0; clear: both; width: 100%; } .navbox table { background: #FFF; margin-left: -4px; margin-right: -2px; } .navbox table:first-child { margin-top: -2px; } .navbox table:last-child { margin-bottom: -2px; } .navbox-top { white-space: nowrap; background-color: #CCC; padding: 0 3px; } .navbox-navbar, .navbox-navbar-mini { float: left; font-size: 80%; } .navbox-title { padding: 0 10px; font-size: 110%; } .navbox-group { background-color: #EEE; padding: 0 10px; white-space: nowrap; text-align: right; } .navbox-list { width: 100%; padding: 0 0 0 2px; } /* [[Template:LoadBox]] with navbox */ .loadbox-navbox { padding: 2px !important; margin: 1em 0 0 !important; clear: both; } .loadbox-navbox > p { background-color: #CCC; 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; } /* Collapsible Tables ([[MediaWiki:Common.js]]) */ table.collapsed tr.collapsible { display: none; } .collapsible-button { float: right; font-weight: normal; text-align: right; /* Other languages: Change this to a bit wider (~4px) than your collapse/expand button text */ width: 3.5em; } .collapsible.collapse-button-left > tr > th .collapsible-button, .collapsible.collapse-button-left > * > tr > th .collapsible-button { float: left; text-align: left; } .collapsible.collapse-button-none > tr > th .collapsible-button, .collapsible.collapse-button-none > * > tr > th .collapsible-button { float: none; } /* Pre-collapse collapsed tables, so there is no page jump when JS kicks in */ .collapsible.collapsed > tr, .collapsible.collapsed > tbody > tr { display: none; } .collapsible.collapsed > tr:first-child, .collapsible.collapsed > tbody > tr:first-child { display: table-row; } .collapsible.collapsed > thead + tbody > tr:first-child { display: none; } .bw-languages { border: 1px solid #aaa; border-collapse: collapse; line-height: 1.2; font-size: 95%; direction: ltr; margin: 1px; padding: .2em; margin-top: 1em !important; } /* Generic styling for animation class */ .animated > span, .animated > div { display: none; } .animated > span.active { display: inline; } .animated > div.active { display: block; } .nowrap { white-space: nowrap; } .bw-languages-title { width: 180px; border: 1px solid #aaa; background: #EEF3E2; font-weight: 700; padding: .5em; } .bw-languages-links { background: #F6F9ED; padding: .5em; } /* [[Template:Infobox common]] */ .infobox { clear: right; margin: 3px 0px 3px 3px; width: 300px; font-size: 90%; background: #FFFFFF; float: right; border: 1px solid #CCCCCC; padding: 2px } .infobox-title { font-weight: bold; text-align: center; font-size: 120% } .infobox-imagearea { text-align: center; padding: 4px } .infobox table { width: 100% } .infobox p { margin: 0 } .infobox audio { width: 184px } .infobox-footer { text-align: center } /* What is this? */ .infobox.atfmrec { border: none !important } /* [[Template:Infobox row]] */ .infobox-row { white-space: nowrap; font-weight: bold } #siteNotice { display:none; } /* Hide sitenotice everywhere */ body.ns-0 #siteNotice { display:block; } /* Unhide in main namespace */