MediaWiki:Common.css

From CycleChaos
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
.navbox {
 border:1px solid #a2a9b1;
 width:100%;
 margin:auto;
 clear:both;
 font-size:88%;
 text-align:center;
 padding:1px;
 border-spacing: 0px;
 border-collapse: separate;
}
.navbox-inner,
.navbox-subgroup {
 width:100%
}
table.navbox + table.navbox {
 margin-top:-1px
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
 text-align:center;
 padding-left:1em;
 padding-right:1em
}
th.navbox-group {
 white-space:nowrap;
 text-align:right
}
.navbox,
.navbox-subgroup {
 background:#fdfdfd
}
.navbox-list {
 border-color:#fdfdfd
}
.navbox th,
.navbox-title {
 background:#ccccff
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
 background:#ddddff
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
 background:#e6e6ff
}
.navbox-even {
 background:#f7f7f7
}
.navbox-odd {
 background:transparent
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
 padding:0.125em 0
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
 white-space:nowrap
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
 white-space:normal
}
ol + table.navbox,
ul + table.navbox {
 margin-top:0.5em
}
.navbar {
 display:inline;
 font-size:88%;
 font-weight:normal
}
.navbar ul {
 display:inline;
 white-space:nowrap
}
.navbar li {
 word-spacing:-0.125em
}
.navbox .navbar {
 display:block;
 font-size:100%
}
.navbox-title .navbar {
 float:left;
 text-align:left;
 margin-right:0.5em;
 width:6em
}


/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
	font-size: 100%;
}
.navbox .navbar {
	display: block;
	font-size: 100%;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
	/* @noflip */
	float: right;
	font-weight: normal;
	/* @noflip */
	margin-left: 0.5em;
	/* @noflip */
	text-align: right;
	width: auto;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle {
	font-weight: normal;
	/* @noflip */
	text-align: right;
	padding-right: 0.2em;
	padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
}

/* Infobox template style */
.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
}
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	padding: 0.2em;
	text-align: center;
}
.infobox td,
.infobox th {
	vertical-align: top;
	/* @noflip */
	text-align: left;
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}

.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}

.infobox.standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
	border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #a2a9b1;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
	border-collapse: collapse;
	line-height: 1.2em;
	font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
	border: 0;
	padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
	border-top: 0;
	border-bottom: 1px solid #a2a9b1;
	padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
	border: 0;
	padding: 0;
}

/* increase Vector sidebar width to accommodate ads */
div#mw-panel { width: 12em; }
div#p-Ads div.body {margin: 0em !important; }
div#footer, #mw-head-base, div#content { margin-left: 12em; }
#left-navigation { margin-left: 12em; }






/* Infobox template style */
.infobox2 {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size:smaller; 
	line-height: 1.5em;
        border-collapse:collapse;
}
.infobox2 caption {
	font-size: 125%;
	font-weight: bold;
	padding: 0.2em;
	text-align: center;
}
.infobox2 td,
.infobox2 th {
	vertical-align: top;
	/* @noflip */
	text-align: left;
        background:#f0f0f0;
}
.infobox2.bordered {
	border-collapse: collapse;
}
.infobox2.bordered td,
.infobox2.bordered th {
	border: 1px solid #a2a9b1;
}
.infobox2.bordered .borderless td,
.infobox2.bordered .borderless th {
	border: 0;
}

.infobox2.sisterproject {
	width: 20em;
	font-size: 90%;
}

.infobox2.standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}
.infobox2.standard-talk.bordered td,
.infobox2.standard-talk.bordered th {
	border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox2.bordered .mergedtoprow td,
.infobox2.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #a2a9b1;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

.infobox2.bordered .mergedrow td,
.infobox2.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}


.motorcycle {

 width:22em; 
 text-align:left;
 font-size:75%; 
 line-height:1.5em;
}



.motorcycle td, .motorcycle th {
}

.motorcycle td.p-name {
  padding-left: 0.5em;
}

.motorcycle-stub {
background-color: transparent;
}
.motorcycle-stub td {
padding: 1px;
}

.fullImageLink img {
width: 100%;
height: auto;
object-fit: cover;
}