MediaWiki:Common.css: Difference between revisions

From SmashWiki, the Super Smash Bros. wiki
Jump to navigationJump to search
No edit summary
mNo edit summary
 
(36 intermediate revisions by the same user not shown)
Line 8: Line 8:
   External link icons
   External link icons
       Edit here: https://www.ssbwiki.com/MediaWiki:Gadget-ExternalLinkIcons.css */
       Edit here: https://www.ssbwiki.com/MediaWiki:Gadget-ExternalLinkIcons.css */
/* Don't display some stuff on the main page */
body.page-Main_Page.action-view h1.firstHeading,
body.page-Main_Page.action-view #contentSub > *,
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #catlinks,
body.page-Main_Page.action-view #lastmod {
display: none !important;
}
/* Mark redirects on Special:AllPages and Special:EditWatchlist */
.allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect {
color: #888 !important;
}
/* Main content */
#bodyContent {
position: relative;
}


/* Forum formatting -Algorithm & -Splaka */
/* Forum formatting -Algorithm & -Splaka */
Line 55: Line 36:
}
}


/* References */
/* Infobox templates */
ol.references {
margin-top: 0;
font-size: 90%;
}
ol.references div {
display: inline;
}
ol.references span {
line-height: 1;
}
 
/* Infobox template style */
.infobox {
.infobox {
color: #000;
color: #000;
float: right;
clear: right;
font-size: 90%;
text-align: left;
border: 1px solid #aaa;
border: 1px solid #aaa;
background-color: #f9f9f9;
background-color: #f9f9f9;
margin: 0.5em 0 0.5em 1em;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
padding: 0.2em;
float: right;
clear: right;
}
}
.infobox td,
.infobox td,
Line 154: Line 125:
float: right;
float: right;
clear: both;
clear: both;
}
/* wikitable class for skinning normal tables */
/* wikitable-nopad is for when you want a wikitable without padding */
table.wikitable, table.wikitable-nopad {
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
margin: 1em 1em 1em 0;
}
table.wikitable th, table.wikitable td {
border: 1px #aaa solid;
padding: 0.2em;
}
table.wikitable-nopad th, table.wikitable-nopad td {
border: 1px #aaa solid;
padding: 0;
}
table.wikitable th, table.wikitable-nopad th {
background: #f2f2f2;
text-align: center;
}
table.wikitable caption, table.wikitable-nopad caption {
font-weight: bold;
margin-left: inherit;
margin-right: inherit;
}
.tabber table.wikitable,
.tabber table.wikitable-nopad {
margin-right: 0;
}
/* Hitbox tables */
table.wikitable.hitboxtable {
display: block;
overflow: auto;
background: none !important;
border: 0;
}
table.wikitable.hitboxtable tbody {
background: #f9f9f9;
}
/* Table of contents */
#toc, .toc {
margin-bottom: 3px;
}
/* Thumbs */
div.tleft, div.tright {
margin-top: 0.2em;
margin-bottom: 0.8em;
}
.thumb .mediaContainer {
margin: 4px auto 2px;
}
/* Galleries */
ul.gallery, li.gallerybox div.thumb {
margin-bottom: 0;
padding-bottom: 0;
}
#bodyContent ul.gallery {
margin: 2px;
padding: 2px;
}
li.gallerycaption {
text-align: unset;
}
}


Line 257: Line 160:
#ca-edit a {
#ca-edit a {
font-weight: bold !important;
font-weight: bold !important;
}
/* File pages */
.mw_metadata {
margin-top: 5px;
}
/* Upload form */
#mw-htmlform-description .mw-editTools {
display: none;
}
/* Edit box */
.wikiEditor-ui-toolbar .section-main,
.wikiEditor-ui-toolbar .tabs {
height: auto;
}
.wikiEditor-ui textarea#wpTextbox1 {
height: 474px;
line-height: 1.4em;
}
.mw-summary-preview {
margin-bottom: 0.5em;
}
#wpSummaryLabel .oo-ui-textInputWidget textarea,
#wpSummaryLabel .oo-ui-textInputWidget input {
padding-bottom: 0.5em;
}
#wpSummaryWidget .oo-ui-labelElement-label {
margin-right: 3px;
}
/* Watchlist expiry */
#wpWatchlistExpiry, #wpWatchlistExpiryWidget .oo-ui-dropdownWidget-handle {
height: auto;
min-height: 0;
padding-top: 4px;
padding-left: 7px;
padding-bottom: 3px;
}
/* Edit section */
.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,
.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type,
.client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type),
.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
margin: 0;
color: unset;
}
/* Diff text */
.diffchange { font-weight: normal; }
.diff-addedline, .diff-deletedline, .diff-context {
font-size: 92%;
}
/* OOUI fix */
.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
overflow: visible;
}
/* Video widget */
.infobox .videoWidget,
.infobox .videoWidget iframe {
display: block !important;
}
.infobox .autoResize {
margin: 0 auto !important;
}
.autoResize:not(.thumbinner) .thumbcaption {
margin: 0;
padding: 0;
}
.videoWidget + p {
margin: 0;
}
}


Line 342: Line 170:
width: 100%;
width: 100%;
display: table;
display: table;
}
/* Dismissable site notice */
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0 60px 0.5em 0;
}
.sitedir-rtl .mw-dismissable-notice-body {
margin: 0 0 0.5em 60px;
}
}


Line 403: Line 223:
/* Hide pointless "your edit was saved" box */
/* Hide pointless "your edit was saved" box */
.postedit { display: none !important; }
.postedit { display: none !important; }
/* Captcha spacing */
#editform #wpCaptchaWord {
margin-top: 2.5px;
}
#userloginForm label:not([for]) + .mw-input {
margin-top: 10px;
}
#userloginForm .mw-ui-vform-field:nth-of-type(7) {
margin-bottom: 5px;
}
.mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input {
margin-top: 1px;
}
.editOptions .g-recaptcha {
margin-bottom: 10px;
}
.mw-ui-vform {
width: 302px;
}


/* InputBox button */
/* InputBox button */
Line 428: Line 228:
padding-top: 6px;
padding-top: 6px;
padding-bottom: 6px;
padding-bottom: 6px;
}
/* Remove anon warning box style */
#mw-anon-edit-warning {
margin: 0;
padding: 0;
border: none;
background: none;
}
}


/* Fix code tag formatting */
/* Fix code tag formatting */
code {
code {
border: none;
padding: 0;
padding: 0;
border: none;
}
/* Fix Special:PrefixIndex column alignment */
.mw-prefixindex-list > li:first-of-type {
margin-top: -4px;
}
/* Indicator icons */
.mw-indicators,
#mw-indicator-last {
position: relative;
}
/* New user message box */
.usermessage {
margin-top: 1em;
}
}


/* Width fixes */
/* Width fixes */
.thumb {
max-width: 100%;
overflow: auto;
}
table { max-width: 100%; }
@media all and (max-width: 1350px) {
table.wikitable {
display: block !important;
max-width: max-content !important;
overflow: auto !important;
border: 0 !important;
}
}
@media all and (max-width: 1250px) {
@media all and (max-width: 1250px) {
table.wikitable img {
max-width: 100% !important;
height: auto !important;
}
.mw-parser-output table {
min-width: 0 !important;
}
table.wikitable.hitboxtable {
table.wikitable.hitboxtable {
clear: both;
clear: both;
}
}
}
/* Media player fix */
.wikitable .mediaContainer {
margin-top: 2px;
}
#crowd.wikitable .mediaContainer {
margin-top: 4px;
}
.wikitable .mediaContainer + .mediaContainer {
margin-top: 5px;
}
/* Multimedia viewer */
.mw-mmv-image img {
background: #fff !important;
}
.mw-mmv-filepage-buttons,
.mw-mmv-reuse-pane .oo-ui-widget-disabled {
display: none !important;
}
.mw-mmv-overlay {
z-index: 10000000000;
}
.mw-mmv-wrapper {
z-index: 10000000001;
font-size: medium;
}
/* Mobile only */
.mobileonly {
display: none;
}
}

Latest revision as of 19:09, August 6, 2024

/* CSS placed here will be applied to all skins on desktop */

/* Navbox style
       Edit here: https://www.ssbwiki.com/MediaWiki:Gadget-NavboxStyle.css
   Staff highlights
       Edit here: https://www.ssbwiki.com/MediaWiki:Gadget-StaffHighlights.css
       Also here: https://www.ssbwiki.com/MediaWiki:Gadget-StaffIcons.css
   External link icons
       Edit here: https://www.ssbwiki.com/MediaWiki:Gadget-ExternalLinkIcons.css */

/* Forum formatting -Algorithm & -Splaka */
.forumheader {
	border: 1px solid #aaa;
	margin: 1em 0 15px;
	padding: 12px;
}
.forumlist td.forum_edited a {
	color: #000;
	text-decoration: none;
}
.forumlist td.forum_title a {
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
	font-weight: bold;
	background: url(https://ssb.wiki.gallery/images/forum_new.png) center left no-repeat;
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
	background: none;
	font-weight: normal;
	padding-left: 20px;
}
.forumlist th.forum_title {
	padding-left: 20px;
}

/* Infobox templates */
.infobox {
	color: #000;
	float: right;
	clear: right;
	font-size: 90%;
	text-align: left;
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
}
.infobox td,
.infobox th {
	vertical-align: top;
}
.infobox caption {
	font-size: larger;
	margin-left: inherit;
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}

/* Messagebox templates */
.messagebox {
	width: 80%;
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	margin: 0 auto 1em;
	padding: 0.2em;
}
.messagebox + .messagebox {
	margin-top: -0.5em;
}
.navbox + .messagebox {
	margin-top: 1em;
}
#mw-imagepage-content .messagebox {
	margin: 1em auto 0;
}
#mw-imagepage-content .messagebox + .messagebox {
	margin-top: 0.5em;
}
#siteNotice .messagebox {
	margin: 0.6em auto;
}
.ve-ui-mwNoticesPopupTool-item .messagebox {
	width: 100% !important;
	text-align: left !important;
}
.ve-ui-mwNoticesPopupTool-item .messagebox tr.plainlinks {
	text-align: center !important;
}
.messagebox.merge {
	text-align: center;
	border: 1px solid #c0b8cc;
	background-color: #f0e5ff;
}
.messagebox.cleanup {
	text-align: center;
	border: 1px solid #9f9fff;
	background-color: #efefff;
}
.messagebox.standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}
.messagebox.nested-talk {
	width: 100%;
	border: 1px solid #c0c090;
	background-color: #f8eaba;
	margin: 2px 4px 2px 4px;
}
.messagebox.small {
	width: 238px;
	font-size: 85%;
	line-height: 1.25em;
	margin: 0 0 1em 1em;
	float: right;
	clear: both;
}

/* Special moves navigation */
.special-moves {
	margin-top: 25px !important;
}
.special-moves .special-moves {
	margin-top: 0 !important;
}
.special-moves + .navbox,
.special-moves + .special-moves {
	margin-top: 10px !important;
}

/* Prevents line breaks in links (navbox) */
.nowraplinks a {
	white-space: nowrap;
}

/* Light gray highlight on stuff */
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .CodeMirror-focused,
#wpOldTitle:focus, #wpReason:focus, #wpSummary:focus, #searchInput:focus {
	background: #F9F9F9
}

/* Show site tagline, located at MediaWiki:Tagline */
#siteSub {
	font-size: 92%;
	display: inline;
	font-weight: normal;
}

/* Bold edit tab */
#ca-edit a {
	font-weight: bold !important;
}

/* Video table */
.videoTable {
	display: block;
	overflow: auto;
}
.videoTable tbody {
	width: 100%;
	display: table;
}

/* SW:1226 stuff */
.blockquote {
	display:       block;
	margin-top:    1em;
	margin-bottom: 1em;
	margin-left:   40px;
	margin-right:  40px;
}
/* the borders should be #d4d0c8 outset/inset, but the outset/inset behaviour has changed, so need to fake it */
table.border-1 {
	border-collapse:separate;
	border-top: 1px solid #d4d0c8;
	border-left: 1px solid #d4d0c8;
	border-right: 1px solid #84827d;
	border-bottom: 1px solid #84827d;
}
table.border-2 {
	border-collapse:separate;
	border-top: 2px solid #d4d0c8;
	border-left: 2px solid #d4d0c8;
	border-right: 2px solid #84827d;
	border-bottom: 2px solid #84827d;
}
table.border-1 th, table.border-1 td, table.border-2 th, table.border-2 td {
	border-collapse:separate;
	border-top: 1px solid #84827d;
	border-left: 1px solid #84827d;
	border-right: 1px solid #d4d0c8;
	border-bottom: 1px solid #d4d0c8;
}
.ssb64-site-img-1px {
	border: 1px solid #000;
}
.ssb64-site-img-2px {
	border: 2px solid #000;
}
.ssb64-site-img-3px {
	border: 3px solid #000;
}
.ssb64-site-img-4px {
	border: 4px solid #000;
}
.ssb64-site-img-5px {
	border: 5px solid #000;
}
.ssb64-site-img-6px {
	border: 6px solid #000;
}

/* Hide pointless "your edit was saved" box */
.postedit { display: none !important; }

/* InputBox button */
.bodySearchWrap .mw-ui-button, .createboxButton {
	padding-top: 6px;
	padding-bottom: 6px;
}

/* Fix code tag formatting */
code {
	border: none;
	padding: 0;
}

/* Width fixes */
@media all and (max-width: 1250px) {
	table.wikitable.hitboxtable {
		clear: both;
	}
}