Common.css

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 */
/* This governs the sections on the Community portal */
.cpbox {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.cpbox #admins {
    box-sizing: border-box;
    width: calc(33% - 10px);
    margin: 5px;
    flex-grow: 1;
    min-width: 300px;
}

.cpbox #help {
    box-sizing: border-box;
    width: calc(67% - 10px);
    margin: 5px;
    flex-grow: 1;
}

/***************************
/* Template example styles *
/***************************/
span.templateexmaple {
  font-family: fixed-width;
}

span.templateexample span.templatelink {
  font-weight: bold;
}

span.templateexample span.paramname {
}

span.templateexample span.paramvalue {
  color: #777777;
  font-style: italic;
}

/********************
/* Notice templates *
/********************/
.topNotice {
  border: 2px solid #ff9900;
  background: #ffffff;
  color: #333333;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

.topNotice .heading {
  color: #222222;
  font-size: 132%;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

.topNotice.delete {
  border: 2px solid #ff0000;
}

.topNotice.move, .topnotice.merge, .topnotice.split {
  border: 2px solid #bb8800;
}

.topNotice.pagestub, .topNotice.imagerequest, .topNotice.nowalkthrough {
  border: 2px solid #008000;
}

/******************
/* Image licenses *
/******************/
div.imageLicense {
  border: 2px solid #ff6600;
  background: #ffffff;
  color: #333333;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.imageLicense.nolicense {
  border: 2px solid #ff0000;
}


/******************
/* General styles *
/******************/
.contentbox {
  border: 1px solid #aaaaaa;
  background: #eeeeee;
  color: #333333;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

span.bullet {
  background: transparent no-repeat center 60%;
  width: 9px;
  font-size: 11px;
  vertical-align: baseline;
}

.dablink {
  padding: 2px 36px 10px 36px;
  font-style: italic;
}

span.ghost {
  color: #777777; /* For any text that appear fainter for some reason */
}

.columns {
  padding: 0;
  margin: 10px 0 0 0;
  overflow: hidden;
}

.columns .leftcol {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.columns .centercol {
  float: left;
  margin: 0;
  padding: 0;
}

.columns .rightcol {
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}

/* Template:Key coloration */

/* Dark Wiki Variation */
.keysDark {
	color:black; 
	border: 1px solid rgb(170, 170, 170); 
	box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221); 
	border-radius: .2em; 
	background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238)); 
	background-color: rgb(249, 249, 249); 
	padding: 0.1em 0.6em 0.1em 0.6em; 
	margin-right:2px; 
	font-size:85%; 
	font-family:inherit; 
	font-style:normal;
}

/* Light Wiki Variation */
.keysLight {
	color:white; 
	border: 1px solid rgb(0, 0, 0); 
	box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0); 
	border-radius: .2em; 
	background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30)); 
	background-color: rgb(30, 30, 30); 
	padding: 0.1em 0.6em 0.1em 0.6em; 
	margin-right:2px; 
	font-size:85%; 
	font-family:inherit; 
	font-style:normal;
}

/* End Template:Key coloration */