MediaWiki:Vector-2022.css: Difference between revisions
m Background color change |
CSS test |
||
(15 intermediate revisions by the same user not shown) | |||
Line 48: | Line 48: | ||
background: none; | background: none; | ||
} | } | ||
} | |||
.vector-sticky-pinned-container::after { | |||
background: none; | |||
} | |||
/* Links to categories */ | |||
.catlinks { | |||
background-color: var(--background-color-neutral-subtle); | |||
border-radius: 5px; | |||
border: 1px solid var(--border-color-subtle, #a2a9b1); | |||
font-weight: 600; | |||
} | } | ||
Line 148: | Line 161: | ||
.vector-main-menu .vector-main-menu-action-opt-out a, .vector-main-menu .vector-main-menu-action-lang-alert .vector-main-menu-action-content { | .vector-main-menu .vector-main-menu-action-opt-out a, .vector-main-menu .vector-main-menu-action-lang-alert .vector-main-menu-action-content { | ||
display: none; | display: none; | ||
} | } | ||
Line 247: | Line 256: | ||
bottom: -18px; | bottom: -18px; | ||
} | } | ||
} | |||
/* CSS for crafting table UI */ | |||
.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; | |||
} | |||
.invslot-item,.invslot-item a:first-child { | |||
position: relative; | |||
display: block; | |||
margin: -2px; | |||
padding: 2px; | |||
width: 32px; | |||
height: 32px; | |||
} | |||
.invslot-item-image a.new:first-child { | |||
background: url(/images/Grid_Unknown.png?4cbf2) 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; | |||
} | |||
.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; | |||
} | |||
.invslot-default-head { | |||
background-image: url(/images/Grid_layout_Head_Empty.png?c6d2b); | |||
} | |||
.invslot-default-chest { | |||
background-image: url(/images/Grid_layout_Chest_Empty.png?4c32c); | |||
} | |||
.invslot-default-legs { | |||
background-image: url(/images/Grid_layout_Legs_Empty.png?f5d09); | |||
} | |||
.invslot-default-feet { | |||
background-image: url(/images/Grid_layout_Feet_Empty.png?70c3c); | |||
} | |||
.invslot-default-offhand { | |||
background-image: url(/images/Grid_layout_Offhand_Empty.png?b6488); | |||
} | |||
.invslot-default-smithing { | |||
background-image: url(/images/Grid_layout_Smithing_Empty.png?e28f7); | |||
} | |||
.invslot-default-brewing { | |||
background-image: url(/images/Grid_layout_Brewing_Empty.png?2bf2a); | |||
} | |||
.invslot-default-brewing-fuel { | |||
background-image: url(/images/Grid_layout_Brewing_Fuel_Empty.png?acb80); | |||
} | |||
.mc-hearts::before { | |||
content: ' ('; | |||
} | |||
.mc-hearts::after { | |||
content: ')'; | |||
} | |||
.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; | |||
} | |||
.mcui-Crafting_Table .mcui-row { | |||
display: block; | |||
} | |||
.mcui-Crafting_Table > .mcui-arrow { | |||
background: url(https://minecraft.wiki/images/Grid_layout_Arrow_%28small%29.png?a4894) 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://minecraft.wiki/images/Grid_layout_Shapeless.png?9dddf); | |||
} | |||
.mcui-Crafting_Table .mcui-fixed { | |||
background-image: url(https://minecraft.wiki/images/Grid_layout_Fixed.png?bb1da); | |||
} | |||
.mcui-Furnace .mcui-fuel { | |||
display: block; | |||
background: url(/images/Grid_layout_Fire.png?84fd9) no-repeat; | |||
width: 36px; | |||
height: 36px; | |||
} | |||
.mcui-Furnace .mcui-fuel.mcui-inactive { | |||
background-image: url(/images/Grid_layout_Fire_%28in-active%29.png?2e313); | |||
} | |||
.mcui-Furnace > .mcui-arrow { | |||
background: url(/images/Grid_layout_Furnace_Progress.png?c8400) no-repeat; | |||
width: 44px; | |||
height: 32px; | |||
margin: 36px 18px 0 14px; | |||
} | |||
.mcui-Furnace > .mcui-arrow.mcui-inactive,.mcui-Inventory-Crafting_Table-arrow { | |||
background-image: url(/images/Grid_layout_Furnace_Progress_%28in-active%29.png?4f3f7); | |||
} | |||
.mcui-Furnace > .mcui-output { | |||
margin-top: 28px; | |||
} | |||
.mcui-Furnace > .mcui-experience { | |||
position: absolute; | |||
top: 92px; | |||
left: 108px; | |||
text-align: center; | |||
width: 70px; | |||
} | |||
.mcui-Furnace .mcui-experience-orb { | |||
display: inline-block; | |||
margin-top: 3px; | |||
width: 16px; | |||
height: 16px; | |||
vertical-align: top; | |||
background-size: 16px 16px; | |||
} | |||
.mcui-Furnace .mcui-experience-text { | |||
display: inline-block; | |||
vertical-align: top; | |||
font-family: Minecraft,sans-serif; | |||
font-size: 16px; | |||
color: #404040; | |||
} | |||
/* Used to render low-res textures in larger sizes */ | |||
.pixel-image, .invslot-item-image, .sprite { | |||
image-rendering: pixelated; | |||
} | |||
.item-padding { | |||
padding: 16px; | |||
} | } |