MediaWiki:Gadget-GlobalStyle.css: Difference between revisions
From Destinypedia, the Destiny wiki
No edit summary |
No edit summary |
||
Line 83: | Line 83: | ||
.infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 8px; } | .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 8px; } | ||
.skin-minerva .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 4.75px; } | .skin-minerva .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 4.75px; } | ||
.skin-timeless .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: | .skin-timeless .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 6.5px; } | ||
.tabcontainer { position: relative; top: -2px; background-color: #f9f9f9; border: 1px solid #aaa; } | .tabcontainer { position: relative; top: -2px; background-color: #f9f9f9; border: 1px solid #aaa; } | ||
.infobox:not(.tabbed) .tabcontainer { top: 0; } | .infobox:not(.tabbed) .tabcontainer { top: 0; } |
Revision as of 22:56, June 16, 2021
/* CSS placed here will be applied to all skins on both desktop and mobile
The "dark" and "mobile" body classes can be used to target different scenarios */
body.anon.ns-content.action-view.mobile #stub,
body.anon.ns-content.action-view .noticebox.nb-hide,
body.anon:not(.ns-10) .plainlinksneverexpand > * {
display: none !important;
}
body.anon.ns-content.action-view:not(.mobile) .noticebox.nb-show {
margin-top: 0 !important;
}
/* SiteNotice */
#localNotice a.external {
padding: 0 !important;
background: none !important;
}
/* Gallery classes */
.gallery.center {
margin-left: auto !important;
margin-right: auto !important;
}
.gallery.centertext .gallerytext {
text-align: center !important;
}
/* Gallery slideshow */
.mw-gallery-slideshow .gallerybox + .gallerybox {
display: none;
}
.mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox {
display: inline-block !important;
}
/* Navbox show/hide */
.navbox .mw-collapsible-toggle {
text-align: right;
min-width: 3.729em;
}
/* Horizontal rule */
hr { overflow: hidden; }
/* Self-link color */
a.mw-selflink { color: inherit !important; }
/* Image thumbnails */
html .thumbimage { background-color: #fff; }
/* Special:Preferences */
#mw-htmlform-mobile .oo-ui-inline-help { display: none; }
/* Special:Contact */
.mw-special-Contact fieldset div[data-ooui*="wpSubject"] {
display: none;
}
.mw-special-Contact #wpCaptchaWord,
.mw-special-Contact fieldset div[data-ooui*="HTMLInfoField"],
.mw-special-Contact:not(.mobile) fieldset div[data-ooui*="wpCCme"] {
margin-top: 2px;
}
.mw-special-Contact fieldset div[data-ooui*="CAPTCHA"] {
margin-top: 1em;
}
/* Watchlist expiry (icon fix) */
.oo-ui-icon-clock, .mw-ui-icon-clock::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclock%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1010 10A10 10 0 0010 0zm2.5 14.5L9 11V4h2v6l3 3z%22/%3E%3C/svg%3E");
}
.mw-changesList-watchlistExpiry.oo-ui-iconElement-icon {
height: 13px;
min-height: 13px;
position: relative;
top: -1px;
opacity: 0.51;
}
/* Tabs fix */
.tabbox:not(:first-of-type) { display: none; }
.mobile .tabbox > .tab { margin-bottom: 14px; }
.tabbox > .tab { margin-bottom: 12px; font-weight: bold; }
.infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 8px; }
.skin-minerva .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 4.75px; }
.skin-timeless .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 6.5px; }
.tabcontainer { position: relative; top: -2px; background-color: #f9f9f9; border: 1px solid #aaa; }
.infobox:not(.tabbed) .tabcontainer { top: 0; }
/* User profile */
.profile-icon {
width: 22px;
height: 22px;
background-size: 22px;
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
.user-section-heading { clear: both; }
@media all and (min-width: 720px) {
#user-page-left > .profile-info-container > div {
width: 50%;
float: left;
}
}
/* Edit profile */
.profile-tab-on, .profile-tab-on a {
font-size: 100% !important;
font-weight: bold !important;
}
#mw-content-text > .profile-on:first-child {
padding: 10px;
}
body.mw-special-UpdateProfile .firstHeading,
body.mw-special-UploadAvatar .firstHeading {
display: block;
}
body.mw-special-UpdateProfile #mw-content-text h1,
body.mw-special-UploadAvatar #mw-content-text h1 {
display: none;
}
/* Social headings */
.ns-2.action-view:not(.subpage) .pagetitle, .ns-200.action-view:not(.subpage) .pagetitle, .ns-202.action-view:not(.subpage) .pagetitle,
.ns-2.action-view:not(.subpage) .firstHeading, .ns-200.action-view:not(.subpage) .firstHeading, .ns-202.action-view:not(.subpage) .firstHeading,
.ns-2.action-view:not(.subpage) .page-heading, .ns-200.action-view:not(.subpage) .page-heading, .ns-202.action-view:not(.subpage) .page-heading,
.ns-2.action-view:not(.subpage) .subtitle, .ns-200.action-view:not(.subpage) .subtitle, .ns-202.action-view:not(.subpage) .subtitle,
.ns-2.action-view:not(.subpage) #siteSub, .ns-200.action-view:not(.subpage) #siteSub, .ns-202.action-view:not(.subpage) #siteSub,
.ns-2.action-view:not(.subpage) #contentSub, .ns-200.action-view:not(.subpage) #contentSub, .ns-202.action-view:not(.subpage) #contentSub {
display: none !important;
}
/* Infoboxes */
.infobox { border-radius: 0 0 10px 10px; }
.infobox tr:not(:first-of-type) th:not([style*="font-size"]) {
font-size: smaller !important;
}
/* Infobox galleries */
.infobox .mw-gallery-slideshow-buttons {
padding: 0 0 10px !important;
}
.infobox .mw-gallery-slideshow-caption,
.infobox .gallerytext, .infobox .gallerytext p {
margin: 0 !important;
padding: 0 !important;
}
.mobile .infobox .mw-gallery-slideshow .thumb > div {
margin-top: 0 !important;
margin-bottom: 3px !important;
}
.mobile .infobox .mw-gallery-slideshow .gallerybox + .gallerybox {
display: inline-block !important;
}
.mobile .infobox .mw-gallery-slideshow .gallerybox {
width: 91px !important;
}
body:not(.mobile) .infobox .mw-gallery-slideshow > .gallerybox:first-of-type {
height: 285px;
}
/* Template:Tabbed infobox */
.infobox.tabbed table {
display: block !important;
float: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
overflow-x: auto !important;
}
.infobox.tabbed tbody {
display: table !important;
width: 100% !important;
}
.infobox.tabbed .infobox > tbody > tr:nth-child(2) img {
max-width: 100% !important;
height: auto !important;
image-rendering: auto !important;
}
.mobile .infobox.tabbed > .tabtoc li {
font-size: 13px !important;
}
@media all and (max-width:719px) {
.mobile .infobox.tabbed {
margin-bottom: 13.5px !important;
}
}