MediaWiki:Common.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
(Moved some style info that was hardcoded on the main page.)
mNo edit summary
 
(108 intermediate revisions by 3 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;
}
}


/* 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 */
.mw-mmv-filepage-buttons {
display: none;
}
.mw-mmv-image img {
image-rendering: auto !important;
}
.mw-mmv-wrapper {
font-size: medium;
}
/* Main page layout */
main-page-left-col {
vertical-align:top;
width:65%;
}
}


main-page-right-col {
/* Who's online */
vertical-align:top;
#whosonline {
padding-left:8px;
margin-bottom: 1px;
}
}

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;
}
Retrieved from "https://www.pikminwiki.com/index.php?title=MediaWiki:Common.css&oldid=309533"