MediaWiki:Common.css: Difference between revisions

From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
crocwiki
(attempting mobile display fixes.... moving)
(crocwiki)
 
(9 intermediate revisions by the same user not shown)
Line 1:
/* CSS placed here will be applied to all skins */
 
/* <h3> Shared interface </h3> */
/* Gallery */
 
#toc, .toc {
margin-bottom: 3px;
}
 
div.tleft, div.tright {
margin-top: 0.2em;
margin-bottom: 0.8em;
}
.thumb .mediaContainer {
margin: 4px auto 2px;
}
.thumb .multiVert .mediaContainer {
margin: 3px auto -1px;
}
.ns-104 div.thumb {
border-color: transparent;
}
 
ul.gallery, li.gallerybox div.thumb {
margin-bottom: 0;
Line 14 ⟶ 33:
}
 
.mw_metadata {
/* link colors */
margin-top: 5px;
a { color: #00f; }
}
a:visited { color: #00c; }
.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; }
 
#catlinks li {
/* edit options */
margin: 0.28em 0;
.mw-editform .editOptions {
line-height: 1em;
border-radius:0px;
}
 
blockquote {
.editOptions {
border-left: 1px3px solid #00750006f;
margin-left: 2em;
border-top:none;
padding-left: 1em;
}
 
.mw-collapsible-toggle {
/* warning box */
padding-right: 0.3em;
}
.infobox .mw-collapsible-toggle {
min-width: 39px;
text-align: right;
}
.contentbox > .mw-collapsible-toggle {
float: none !important;
}
 
/* Mark redirects on Special:AllPages and Special:EditWatchlist */
.messagebox, .errorbox, .warningbox, .successbox {
.allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect {
padding:12px;
color: #888 !important;
}
 
/* main page */
div.mw-warning-with-logexcerpt {
body.page-Croc_Wiki.action-view h1.firstHeading,
border: 2px solid #007f20;
body.page-Croc_Wiki.action-view #contentSub > *,
body.page-Croc_Wiki.action-view #siteSub,
body.page-Croc_Wiki.action-view #catlinks,
body.page-Croc_Wiki.action-view #lastmod {
display: none !important;
}
body.page-Pokémon_Wiki.action-view #bodyContent {
margin-top: 16px;
}
body.page-Pokémon_Wiki.action-view .usermessage {
margin-top: 43px;
}
 
.mw-/* revision.warningbox {info */
.mw-revision.warningbox, div.mw-message-box-warning.mw-revision.mw-message-box {
margin-top:0px;
padding:0px;
border:0px;
background:transparentnone;
}
 
Line 53 ⟶ 91:
}
 
/* forum formatting */
/* <h3> Navigation templates </h3> */
.forumheader {
 
border: 1px solid #88A;
.navbox {
background-color: #F8F8FF;
background: none repeat scroll 0 0 white;
margin-top: 1em;
border: 1px solid grey;
margin-bottom: 1em;
color: black;
padding: 8px;
font-family: Arial;
font-size: 11px;
width: 100%;
margin-top: 15px;
border-spacing:3px;
}
.forumlist td.forum_edited a {
.navbox + .navbox,
color: #000;
.navbox .navbox {
text-decoration: none;
margin-top: 0;
}
.forumlist td.forum_title a {
.navbox .mw-collapsible-toggle-expanded {
padding-left: 7px20px;
}
.forumlist td.forum_title a.forum_new {
.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;
padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
.navbox tr:first-child th, .navbox tr:first-child th a {
background: none;
color: #FFFFFF !important;
font-weight: normal;
padding-left: 20px;
}
.navbox trforumlist th.forum_title {
padding-left: 20px;
background: none repeat scroll 0 0 #CCCCCC;
text-align: center;
}
 
.navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) {
/* References */
background: none repeat scroll 0 0 #E6E6E6;
ol.references {
margin-top: 0;
font-size: 90%;
}
ol.references div {
.navbox tr th a, .navbox tr th a:visited, .navbox tr th a.new, .navbox tr th a.new:visited {
colordisplay: #000000inline;
}
ol.references span {
.navbox tr:nth-child(2n) td {
line-height: 1;
background: none repeat scroll 0 0 #F6F6F6;
}
 
.navbox tr td {
/* User pages */
background: none repeat scroll 0 0 #FCFCFC;
.ns-2 #mw-content-text p > img {
max-width: 100% !important;
height: auto !important;
}
 
.navbox td a {
/* User talk pages */
color: #0000FF;
.ns-3 [style*="position:fixed"],
.ns-3 [style*="position: fixed"] {
display: none;
}
 
.navbox td a:visited {
/* <h3> All pages </h3> */
color: #0000CC;
 
#bodyContent {
position: relative;
}
 
.navbox td a.new {
/* Diff text */
color: #CC2200;
.diffchange { font-weight: normal; }
.diff-addedline, .diff-deletedline, .diff-context {
font-size: 92%;
}
 
.navbox td a.new:visited {
/* OOUI fix */
color: #A55858;
.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
overflow: visible;
}
 
.navbox td a.selflink {
/* Video widget */
color: #000;
.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;
}
 
/* Keep create account benefits up top */
.navbox.light > * > tr:first-child th, .navbox.light > * > tr:first-child th a {
.mw-special-CreateAccount #userloginForm {
color: black !important;
margin-right: 90px;
}
 
/* Adjust inputbox button padding in Firefox */
/* rc display adjustment */
@-moz-document url-prefix() {
.client-js .mw-input-hidden {
.bodySearchWrap .mw-ui-button, .createboxButton {
display:inline-block;
padding-top: 4px;
padding-bottom: 5px;
}
}
 
/* IndicatorMedia iconsplayer fix */
.wikitable .mediaContainer {
.mw-indicators,
margin-top: 2px;
#mw-indicator-shortcut {
position: relative;
}
 
.mw-indicator {
/* remove box-shadow from notifications */
margin: 0 2px;
#pt-notifications-alert .mw-echo-notifications-badge:focus, #pt-notifications-notice .mw-echo-notifications-badge:focus {
}
box-shadow: none;
.mw-indicator img {
image-rendering: auto !important;
}
#mw-indicator-mw-helplink {
display: none;
}
 
Line 169 ⟶ 228:
}
 
@media all and (max-width: 1100px) {
/* References */
.mw-parser-output table img {
ol.references {
max-width: 100% !important;
margin-top: 0;
height: auto !important;
font-size: 90%;
}
.tabber.gocenter {
width: 100% !important;
}
.tabbertab > .wikitable,
.tabbertab > .sortable {
width: 100% !important;
}
}
 
ol.references div {
/* Infobox templates */
display: inline;
 
.infobox {
background-color: #fff;
border: 1px solid gray;
float: right;
font-size: 88%;
width: 300px;
margin:0 0 1em 1.15em;
border-radius:1em;
padding:3px;
border-spacing:2px;
}
 
ol.references span {
.infobox th {
line-height: 1;
border-radius:1em;
}
 
.infobox tr {
/* Captcha spacing */
vertical-align: top;
#editform #wpCaptchaWord {
margin-top: 2.5px;
}
.infobox td, .infobox th {
#userloginForm label:not([for]) + .mw-input {
margin-toppadding: 10px2px;
}
 
#userloginForm .mw-ui-vform-field:nth-of-type(7) {
.infobox > tbody > tr:first-child > td {
margin-bottom: 5px;
border-radius:1em;
}
 
.mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input {
.infobox > tbody > tr:last-of-type > td:first-of-type {
margin-top: 1px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
 
.editOptions .g-recaptcha {
.infobox.bordered {
margin-bottom: 10px;
border-collapse: collapse;
}
.infobox.bordered td,
.mw-ui-vform {
.infobox.bordered th {
width: 302px;
border: 1px solid #aaa;
}
 
.infobox td, .infobox th,
/* Diff lines */
.infobox.bordered td, .infobox.bordered th {
.diff-addedline, .diff-deletedline, .diff-context {
padding: 2px;
font-size: 88% !important;
line-height: 1.6 !important;
vertical-align: top;
white-space: -moz-pre-wrap;
white-space: pre-wrap !important;
border-style: solid;
border-width: 1px 1px 1px 4px;
border-radius: 0.33em;
}
 
/* Dismissable site notice */
.diff-editfont-monospace .diff-addedline, .diff-editfont-monospace .diff-deletedline, .diff-editfont-monospace .diff-context {
.sitedir-ltr .mw-dismissable-notice-body {
font: x-small sans-serif;
margin: 0 60px 0 0;
}
.sitedir-rtl .mw-dismissable-notice-body {
margin: 0 0 0 60px;
}
 
/* Root category */
body.page-Category_Dragon_Quest_Wiki.action-view #mw-subcategories h3:last-of-type,
body.page-Category_Dragon_Quest_Wiki.action-view #mw-subcategories ul:last-of-type,
body.page-Category_Dragon_Quest_Wiki.action-view #catlinks {
display: none;
}
 
Line 225 ⟶ 312:
height: 474px;
line-height: 1.4em;
}
.wikiEditor-ui .wikiEditor-ui-view {
border: 1px solid #007500;
}
.mw-summary-preview {
Line 238 ⟶ 322:
#wpSummaryWidget .oo-ui-labelElement-label {
margin-right: 3px;
}
 
/* 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;
}
}
 
/* Mark redirects on Special:AllPages and Special:EditWatchlist */
.allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect {
color: #888 !important;
}
 
Line 263 ⟶ 329:
.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;
}
 
.client-js .editButtons .editHelp {
display: none;
}
 
/* remove box-shadow from notifications */
/* OOUI fixes */
#pt-notifications-alert .mw-echo-notifications-badge:focus, #pt-notifications-notice .mw-echo-notifications-badge:focus {
.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
overflow: visible;
}
 
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-menuOptionWidget-checkIcon {
display:none;
}
 
.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 #AAA;
}
 
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border:1px solid #007500;
border-radius:0px;
box-shadow: none;
}
 
.oo-ui-panelLayout-framed {
border: 1px solid #007500;
border-radius: 0px;
}
 
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
box-shadow: none !important;
border: 1px solid #ccc !important;
}
 
.oo-ui-dropdownWidget-handle {
border: 1px solid gray;
border-radius:0px;
}
 
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
border: 1px solid gray;
border-radius: 0.25em !important;
}
 
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color:#007500;
box-shadow:none;
}
 
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
border-radius: 0px !important;
box-shadow: none;
transition: none;
}
 
/* Indicator icons */
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
.mw-indicators,
border-color: #007500;
#mw-indicator-shortcut {
}
 
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
background-color: #ffc6cd;
border-color: #b80000;
}
 
.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;
}
 
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: #e7f4cd;
background-image: -webkit-linear-gradient(top,#f4faea 0,#d9eeb0 100%);
background-image: linear-gradient(to bottom,#f4faea 0,#d9eeb0 100%);
border: 1px solid #cee1a6;
}
 
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background-color: #e7f4cd;
background-image: -webkit-linear-gradient(top,#d9eeb0 0,#f4faea 100%);
background-image: linear-gradient(to bottom,#d9eeb0 0,#f4faea 100%);
border: 1px solid #cee1a6;
}
 
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; }
 
/* disable calendar widget */
.mw-widget-calendarWidget {
display: none !important;
}
 
.mw-widget-dateInputWidget-handle {
border-radius: 0px;
}
 
/* Formatting fixes */
.mw-parser-output table sup { white-space: nowrap; }
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;
}
 
/* Special:Preferences */
#mw-htmlform-mobile .oo-ui-inline-help { display: none; }
 
/* fake links */
span.fakelink {
color: #002bb8;
cursor: pointer;
}
span.fakelink:hover {
text-decoration: underline;
}
 
/* Miscellaneous */
pre {
background-color: #fff;
border: 1px dashed #007500;
color: #000;
overflow:auto;
}
 
.mw_metadata {
margin-top: 5px;
}
 
#bodyContent {
position: relative;
}
.mw-newarticletextindicator {
margin-bottom: 10px0 2px;
}
.top-right {
position: absolute;
top: -31px;
right: 1px;
}
.top-right-text {
position: absolute;
top: -17px;
right: 1px;
}
 
/* Explain text */
fieldset {
.explain[title] {
border: 1px solid #007500;
text-decoration: none;
border-bottom: 1px dotted;
}
 
/* New user message box */
div.tleft, div.tright {
.usermessage {
margin-top: 0.2em;
margin-bottomtop: 0.8em1em;
}
 
/* search feature fixes */
blockquote {
.searchresults {
border-left: 3px solid #007500;
margin-left: 2em1em 0 1em 0.4em;
padding-left: 1em;
}
 
.searchresults .mw-search-exists {
#disambig {
margin-bottom: 3px;
border-top: 3px double #cccccc;
border-bottom: 3px double #cccccc;
margin-top:5px;
}
 
/* Width fixes */
p {
table {
margin: 0.6em 0 0.7em 0;
max-width: 100%;
}
@media all and (max-width: 1100px) {
 
.mw-parser-output table {
.portlet {
min-width: 11.8em0 !important;
}
}
 
/* Multimedia viewer */
#pagehistory li {
.mw-mmv-image img {
padding: 2px;
background: #fff !important;
}
.mw-mmv-filepage-buttons,
 
.mw-mmv-reuse-pane .oo-ui-buttonwidget-disabled {
display: none !important;
color: #000;
margin-bottom: 0.25em;
}
.mw-mmv-overlay {
 
z-index: 10000000000;
 
#localNotice {
margin-bottom: 0.4em;
}
.mw-mmv-wrapper {
 
z-index: 10000000001;
.mw-customtoggle, .mw-collapsible-toggle {
font-size: medium;
cursor: default;
}
 
/* Mobile only */
.mw-collapsible-toggle {
.mobileonly {
padding-right: 0.3em;
display: none;
}
 
/* <h3> Misc / Unsorted </h2> */
.mw-prefs-buttons {
background:transparent;
position:inherit;
padding:5px;
}
 
.rightspecial li {
textline-alignheight: right19px;
}
 
#preftoc a:active {
color: #00c;
}
.easywrap {
 
width: 100%;
.special li {
linetable-heightlayout: 19pxfixed;
word-wrap: break-word;
overflow: hidden;
}
.right {
 
text-align: right;
a.mw-selflink:hover {
color: inherit;
}
 
#editpage-copywarn {
span#mw-editform-cancel {
displaymargin:none 0.6em 0 0.7em 0;
}
 
div.mw-translatenotice, div.mw-editinginterface, div.mw-translateinterface {
.contentbox > .mw-collapsible-toggle {
margin: 0.4em 0 0.5em 0;
float: none !important;
}
 
.successbox {
border-color: #008000;
}
 
.errorbox {
border-color: #d33d33;
}
 
.messagebox, .errorbox, .warningbox, .successbox {
padding:12px;
}
 
div.noarticletext {
border: 1px solid #007500;
background: transparent;
padding-left: 7px;
font-size: 95%;
}
 
.thumb .mediaContainer {
margin: 4px auto 2px;
}
.thumb .multiVert .mediaContainer {
margin: 3px auto -1px;
}
 
.mw-changeslist-legend {
border: 1px solid #aaa;
}
 
.mw-highlight pre {
border: 1px dashed gray;
}
 
#toc, .toc {
margin-bottom: 3px;
}
 
.suggestions-result-current {
background-color:#7C2411;
}
 
#editpage-specialchars {
background:#fff;
}
 
.mw-editinginterface {
color:red;
}
 
.catlinks {
margin-top:10px;
}
 
#pagehistory li.selected {
outline: 1px dashed #007500;
}
 
.suggestions-result-current {
background-color:#007500;
}
 
.whitelinks a {
color:#FFF !important;
}
 
/* remove box-shadow from notifications */
#pt-notifications-alert .mw-echo-notifications-badge:focus, #pt-notifications-notice .mw-echo-notifications-badge:focus {
box-shadow: none;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.

Navigation menu