MediaWiki:Gadget-GlobalStyle.css: Difference between revisions
From Destinypedia, the Destiny wiki
No edit summary |
mNo edit summary |
||
(248 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins on both desktop and mobile | /* 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 */ | The "dark" and "mobile" body classes can be used to target different scenarios */ | ||
.mw-special-Upload .noupload, .useronly, | |||
.autoconfonly, .editprotected, .editinterface { | |||
display: none; | |||
} | |||
body.anon #rc-welcome, | |||
body.anon.ns-content.action-view.mobile #stub, | body.anon.ns-content.action-view.mobile #stub, | ||
body.anon.ns-content.action-view .noticebox. | body.anon.ns-content.action-view .noticebox:not(.show), | ||
body.anon | body.anon.ns-content.action-view #mw-hidden-catlinks:nth-of-type(2), | ||
body.anon .navbox .plainlinksneverexpand > * { | |||
display: none !important; | display: none !important; | ||
} | } | ||
body.anon.ns-content.action-view:not(. | body.anon.ns-content.action-view .tabcontainer .noticebox:not(.show) { | ||
display: inherit !important; | |||
} | |||
body.anon.ns-content.action-view.desktop .noticebox.show { | |||
margin-top: 0 !important; | margin-top: 0 !important; | ||
} | } | ||
/* | /* Tabs fix */ | ||
.mobile .tabbox > .tab { margin-bottom: 6px; } | |||
padding: | .infobox .tabbox > .tab { margin-bottom: 13px; } | ||
.mobile .infobox .tabbox > .tab { margin-bottom: 11px; } | |||
.tabbox > .tab { margin-bottom: 11.75px; font-weight: bold; } | |||
.infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 9px; } | |||
.mobile .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 5.5px; } | |||
.infobox .tabbox:not(:first-of-type), .client-js .tabbox:not(:first-of-type) { display: none; } | |||
.tabcontainer { | |||
top: -2px; | |||
z-index: 5; | |||
clear: both; | |||
position: relative; | |||
background-color: #f9f9f9; | |||
border: 1px solid #aaa; | |||
padding: 5px 10px; | |||
margin-bottom: 5px; | |||
} | } | ||
.infobox .tabcontainer { padding: 0; margin-bottom: 0; } | |||
.infobox:not(.tabbed) .tabcontainer { top: 0; } | |||
/* | /* Site news */ | ||
# | #community-news p { margin: 0 !important; } | ||
#community-news #more-news { display: none !important; } | |||
} | |||
/* Wiki tables */ | |||
.wikitable td { background: #f8f9fa; } | |||
body.mediawiki .wikitable th a { color: inherit !important; } | |||
/* | /* Subpage lists */ | ||
. | .mw-editnotice-notext .mw-prefixindex-list { | ||
font-size: 90%; | |||
margin- | list-style: none; | ||
column-width: 300px; | |||
margin-bottom: 10px; | |||
} | } | ||
/* User profile */ | /* User profile */ | ||
Line 43: | Line 66: | ||
margin-right: 4px; | margin-right: 4px; | ||
} | } | ||
.user-section-heading { clear: both; } | .user-section-heading { | ||
clear: both; | |||
} | |||
.page-nav { | |||
line-height: 1.8; | |||
} | } | ||
/* Edit profile */ | /* Edit profile */ | ||
Line 67: | Line 89: | ||
} | } | ||
/* Social headings */ | /* Social headings */ | ||
.ns-2.action-view | .ns-2.action-view.rootpage .pagetitle, .ns-200.action-view.rootpage .pagetitle, .ns-202.action-view.rootpage .pagetitle, | ||
.ns-2.action-view | .ns-2.action-view.rootpage .firstHeading, .ns-200.action-view.rootpage .firstHeading, .ns-202.action-view.rootpage .firstHeading, | ||
.ns-2.action-view | .ns-2.action-view.rootpage .page-heading, .ns-200.action-view.rootpage .page-heading, .ns-202.action-view.rootpage .page-heading, | ||
.ns-2.action-view | .ns-2.action-view.rootpage .subtitle, .ns-200.action-view.rootpage .subtitle, .ns-202.action-view.rootpage .subtitle, | ||
.ns-2.action-view | .ns-2.action-view.rootpage #siteSub, .ns-200.action-view.rootpage #siteSub, .ns-202.action-view.rootpage #siteSub, | ||
.ns-2.action-view | .ns-2.action-view.rootpage #contentSub, .ns-200.action-view.rootpage #contentSub, .ns-202.action-view.rootpage #contentSub { | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* | /* Infoboxes */ | ||
.infobox.tabbed | .infobox:not(.tabbed) { | ||
border-radius: 0 0 10px 10px; | |||
} | |||
body.mediawiki .infoboxlabel a, | |||
body.mediawiki .infoboxheading a, | |||
body.mediawiki .infoboxsubheading a { | |||
color: inherit !important; | |||
} | |||
.infoboxspan { | |||
padding: 0 2px; | |||
} | |||
.infoboxmedia { | |||
text-align: center; | |||
} | |||
.infoboxlabel { | |||
font-weight: bold; | |||
} | |||
.infoboxlabel, .infoboxcell { | |||
line-height: 14px; | |||
vertical-align: top; | |||
padding: 0 2px 0 4px; | |||
} | |||
.infoboxspan, .infoboxmedia, | |||
.infoboxlabel, .infoboxcell { | |||
border-top: 1px solid #999; | |||
border-bottom: 1px solid #999; | |||
} | |||
.infoboxfooter { | |||
line-height: 8px; | |||
text-align: center; | |||
} | |||
/* 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; | margin: 0 !important; | ||
padding: 0 !important; | |||
} | } | ||
.infobox. | .mobile .infobox .mw-gallery-slideshow .thumb > div { | ||
margin-top: 0 !important; | |||
margin-bottom: 3px !important; | |||
} | } | ||
.infobox. | .mobile .infobox .mw-gallery-slideshow .gallerybox + .gallerybox { | ||
display: inline-block !important; | |||
} | } | ||
.mobile .infobox. | .mobile .infobox .mw-gallery-slideshow .gallerybox { | ||
width: 91px !important; | |||
} | } | ||
. | body.desktop .infobox .mw-gallery-slideshow > .gallerybox:first-of-type { | ||
height: 285px; | |||
} | } | ||
. | /* Light.gg interwiki icon */ | ||
.mw-parser-output a.extiw[title^="lightgg:"] { | |||
background: url(https://destiny.wiki.gallery/images/thumb/d/d7/Lightdotgg.png/10px-Lightdotgg.png) center right no-repeat; | |||
padding-right: 12px; | |||
} | } |
Revision as of 11:08, March 22, 2024
/* 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 */
.mw-special-Upload .noupload, .useronly,
.autoconfonly, .editprotected, .editinterface {
display: none;
}
body.anon #rc-welcome,
body.anon.ns-content.action-view.mobile #stub,
body.anon.ns-content.action-view .noticebox:not(.show),
body.anon.ns-content.action-view #mw-hidden-catlinks:nth-of-type(2),
body.anon .navbox .plainlinksneverexpand > * {
display: none !important;
}
body.anon.ns-content.action-view .tabcontainer .noticebox:not(.show) {
display: inherit !important;
}
body.anon.ns-content.action-view.desktop .noticebox.show {
margin-top: 0 !important;
}
/* Tabs fix */
.mobile .tabbox > .tab { margin-bottom: 6px; }
.infobox .tabbox > .tab { margin-bottom: 13px; }
.mobile .infobox .tabbox > .tab { margin-bottom: 11px; }
.tabbox > .tab { margin-bottom: 11.75px; font-weight: bold; }
.infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 9px; }
.mobile .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 5.5px; }
.infobox .tabbox:not(:first-of-type), .client-js .tabbox:not(:first-of-type) { display: none; }
.tabcontainer {
top: -2px;
z-index: 5;
clear: both;
position: relative;
background-color: #f9f9f9;
border: 1px solid #aaa;
padding: 5px 10px;
margin-bottom: 5px;
}
.infobox .tabcontainer { padding: 0; margin-bottom: 0; }
.infobox:not(.tabbed) .tabcontainer { top: 0; }
/* Site news */
#community-news p { margin: 0 !important; }
#community-news #more-news { display: none !important; }
/* Wiki tables */
.wikitable td { background: #f8f9fa; }
body.mediawiki .wikitable th a { color: inherit !important; }
/* Subpage lists */
.mw-editnotice-notext .mw-prefixindex-list {
font-size: 90%;
list-style: none;
column-width: 300px;
margin-bottom: 10px;
}
/* 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;
}
.page-nav {
line-height: 1.8;
}
/* 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.rootpage .pagetitle, .ns-200.action-view.rootpage .pagetitle, .ns-202.action-view.rootpage .pagetitle,
.ns-2.action-view.rootpage .firstHeading, .ns-200.action-view.rootpage .firstHeading, .ns-202.action-view.rootpage .firstHeading,
.ns-2.action-view.rootpage .page-heading, .ns-200.action-view.rootpage .page-heading, .ns-202.action-view.rootpage .page-heading,
.ns-2.action-view.rootpage .subtitle, .ns-200.action-view.rootpage .subtitle, .ns-202.action-view.rootpage .subtitle,
.ns-2.action-view.rootpage #siteSub, .ns-200.action-view.rootpage #siteSub, .ns-202.action-view.rootpage #siteSub,
.ns-2.action-view.rootpage #contentSub, .ns-200.action-view.rootpage #contentSub, .ns-202.action-view.rootpage #contentSub {
display: none !important;
}
/* Infoboxes */
.infobox:not(.tabbed) {
border-radius: 0 0 10px 10px;
}
body.mediawiki .infoboxlabel a,
body.mediawiki .infoboxheading a,
body.mediawiki .infoboxsubheading a {
color: inherit !important;
}
.infoboxspan {
padding: 0 2px;
}
.infoboxmedia {
text-align: center;
}
.infoboxlabel {
font-weight: bold;
}
.infoboxlabel, .infoboxcell {
line-height: 14px;
vertical-align: top;
padding: 0 2px 0 4px;
}
.infoboxspan, .infoboxmedia,
.infoboxlabel, .infoboxcell {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
.infoboxfooter {
line-height: 8px;
text-align: center;
}
/* 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.desktop .infobox .mw-gallery-slideshow > .gallerybox:first-of-type {
height: 285px;
}
/* Light.gg interwiki icon */
.mw-parser-output a.extiw[title^="lightgg:"] {
background: url(https://destiny.wiki.gallery/images/thumb/d/d7/Lightdotgg.png/10px-Lightdotgg.png) center right no-repeat;
padding-right: 12px;
}