MediaWiki:Gadget-GlobalStyle.css: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
Tag: Reverted
mNo edit summary
 
(47 intermediate revisions by the same user not shown)
Line 7: Line 7:
}
}
body.anon #rc-welcome,
body.anon #rc-welcome,
body.anon #mw-hidden-catlinks:nth-of-type(2),
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 .halopedia-template-error,
body.anon.ns-content.action-view #mw-hidden-catlinks:nth-of-type(2),
body.anon .navbox .plainlinksneverexpand > *, body.anon:not(.page-Template_VDE) .vde,
body.page-Main_Page:not(.skin-onyx):not(.skin-requiem) .mw-indicators,
body.page-Main_Page:not(.skin-onyx):not(.skin-requiem) .mw-indicators,
body.anon .navbox .plainlinksneverexpand > *, body.anon:not(.page-Template_VDE) .vde {
body.anon.ns-content.action-view .halopedia-template-error {
display: none !important;
display: none !important;
}
}
Line 20: Line 20:
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;
}
/* Syntax highlighter */
#wpTextbox0, #wpTextbox1 {
border: 0 !important;
height: 474px !important;
line-height: 1.4em !important;
padding: 2px !important;
}
#wpTextbox0 + #wpTextbox1 {
margin-top: -474px !important;
}
/* Site notice */
#localNotice a.external {
padding: 0 !important;
background: none !important;
}
/* Image thumbs */
html .thumbimage { background-color: #fff; }
/* Image/gallery classes */
img.flipx, img.flipX { transform: scaleX(-1); }
img.flipy, img.flipY { transform: scaleY(-1); }
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;
}
/* Media files */
.gallery video { width: 100%; height: 120px; }
.gallery audio { max-width: calc(100% - 30px) !important; }
.thumb video, .thumb audio { display: block; margin: auto; }
.filehistory video { max-height: 125px; max-width: 125px !important; }
.filehistory audio { max-width: 120px !important; }
/* File pages */
#file img, #file img:hover, .filehistory a img {
background: url(https://wiki.gallery/images/checker.svg) repeat;
}
/* Formatting fixes */
#toc { clear: left; }
pre { overflow: auto; }
hr { overflow: hidden; }
.mw-parser-output table sup { white-space: nowrap; }
div[style*="column-"] > * { margin-top: 0 !important; margin-bottom: 0 !important; }
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 > ol,
.ns-subject:not(.ns-110) #mw-content-text li > ul:not(.gallery) {
margin-top: 0.1em !important;
}
.ns-subject:not(.ns-110) #mw-content-text dl + ol,
.ns-subject:not(.ns-110) #mw-content-text dl + ul:not(.gallery) {
margin-top: -0.3em !important;
}
.ns-subject:not(.ns-110) #mw-content-text ol + dl,
.ns-subject:not(.ns-110) #mw-content-text ul:not(.gallery) + 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;
max-width: max-content;
overflow: auto;
border: 0;
}
/* Content boxes */
.contentbox.mw-collapsible > .mw-collapsible-toggle {
float: none !important;
}
.client-js body:not(.skin-minerva) .contentbox.mw-collapsible:not(.mw-made-collapsible) {
display: none !important;
}
/* Show/hide toggles */
.navbox .mw-collapsible-toggle {
text-align: right;
min-width: 3.729em;
}
.wikitable.mw-collapsed .mw-collapsible-toggle {
margin-left: 10px;
}
.hideTem .mw-collapsible-toggle {
min-width: 3em;
text-align: right;
margin: 1px 6px;
}
/* Hide help indicator */
#mw-indicator-mw-helplink { display: none; }
/* Special:Preferences */
#mw-htmlform-mobile .oo-ui-inline-help { display: none; }
/* Special:RecentChanges */
.mw-special-Recentchanges .mw-changeslist-time { display: initial; }
.client-js .mw-enhanced-rc td:not(:first-of-type) { min-width: 18px; }
/* 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;
}
/* Sortable arrows for white text */
tr[style*="color:#fff"] > th.headerSort,
tr[style*="color:white"] > th.headerSort,
.sortable th.headerSort[style*="color:#fff"],
.sortable th.headerSort[style*="color:white"] {
background-image: url(/images/sort_both-white.svg);
}
tr[style*="color:#fff"] > th.headerSortUp,
tr[style*="color:white"] > th.headerSortUp,
.sortable th.headerSortUp[style*="color:#fff"],
.sortable th.headerSortUp[style*="color:white"] {
background-image: url(/images/sort_up-white.svg)
}
tr[style*="color:#fff"] > th.headerSortDown,
tr[style*="color:white"] > th.headerSortDown,
.sortable th.headerSortDown[style*="color:#fff"],
.sortable th.headerSortDown[style*="color:white"] {
background-image: url(/images/sort_down-white.svg);
}
/* 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: 10px; }
.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 239: Line 48:


/* Wiki tables */
/* Wiki tables */
body.mediawiki .wikitable th a {
.wikitable td { background: #f8f9fa; }
color: inherit !important;
body.mediawiki .wikitable th a { color: inherit !important; }
}


/* Subpage lists */
/* Subpage lists */
Line 262: Line 70:
.user-section-heading {
.user-section-heading {
clear: both;
clear: both;
}
.page-nav {
line-height: 1.8;
}
}
/* Edit profile */
/* Edit profile */
Line 297: Line 108:
body.mediawiki .infoboxsubheading a {
body.mediawiki .infoboxsubheading a {
color: inherit !important;
color: inherit !important;
}
.infoboxspan {
padding: 0 2px;
}
}
.infoboxmedia {
.infoboxmedia {
Line 307: Line 121:
line-height: 14px;
line-height: 14px;
vertical-align: top;
vertical-align: top;
padding: 0 2px 0 4px;
}
.infoboxspan, .infoboxmedia,
.infoboxlabel, .infoboxcell {
border-top: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-bottom: 1px solid #999;
padding: 0 2px 0 4px;
}
}
.infoboxfooter {
.infoboxfooter {
line-height: 8px;
line-height: 8px;
text-align: center;
text-align: center;
}
/* Halo infoboxes */
div.infobox {
background: #F2F3F4;
border: 1px solid #999;
}
}
.infobox .details-table .mw-collapsible-text {
.infobox .details-table .mw-collapsible-text {
Line 371: Line 194:
.mp-welcome-logged-in h3,
.mp-welcome-logged-in h3,
.mp-welcome-logged-in .cleared {
.mp-welcome-logged-in .cleared {
display: none;
}
/* Upload licenses */
.mw-htmlform-field-Licenses, .mw-upload-editlicenses {
display: none;
display: none;
}
}

Latest 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 > *, body.anon:not(.page-Template_VDE) .vde,
body.page-Main_Page:not(.skin-onyx):not(.skin-requiem) .mw-indicators,
body.anon.ns-content.action-view .halopedia-template-error {
	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;
}

/* Halo infoboxes */
div.infobox {
	background: #F2F3F4;
	border: 1px solid #999;
}
.infobox .details-table .mw-collapsible-text {
	color: inherit !important;
}
.infobox .details-table .mw-collapsible-toggle {
	min-width: 3.6em;
	text-align: right;
	padding-right: 0.45em;
}
.infobox .details-table.mw-made-collapsible tr:first-child th {
	padding-left: 4.1em;
}
.dark:not(.skin-minerva) .infobox .details-table tr:first-child th {
	background: #222 !important;
}

/* Infobox galleries */
.infobox .mw-gallery-slideshow-buttons {
	padding: 0 0 10px !important;
}
.infobox .mw-gallery-slideshow-img-container {
	min-height: 249px;
}
.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;
}

/* Spoiler fix */
.client-js .spoiler-hidden .spoiler-content {
	filter: blur(15px);
}

/* No user levels */
#points-level {
	color: #fff;
	font-weight: bold;
}
.mp-welcome-logged-in p {
	margin-top: 0;
}
.mp-welcome-logged-in h3,
.mp-welcome-logged-in .cleared {
	display: none;
}

/* Upload licenses */
.mw-htmlform-field-Licenses, .mw-upload-editlicenses {
	display: none;
}

/* Special:WikiForum */
table.mw-wikiforum-frame {
	background: #fff;
	border: 0;
	border-spacing: 0 !important;
}
#txtSearch {
	width: 85%;
	border: 0 !important;
}
td.mw-wikiforum-title,
tr.mw-wikiforum-marked {
	background: #fff;
}
tr.mw-wikiforum-sticky td.mw-wikiforum-title,
tr.mw-wikiforum-sticky {
	background: #f5faff;
}
td.mw-wikiforum-title,
th.mw-wikiforum-title,
td.mw-wikiforum-admin,
th.mw-wikiforum-admin,
td.mw-wikiforum-value,
th.mw-wikiforum-value,
td.mw-wikiforum-lastpost,
th.mw-wikiforum-lastpost {
	border-color: #ccc;
}
th.mw-wikiforum-thread-top {
	border: 1px solid #ccc;
	background: #cedff2;
}
td.mw-wikiforum-thread-main {
	padding: 0 10px;
	border: 1px solid #ccc;
	background: #f5faff;
}
td.mw-wikiforum-thread-sub {
	border: 1px solid #ccc;
	background: #fff;
}
.mw-wikiforum-thread-sub blockquote {
	font-size: 12px;
	padding: 0 10px 4px !important;
	margin-left: 0;
	margin-bottom: 10px;
}
.mw-wikiforum-thread-sub blockquote p:last-of-type {
	margin-bottom: 0;
}
.mw-wikiforum-thread-sub blockquote p.posted {
	margin-bottom: 6px !important;
}
.wikiforum-avatar-image + .mw-parser-output > blockquote {
	margin-right: 90px;
}
.mw-wikiforum-thread-sub blockquote > blockquote > blockquote > blockquote {
	display: none;
}
td.mw-wikiforum-thread-main .mw-parser-output,
td.mw-wikiforum-thread-sub .mw-parser-output {
	margin-top: 12px;
}
table.mw-wikiforum-posted {
	margin-top: 10px;
}
td.mw-wikiforum-thread-main,
td.mw-wikiforum-thread-sub {
	word-wrap: normal;
	word-break: break-word;
}
.wikiforum-avatar-image {
	padding: 2px 0 3px 5px;
}
td.mw-wikiforum-rightside a:hover {
	text-decoration: none;
}
#writereply #wpTextbox1 {
	height: 11.5em !important;
}