Check out the community portal for ways in which you can help the Wiki of Mana! Also, keep in mind that this wiki contains unmarked spoilers.

Difference between revisions of "MediaWiki:Common.css"

From the Wiki of Mana, the Mana encyclopedia
Jump to navigationJump to search
(important)
(wait)
Tag: Undo
Line 226: Line 226:


.mw-ui-button.mw-ui-progressive {
.mw-ui-button.mw-ui-progressive {
     background-color: #008e00 !important;
     background-color: #008e00;
     color: #fff;
     color: #fff;
     border: 1px solid #006700 !important;
     border: 1px solid #006700;
}
}


.mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.is-on {
.mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.is-on {
     background-color: #008e00 !important;
     background-color: #008e00;
     border-color: #006700 !important;
     border-color: #006700;
     box-shadow: none;
     box-shadow: none;
}
}


.mw-ui-button.mw-ui-progressive:hover {
.mw-ui-button.mw-ui-progressive:hover {
     background-color: #00b500 !important;
     background-color: #00b500;
     border-color: #006700 !important;
     border-color: #006700;
}
}


Revision as of 23:02, August 27, 2021

/* CSS placed here will be applied to all skins */
.catlinks {
	background: #f9f9f9 url(linkhead.png) no-repeat center right;
	margin-top: 10px;
}

#catlinks li {
	margin: 0.28em 0;
	line-height: 1em;
}

/* image thumbnail adjustments */

img, .results .list-thumb:not(.list-thumb-none),
.ext-related-articles-card-thumb:not(.ext-related-articles-card-thumb-placeholder) {
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

.downscale img {
    max-width: 100% !important;
    height: auto !important;
}

/* Notice templates */
body:not(.ns-6) .notice-template + .notice-template {
	margin-top: -0.375em !important;
}
#mw-imagepage-content .notice-template + #aboutfile {
	margin-top: 0.75em !important;
}
#mw-imagepage-content .notice-template:not(#aboutfile) {
	margin-top: 0.75em !important;
	margin-bottom: 2.5px !important;
}
.notice-template.copyright {
	margin: 2.5px auto !important;
}
.notice-template p {
	margin: 0.6em 0;
}

/* infoboxes */
.infobox {
	border: 1px solid gray;
	background-color: ghostwhite;
        font-size:10px;
	margin: 0 0 1em 1em;
        width:300px;
        border-spacing:2px;
	padding: 3px;
	float: right;
	clear: right;
}
.infobox td,
.infobox th {
	vertical-align: top;
        padding:3px;
}
.infobox caption {
	font-size: larger;
	margin-left: inherit;
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid gray;
        padding: 3px;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}

.infobox .mw-collapsible-toggle-expanded {
	padding-left: 7px;
}

.infobox.yellow { border: 1px solid #AAA; background: #FFD; }
.infobox.yellow > tbody > tr:first-child > td { background: #fff76f; }
.infobox.yellow > tbody > tr:nth-child(2n+3) { background: #fff78a; }

/* image licenses */
body:not(.ns-6) .notice-template + .notice-template {
	margin-top: -0.375em !important;
}
#mw-imagepage-content .notice-template + #aboutfile {
	margin-top: 0.75em !important;
}
#mw-imagepage-content .notice-template:not(#aboutfile) {
	margin-top: 0.75em !important;
	margin-bottom: 2.5px !important;
}
.notice-template.copyright {
	margin: 2.5px auto !important;
}
.notice-template p {
	margin: 0.6em 0;
}

/* Navigation templates */

.navbox {
	background: none repeat scroll 0 0 white;
	border: 1px solid grey;
	color: black;
	font-family: Arial;
	font-size: 11px;
	width: 100%;
	margin-top: 15px;
}
.navbox + .navbox,
.navbox .navbox {
	margin-top: 0;
}
.navbox .mw-collapsible-toggle-expanded {
	padding-left: 7px;
}
.navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th {
	padding-left: 42px;
}
.navbox tr:first-child th {
	background: none repeat scroll 0 0 #999999;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.navbox tr th {
	background: none repeat scroll 0 0 #CCCCCC;
	text-align: center;
}
.navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) {
	background: none repeat scroll 0 0 #E6E6E6;
}

.navbox tr:nth-child(2n) td {
	background: none repeat scroll 0 0 #F6F6F6;
}
.navbox tr td {
	background: none repeat scroll 0 0 #FCFCFC;
}

.navbox tr:first-child th, .navbox tr:first-child th a {
	color: #FFFFFF !important;
}

.navbox.light > * > tr:first-child th, .navbox.light > * > tr:first-child th a {
	color: black !important;
}

/* games */
.navbox.game tr:first-child th, .navbox.game tr:first-child th a {
	color: #048204 !important;
}
.navbox.game tr:nth-child(2n) td {
  	background-color: #F5F5F5;
}
.navbox.game tr td {
	background-color: #FBFBFB;
}


/* Tabber */
.infobox .tabbernav {
	font-size: 90%;
}
.tabber.info {
	display: block;
	float: right;
	margin: 0 0 0.5em 1em;
}
.tabber.info .nav {
	display: block !important;
}
.tabber.info .infobox > tbody > tr:nth-child(2) img {
	max-width: 100% !important;
	height: auto !important;
	image-rendering: auto !important;
}
.tabber.info table {
	display: block !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	overflow-x: auto !important;
}
.tabber.info tbody {
	display: table !important;
	width: 100% !important;
}

/* disambig */

#disambig {
    border-top: 3px double #cccccc;
    border-bottom: 3px double #cccccc;
}

/* advanced search options */

#mw-searchoptions {
    background-color: #FFF;
    border: 1px solid #AAA;
}

.mw-search-profile-tabs {
    border: 1px solid #AAA;
}

/* copyright tags */
.notice-template.copyright {
	width: 80%;
	margin: 2.5px auto;
	padding: 5px;
	font-size: 95%;
        background: #FFF3B2;
        border: 1px solid #744F1C;
}
}

/* blue removal */

.mw-ui-button.mw-ui-progressive {
    background-color: #008e00;
    color: #fff;
    border: 1px solid #006700;
}

.mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.is-on {
    background-color: #008e00;
    border-color: #006700;
    box-shadow: none;
}

.mw-ui-button.mw-ui-progressive:hover {
    background-color: #00b500;
    border-color: #006700;
}

#mw-createaccount-join {
    background-color: ghostwhite;
    color: #006700 !important;
}
.mw-ui-button:not(:disabled), .mw-ui-input:not(:disabled) {
    transition:none;
}

.mw-createacct-benefits-container {
    display:none;
}

#mw-createaccount-cta {
    background: none;
    padding-top: 1em;
}

.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
}

.mw-prefs-buttons {
    background:transparent;
    position:inherit;
    padding:5px;
}

#pagehistory li.selected {
    background-color:#fff;
}

.client-js .mw-input-hidden {
    display:inline-block;
}

blockquote {
	border-left: 3px solid #135B09;
	margin-left: 2em;
	padding-left: 1em;
}

div.usermessage a {
    color:#048204 !important;
}

/* edit box colors */
textarea, .wikiEditor-ui .wikiEditor-ui-view {
    border: 1px solid #744F1C;
}

.editOptions {
    border: 1px solid #744F1C;
    border-top: none;
}

/* Indicator icons */
.mw-indicators,
#mw-indicator-shortcut {
	position: relative;
}
.mw-indicator {
	margin: 0 2px;
}
.mw-indicator img {
	image-rendering: auto !important;
}
#mw-indicator-mw-helplink {
	display: none;
}

/* main page */
body.page-Main_Page.action-view h1.firstHeading,
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #catlinks,
body.page-Main_Page.action-view #lastmod,
body.page-Main_Page.action-view .mw-revision { 
	display: none;
}
body.page-Main_Page.action-view #bodyContent {
	margin-top: 16px;
}
body.page-Main_Page.action-view .usermessage {
	margin-top: 43px;
}
body.page-Main_Page.action-view #bodyContent {
	margin-top: -20px;
}
body.page-Main_Page.action-view #siteNotice {
	margin-bottom: 28px;
}

#nav.mainpagebox {
    padding: 2px 2px 5px 0;
    background: #FDFDFF;
    border: 1px solid #000;
}

/* 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;
}

/* Media player fix */
.wikitable .mediaContainer {
	margin-top: 2px;
}
.video-js {
	overflow: hidden;
	display: block !important;
}
.vjs-time-tooltip {
	display: none !important;
}
#file > .video-js {
	display: inline-block !important;
}
.thumb .video-js {
	margin-left: auto;
	margin-right: auto;
}
.infobox .video-js {
	margin-top: 1px;
	min-width: 200px;
	width: auto !important;
}

/* Multimedia viewer */
.mw-mmv-filepage-buttons {
	display: none;
}
.mw-mmv-image img {
	image-rendering: auto !important;
}
.mw-mmv-wrapper {
	font-size: medium;
}

/* Diff lines */
.diff-addedline, .diff-deletedline, .diff-context {
    font-size: 88% !important;
    line-height: 1.6 !important;
    vertical-align: top;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    border-radius: 0.33em;
}

.diff-editfont-monospace .diff-addedline, .diff-editfont-monospace .diff-deletedline, .diff-editfont-monospace .diff-context {
    font: x-small sans-serif;
}

.diff-addedline .diffchange {
    background: #d2f8d2;
}

.diff-addedline {
    border-color: #b0f3b0 !important;
}

/* Warning box */
.warningbox {
    background-color: #fff3b2;
    margin-bottom: 10px;
    border: 1px solid #744F1C;
}

.messagebox, .errorbox, .warningbox, .successbox {
	padding:12px;
}

.mw-revision.warningbox {
    margin-top:0px;
    padding:0px;
    border:0px;
    background:none;
}

.warningbox a {
    color:green;
}

.warningbox a:hover {
    color:green;
    text-decoration:underline;
}

.warningbox a.new {
    color:#ba0000 !important;
}

#mw-revision-info, #mw-revision-info-current, #mw-revision-nav {
    color: #54595d;
}

/* code box color */

pre, .mw-code {
    background-color: ghostwhite;
    border: 1px solid #AAA;
}

/* 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;
}

/* Main Page link colors */

.mainpagebox a, .mainpagebox a:hover {
   color: #048204;
}

.mainpagebox a.new {
    color: #ba0000 !important;
}

/* OOUI fixes */
.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
   overflow: visible;
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    background-color: #f4eecd;
    background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0,#faf8ea),color-stop(100%,#eee4b0)) !important;
    background-image: -webkit-linear-gradient(top,#faf8ea 0,#eee4b0 100%);
    background-image: -moz-linear-gradient(top,#faf8ea 0,#eee4b0 100%);
    background-image: linear-gradient(to bottom,#faf8ea 0,#eee4b0 100%);
    border: 1px solid #e1d7a6;
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive:active > .oo-ui-buttonElement-button {
    background-color: #f4eecd;
    background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0,#eee4b0),color-stop(100%,#faf8ea)) !important;
    background-image: -webkit-linear-gradient(top,#eee4b0 0,#faf8ea 100%);
    background-image: -moz-linear-gradient(top,#eee4b0 0,#faf8ea 100%);
    background-image: linear-gradient(to bottom,#eee4b0 0,#faf8ea 100%);
    border: 1px solid #e1d7a6;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-menuOptionWidget-checkIcon {
    display:none;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color:#d2f8d2;
  color:black !important;  
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
  background-color:#90EE90;
  color:black !important;
}

.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed, .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted, .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
  background-color:#90EE90;
  color:black !important;
}

body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldLayout { margin-right: 10px; display: block; vertical-align: middle !important; }
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldsetLayout-group { display: block !important; }
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon { display: none !important; }
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper.oo-ui-panelLayout-padded .oo-ui-fieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header { padding-left: 0 !important; margin-bottom: 0 !important; }

.oo-ui-textInputWidget .oo-ui-pendingElement-pending {
	display:none;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
	border:1px solid #135B09;
	border-radius:0px;
	box-shadow: none;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
	border-radius:0px;
	box-shadow:none;
	transition:none;
}

.oo-ui-panelLayout-framed {
  border: 1px solid #744F1C;
  border-radius: 0px;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-tagMultiselectWidget-handle {
	border:1px solid #b6b6b3;
	border-radius:0px;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
    border-color: #135B09;
    box-shadow: none;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
    border:1px solid #135B09;
    box-shadow: none;
}

/* Mark redirects on Special:AllPages and Special:EditWatchlist */
.allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect {
	color: #888 !important;
}

/* disable calendar widget */
.mw-widget-calendarWidget {
    display: none !important;
}

.mw-widget-dateInputWidget-handle {
    border-radius: 0px;
}

/* Width fixes */
table {
	max-width: 100%;
}
@media all and (max-width: 1100px) {
	.mw-parser-output table {
		min-width: 0 !important;
	}
}

/* Creates a div class that can be used to add mouse-over functionality. */
.hoverexpand {
	height: 18px;
	padding: 2px;
	overflow: hidden;
	*overflow: visible;
	_overflow: visible;
}
.hoverexpand:hover {
	height: 100%;
	overflow: visible;
}

/* link colors */

a {color:#808000;}
a:hover {color:#808000;}
a:visited {color:#048204;}
a:visited:hover {color:#048204;}
a.new:hover {color:#C12A2B;}
a.new:visited {color: #a55858 !important; }
.mw-parser-output a.extiw { color: #06f; }
.mw-parser-output a.extiw:visited { color: #3366BB; }
.mw-parser-output a.external { color: #06f; }
.mw-parser-output a.external:visited { color: #0044CC; }


/* Explain text */
.explain[title] {
	text-decoration: none;
	border-bottom: 1px dotted;
}

/* New user message box */
.usermessage {
	margin-top: 1em;
}

/* Gallery */
ul.gallery, li.gallerybox div.thumb {
	margin-bottom: 0;
	padding-bottom: 0;
}
#bodyContent ul.gallery {
	margin: 2px;
	padding: 2px;
}
li.gallerycaption {
	text-align: unset;
}

/* References */
ol.references {
	margin-top: 0;
	font-size: 90%;
}
ol.references div {
	display: inline;
}
ol.references span {
	line-height: 1;
}

ol.references li:target, sup.reference:target {
    background-color: transparent;
    font-weight: bold;
}

.contentbox > .mw-collapsible-toggle {
	float: none !important;
}

/* Captcha spacing */
#editform #wpCaptchaWord {
	margin-top: 2.5px;
}
.mw-ui-vform-field:nth-of-type(6) .mw-input {
	margin-top: 10px;
}
#userloginForm .mw-ui-vform-field:nth-of-type(6) {
	margin-bottom: 5px;
}
.mw-input img, #editform img, label img {
	image-rendering: auto !important;
}
.mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input {
	margin-top: 1px;
}
.editOptions .g-recaptcha {
	margin-bottom: 10px;
}
.mw-ui-vform {
	width: 302px;
}

/* Keep create account benefits up top */
.mw-special-CreateAccount #userloginForm {
	margin-right: 90px;
}

/* Adjust inputbox button padding in Firefox */
@-moz-document url-prefix() {
	.bodySearchWrap .mw-ui-button, .createboxButton {
		padding-top: 4px;
		padding-bottom: 5px;
	}
}

/* search results */
.mw-search-profile-tabs {
    background-color: #FFF;
    border: 1px solid gray;
    border-radius: 0px;
}

.results-info {
    color: black;
}

/* Miscellany */
.mw_metadata {
	margin-top: 5px;
}

.right {
	text-align: right;
}

.mw-changeslist-legend {
  border: 1px solid #AAA;
}

fieldset {
  border: 1px solid #744F1C;
}

.suggestions-result-current {
    background-color: #5CA765;
}

div.mw-warning-with-logexcerpt {
    border: 1px solid #135B09;
}

.mw-collapsible-toggle {
	padding-right: 0.3em;
}


.mw-ui-button {
    color: #000;
    margin-bottom: 0.25em;
}

#pagehistory li {
    padding: 2px;
}

.mw-customtoggle, .mw-collapsible-toggle {
    cursor: default;
}

#localNotice {
    margin-bottom: 0.4em;
}

div.noarticletext {
    background: #fff3b2;
    border: 1px solid #744E1C;
}

.thumb .mediaContainer {
	margin: 4px auto 2px;
}
.thumb .multiVert .mediaContainer {
	margin: 3px auto -1px;
}

#toc, .toc {
    margin-bottom: 3px;
}

pre {
	overflow: auto;
}

.top-right { 
	position: absolute;
	top: -27px;
	right: 1px;
}
.top-right-text { 
	position: absolute;
	top: -17px;
	right: 1px;
}


#bodyContent {
    position: relative;
}

.mw-newarticletext {
    margin-bottom: 10px;
    background:#fff3b2;
}
.mw-newarticletext a {
    color: #048204 !important;
}
.mw-newarticletext a:new {
    color: #BA0000 !important;
}

span#mw-editform-cancel {
    display:none;
}

div.tleft, div.tright {
    margin-top: 0.2em;
    margin-bottom: 0.8em;
}

a.mw-selflink:hover {
  color: inherit;
}

.special li {
	line-height: 19px;
}
#preftoc a:active {
	color: #00c; 
}
.oldh3 {
	font-size: 132%; 
}

.easywrap {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	overflow: hidden;
}

.spoiler {
	width: 70%;
	padding: 0.2em;
	margin: 10px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

#whosonline a {
     color:#048204;
}

.mw-editform .editOptions {
    border-radius: 0px;
}

#delete a {
     color:#e6ed79 !important;
}

#mw-revision-info, #mw-revision-info-current, #mw-revision-nav {
    color: #333;
}


#p-cactions li a {
    color:#048204;
}

.toctogglelabel {
    color: #1e4719;
}

a.mw-collapsible-text {
  color: #048204 !important;
}
Retrieved from "https://wikiofmana.com/w/index.php?title=MediaWiki:Common.css&oldid=326"