MediaWiki:Gadget-site-styles.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: Reverted |
(Undo revision 6077 by Diamondback88 (talk)) Tag: Undo |
||
Line 1: | Line 1: | ||
/** | /** | ||
* Styles placed here are loaded on both desktop and mobile views. On mobile it | * Styles placed here are loaded on both desktop and mobile views. On mobile it | ||
* is loaded without using JS | * is loaded without using JS. | ||
* | * | ||
* Desktop-only styles should go in [[MediaWiki:Common | * Desktop-only styles should go in [[MediaWiki:Common.css]]. | ||
*/ | */ | ||
Line 13: | Line 10: | ||
* [[File:Minecraft.ttf]]. | * [[File:Minecraft.ttf]]. | ||
*/ | */ | ||
/*@font-face {*/ | |||
/* font-family: Minecraft;*/ | |||
/* src: url('filepath://Minecraft.eot?#iefix') format('embedded-opentype'),*/ | |||
/* url('filepath://Minecraft.woff2') format('woff2'),*/ | |||
/* url('filepath://Minecraft.woff') format('woff'),*/ | |||
/* url('filepath://Minecraft.ttf') format('truetype');*/ | |||
/*}*/ | |||
@font-face { | @font-face { | ||
font-family: Minecraft; | |||
src: url('https://wiki.parallelmc.org/w/resources/assets/fonts/Minecraft.woff2') format('woff2'), | |||
url('https://wiki.parallelmc.org/w/resources/assets/fonts/Minecraft.woff') format('woff'); | |||
} | } | ||
/* | /* Legacy font for written book displays */ | ||
@font-face { | |||
font-family: Minecraftia; | |||
src: url('https://wiki.parallelmc.org/w/resources/assets/fonts/MinecraftiaRegular.ttf') format('truetype'); | |||
} | } | ||
/** Template stylings **/ | |||
/* [[Template:Navbox]] */ | |||
.navbox { | |||
background: #FFF; | |||
border: 1px solid #CCC; | |||
margin: 1em auto 0; | |||
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 .navbox-top { | |||
white-space: nowrap; | |||
background-color: #CCC; | |||
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: #EEE; | |||
padding: 0 10px; | |||
white-space: nowrap; | |||
text-align: right; | |||
} | } | ||
.navbox td { | |||
width: 100%; | |||
padding: 0 0 0 2px; | |||
} | } | ||
body.wgl-theme-dark .navbox, | |||
body.wgl-theme-dark .historybox { | |||
background-color: #2f2f2f; | |||
border-color: #444; | |||
} | } | ||
body.wgl-theme-dark .navbox table, | |||
body.wgl-theme-dark .historybox table { | |||
background-color: #2f2f2f; | |||
} | } | ||
body.wgl-theme-dark .navbox .navbox-top, | |||
body.wgl-theme-dark .historybox .historybox-top { | |||
background-color: #111 !important; | |||
} | } | ||
body.wgl-theme-dark .navbox th, | |||
body.wgl-theme-dark .historybox th { | |||
background-color: #222; | |||
} | } | ||
/* [[Template:LoadBox]]*/ | |||
.load-page { | |||
background-color: rgba(255, 255, 255, .5); | |||
border: 1px solid #CCC; | |||
margin-bottom: 0.5em; | |||
padding: 0 0.5em; | |||
} | } | ||
body.wgl-theme-dark .load-page { | |||
background-color: #222; | |||
border-color: #111; | |||
} | } | ||
/* [[Template:LoadBox]] with navbox */ | |||
.loadbox-navbox { | |||
padding: 2px !important; | |||
margin: 1em 0 0 !important; | |||
clear: both; | |||
} | } | ||
# | #content .loadbox-navbox > p { | ||
background-color: #CCC; | |||
text-align: center; | |||
margin: 0; | |||
padding: 0 3px; | |||
} | } | ||
body.wgl-theme-dark #content .loadbox-navbox > p { | |||
# | background-color: #111; | ||
} | } | ||
.loadbox-navbox > p > b { | |||
font-size: 110%; | |||
} | } | ||
.loadbox-navbox .navbox { | |||
margin: | margin: 0 -2px -2px; | ||
border: 0; | |||
} | } | ||
.loadbox-navbox > .load-page-content > .mw-parser-output > .navbox > tbody > tr:first-child { | |||
display: none; | |||
. | |||
display: | |||
} | } | ||
/** Template stylings **/ | /** Template stylings **/ | ||
Line 262: | Line 193: | ||
/* [[File:Grid Unknown.png]] */ | /* [[File:Grid Unknown.png]] */ | ||
.invslot-item-image > a.new:first-child { | .invslot-item-image > a.new:first-child { | ||
background: url(' | background: url('https://wiki.parallelmc.org/w/images/3/35/Grid_Unknown.png') no-repeat content-box; | ||
width: 32px; | width: 32px; | ||
height: 32px; | height: 32px; | ||
Line 364: | Line 295: | ||
.mcui-Crafting_Table > .mcui-arrow { | .mcui-Crafting_Table > .mcui-arrow { | ||
background: url(' | background: url('https://wiki.parallelmc.org/w/images/8/86/Grid_layout_Arrow_%28small%29.png') no-repeat; | ||
width: 32px; | width: 32px; | ||
height: 26px; | height: 26px; | ||
Line 388: | Line 319: | ||
} | } | ||
.mcui-Crafting_Table .mcui-shapeless { | .mcui-Crafting_Table .mcui-shapeless { | ||
background-image: url(' | background-image: url('https://wiki.parallelmc.org/w/images/a/a9/Grid_layout_Shapeless.png'); | ||
} | } | ||
.mcui-Crafting_Table .mcui-fixed { | .mcui-Crafting_Table .mcui-fixed { | ||
background-image: url(' | background-image: url('https://wiki.parallelmc.org/w/images/b/b8/Grid_layout_Fixed.png'); | ||
} | } | ||
/* [[Template:Furnace]]: | /* [[Template:Furnace]]: | ||
Line 621: | Line 551: | ||
margin-left: 4px; | margin-left: 4px; | ||
} | } | ||
/* [[Template:Grindstone]] */ | /* [[Template:Grindstone]] */ | ||
Line 715: | Line 644: | ||
border-image: url('filepath://Inventory_background.png') 4 fill repeat; | border-image: url('filepath://Inventory_background.png') 4 fill repeat; | ||
} | } | ||
/* [[Template:Toast]]: [[File:Achievement_background.png]] */ | /* [[Template:Toast]]: [[File:Achievement_background.png]] */ | ||
Line 724: | Line 652: | ||
border-image: url('filepath://Achievement_background.png') 8 fill repeat; | border-image: url('filepath://Achievement_background.png') 8 fill repeat; | ||
} | } | ||
/* [[Template:Infobox]], [[Template:Infobox row]] */ | /* [[Template:Infobox]], [[Template:Infobox row]] */ | ||
.notaninfobox { | .notaninfobox { | ||
Line 812: | Line 740: | ||
.infobox-imagearea ul.tabbernav li.tabberactive a:hover { | .infobox-imagearea ul.tabbernav li.tabberactive a:hover { | ||
color: #000; | color: #000; | ||
} | } | ||
Line 827: | Line 751: | ||
padding-bottom: 1px; | padding-bottom: 1px; | ||
display: block; | display: block; | ||
} | } | ||
Line 855: | Line 776: | ||
font-weight: bold; | font-weight: bold; | ||
border-bottom: 2px solid var(--infobox-header-background-color); | border-bottom: 2px solid var(--infobox-header-background-color); | ||
color: | color: #202122; | ||
} | } | ||
Line 885: | Line 806: | ||
text-align: center; | text-align: center; | ||
} | } | ||
.infobox-extratext { | |||
text-align: center; | |||
font-weight: 600; | |||
} | |||
/* [[Template:Sprite]] */ | /* [[Template:Sprite]] */ | ||
Line 918: | Line 845: | ||
.sprite-file > a.new:first-child { | .sprite-file > a.new:first-child { | ||
vertical-align: var(--vertical-align); | vertical-align: var(--vertical-align); | ||
background-image: url(' | background-image: url('https://wiki.parallelmc.org/w/images/3/35/Grid_Unknown.png'); | ||
background-size: 100% 100%; | background-size: 100% 100%; | ||
display: inline-block; | display: inline-block; | ||
Line 991: | Line 918: | ||
background-image: url('filepath://LegendsStructureCSS.png'); | background-image: url('filepath://LegendsStructureCSS.png'); | ||
} | } | ||
/* [[Template:Experience]]: | /* [[Template:Experience]]: | ||
Line 1,037: | Line 965: | ||
background-image: url('filepath://Experience_Orb_Value_2477-32767.png'); | background-image: url('filepath://Experience_Orb_Value_2477-32767.png'); | ||
} | } | ||
/* [[Template:Schematic]] */ | /* [[Template:Schematic]] */ | ||
Line 1,133: | Line 1,060: | ||
} | } | ||
/** | /* ========================================================================= */ | ||
/* | /* */ | ||
. | /* Classes corresponding to Minecraft Written Book display */ | ||
/* */ | |||
/* ========================================================================= */ | |||
.book { | |||
background-image: url(https://wiki.parallelmc.org/w/images/e/e2/Book_page.png); | |||
background-size: 18.25em 22.5em; | |||
line-height: 1.125em; | |||
position: relative; | |||
font-family: Minecraftia; | |||
width: 18.25em; | |||
height: 22.5em; | |||
font-size: 16px; | |||
padding-top: 1.6875em; | |||
padding-left: 2em; | |||
padding-right: 1.6em; | |||
padding-bottom: 0.125em; | |||
box-sizing: border-box; | |||
user-select: none; | |||
} | |||
.book_pagetext { | |||
overflow-wrap: break-word; | |||
white-space: break-spaces; | |||
display: none; | |||
width: 14.688em; | |||
height: 15.75em; | |||
word-spacing: -0.1563em; | |||
} | |||
.book_pagetext.pageactive { | |||
overflow: hidden; | |||
display: block; | |||
width: 14.688em; | |||
height: 15.75em; | |||
} | |||
.book_pagenum { | |||
text-align: right; | |||
margin-bottom: 0.625em; | |||
margin-right: 0.687em; | |||
word-spacing: -0.1563em; | |||
} | |||
.book_pagenum p { | |||
text-align: left; | |||
margin-bottom: 0em; | |||
} | |||
.book_leftarrow { | |||
background-image: url(https://wiki.parallelmc.org/w/images/d/d1/Book_arrow_left.png); | |||
background-size: cover; | |||
display: inline-block; | |||
position: absolute; | |||
bottom: 1.5em; | |||
left: 3.25em; | |||
width: 2.25em; | |||
height: 1.25em; | |||
cursor: pointer; | |||
} | } | ||
.book_leftarrow:hover { | |||
background-image: url(https://wiki.parallelmc.org/w/images/6/64/Book_arrow_left_selected.png); | |||
} | } | ||
.book_rightarrow { | |||
background-image: url(https://wiki.parallelmc.org/w/images/7/73/Book_arrow_right.png); | |||
background-size: cover; | |||
display: inline-block; | |||
position: absolute; | |||
bottom: 1.5em; | |||
right: 3.625em; | |||
width: 2.25em; | |||
height: 1.25em; | |||
cursor: pointer; | |||
} | } | ||
.book_rightarrow:hover { | |||
background-image: url(https://wiki.parallelmc.org/w/images/4/4e/Book_arrow_right_selected.png); | |||
} | } | ||
/* Horizontal list */ | /* Horizontal list */ | ||
Line 1,199: | Line 1,177: | ||
font-size: x-small; | font-size: x-small; | ||
} | } | ||
/* Element animator */ | /* Element animator */ | ||
Line 1,213: | Line 1,193: | ||
#mw-content-text div.animated.animated-visible > .animated-subframe > * { | #mw-content-text div.animated.animated-visible > .animated-subframe > * { | ||
display: block; | display: block; | ||
} | } | ||
Line 1,335: | Line 1,233: | ||
.collapsetoggle-custom { | .collapsetoggle-custom { | ||
visibility: hidden; | visibility: hidden; | ||
} | } | ||
Line 1,453: | Line 1,339: | ||
} | } | ||
/* | /* Try to use nearest neighbour scaling for pixelated images */ | ||
.filehistory a img, | |||
.pixel-image, | |||
.invslot-item-image, | |||
.sprite { | |||
image-rendering: optimizeSpeed; | |||
image-rendering: -webkit-optimize-contrast; | |||
image-rendering: optimize-contrast; | |||
image-rendering: -moz-crisp-edges; | |||
image-rendering: -o-crisp-edges; | |||
image-rendering: crisp-edges; | |||
image-rendering: pixelated; | |||
-ms-interpolation-mode: nearest-neighbor; | |||
} | } | ||
/* Machine-readable extra template information */ | |||
.history-json, .chest-json, .chestcontents-json, .sound-json, .spawntable-json, .advancements-json, .achievements-json { | |||
display: none; | display: none; | ||
} | } |