8,282
edits
MediaWiki:Gadget-site-styles.css: Difference between revisions
Jump to navigation
Jump to search
MediaWiki:Gadget-site-styles.css (view source)
Revision as of 17:46, 25 October 2023
, 25 October 2023no edit summary
No edit summary |
No edit summary |
||
| Line 537: | Line 537: | ||
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]] */ | |||
.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%; | |||
border: none; | |||
} | |||
.notaninfobox th + td > ul { | |||
list-style: none; | |||
margin-left: unset | |||
} | |||
.infobox-imagearea { | |||
text-align: center; | |||
padding: 4px; | |||
} | |||
.infobox-imagearea > div:not(:first-child) { | |||
padding-top: 1em; | |||
} | |||
/* Horizontally centre animated images */ | |||
#mw-content-text .infobox-imagearea .animated { | |||
display: inline-flex; | |||
align-items: center; | |||
} | |||
/* Infoboxes with gallery */ | |||
.infobox-imagearea li.gallerybox div.thumb { | |||
background: none; | |||
border: none; | |||
margin: 0; | |||
} | |||
.infobox-imagearea ul.gallery, | |||
.infobox-imagearea li.gallerybox, | |||
.infobox-imagearea li.gallerybox div.thumb > div { | |||
margin: 0 !important; | |||
} | |||
.infobox-imagearea li.gallerybox div.gallerytext { | |||
font-weight: bold; | |||
font-size: 100%; | |||
padding: 0; | |||
} | |||
/* Infoboxes with tabber */ | |||
.infobox-imagearea .tabber .tabbertab, | |||
.infobox-imagearea ul.tabbernav li a, | |||
.infobox-imagearea ul.tabbernav li.tabberactive a { | |||
background: none; | |||
border: none; | |||
} | |||
.infobox-imagearea ul.tabbernav { | |||
font: inherit; | |||
font-size: 100%; | |||
} | |||
.infobox-imagearea ul.tabbernav li a:hover, | |||
.infobox-imagearea ul.tabbernav li.tabberactive a:hover { | |||
color: #000; | |||
} | |||
.infobox-imagearea ul.tabbernav > li { | |||
margin-bottom: 5px; | |||
padding: 0; | |||
} | |||
.infobox-imagearea ul.tabbernav > li > a { | |||
color: #595959; | |||
padding-bottom: 1px; | |||
display: block; | |||
} | |||
/* To prevent the tabs from jumping around when they become active or inactive | |||
* due to the font-weight changing from normal to bold and vice versa, add an | |||
* invisible ::before which contains the same text as the tab's text, but | |||
* bolded. This way the element in which unbolded text sits is sized according | |||
* to the bolded text, preventing it from resizing upon being selected. | |||
*/ | |||
.infobox-imagearea ul.tabbernav > li > a::before { | |||
display: block; | |||
content: attr(alt); | |||
font-weight: bold; | |||
height: 0; | |||
color: transparent; | |||
overflow: hidden; | |||
visibility: hidden; | |||
} | |||
.infobox-imagearea ul.tabbernav > li.tabberactive { | |||
border: none; | |||
} | |||
.infobox-imagearea ul.tabbernav > li.tabberactive > a { | |||
font-weight: bold; | |||
border-bottom: 2px solid var(--infobox-header-background-color); | |||
color: #202122; | |||
} | |||
.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; | |||
} | |||
#mw-content-text .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:Experience]]: | /* [[Template:Experience]]: | ||