MediaWiki:Common.css: Difference between revisions
Mastergalen (talk | contribs) No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
h1 { font-size: 188%; } | |||
h2 { font-size: 150%; } | |||
h3 { font-size: 132%; } | |||
h4 { font-size: 116%; } | |||
h5 { font-size: 100%; } | |||
h6 { font-size: 80%; } | |||
/** Template stylings **/ | /** Template stylings **/ | ||
/* [[Template:Grid]]: [[File:Grid Unknown.png]] */ | /* [[Template:Grid]]: [[File:Grid Unknown.png]] */ |
Revision as of 18:42, 6 April 2014
h1 { font-size: 188%; }
h2 { font-size: 150%; }
h3 { font-size: 132%; }
h4 { font-size: 116%; }
h5 { font-size: 100%; }
h6 { font-size: 80%; }
/** Template stylings **/
/* [[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;
}
.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://hydra-media.cursecdn.com/minecraft.gamepedia.com/3/35/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-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-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/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 common]] */
.infobox {
width: 300px;
border: 1px solid #aaa;
background-color: #f9f9f9;
color: #000;
margin: .5em 0 .5em 1em;
padding: .2em;
float: right;
clear: right;
text-align: left;
font-size: 88%;
line-height: 1.5em;
}
.notaninfobox {
clear: right;
margin: 3px 0px 3px 3px;
width: 300px;
font-size: 90%;
background: #FFF;
float: right;
border: 1px solid #CCC;
padding: 2px;
}
.infobox-title {
font-weight: bold;
text-align: center;
font-size: 120%;
}
.infobox-imagearea {
text-align: center;
padding: 4px;
}
.notaninfobox table {
width: 100%;
}
.notaninfobox p {
margin: 0;
}
.notaninfobox audio {
width: 184px;
}
.notaninfobox dl:last-child {
margin-bottom: 0.2em;
}
.infobox-footer {
text-align: center;
}
/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */
.notaninfobox dl + dl {
margin-top: -0.4em;
}
/* [[Template:Infobox row]] */
.infobox-row {
white-space: nowrap;
font-weight: bold;
}
/* [[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;
}
/* [[Template:History2]] */
/*.history2 td > pre,
.history2 td > ol {
display: none;
}
.history2 ul {
margin-top: 0;
}
.history2 .toggleHistDetails {
float: right;
text-align: right;
width: 150px;
}
.history2 > tbody > tr:first-child > th {
padding-left: 152px;
}*/
/* [[Template:Sprite]] */
.sprite {
display: inline-block;
position: relative;
overflow: hidden;
vertical-align: middle;
height: 16px;
width: 16px;
}
.sprite > span {
position: absolute;
height: 256px;
width: 256px;
}
/* [[Template:Sprite2]] */
.sprite2 {
display: inline-block;
vertical-align: text-top;
height: 16px;
width: 16px;
}
/* [[Template:Sprite/Preview]] */
.sprite-preview:hover div {
opacity: 0.7 !important;
}
/* [[Template:Schematic]] */
.schematic img {
image-rendering: crisp-edges;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
}
table.schematic {
background-color: white;
border-collapse: collapse;
line-height: 0;
}
table.schematic td,
span.schematic {
border: 1px solid #AAA;
padding: 0;
}
table.schematic span,
span.schematic {
display: inline-block;
overflow: hidden;
position: relative;
}
table.schematic span span,
span.schematic span {
color: black;
font-weight: bold;
left: 0;
line-height: 1.5em;
position: absolute;
text-align: center;
text-shadow: 0 0 2px #FFF;
top: 0;
}
/** Misc stuff **/
/* Prevent page jump from the toolbar loading, doesn't affect people with the toolbar disabled */
#toolbar {
height: 22px;
}
/* Remove the header from the main page */
body.page-Minecraft_Wiki.action-view h1.firstHeading,
body.page-Minecraft_Wiki.action-view #contentSub {
display: none;
}
/* Fix floating bodyContent getting caught on something, and displaying too low */
#bodyWrapper {
display: inline-block;
width: 100%;
}
/* Remove sidead from main page editcopy since it
breaks the page and isn't on the real main page */
body.page-Minecraft_Wiki_editcopy .atfmrec {
display: none;
}
/* 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;
}
/* Alternating cell background, primarily used with [[Template:Infobox row]] */
.alternatecells:nth-child(odd) {
background-color: #F9F9F9;
}
/* Alternating table rows */
.alternaterows tr:nth-child(even) {
background-color: #F9F9F9;
}
/* The blue header used throughout the wiki */
.mcwiki-header {
color: #b94a48 !important;
font-weight: bold;
margin: 3px;
text-align: center;
font-size: 120%;
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #f2dede;
border-color: #eed3d7;
}
/* Scale file page image to the width of the page */
#file img {
max-width: 100%;
height: auto;
}
/* Remove margin from file page table */
#mw-imagepage-section-filehistory .filehistory {
margin-right: 0;
}
/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
background-color: #C1DAF2;
}
/* Style the sitenotice and fix up its awful spacing (why is it even a table!?) */
#siteNotice #localNotice,
.page-MediaWiki_Sitenotice .mw-content-ltr > div
{
background-color: #FFFFFF;
border: 1px solid #D3D3D3;
margin-bottom: 12px;
text-align: center;
}
#siteNotice #mw-dismissable-notice #localNotice {
/* Note to other languages: Change this to the same width as the "dismiss" button in your language, this makes the sitenotice centred better */
margin-left: 55px;
}
#siteNotice td:first-child {
width: 100%;
}
#localNotice div p {
padding: 0.4em 0 0.5em;
margin: 0;
}
/* Minecraft font */
@font-face {
font-family: Minecraft;
src: url("http://hydra-media.cursecdn.com/hydra/fonts/minecraft.eot?#iefix"),
url("http://hydra-media.cursecdn.com/hydra/fonts/minecraft.woff") format('woff'),
url("http://hydra-media.cursecdn.com/hydra/fonts/minecraft.ttf") format('truetype');
}
/* Pre-style sidebar portlets before JS loads, so sidebar is less jumpy (reset in [[MediaWiki:Noscript.css]] when JS is off)
[[File:Panel-divider.png]] */
div#mw-panel div.portal {
margin: -11px 9px 10px 11px;
padding: 0.25em 0;
background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/b/bf/Panel-divider.png);
background-position: left top;
background-repeat: no-repeat;
}
div#mw-panel div.portal div.body {
background-image: none;
padding: 0;
margin: 0 0 0 1.25em;
}
div#mw-panel div.portal h5 {
padding: 4px 0 3px 1.5em;
margin-bottom: 0;
}
div#mw-panel div.portal div.body ul li {
padding: 0.25em 0;
}
#mw-panel #p-Minecraft_Wiki {
background-image: none;
margin-top: 0;
}
#p-Minecraft_Wiki h5 {
display: none;
}
#mw-panel #p-Minecraft_Wiki div.body {
margin-left: 0.5em;
}
#p-Useful_pages div.body,
#p-tb div.body {
display: none;
}
/* Allow parts of toc to be hidden */
/* Section levels */
.toc-hidelevel2 .toclevel-1 ul,
.toc-hidelevel3 .toclevel-2 ul,
.toc-hidelevel4 .toclevel-2 ul,
/* Numbers */
.toc-nonumbers .tocnumber {
display: 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;
}
/* Improve ASIRRA styling */
#asirra_InstructionsTextId {
display: none;
}
#AsirraDiv {
margin-bottom: 10px;
}
/* Turn a list into a tree view style (See [[.minecraft]]) */
.treeview {
margin-top: 0.3em;
}
.treeview ul,
.treeview li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.treeview li {
display: table;
}
.treeview li li {
position: relative;
padding-left: 13px;
margin-left: 7px;
border-left: 1px solid #636363;
}
.treeview li li:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
border-bottom: 1px solid #636363;
}
.treeview li li.first:before {
border-color: #636363;
border-style: solid;
border-width: 1px 0 0 1px;
height: 100%;
margin-top: 11px;
width: 10px;
}
.treeview li li.first,
.treeview li li:last-child {
border: 0;
padding-left: 14px;
}
.treeview li li:last-child:before {
border-left: 1px solid #636363;
width: 10px;
}
/* Simulate link styling for JS only links */
.jslink {
color: #0645AD;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.jslink:hover {
text-decoration: underline;
cursor: pointer;
}
.jslink:active {
color: #FAA700;
}
/* Improve styling of sub-categories */
#mw-subcategories ul {
list-style-type: none;
margin-left: 10px;
}
/* Use vector style arrows for enhanced rc instead of those ones from like 2003 */
.mw-enhancedchanges-arrow.mw-collapsible-toggle-expanded {
background-image: url(/extensions/Vector/modules/images/open.svg);
}
.mw-enhancedchanges-arrow.mw-collapsible-toggle-collapsed {
background-image: url(/extensions/Vector/modules/images/closed-ltr.svg);
}
/* 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;
}
/* Generic styling for animation class */
.animated > *:not(.active):not(.skip),
.paused > *:not(.active):not(.skip) {
display: none;
}
/* Generic nowrap class */
.nowrap {
white-space: nowrap;
}
/* Hide noscript only elements */
.noscript {
display: none;
}
/* Cite text needs to be a block element, but should display inline */
.references > li {
white-space: nowrap;
}
div.cite-reference-text {
display: inline;
vertical-align: top;
white-space: normal;
}
/* Add [[File:Mojang logo.svg]] to known MC dev userlinks: [[File:Mojang logo.svg]] */
.mw-userlink[title="User:Jeb"],
.mw-userlink[title="User:Dinnerbone"],
.mw-userlink[title="User:EvilSeph"],
.mw-userlink[title="User:MarcWatson"],
.mw-userlink[title="User:Tahg"] {
padding-left: 17px;
background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/thumb/a/ad/Mojang_logo.svg/14px-Mojang_logo.svg.png) no-repeat left center;
}
/* Mark internal links as plain */
#content a.external[href^="http://minecraft.gamepedia.com"] {
background: none;
padding-right: 0;
}
/* Make tabs the correct size */
* {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
/* Remove bullets/numbers from a list */
.list-style-none ul,
.list-style-none ol {
list-style: none;
margin-left: 0;
}
/* Classes corresponding to Minecraft formatting codes */
.format-0 {
color: #000;
text-shadow: 0.125em 0.125em 0 #000;
}
.format-1 {
color: #00A;
text-shadow: 0.125em 0.125em 0 #00002A;
}
.format-2 {
color: #0A0;
text-shadow: 0.125em 0.125em 0 #002A00;
}
.format-3 {
color: #0AA;
text-shadow: 0.125em 0.125em 0 #002A2A;
}
.format-4 {
color: #A00;
text-shadow: 0.125em 0.125em 0 #2A0000;
}
.format-5 {
color: #A0A;
text-shadow: 0.125em 0.125em 0 #A200A2;
}
.format-6 {
color: #FA0;
text-shadow: 0.125em 0.125em 0 #2A2A00;
}
.format-7 {
color: #AAA;
text-shadow: 0.125em 0.125em 0 #2A2A2A;
}
.format-8 {
color: #555;
text-shadow: 0.125em 0.125em 0 #151515;
}
.format-9 {
color: #55F;
text-shadow: 0.125em 0.125em 0 #15153F;
}
.format-a {
color: #5F5;
text-shadow: 0.125em 0.125em 0 #153F15;
}
.format-b {
color: #5FF;
text-shadow: 0.125em 0.125em 0 #153F3F;
}
.format-c {
color: #F55;
text-shadow: 0.125em 0.125em 0 #3F1515;
}
.format-d {
color: #F5F;
text-shadow: 0.125em 0.125em 0 #3F153F;
}
.format-e {
color: #FF5;
text-shadow: 0.125em 0.125em 0 #3F3F15;
}
.format-l {
font-weight: bold;
letter-spacing: 0.125em;
}
.format-m {
text-decoration: line-through;
}
.format-n {
text-decoration: underline;
}
.format-o {
font-style: italic;
}
/* 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;
}
/* Hide step-by-step publishing as it's broken */
.wikiEditor-ui-buttons {
display: none !important;
}
/* Fix wikiEditor spacing */
#upload_container {
margin-top: -1px;
}
#upload_div {
margin: 0;
width: auto;
border-width: 1px 0;
box-shadow: none;
}
.wikiEditor-ui-top {
border: 0 !important;
}
.wikiEditor-ui-toolbar {
border-bottom: 1px solid silver;
}
/* Fix social icons and promos in portlets */
#mw-panel #p-sitePromos,
#mw-panel #p-socialProfiles {
margin: -11px 9px 10px 11px !important;
}
#mw-panel #p-sitePromos .body,
#mw-panel #p-socialProfiles .body {
margin-left: 0 !important;
padding: 4px 0;
}
#mw-panel .socialSidebar {
text-align: left;
}
#mw-panel .socialLink {
margin: 0 4px 0 0;
}
/* Move the portlets up */
#p-logo {
margin-bottom: 0;
}
/* Fix enhanced RC spacing */
.mw-enhancedchanges-arrow-space {
vertical-align: top;
}
/* Remove on MW1.22: Make notifications fixed, so they're always visible */
#mw-notification-area {
position: fixed;
top: 2.5em;
}
.toc {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
display: inline-block;
}
.toc ul {
list-style-type: none;
}