MediaWiki:Common.css: Difference between revisions
From Project Nakagami
No edit summary |
m (Fixing previous change) |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.item-tooltip-parent .item-tooltip-text { | |||
visibility: hidden; | |||
background-color: #100210; | |||
color: #FFF; | |||
text-align: center; | |||
padding: 6px 12px; | |||
border-radius: 4px; | |||
position: absolute; | |||
z-index: 1; | |||
left: 50%; | |||
top: 100%; | |||
transform: translateX(-50%); | |||
opacity: 0; | |||
transition: opacity 0.1s; | |||
margin-top: 10px; | |||
width: max-content; | |||
max-width: 200px; | |||
box-shadow: 0 0 0 2px #24015B, 0 0 0 4px #100210; | |||
} | |||
.item-tooltip-parent:hover .item-tooltip-text { | |||
visibility: visible; | |||
opacity: 1; | |||
} | |||
.item-icon { | .item-icon { | ||
background-image: url(/images/ | background-image: url(/images/0/06/ItemIcons.png); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
display: inline-block; | display: inline-block; | ||
vertical-align: middle; | vertical-align: middle; | ||
image-rendering: crisp-edges; | image-rendering: crisp-edges; | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
-webkit-background-clip:padding-box; | |||
background-clip:padding-box; | |||
} | |||
.stack-breakout-text { | |||
color: var(--text-color-wikitable); | |||
font-style: italic; | |||
} | |||
table.infobox { | |||
float:right; | |||
clear:right; | |||
width:20%; | |||
border: 1px solid black; | |||
} | |||
.itemtable, body .itemtable { | |||
color: var(--text-color-wikitable); | |||
border-color: var(--border-color-wikitable); | |||
display: block; | |||
} | |||
.itemtable>tr>th, body .itemtable>tr>th, .itemtable>tr>td, body .itemtable>tr>td, .itemtable>*>tr>th, body .itemtable>*>tr>th, .itemtable>*>tr>td, body .itemtable>*>tr>td { | |||
border-color: var(--border-color-wikitable) | |||
} | |||
@media screen { | |||
.itemtable { | |||
color: #202122; | |||
margin: 1em 0; | |||
border-collapse: collapse; | |||
} | |||
.itemtable>tr>th, .itemtable>tr>td, .itemtable>*>tr>th, .itemtable>*>tr>td { | |||
border: 1px solid #a2a9b1; | |||
padding: 0.2em 0.4em | |||
} | |||
.itemtable>tr>td, .itemtable>*>tr>td { | |||
display: inline-block; | |||
text-align: center; | |||
} | |||
.itemtable>tr>th, .itemtable>*>tr>th { | |||
background-color: #eaecf0; | |||
text-align: center | |||
} | |||
.itemtable>caption { | |||
font-weight: bold | |||
} | |||
} | |||
@media print { | |||
.itemtable { | |||
background: #fff; | |||
margin: 1em 0; | |||
border: 1pt solid #aaa; | |||
border-collapse: collapse; | |||
font-size: 10pt; | |||
page-break-inside: avoid | |||
} | |||
.itemtable>caption { | |||
padding: 5px; | |||
font-size: 10pt | |||
} | |||
.itemtable>tr>th, .itemtable>tr>td, .itemtable>*>tr>th, .itemtable>*>tr>td { | |||
background: #fff !important; | |||
color: #000 !important; | |||
border: 1pt solid #aaa; | |||
padding: 0.4em 0.6em | |||
} | |||
.itemtable>tr>th, .itemtable>*>tr>th { | |||
text-align: center | |||
} | |||
} | } | ||
Latest revision as of 11:48, 25 November 2025
/* CSS placed here will be applied to all skins */
.item-tooltip-parent .item-tooltip-text {
visibility: hidden;
background-color: #100210;
color: #FFF;
text-align: center;
padding: 6px 12px;
border-radius: 4px;
position: absolute;
z-index: 1;
left: 50%;
top: 100%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.1s;
margin-top: 10px;
width: max-content;
max-width: 200px;
box-shadow: 0 0 0 2px #24015B, 0 0 0 4px #100210;
}
.item-tooltip-parent:hover .item-tooltip-text {
visibility: visible;
opacity: 1;
}
.item-icon {
background-image: url(/images/0/06/ItemIcons.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
image-rendering: crisp-edges;
image-rendering: pixelated;
-webkit-background-clip:padding-box;
background-clip:padding-box;
}
.stack-breakout-text {
color: var(--text-color-wikitable);
font-style: italic;
}
table.infobox {
float:right;
clear:right;
width:20%;
border: 1px solid black;
}
.itemtable, body .itemtable {
color: var(--text-color-wikitable);
border-color: var(--border-color-wikitable);
display: block;
}
.itemtable>tr>th, body .itemtable>tr>th, .itemtable>tr>td, body .itemtable>tr>td, .itemtable>*>tr>th, body .itemtable>*>tr>th, .itemtable>*>tr>td, body .itemtable>*>tr>td {
border-color: var(--border-color-wikitable)
}
@media screen {
.itemtable {
color: #202122;
margin: 1em 0;
border-collapse: collapse;
}
.itemtable>tr>th, .itemtable>tr>td, .itemtable>*>tr>th, .itemtable>*>tr>td {
border: 1px solid #a2a9b1;
padding: 0.2em 0.4em
}
.itemtable>tr>td, .itemtable>*>tr>td {
display: inline-block;
text-align: center;
}
.itemtable>tr>th, .itemtable>*>tr>th {
background-color: #eaecf0;
text-align: center
}
.itemtable>caption {
font-weight: bold
}
}
@media print {
.itemtable {
background: #fff;
margin: 1em 0;
border: 1pt solid #aaa;
border-collapse: collapse;
font-size: 10pt;
page-break-inside: avoid
}
.itemtable>caption {
padding: 5px;
font-size: 10pt
}
.itemtable>tr>th, .itemtable>tr>td, .itemtable>*>tr>th, .itemtable>*>tr>td {
background: #fff !important;
color: #000 !important;
border: 1pt solid #aaa;
padding: 0.4em 0.6em
}
.itemtable>tr>th, .itemtable>*>tr>th {
text-align: center
}
}