|
|
(86 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 */ |
|
| |
|
Line 6: |
Line 6: |
| display: none; | | 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; |
Line 16: |
Line 18: |
| 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/gallery classes */
| |
| img.invert-light { filter: invert(1) hue-rotate(180deg); }
| |
| img.blackbg, .gallery.blackbg img { background: #000 !important; }
| |
| img.graybg, img.greybg, .gallery.graybg img, .gallery.greybg img {
| |
| background: #808080 !important;
| |
| }
| |
| .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 */
| |
| pre { overflow: auto; }
| |
| hr { overflow: hidden; }
| |
| div[style*="column-"] > p { margin: 0 !important; }
| |
| .mw-parser-output table sup { white-space: nowrap; }
| |
| span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] {
| |
| word-wrap: anywhere;
| |
| }
| |
|
| |
| /* Margin fixes */
| |
| .ns-subject:not(.ns-110) #mw-content-text li > ul,
| |
| .ns-subject:not(.ns-110) #mw-content-text li > ol {
| |
| margin-top: 0.1em !important;
| |
| }
| |
| .ns-subject:not(.ns-110) #mw-content-text dl + ul,
| |
| .ns-subject:not(.ns-110) #mw-content-text dl + ol {
| |
| margin-top: -0.3em !important;
| |
| }
| |
| .ns-subject:not(.ns-110) #mw-content-text ul + dl,
| |
| .ns-subject:not(.ns-110) #mw-content-text ol + dl {
| |
| margin-top: 0.3em !important;
| |
| }
| |
|
| |
| /* Link fixes */
| |
| body.mediawiki a.mw-selflink {
| |
| color: inherit !important;
| |
| cursor: inherit !important;
| |
| text-decoration: inherit !important;
| |
| font-weight: bold !important;
| |
| }
| |
| a font:hover, a span:hover {
| |
| text-decoration: inherit;
| |
| }
| |
| .autocomment a:hover {
| |
| color: inherit;
| |
| }
| |
|
| |
| /* Explain text */
| |
| .explain[title] {
| |
| cursor: help;
| |
| border-bottom: 1px dotted;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| /* Scrollable tables */
| |
| table.scrollable {
| |
| display: block;
| |
| overflow: auto;
| |
| max-width: max-content;
| |
| border: 0;
| |
| }
| |
|
| |
| /* Sortable arrows for white text */
| |
| tr[style*="color:#fff"] > .headerSort,
| |
| tr[style*="color:white"] > .headerSort {
| |
| color: #000;
| |
| filter: invert(1);
| |
| }
| |
|
| |
| /* 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;
| |
| }
| |
|
| |
| /* Hide help indicator */
| |
| #mw-indicator-mw-helplink { display: none; }
| |
|
| |
| /* Special:Preferences */
| |
| #mw-htmlform-mobile .oo-ui-inline-help { display: none; }
| |
|
| |
| /* Special:Contact */
| |
| .mw-special-Contact fieldset div[data-ooui*="wpCCme"],
| |
| .mw-special-Contact fieldset div[data-ooui*="wpSubject"] {
| |
| display: none;
| |
| }
| |
| .mw-special-Contact #wpCaptchaWord,
| |
| .mw-special-Contact fieldset div[data-ooui*="HTMLInfoField"] {
| |
| 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 195: |
Line 44: |
| #community-news p { margin: 0 !important; } | | #community-news p { margin: 0 !important; } |
| #community-news #more-news { display: none !important; } | | #community-news #more-news { display: none !important; } |
| | |
| | /* Wiki tables */ |
| | .wikitable td { background: #f8f9fa; } |
| | body.mediawiki .wikitable th a { color: inherit !important; } |
|
| |
|
| /* Subpage lists */ | | /* Subpage lists */ |
Line 215: |
Line 68: |
| .user-section-heading { | | .user-section-heading { |
| clear: both; | | clear: both; |
| | } |
| | .page-nav { |
| | line-height: 1.8; |
| } | | } |
| /* Edit profile */ | | /* Edit profile */ |
Line 243: |
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; |
| } | | } |
|
| |
|