MediaWiki:Common.css

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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* <pre> */

/* Miscellaneous formatting features */

.sc { font-variant: small-caps }

#siteSub {
    display: inline;
    font-size: 100%;
    font-weight: normal;
}

.metrobox { color:#fff; font-family:'Segoe UI','Segoe',Segoe,'Lucida Grande',Verdana,Arial,Helvetica,sans-serif; }
.metrobox a:link, .metrobox a:visited, .metrobox a:hover { color:#fff; }

/* '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;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}

/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2012-02-29
 */
.mw-charinsert-buttons {
	margin-top: 10px;
	border: 0;
	padding: 3px;
	text-align: center;
	background-color: #131313 !important;
line-height:32px;
}
.mw-charinsert-buttons a {
	color: white;
	background-color: #131313 !important;
	font-weight: bold;
	text-decoration: none;
	padding: 0.4em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
	background-color: #353535 !important;
}
.client-js .mw-edittools-section {
	display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
	font-size: 0.9em;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 1px;
}
.pidgicolor {
background: #CF8B54;
}
.lighthover:hover,
.lighthover:active {
background: #BF824D;
}
/*For the FAQ page*/
.Q {
  background: #CF8B54;
  padding: 0.2em;
  text-align: left;
  height: 27px;
  width: 100%;
  display:block;
  overflow: hidden;
  z-index:-1;
  opacity:1;
  filter:alpha(opacity=100);
  transition: height 0.2s,background-image 0.2s;
  -moz-transition: height 0.2s,background-image 0.2s; /* Firefox 4 */
  -webkit-transition: height 0.2s,background-image 0.2s; /* Safari and Chrome */
  -o-transition: height 0.2s,background-image 0.2s; /* Opera */
}
  .Q:hover {
  background: #CF8B54; 
  padding: 0.2em;
  text-align: left;
  height: 55px;
  width: 100%;
  display:block;
  overflow: hidden;
  z-index:-1;
  transition: height 0.2s,background-image 0.2s;
  -moz-transition: height 0.2s,background-image 0.2s; /* Firefox 4 */
  -webkit-transition: height 0.2s,background-image 0.2s; /* Safari and Chrome */
  -o-transition: height 0.2s,background-image 0.2s; /* Opera */
  opacity:1;
  filter:alpha(opacity=100);
}


/* </pre> */