Ouvrir le menu principal

Modifications

MediaWiki:Common.css

15 495 octets ajoutés, 3 novembre 2019 à 13:19
aucun résumé de modification
/* </nowiki> */
 
 
/* Temp */
/*** Portails ***/
/* Général */
.portail-bloc {
border:2px solid #b9cce4;
margin-bottom: 0.5em;
padding: 0.8em;
}
#mw-content-text > .portail-bloc:first-of-type {
border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
}
 
#mw-content-text > .portail-bloc:last-of-type {
border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
-webkit-border-radius: 0px 0px 8px 8px;
}
 
/* Section Présentation */
#portail-presentation {
text-align: center;
flex-wrap: wrap;
}
 
#portail-introduction {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 18rem;
flex-basis: 18rem;
}
 
#portail-exploration {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 9rem;
flex-basis: 9rem;
font-variant: small-caps;
margin: auto auto;
}
 
#portail-illustration {
-ms-flex-item-align: start;
align-self: flex-start;
background: white;
width: 120px;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border: solid 4px #b9cce4;
padding: 6px;
margin: 1em;
}
 
/* Section Contributions */
#portail-contributions {
text-align: center;
padding: 0.1em 0.1em;
flex-wrap: wrap;
}
 
#portail-contributions > div {
background-color:#eaf4fd;
margin: 0.1em;
-ms-flex-positive: 1;
flex-grow: 1;
line-height:2rem;
}
 
#portail-contributions > div:first-child {
-ms-flex-positive: 1.3;
flex-grow: 1.3;
font-weight: bold;
}
 
/*** Faire des lignes et des colonnes, sans tableaux ***/
.bloc-ligne {
display:-ms-flexbox;
display:flex;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-pack: justify;
justify-content: space-between;
}
 
/** Template stylings **/
/* [[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;
}
 
.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(/media/4/44/InvSprite.png) 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(/media/8/86/Grid_layout_Arrow_%28small%29.png) 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(/media/a/a9/Grid_layout_Shapeless.png);
}
.mcui-Crafting_Table .mcui-fixed {
background-image: url(/media/b/b8/Grid_layout_Fixed.png);
}
 
 
/* [[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(/media/d/d8/Grid_layout_Fire.png) no-repeat;
width: 36px;
height: 36px;
}
.mcui-Furnace .mcui-fuel.mcui-inactive {
background-image: url(/media/a/ab/Grid_layout_Fire_%28in-active%29.png);
}
.mcui-Furnace > .mcui-arrow {
background: url(/media/8/8e/Grid_layout_Furnace_Progress.png) no-repeat;
width: 44px;
height: 32px;
margin: 36px 18px 0 14px;
}
.mcui-Furnace > .mcui-arrow.mcui-inactive {
background-image: url(/media/d/dc/Grid_layout_Furnace_Progress_%28in-active%29.png);
}
 
.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(/media/6/65/Grid_layout_Brewing_Bubbles.gif);
}
.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-bubbling {
background-image: url(/media/d/db/Grid_layout_Brewing_Bubbles_%28In-active%29.png);
}
 
.mcui-Brewing_Stand .mcui-arrow {
background-image: url(/media/4/4b/Grid_layout_Brewing_Arrow.png);
}
.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-arrow {
background-image: url(/media/5/59/Grid_layout_Brewing_Arrow_%28In-active%29.png);
}
 
.mcui-Brewing_Stand > .mcui-paths {
position: relative;
background: url(/media/8/82/Grid_layout_Brewing_Paths.png) no-repeat;
width: 60px;
height: 40px;
margin: -20px auto -16px;
z-index: 1;
}
 
.mcui-Brewing_Stand .mcui-output .invslot {
background-image: url(/media/5/59/Grid_layout_Brewing_Empty.png);
}
.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(/media/6/64/Grid_layout_Loom.png) no-repeat;
width: 98px;
height: 108px;
}
.mcui-Loom > .mcui-loomArrow {
background: url(/media/7/71/Grid_layout_Loom_Arrow.png) 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(/media/d/de/Grid_layout_Grindstone.png) 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(/media/d/dc/Grid_layout_Furnace_Progress_%28in-active%29.png) 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(/media/9/97/Grid_layout_Stonecutter_Arrow.png) 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:Infobox]], [[Template:Infobox row]] */
.notaninfobox {
position: relative;
clear: right;
margin: 0 0 1em 1em;
width: 300px;
font-size: 90%;
background: #FFF;
float: right;
border: 1px solid #CCC;
padding: 2px;
overflow: auto;
z-index: 1;
}
@media all and (max-width: 511px) {
.notaninfobox {
float: none;
margin-left: 0;
width: auto;
}
}
@media all and (max-width: 337px) {
.notaninfobox {
margin-left: -16px;
margin-right: -16px;
border-left: none;
border-right: none;
}
}
 
 
.notaninfobox > .infobox-title {
font-weight: bold;
text-align: center;
font-size: 120%;
}
 
.infobox-imagearea {
text-align: center;
padding: 4px;
}
.infobox-imagearea > div:not(:first-child) {
padding-top: 1em;
}
/* Horizontally centre animated images */
#bodyContent .infobox-imagearea .animated {
display: inline-flex;
align-items: center;
}
 
.notaninfobox .infobox-rows {
display: table;
margin: 0 !important;
width: 100% !important;
border-collapse: separate !important;
border-spacing: 1px !important;
}
.infobox-rows > tbody > tr > th {
text-align: left;
white-space: nowrap;
}
#bodyContent .infobox-rows p {
margin: 0;
}
/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */
.infobox-rows dl + dl {
margin-top: -0.4em;
}
.infobox-rows dl:last-child {
margin-bottom: 0.2em;
}
 
.infobox-footer {
text-align: center;
}
 
/* [[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(/media/9/9c/CommentCSS.png);
}
 
/* [[Template:Schematic]]: [[File:SchematicSprite.png]] */
.schematic-sprite {
background-image: url(/media/c/c2/SchematicSprite.png);
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;
}
 
.mfSign-sprite {
width: 192px;
height: 192px;
vertical-align: middle;
}
 
/* [[Template:Nbt/sprite]]: [[File:Nbtsheet.png]] */
.nbt-sprite {
background-image: url(/media/d/d0/Nbtsheet.png);
}
 
 
/* [[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 {
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;
}
 
/* [[Template:Sound]] */
.sound-audio {
display: block;
}
 
/** Misc stuff **/
/* Element animator */
#bodyContent .animated > *:not(.animated-active),
#bodyContent .animated > .animated-subframe > *:not(.animated-active) {
display: none
}
#bodyContent span.animated,
#bodyContent span.animated.animated-visible > *,
#bodyContent span.animated.animated-visible > .animated-subframe > * {
display: inline-block;
}
#bodyContent div.animated.animated-visible > *,
#bodyContent div.animated.animated-visible > .animated-subframe > * {
display: block;
}
 
/* Horizontal list */
#bodyContent .hlist ul {
display: inline;
margin: 0;
padding: 0;
}
#bodyContent .hlist li {
display: inline;
}
#bodyContent .hlist li:not(:last-child) {
padding-right: 0.286em;
}
#bodyContent .hlist li:not(:last-child)::after {
content: "";
display: inline-block;
position: relative;
left: 0.286em;
bottom: 0.214em;
background-color: #000;
height: 3px;
width: 3px;
}
#bodyContent .hlist li li:first-child::before {
content: "(";
font-weight: normal;
}
#bodyContent .hlist li li:last-child::after {
content: ")";
font-weight: normal;
}
#bodyContent .hlist li li li {
font-size: x-small;
}
 
 
/** 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;
}
 
/* [[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;
}
.loadbox-navbox > p > b {
font-size: 110%;
}
 
.loadbox-navbox .navbox {
margin: 0 -2px -2px;
border: 0;
}
.loadbox-navbox > .load-page-content > .mw-parser-output > .navbox > tbody > tr:first-child {
display: none;
}