MediaWiki:Common.css

From MythCraft Online SRD
Revision as of 12:57, 14 November 2023 by Mythcraftadmin (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, 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.
/* CSS placed here will be applied to all skins */




/* TABLES */
table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

th{
background-color: #059862;
}

td, th {
  border: 1px solid #ddd;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2;}

tr:hover {background-color: #ddd;}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
}


/* To make images responsive */
.res-img img {
	max-width:90%;
	height:auto;
}

/*Take off "Main Page" from the home page */
body.page-Main_Page h1 { display: none; }


body {
background: url("/images/TexturedBackground.jpg");
background-size: cover;
background-attachment: fixed;
}

div #mw-panel {

	/* Color & Background */
	background-attachment: scroll;
	background-color: rgba(252, 101, 67, 1);
	
	/* Box */
	height: 100%;
	width: 170px;

	/* Positioning */
	position: fixed;

	/* Effects */
    border-padding-top: 80px;
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 8px;



}

div #mw-panel ul li{
    font-size:12px!important;
    color:white!important;
}

div #mw-panel ul li a,div#footer ul li a:visited {
    color: white!important;
}


footer ul li{
    font-size:12px!important;
    color:white!important;
}

footer ul li a,div#footer ul li a:visited {
    color: white!important;
}

footer {

	/* Color & Background */
	background-attachment: scroll;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	color: rgb(194, 200, 207);

	/* Box */
	height: 100px;
	width: 90%;
	border: 0px none rgb(194, 200, 207);
	border-top: 0px none rgb(194, 200, 207);
	border-right: 0px none rgb(194, 200, 207);
	border-bottom: 0px none rgb(194, 200, 207);
	border-left: 0px none rgb(194, 200, 207);
	padding: 20px;
	max-height: none;
	min-height: 0px;
	max-width: none;
	min-width: 0px;

	/* Effects */
	transform: none;
	transition: all 0s ease 0s;
	outline: rgb(255, 0, 0) dashed 1px;
	outline-offset: 0px;
	box-sizing: content-box;
	resize: none;
	text-shadow: none;
	text-overflow: clip;
	word-wrap: normal;
	box-shadow: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

div #mw-head {

	/* Color & Background */
	background-attachment: scroll;
	background-color: rgba(44, 37, 3, 1);


	/* Positioning */
	position: scroll;
}

div #mw-head ul li{
    font-size:12px!important;
    color:white!important;
}

div #mw-head ul li a,div#footer ul li a:visited {
    color: white!important;
}


a {
	/* Font & Text */
	font-family: sans-serif;
	font-size: 9.75px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 13.5px;
	text-decoration: none solid rgb(255, 255, 255);
	text-align: left;
	text-indent: 0px;
	text-transform: none;
	vertical-align: baseline;
	white-space: nowrap;
	word-spacing: 0px;

	/* Color & Background */
	background-attachment: scroll;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(rgba(167, 215, 249, 0) 0px, rgb(167, 215, 249) 100%);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	color: rgb(255, 255, 255);

	/* Box */
	height: 30px;
	width: 55.5625px;
	border: 0px none rgb(255, 255, 255);
	border-top: 0px none rgb(255, 255, 255);
	border-right: 0px none rgb(255, 255, 255);
	border-bottom: 0px none rgb(255, 255, 255);
	border-left: 0px none rgb(255, 255, 255);
	margin: 0px;
	padding: 12.1875px 8px 0px;
	max-height: none;
	min-height: 0px;
	max-width: none;
	min-width: 0px;

	/* Positioning */
	position: relative;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	float: left;
	display: block;
	clear: none;
	z-index: auto;

	/* List */
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;

	/* Table */
	border-collapse: separate;
	border-spacing: 0px 0px;
	caption-side: top;
	empty-cells: show;
	table-layout: auto;

	/* Miscellaneous */
	overflow: visible;
	cursor: pointer;
	visibility: visible;

	/* Effects */
	transform: none;
	transition: all 0s ease 0s;
	outline: rgb(255, 0, 0) dashed 1px;
	outline-offset: 0px;
	box-sizing: border-box;
	resize: none;
	text-shadow: none;
	text-overflow: clip;
	word-wrap: normal;
	box-shadow: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}