MediaWiki:Gadget-GlobalStyle.css: Difference between revisions

m
no edit summary
No edit summary
mNo edit summary
(130 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 */


.useronly, .autoconfonly { display: none; }
.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:not(.show),
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 > * {
body.anon .navbox .plainlinksneverexpand > * {
display: none !important;
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 {
body.anon.ns-content.action-view.desktop .noticebox.show {
margin-top: 0 !important;
margin-top: 0 !important;
}
/* Site notice */
#localNotice a.external {
padding: 0 !important;
background: none !important;
}
/* Image thumbs */
html .thumbimage { background-color: #fff; }
/* Image classes */
img.blackbg { background: #000 !important; }
img.graybg, img.greybg { background: #808080 !important; }
/* Image/gallery classes */
.pixelated, .pixelart, .sprites, .sprite {
image-rendering: crisp-edges; image-rendering: pixelated;
}
/* 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;
}
/* File pages */
#file img, .filehistory a img {
background: url(https://destiny.wiki.gallery/resources/src/mediawiki.action/images/checker.png) repeat;
}
/* Media player */
#file > .video-js { display: inline-block !important; }
.thumb .video-js { margin-left: auto; margin-right: auto; }
.video-js .vjs-progress-control .vjs-mouse-display { z-index: 2; }
.infobox .video-js { margin-top: 1px; min-width: 200px; width: auto !important; }
.video-js .vjs-volume-vertical, .vjs-mouse-display .vjs-time-tooltip { background: #111; }
.video-js { overflow-x: clip; display: block !important; }
.video-js .vjs-control-bar { background: #000; }
/* Formatting fixes */
div[style*="column-count"] > p { margin: 0 !important; }
span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] {
word-wrap: anywhere;
}
/* Scrollable tables */
table.scrollable {
display: block;
overflow: auto;
max-width: max-content;
border: 0;
}
/* Show/hide toggles */
.navbox .mw-collapsible-toggle {
text-align: right;
min-width: 3.729em;
}
.hideTem .mw-collapsible-toggle {
min-width: 3em;
text-align: right;
}
.wikitable.mw-collapsed .mw-collapsible-toggle {
margin-left: 10px;
}
/* Horizontal rule */
hr { overflow: hidden; }
/* Self-link color */
a.mw-selflink { color: inherit !important; }
/* 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.desktop 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 */
/* Tabs fix */
.tabbox:not(:first-of-type) { display: none; }
.mobile .tabbox > .tab { margin-bottom: 6px; }
.mobile .tabbox > .tab { margin-bottom: 6px; }
.infobox .tabbox > .tab { margin-bottom: 12px; }
.infobox .tabbox > .tab { margin-bottom: 13px; }
.mobile .infobox .tabbox > .tab { margin-bottom: 14px; }
.mobile .infobox .tabbox > .tab { margin-bottom: 11px; }
.tabbox > .tab { margin-bottom: 9px; font-weight: bold; }
.tabbox > .tab { margin-bottom: 11.75px; font-weight: bold; }
.infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 9px; }
.infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 9px; }
.mobile .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 5.5px; }
.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 {
.tabcontainer {
top: -2px;
top: -2px;
Line 142: Line 40:
.infobox .tabcontainer { padding: 0; margin-bottom: 0; }
.infobox .tabcontainer { padding: 0; margin-bottom: 0; }
.infobox:not(.tabbed) .tabcontainer { top: 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 */
/* User profile */
Line 152: Line 66:
margin-right: 4px;
margin-right: 4px;
}
}
.user-section-heading { clear: both; }
.user-section-heading {
@media all and (min-width: 720px) {
clear: both;
#user-page-left > .profile-info-container > div {
}
width: 50%;
.page-nav {
float: left;
line-height: 1.8;
}
}
}
/* Edit profile */
/* Edit profile */
Line 186: Line 99:


/* Infoboxes */
/* Infoboxes */
.infobox:not(.tabbed) { border-radius: 0 0 10px 10px; }
.infobox:not(.tabbed) {
.infobox tr:not(:first-of-type) th:not([style*="font-size"]) {
border-radius: 0 0 10px 10px;
font-size: smaller !important;
}
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;
}
}


Line 212: Line 152:
body.desktop .infobox .mw-gallery-slideshow > .gallerybox:first-of-type {
body.desktop .infobox .mw-gallery-slideshow > .gallerybox:first-of-type {
height: 285px;
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;
}
}