MediaWiki:Common.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(105 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins on desktop */


/* Staff highlights */
/* Navbox style
/* Edit here: https://www.pikminwiki.com/MediaWiki:Gadget-StaffHighlights.css */
      Edit here: https://www.pikminwiki.com/MediaWiki:Gadget-NavboxStyle.css
 
  Staff highlights
/* Don't display some stuff on the main page */
      Edit here: https://www.pikminwiki.com/MediaWiki:Gadget-StaffHighlights.css */
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 {
display: none;
}
 
/* Navigation boxes */
table.navbox {
background-color: #F9F9F9;
border: 1px solid #AAA;
clear: both;
font-size: 90%;
margin: 15px auto 0;
padding: 0.2em;
text-align: center;
min-width: 200px;
max-width: 95%;
}
.navbox + .navbox {
margin-top: 5px;
}
table.navbox th {
background-color: #CCF;
padding-left: 1em;
padding-right: 1em;
}
table.navbox tr:not(:first-child) th {
background-color: #DDF;
}
@media print {
.navbox {
display: none;
}
}


/* Infoboxes */
/* Infoboxes */
.infobox {
.infobox {
border: 1px solid #AAA;
color: #000;
background-color: #F9F9F9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
float: right;
clear: right;
clear: right;
font-size: 80%;
font-size: 80%;
text-align: left;
text-align: left;
min-width: 150px;
max-width: 350px;
max-width: 350px;
min-width: 150px;
border: 1px solid #aaa;
background-color: #f9f9f9;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
}
}
.infobox td,
.infobox td, .infobox th {
.infobox th {
vertical-align: top;
vertical-align: top;
}
.infobox th {
background: #E6E9FF;
vertical-align: middle;
}
}
.infobox caption {
.infobox caption {
Line 77: Line 37:
.infobox.bordered td,
.infobox.bordered td,
.infobox.bordered th {
.infobox.bordered th {
border: 1px solid #AAA;
border: 1px solid #aaa;
}
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless td,
Line 83: Line 43:
border: 0;
border: 0;
}
}
.infobox.sisterproject {
.infoboxTitle {
width: 20em;
font-size: 90%;
}
.infoboxTitle{
font-size: 140%;
font-size: 140%;
background: #CCF;
text-align: center;
text-align: center;
}
@media print {
.infobox.sisterproject {
display: none;
}
}
}


Line 102: Line 52:
.infobox.bordered .mergedtoprow th {
.infobox.bordered .mergedtoprow th {
border: 0;
border: 0;
border-top: 1px solid #AAA;
border-top: 1px solid #aaa;
border-right: 1px solid #AAA;
border-right: 1px solid #aaa;
}
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
.infobox.bordered .mergedrow th {
border: 0;
border: 0;
border-right: 1px solid #AAA;
border-right: 1px solid #aaa;
}
}


/* Boldify edit tab */
/* Bold edit tab */
#ca-edit a {
#ca-edit a {
font-weight: bold !important;
font-weight: bold !important;
}
/* Italicise redirects in Allpages, Watchlist and Recent Changes */
.allpagesredirect {
font-style: italic;
}
.watchlistredir {
font-style: italic;
}
/* Misc tables */
.technicaltable {
min-width: 380px;
}
/* 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;
}
li.gallerycaption {
text-align: unset;
}
/* File pages */
#file img {
background: url(/resources/src/mediawiki.action/images/checker.png) repeat;
}
.mw_metadata {
margin-top: 5px;
}
}


/* Forum */
/* Forum */
.forumheader {  
.forumheader {
border: 1px solid #AAA;
background-color: #F9F9F9;
margin: 1em 0 15px;
margin: 1em 0 15px;
padding: 12px;
padding: 12px;
}
}
.forumlist td.forum_edited a {  
.forumlist td.forum_edited a {
color: black;
color: #000;
text-decoration: none  
text-decoration: none  
}
}
.forumlist td.forum_title a {  
.forumlist td.forum_title a {
padding-left: 20px;
padding-left: 20px;
}
}
.forumlist td.forum_title a.forum_new {
.forumlist td.forum_title a.forum_new {
font-weight: bold;
font-weight: bold;
background: url(/images/forum_new.gif) center left no-repeat;
background: url(https://pikmin.wiki.gallery/images/forum_new.gif) center left no-repeat;
padding-left: 20px;
padding-left: 20px;
}
}
.forumlist td.forum_title a.forum_new:visited {  
.forumlist td.forum_title a.forum_new:visited {
font-weight: normal;
font-weight: normal;
background: none;
background: none;
padding-left: 20px;
padding-left: 20px;
}
}
.forumlist th.forum_title {  
.forumlist th.forum_title {
padding-left: 20px;
padding-left: 20px;
}
/* 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;
}
#wpSummary, #wpSummaryLabel {
margin: 0.2em 0 0.4em 0 !important;
}
input#wpSummary {
width: 99%;
}
#wpSummaryWidget .oo-ui-labelElement-label {
margin: -4px 10px 0 0;
}
/* 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;
}
/* Dismissable SiteNotice */
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0 60px 0.5em 0;
}
.sitedir-rtl .mw-dismissable-notice-body {
margin: 0 0 0.5em 60px;
}
/* Auto-scroll if <pre></pre> box is too wide */
pre {
overflow: auto;
}
/* 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;
}
/* Adjust inputbox button padding in Firefox */
@-moz-document url-prefix() {
.bodySearchWrap .mw-ui-button, .createboxButton {
padding-top: 4px;
padding-bottom: 5px;
}
}
}


/* Pikipedia boxes */
/* Pikipedia boxes */
.pikipediaBox {
.pikipediaBox {
background-color: #CFC;
color: #000;
border: 2px outset #0b0;
margin: 0 auto 10px;
margin: 5px auto 10px;
padding: 0 0.5em;
padding: 0 .5em;
}
}
h2 + .pikipediaBox,
div + .pikipediaBox,
div + .pikipediaBox,
table + .pikipediaBox,
.pikipediaBox + .navbox {
.pikipediaBox + .navbox {
margin-top: 10px;
margin-top: 10px;
Line 286: Line 106:
.pikipediaBox + .pikipediaBox {
.pikipediaBox + .pikipediaBox {
margin-top: -5px;
margin-top: -5px;
}
body.anon.ns-content #bodyContent .pikipediaBox.show {
margin-top: 0 !important;
}
body.anon.ns-content #bodyContent .pikipediaBox:not(.show) {
display: none !important;
}
/* Titled boxes */
.titledBox{
width: 100%;
background: #f5fffa;
border: 1px solid #cef2e0;
margin-top: 10px;
padding: 6px;
}
.titledBoxTitle{
width: 100%;
height: 1em;
background: #cef2e0;
border: 1px solid #a3bfb1;
padding: 0 5px;
font-size: 1.2em;
font-weight: bold;
}
/* Area navbox icons */
.navboxIcon img{
transition: all 0.3s;
transform: scale(0.8);
}
.navboxIcon img:hover{
transform: scale(1.0);
}
/* Pikipedia:Chat */
body.page-Pikipedia_Chat #mw-content-text > .mw-parser-output > p:last-of-type {
margin-bottom: 0;
}
/* MediaWiki collapsible buttons */
.mw-collapsible-toggle {
font-weight: normal;
}
}


/* References */
/* References */
ol.references {
sup.reference:target,
margin-top: 0;
ol.references li:target {
}
background-color: #cfc;
ol.references div {
display: inline;
}
ol.references span {
line-height: 1;
}
}


/* Indicator icons */
/* Indicator icons */
.mw-indicators {
position: relative;
}
.mw-indicator {
.mw-indicator {
margin: 0 2px;
margin: 0 2px;
}
.mw-indicator img {
image-rendering: auto !important;
}
#mw-indicator-mw-helplink {
display: none;
}
/* Explain text */
.explain[title] {
text-decoration: none;
border-bottom: 1px dotted;
}
/* New user message box */
.usermessage {
margin-top: 1em;
}
/* Width fix */
table {
max-width: 100%;
}
/* 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 */
/* Who's online */
.mw-mmv-filepage-buttons {
#whosonline {
display: none;
margin-bottom: 1px;
}
.mw-mmv-image img {
image-rendering: auto !important;
}
.mw-mmv-wrapper {
font-size: medium;
}
 
/* Main page layout */
.main-page-left-col {
width: 65%;
vertical-align: top;
}
.main-page-right-col {
padding-left: 8px;
vertical-align: top;
}
}

Latest revision as of 14:12, August 17, 2024

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

/* Navbox style
       Edit here: https://www.pikminwiki.com/MediaWiki:Gadget-NavboxStyle.css
   Staff highlights
       Edit here: https://www.pikminwiki.com/MediaWiki:Gadget-StaffHighlights.css */

/* Infoboxes */
.infobox {
	color: #000;
	float: right;
	clear: right;
	font-size: 80%;
	text-align: left;
	min-width: 150px;
	max-width: 350px;
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: 0.2em;
}
.infobox td, .infobox th {
	vertical-align: top;
}
.infobox caption {
	font-size: larger;
	margin-left: inherit;
}
.infobox img {
	max-width: 340px;
	height: auto !important;
}
.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;
}
.infoboxTitle {
	font-size: 140%;
	text-align: center;
}

/* Bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	border-right: 1px solid #aaa;
}

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

/* Forum */
.forumheader {
	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://pikmin.wiki.gallery/images/forum_new.gif) center left no-repeat;
	padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
	font-weight: normal;
	background: none;
	padding-left: 20px;
}
.forumlist th.forum_title {
	padding-left: 20px;
}

/* Pikipedia boxes */
.pikipediaBox {
	color: #000;
	margin: 0 auto 10px;
	padding: 0 0.5em;
}
h2 + .pikipediaBox,
div + .pikipediaBox,
table + .pikipediaBox,
.pikipediaBox + .navbox {
	margin-top: 10px;
}
.pikipediaBox + .pikipediaBox {
	margin-top: -5px;
}

/* References */
sup.reference:target,
ol.references li:target {
	background-color: #cfc;
}

/* Indicator icons */
.mw-indicator {
	margin: 0 2px;
}

/* Who's online */
#whosonline {
	margin-bottom: 1px;
}