MediaWiki:Gadget-GlobalStyle.css: Difference between revisions
From Destinypedia, the Destiny wiki
No edit summary |
No edit summary |
||
Line 96: | Line 96: | ||
.mobile .infobox.tabbed > .tabtoc li { | .mobile .infobox.tabbed > .tabtoc li { | ||
font-size: 13px !important; | font-size: 13px !important; | ||
} | |||
.mobile .infobox.tabbed .tabbox > .tab { | |||
margin-bottom: 3px !important; | |||
} | } | ||
@media all and (max-width:719px) { | @media all and (max-width:719px) { |
Revision as of 04:19, December 30, 2020
/* 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;
}
/* Special:Preferences */
#mw-htmlform-mobile .oo-ui-inline-help {
display: none;
}
/* Galleries */
.gallery.center {
margin-left: auto !important;
margin-right: auto !important;
}
/* Tabs fix */
.tabbox > .tab { margin-bottom: 7px; }
.mobile .tabbox > .tab { margin-bottom: 5.5px; }
.tabbox:not(:first-of-type) { display: none; }
.tabcontainer { border: 1px solid #aaa; }
/* 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;
}
/* 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;
}
.mobile .infobox.tabbed .tabbox > .tab {
margin-bottom: 3px !important;
}
@media all and (max-width:719px) {
.mobile .infobox.tabbed {
margin-bottom: 13.5px !important;
}
}