OishiiOnIno (talk | contribs) mNo edit summary |
OishiiOnIno (talk | contribs) (Userbox styling) |
||
Line 734: | Line 734: | ||
.theme-fandommobile-dark .nbttree-inherited { |
.theme-fandommobile-dark .nbttree-inherited { |
||
background: #323248; |
background: #323248; |
||
+ | } |
||
+ | |||
+ | /* [[Template:Userbox]] |
||
+ | Use this for styling: |
||
+ | --userbox-border--light |
||
+ | --userbox-border--dark |
||
+ | --userbox-icon-background--light |
||
+ | --userbox-icon-background--dark |
||
+ | --userbox-text-background--light |
||
+ | --userbox-text-background--dark |
||
+ | --userbox-text-color--light |
||
+ | --userbox-text-color--dark |
||
+ | --userbox-text-align |
||
+ | */ |
||
+ | table.mcw-userbox { |
||
+ | background-color: var(--userbox-text-background--light, #fff); |
||
+ | border: 1px solid var(--userbox-border--light, #bbc2c6); |
||
+ | border-spacing: 0; |
||
+ | float: left; |
||
+ | margin: 1px; |
||
+ | width: 238px; |
||
+ | } |
||
+ | .theme-fandommobile-dark table.mcw-userbox { |
||
+ | background-color: var(--userbox-text-background--dark, #484848); |
||
+ | border-color: var(--userbox-border--dark, #3a3a3a); |
||
+ | } |
||
+ | table.mcw-userbox td:nth-child(1) { |
||
+ | background-color: var(--userbox-icon-background--light, #fff); |
||
+ | font-size: 18pt; |
||
+ | height: 45px; |
||
+ | line-height: 1.25em; |
||
+ | padding: 1px; |
||
+ | text-align: center; |
||
+ | vertical-align: middle; |
||
+ | width: 45px; |
||
+ | } |
||
+ | .theme-fandommobile-dark table.mcw-userbox td:nth-child(1) { |
||
+ | background-color: var(--userbox-icon-background--dark, #484848); |
||
+ | } |
||
+ | table.mcw-userbox td:nth-child(2) { |
||
+ | color: var(--userbox-text-color--light, #3a3a3a); |
||
+ | font-size: 8pt; |
||
+ | line-height: 1.25em; |
||
+ | padding: 4px; |
||
+ | text-align: var(--userbox-text-align, left); |
||
+ | vertical-align: middle; |
||
+ | } |
||
+ | .theme-fandommobile-dark table.mcw-userbox td:nth-child(2) { |
||
+ | color: var(--userbox-text-color--dark, #e6e6e6); |
||
} |
} |
Revision as of 20:51, 3 January 2023
/* Styles placed here are loaded on FandomMobile view. */
/* Minecraft font */
@font-face {
font-family: Minecraft;
src: url('/media/hydra/fonts/minecraft.eot?#iefix') format('embedded-opentype'),
url('/media/hydra/fonts/minecraft.woff') format('woff'),
url('/media/hydra/fonts/minecraft.ttf') format('truetype');
}
/* Hide noscript only elements */
.client-js .noscript {
display: none;
}
/* Color JavaScript link elements like normal links */
.article-content .jslink {
color: var(--fandommobile-link-color);
}
/* Re-add styles to definition list headers */
dt {
font-weight: bold;
margin-left: 1em;
}
/* Turn a list into a tree view style (See [[.minecraft]]) */
.treeview {
margin-top: 0.3em;
}
.treeview .treeview-header {
padding-left: 3px;
font-weight: bold;
}
.treeview .treeview-header:last-child {
border-color: #636363 !important;
border-left-style: dotted;
}
.treeview .treeview-header:not(:last-child)::before {
content: none;
}
.treeview .treeview-header:last-child::before {
border-bottom: 0;
}
.treeview ul,
.treeview li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.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: -1px;
width: 11px;
height: 11px;
border-bottom: 1px solid #636363;
}
.treeview li li:last-child:not(.treeview-continue) {
border-color: transparent;
}
.treeview li li:last-child:not(.treeview-continue)::before {
border-left: 1px solid #636363;
width: 10px;
}
.nbttree-inherited {
background-color: #E6E6FA;
}
/* History */
table[data-description="History"] th {
padding: 0 !important;
}
/** Template stylings **/
.notaninfobox > .infobox-title {
font-weight: bold;
text-align: center;
font-size: 120%;
}
.infobox-imagearea {
text-align: center;
}
/* [[Template:Inventory slot]]: [[File:InvSprite.png]] */
.invslot {
position: relative;
display: inline-block;
background: #8B8B8B no-repeat center center / 32px 32px;
border: 2px solid;
border-color: #373737 #FFF #FFF #373737;
width: 32px;
height: 32px;
font-size: 16px;
line-height: 1;
text-align: left;
vertical-align: bottom;
}
.invslot::before,
.invslot::after {
content: "";
position: absolute;
background-color: #8B8B8B;
height: 2px;
width: 2px;
pointer-events: none;
}
.invslot::before {
bottom: -2px;
left: -2px;
}
.invslot::after {
top: -2px;
right: -2px;
}
.invslot-large {
padding: 8px;
width: 48px;
height: 48px;
}
.invslot-item,
.invslot-item > a:first-child {
position: relative;
display: block;
margin: -3px;
padding: 2px;
width: 32px;
height: 32px;
}
.invslot-item-image > a.new:first-child {
background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/4/44/InvSprite.png/revision/latest?format=original) no-repeat content-box;
width: 32px;
height: 32px;
text-indent: -9999px;
overflow: hidden;
}
.invslot-stacksize {
position: absolute;
right: 0;
bottom: 0;
font-family: Minecraft, sans-serif !important;
font-weight: normal !important;
color: #FFF !important;
text-shadow: 2px 2px 0 #3F3F3F;
filter: dropshadow(color=#3F3F3F, offx=2, offy=2);
z-index: 2;
}
/* Plain slot with no border or background */
.invslot-plain {
background-color: transparent;
border: 0;
}
.invslot-plain::before,
.invslot-plain::after {
content: none;
}
.invslot-plain > .invslot-item,
.invslot-plain > .invslot-item > a:first-child {
margin: 0;
padding: 0;
}
/* [[Template:hp]] */
.mc-hearts::before {
content: ' (';
}
.mc-hearts::after {
content: ')';
}
/* Generic Minecraft interface styling: [[Module:UI]] */
.mcui {
display: inline-block;
position: relative;
background-color: #C6C6C6;
border: 2px solid;
border-color: #DBDBDB #5B5B5B #5B5B5B #DBDBDB;
padding: 6px;
text-align: left;
white-space: nowrap;
vertical-align: bottom;
}
.mcui-Crafting_Table > *,
.mcui-Furnace > * {
display: inline-block;
vertical-align: top;
}
/* [[Template:Crafting Table]]:
[[File:Grid layout Arrow (small).png]], [[File:Grid layout Shapeless.png]], [[File:Grid layout Fixed.png]] */
.mcui-Crafting_Table .mcui-row {
display: block;
}
.mcui-Crafting_Table > .mcui-arrow {
background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/8/86/Grid_layout_Arrow_%28small%29.png/revision/latest?format=original) no-repeat;
width: 32px;
height: 26px;
margin: 40px 4px 0;
}
.mcui-Crafting_Table > .mcui-output {
margin-top: 28px;
}
.mcui-Crafting_Table > .mcui-icons {
position: absolute;
top: 6px;
right: 6px;
}
.mcui-Crafting_Table .mcui-shapeless,
.mcui-Crafting_Table .mcui-fixed {
display: inline-block;
background-repeat: no-repeat;
width: 19px;
height: 15px;
cursor: help;
}
.mcui-Crafting_Table .mcui-shapeless {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/a9/Grid_layout_Shapeless.png/revision/latest?format=original);
}
.mcui-Crafting_Table .mcui-fixed {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/b/b8/Grid_layout_Fixed.png/revision/latest?format=original);
}
/* [[Template:Furnace]]:
[[File:Grid layout Fire.png]], [[File:Grid layout Fire (in-active).png]]
[[File:Grid layout Furnace Progress.png]], [[File:Grid layout Furnace Progress (in-active).png]] */
.mcui-Furnace .mcui-fuel {
display: block;
background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/d/d8/Grid_layout_Fire.png/revision/latest?format=original) no-repeat;
width: 36px;
height: 36px;
}
.mcui-Furnace .mcui-fuel.mcui-inactive {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/ab/Grid_layout_Fire_%28in-active%29.png/revision/latest?format=original);
}
.mcui-Furnace > .mcui-arrow {
background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/8/8e/Grid_layout_Furnace_Progress.png/revision/latest?format=original) no-repeat;
width: 44px;
height: 32px;
margin: 36px 18px 0 14px;
}
.mcui-Furnace > .mcui-arrow.mcui-inactive {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/d/dc/Grid_layout_Furnace_Progress_%28in-active%29.png/revision/latest?format=original);
}
.mcui-Furnace > .mcui-output {
margin-top: 28px;
}
/* [[Template:Brewing Stand]]:
[[File:Grid layout Brewing Bubbles.gif]], [[File:Grid layout Brewing Bubbles (In-active).png]],
[[File:Grid layout Brewing Arrow.png]], [[File:Grid layout Brewing Arrow (In-active).png]],
[[File:Grid layout Brewing Paths.png]], [[File:Grid layout Brewing Empty.png]] */
.mcui-Brewing_Stand > * {
display: block;
}
.mcui-Brewing_Stand .invslot {
vertical-align: top;
}
.mcui-Brewing_Stand > .mcui-input {
text-align: center;
}
.mcui-Brewing_Stand > .mcui-input > .invslot {
margin-top: 3px;
}
.mcui-Brewing_Stand .mcui-bubbling,
.mcui-Brewing_Stand .mcui-arrow {
display: inline-block;
background-repeat: no-repeat;
width: 24px;
height: 57px;
}
.mcui-Brewing_Stand .mcui-bubbling {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/6/65/Grid_layout_Brewing_Bubbles.gif/revision/latest?format=original);
}
.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-bubbling {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/d/db/Grid_layout_Brewing_Bubbles_%28In-active%29.png/revision/latest?format=original);
}
.mcui-Brewing_Stand .mcui-arrow {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/4/4b/Grid_layout_Brewing_Arrow.png/revision/latest?format=original);
}
.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-arrow {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/5/59/Grid_layout_Brewing_Arrow_%28In-active%29.png/revision/latest?format=original);
}
.mcui-Brewing_Stand > .mcui-paths {
position: relative;
background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/8/82/Grid_layout_Brewing_Paths.png/revision/latest?format=original) no-repeat;
width: 60px;
height: 40px;
margin: -20px auto -16px;
z-index: 1;
}
.mcui-Brewing_Stand .mcui-output .invslot {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/5/59/Grid_layout_Brewing_Empty.png/revision/latest?format=original);
}
.mcui-Brewing_Stand .mcui-output2 {
margin: 14px 10px 0;
}
/* [[Template:Hotbar]] */
.mcui-Hotbar {
display: inline-block;
position: relative;
border: 0;
padding: 0;
background-color: transparent;
}
.mcui-Hotbar > .mcui-selector {
position: absolute;
top: -2px;
margin-left: -2px;
}
.mcui-Hotbar > .mcui-slots {
position: absolute;
top: 0;
left: 0;
margin: 2px;
}
.mcui-Hotbar .invslot {
margin: 4px;
}
/* [[Template:Loom]] */
.mcui-Loom > * {
display: inline-block;
vertical-align: top;
}
.mcui-Loom > .mcui-tapestry {
background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/6/64/Grid_layout_Loom.png/revision/latest?format=original) no-repeat;
width: 98px;
height: 108px;
}
.mcui-Loom > .mcui-loomArrow {
background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/7/71/Grid_layout_Loom_Arrow.png/revision/latest?format=original) no-repeat;
width: 54px;
height: 54px;
margin: 28px 4px 0 4px;
}
.mcui-Loom > .mcui-output {
margin-top: 38px;
}
.mcui-Loom .mcui-inputBanner {
margin: 22px 10px;
position: absolute;
}
.mcui-Loom .mcui-inputDye {
margin: 22px 50px;
position: absolute;
}
.mcui-Loom .mcui-inputPattern {
margin: 60px 30px;
position: absolute;
}
.mcui-Loom .mcui-bannerSprite {
margin-left: 4px;
}
/* [[Template:Grindstone]] */
.mcui-Grindstone > * {
display: inline-block;
vertical-align: top;
}
.mcui-Grindstone > .mcui-grindstone {
background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/d/de/Grid_layout_Grindstone.png/revision/latest?format=original) no-repeat;
width: 108px;
height: 112px;
}
.mcui-Grindstone .mcui-input1 {
margin: 6px 36px;
position: absolute;
}
.mcui-Grindstone .mcui-input2 {
margin: 48px 36px;
position: absolute;
}
.mcui-Grindstone > .mcui-arrow {
background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/d/dc/Grid_layout_Furnace_Progress_%28in-active%29.png/revision/latest?format=original) no-repeat;
width: 44px;
height: 34px;
margin: 36px 22px 0 22px;
}
.mcui-Grindstone > .mcui-output {
margin-top: 34px;
}
/* [[Template:Stonecutter]] */
.mcui-Stonecutter > * {
display: inline-block;
vertical-align: top;
}
.mcui-Stonecutter > .mcui-stonecutterArrow {
background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/9/97/Grid_layout_Stonecutter_Arrow.png/revision/latest?format=original) no-repeat;
width: 58px;
height: 60px;
margin: 9px 4px 0 4px;
}
.mcui-Stonecutter > .mcui-output {
margin: 28px 0 28px 0;
}
.mcui-Stonecutter > .mcui-input {
margin-top: 36px;
}
.mcui-Stonecutter .mcui-stonecutterSprite {
margin: 4px 0 0 5px;
}
/* [[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]]: [[File:CommentCSS.png]] */
.comment-sprite {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/9/9c/CommentCSS.png/revision/latest?format=original);
}
/* [[Template:Schematic]]: [[File:SchematicSprite.png]] */
.schematic-sprite {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/c/c2/SchematicSprite.png/revision/latest?format=original);
background-size: 32em auto;
width: 1em;
height: 1em;
}
/*
* [[Template:InvSprite]]: [[File:InvSprite.png]]
* [[Template:SlotSprite]]
*/
.inv-sprite,
.slot-sprite {
width: 32px;
height: 32px;
vertical-align: middle;
}
/* [[Template:Nbt/sprite]]: [[File:Nbtsheet.png]] */
.nbt-sprite {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/d/d0/Nbtsheet.png/revision/latest?format=original);
}
/* [[Template:DungeonsItemSprite]]: [[File:DungeonsItemCSS.png]] */
/*
.dungeonsitem-sprite {
background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/7/78/DungeonsItemCSS.png/revision/latest?format=original);
background-size: 1536px auto;
height: 24px;
width: 24px;
margin: -1px -4px -1px -1px;
vertical-align: middle;
}
*/
/* [[Template:Schematic]] */
.thumb .schematic {
margin: auto;
}
table.schematic {
border-collapse: collapse;
font-size: 32px;
}
span.schematic {
display: inline-block;
font-size: 32px;
}
table.schematic td {
font-size: 32px;
vertical-align: top;
}
table.schematic td,
span.schematic {
background-color: #FFF;
border: 1px solid #CCC;
padding: 0;
width: 1em;
height: 1em;
overflow: hidden;
}
table.schematic td > div,
span.schematic {
position: relative;
}
table.schematic td > div .sprite,
table.schematic td > div .text,
span.schematic .sprite,
span.schematic .text {
position: absolute;
left: 0;
}
.schematic .text {
line-height: 1.5em;
font-size: 75%;
width: 100%;
color: black;
font-weight: bold;
text-align: center;
text-shadow: 0 0 2px #FFF;
}
/* [[Template:Layered blueprint]] */
.layered-blueprint {
position: relative;
}
.layered-blueprint-radio {
display: none;
}
.layered-blueprint-tab {
display: inline-block;
cursor: pointer;
margin-left: 100%;
border-left: 4px solid #252525;
padding: 0.2em 0.5em;
white-space: nowrap;
transition: color 200ms, border-color 200ms;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.layered-blueprint-tab:hover {
color: #80b640;
}
.layered-blueprint-radio:checked + .layered-blueprint-tab {
color: #80b640;
border-left-color: #80b640;
}
.layered-blueprint-layer {
position: absolute;
top: 0;
background-color: rgba(230, 239, 244, 0.6);
width: 100%;
height: 100%;
}
.layered-blueprint-radio:checked + .layered-blueprint-tab + .layered-blueprint-layer ~ .layered-blueprint-layer {
visibility: hidden;
}
/* Element animator */
.article-content .animated > *:not(.animated-active),
.article-content .animated > .animated-subframe > *:not(.animated-active) {
display: none
}
.article-content span.animated,
.article-content span.animated.animated-visible > *,
.article-content span.animated.animated-visible > .animated-subframe > * {
display: inline-block;
}
.article-content div.animated.animated-visible > *,
.article-content div.animated.animated-visible > .animated-subframe > * {
display: block;
}
/* Table choice. Written by ItsPlantseed with some adjustments for contrast
* issues
*/
body.theme-fandommobile-light .tc-yes {
background: #c6efce !important;
}
body.theme-fandommobile-dark .tc-yes {
background: #29542c !important;
}
body.theme-fandommobile-light .tc-always {
background: #5dcc5d !important;
}
body.theme-fandommobile-dark .tc-always {
background: #3b533c !important;
}
body.theme-fandommobile-light .tc-no {
background: #ffc7ce !important;
}
body.theme-fandommobile-dark .tc-no {
background: #592c2c !important;
}
body.theme-fandommobile-light .tc-never {
background: #ff8787 !important;
}
body.theme-fandommobile-dark .tc-never {
background: #533b3b !important;
}
body.theme-fandommobile-light .tc-rarely {
background: #fdce5e !important;
}
body.theme-fandommobile-dark .tc-rarely {
background: #594f1e !important;
}
body.theme-fandommobile-light .tc-neutral {
background: #ffeb9c !important;
}
body.theme-fandommobile-dark .tc-neutral {
background: #5b573f !important;
}
body.theme-fandommobile-light .tc-partial {
background: #ffffdd !important;
}
body.theme-fandommobile-dark .tc-partial {
background: #3e3d31 !important;
}
body.theme-fandommobile-light .tc-planned {
background: #dfdfff !important;
}
body.theme-fandommobile-dark .tc-planned {
background: #242f2e !important;
}
body.theme-fandommobile-light .tc-unknown {
background: #ccc !important;
}
body.theme-fandommobile-dark .tc-unknown {
background: #364148 !important;
}
body.theme-fandommobile-light .tc-in {
color: #fff;
background: #040 !important;
}
body.theme-fandommobile-dark .tc-in {
background: #06450a !important;
}
body.theme-fandommobile-light .tc-inem {
color: #fff;
background: #080 !important;
}
body.theme-fandommobile-dark .tc-inem {
background: #266c29 !important;
}
body.theme-fandommobile-light .tc-out {
color: #fff;
background: #700 !important;
}
body.theme-fandommobile-dark .tc-out {
background: #4a0a0a !important;
}
body.theme-fandommobile-light .tc-outem {
color: #fff;
background: #c00 !important;
}
body.theme-fandommobile-dark .tc-outem {
background: #742a2a !important;
}
body.theme-fandommobile-light .tc-default {
color: inherit !important;
background: #fff !important;
}
body.theme-fandommobile-dark .tc-default {
color: inherit !important;
background: #373737 !important;
}
body.theme-fandommobile-light .tc-hyphen {
background: #ffc7ce !important;
}
body.theme-fandommobile-dark .tc-hyphen {
background: #352929 !important;
}
/* Even *more* background colors, such as for table cells.
* Written by TheSuperPlayer.
*/
.theme-fandommobile-light .page-content .general-background-gray {
background-color: #bdbdbd;
}
.theme-fandommobile-dark .page-content .general-background-gray {
background-color: #212121;
}
.theme-fandommobile-light .page-content .general-background-lime {
background-color: #c1f792;
}
.theme-fandommobile-dark .page-content .general-background-lime {
background-color: #405230;
}
.theme-fandommobile-light .page-content .general-background-yellow {
background-color: #fffca6;
}
.theme-fandommobile-dark .page-content .general-background-yellow {
background-color: #4d4c30;
}
.theme-fandommobile-light .page-content .general-background-cyan {
background-color: #97fcf9;
}
.theme-fandommobile-dark .page-content .general-background-cyan {
background-color: #426665;
}
.theme-fandommobile-light .page-content .general-background-magenta {
background-color: #ffbfff;
}
.theme-fandommobile-dark .page-content .general-background-magenta {
background-color: #4c374d;
}
/* Dark mode support for Template:Nbt_inherit */
.theme-fandommobile-dark .nbttree-inherited {
background: #323248;
}
/* [[Template:Userbox]]
Use this for styling:
--userbox-border--light
--userbox-border--dark
--userbox-icon-background--light
--userbox-icon-background--dark
--userbox-text-background--light
--userbox-text-background--dark
--userbox-text-color--light
--userbox-text-color--dark
--userbox-text-align
*/
table.mcw-userbox {
background-color: var(--userbox-text-background--light, #fff);
border: 1px solid var(--userbox-border--light, #bbc2c6);
border-spacing: 0;
float: left;
margin: 1px;
width: 238px;
}
.theme-fandommobile-dark table.mcw-userbox {
background-color: var(--userbox-text-background--dark, #484848);
border-color: var(--userbox-border--dark, #3a3a3a);
}
table.mcw-userbox td:nth-child(1) {
background-color: var(--userbox-icon-background--light, #fff);
font-size: 18pt;
height: 45px;
line-height: 1.25em;
padding: 1px;
text-align: center;
vertical-align: middle;
width: 45px;
}
.theme-fandommobile-dark table.mcw-userbox td:nth-child(1) {
background-color: var(--userbox-icon-background--dark, #484848);
}
table.mcw-userbox td:nth-child(2) {
color: var(--userbox-text-color--light, #3a3a3a);
font-size: 8pt;
line-height: 1.25em;
padding: 4px;
text-align: var(--userbox-text-align, left);
vertical-align: middle;
}
.theme-fandommobile-dark table.mcw-userbox td:nth-child(2) {
color: var(--userbox-text-color--dark, #e6e6e6);
}