MediaWiki:Common.css: Difference between revisions

Latest revision as of 11:31, 18 February 2021

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

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

/* Background image */
body.mediawiki {
   background-image: url("https://www.returnofreckoning.com/forum/styles/dawar/theme/images/theme/ror.jpg");
   background-position: center;
   background-repeat: repeat !important;
}

	.plainlist ol,
	.plainlist ul {
		line-height: inherit;
		list-style: none none;
		margin: 0
	}
	.plainlist ol li,
	.plainlist ul li {
		margin-bottom: 0
	}
	.plainlist li ol,
	.plainlist li ul {
		margin-left: 1.6em
	}



	.box-inline {
		color: #0E0E0E !important;
                border-style: solid;
                border-width: 2px;
                border-color: #db8200;
		border-radius: 4px
	}
	.box-inline .heading {
		border-radius: 3px
	}
	.box-inline hr {
		background: #CCC !important;
		margin: 5px 0px 5px
	}
	.box-inline .heading .mw-headline {
		color: white
	}
	.box-inline .heading .mw-headline img {
		margin-right: 5px
	}
	.box-inline .subheading,
	span[style="color:#FFCD51"] {
		color: #273442 !important
	}



	.grid-container {
		display: grid;
		grid-template-areas: 'header header header header header header' 'middle middle middle middle middle right' 'middle2 middle2 middle2 middle2 middle2 right' 'middle3 middle3 middle3 middle3 middle3 right' 'bottom bottom bottom bottom bottom right'
	}
	@media only screen and (max-width:80rem) {
		.grid-container {
			grid-template-areas: 'header header header header header header' 'middle middle middle middle right right' 'middle2 middle2 middle2 middle2 right right ' 'middle3 middle3 middle3 middle3 middle3 middle3' 'bottom bottom bottom bottom bottom bottom'
		}
	}
	@media only screen and (max-width:64rem) {
		.grid-container {
			grid-template-areas: 'header header header header header header' 'middle middle middle middle middle middle' 'middle2 middle2 middle2 middle2 middle2 middle2' 'middle3 middle3 middle3 middle3 middle3 middle3' 'right right right right right right' 'bottom bottom bottom bottom bottom bottom'
		}
	}
	.header {
		grid-area: header
	}
	.bottom {
		grid-area: bottom
	}
	.left {
		grid-area: left
	}
	.right {
		grid-area: right
	}
	.middle {
		grid-area: middle
	}
	.middle2 {
		grid-area: middle2
	}
	.middle3 {
		grid-area: middle3
	}

/* InfoBox to right */
.infobox {
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
}

/* dark table style */
.darktable, .darkbox {
 border: 1px solid #aaa;
 padding: 5px;
 background: #F9F9F9;
 margin: 0.5em 0em 1em 0.5em;
}
.darktable, .stylish {
 font-size: 89%;
}

/* dark table style */
.darktable, .darkbox {
 border: 1px solid #aaa;
 padding: 5px;
 background: #F9F9F9;
 margin: 0.5em 0em 1em 0.5em;
}
.darktable, .stylish {
 font-size: 89%;
}
.stylish {
	padding: 5px;
	margin: 0.5em 0em 1em 0.5em;
}

table.darktable th, table.darktable tr:not(:first-child) th.outer, table.darkbox th, table.darkbox tr:not(:first-child) th.outer, table.stylish td:first-child {
 background-color: #ccf;
 padding: 0 0.5em;
}
table.darktable caption {
 font-size: 120%;
 font-weight: bold;  
}
table.darktable tr:not(:first-child) th, table.darkbox tr:not(:first-child) th { background-color: #ddf; }
.rowtitle { font-size: 1.15em; padding: 0.2em 2em 0.2em 0.5em}

table.extrapadding td {
  padding-left: 4px;
  padding-right: 4px;
}

table.td-right td { text-align: right; }

/* title stuff */
.title {
 background-color: #ddf;
 text-align:center;
 font-weight:bold;
 padding: 1px 2px;
}

.alt, .rowtitle { background-color: #e9e9ff; }
table.zebra > tbody > tr:nth-child(2n+1) {background-color: #e9e9ff; }