Difference between revisions of "MediaWiki:Common.css"

Revision as of 20:34, 31 December 2015

/* CSS placed here will be applied to all skins */
@import url(https://fonts.googleapis.com/css?family=Cabin:400,500,700,400italic);

* {
  font-family: 'Cabin', Helvetica, Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; 
}

body {
  background-color: #42b2e6;
  background: url("../../images/pattern-curtain.png"), -moz-radial-gradient(center, ellipse cover, #2473a1 0%, #053856 100%);
  background: url("../../images/pattern-curtain.png"), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #2473a1), color-stop(100%, #053856));
  background: url("../../images/pattern-curtain.png"), -webkit-radial-gradient(center, ellipse cover, #2473a1 0%, #053856 100%);
  background: url("../../images/pattern-curtain.png"), -o-radial-gradient(center, ellipse cover, #2473a1 0%, #053856 100%);
  background: url("../../images/pattern-curtain.png"), -ms-radial-gradient(center, ellipse cover, #2473a1 0%, #053856 100%);
  background: url("../../images/pattern-curtain.png"), radial-gradient(ellipse at center, #2473a1 0%, #053856 100%);
  width: 100% !important;
  /* overflow: hidden; */
  position: relative; 
  line-height: 24px;
  font-size: 16px
}


/* BEGIN: MAIN BODY FORMATTING */

.mw-body {
  color: #555;
  line-height: 24px;
  font-size: 16px; 
  /*margin-left: 176px;*/

}     /* Need to fix this so that the top nav doesn't slide out of place for larger or smaller fonts. */

.mw-body a:link {
    color: #555;
    text-decoration: underline;
    font-weight: bold;
}

.mw-body a:visited {
    color: #555;
    text-decoration: underline;
    font-weight: bold;
}

.mw-body a:hover {
    color: #555;
    text-decoration: underline;
    font-weight: bold;
}

.mw-body a:active {
     color: #555;
    text-decoration: underline;
    font-weight: bold;
}

.firstHeading {
  color: #096296;
  margin-bottom: 8px;
  margin-top: 10px; }

.mw-headline {
  color: #4a5257;
  margin-bottom: 8px; 
  margin-top: 10px; }

.toc {
  margin-bottom: 20px; 
  margin-top: 10px; }

image {
  margin-bottom: 20px; 
  margin-top: 20px; }

.wikitable a {
     padding: 20px;
 }


.bodySearchBtnGo {
	-moz-box-shadow: 0px 5px 0px 0px #dddddd;
	-webkit-box-shadow: 0px 5px 0px 0px #dddddd;
	box-shadow: 0px 5px 0px 0px #dddddd;
	background-color:#0A6296;
	border:1px solid #0A6296;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
	font-size:22px;
	padding:16px 26px;
	text-decoration:none;
        margin-left: 20px;
}
.bodySearchBtnGo:hover {
	background-color:#1481C5;
}
.bodySearchBtnGo:active {
	position:relative;
	top:1px;
}

.bodySearchWrap input[type="text"] {
  padding: 16px;
  border: solid 1px #dcdcdc;
   background-color: #FDE4AB;
  font-size:22px;
  transition: box-shadow 0.3s, border 0.3s;
}
.bodySearchWrap input[type="text"]:focus,
.bodySearchWrap input[type="text"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}


/* END: MAIN BODY FORMATTING */

/* BEGIN: LEFT-HAND PORTAL FORMATTING */

div#mw-panel div.portal div.body ul li a:link {
    color: #096296;
}

div#mw-panel div.portal div.body ul li a:visited {
    color: #096296;
}

div#mw-panel div.portal div.body ul li a:hover {
    color: #096296;
    text-decoration: underline;
}

div#mw-panel div.portal div.body ul li a:active {
    color: #096296;
    text-decoration: underline;
}

/* END: LEFT-HAND PORTAL FORMATTING */

/* BEGIN: TOP HEADER FORMATTING */

/* Set Header links to gray be default to capture most tabs */
div#mw-head a:link{
    color: #6D6E71;
    font-weight: bold;
}

div#mw-head a:active{
    color: #096296;
    font-weight: bold;
    text-decoration: underline;
}

div#mw-head a:hover{
    color: #096296;
    font-weight: bold;
    text-decoration: underline;
}

div#mw-head a:visited {
    color: #6D6E71;
    font-weight: bold;
}

/* Set top-right headers to white since they are on a gray border */
div#p-personal a:link{
    color: #FFFFFF;
    font-weight: bold;
}

div#p-personal a:active{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

div#p-personal a:hover{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

div#p-personal a:visited {
    color: #FFFFFF;
    font-weight: bold;
}




/* END: TOP HEADER FORMATTING */


/* BEGIN: FOOTER FORMATTING */

#footer-places a:link{
    color: #096296;
    font-weight: bold;
}

#footer-places a:visited {
    color: #096296;
    font-weight: bold;
}

#footer-places a:active {
    color: #096296;
    font-weight: bold;
    text-decoration: underline;
}

#footer-places a:hover{
    color: #096296;
    font-weight: bold;
    text-decoration: underline;
}

/* END: FOOTER FORMATTING */

/* BEGIN: BACKGROUND FORMATTING */

#footer {
     background-color: #b3c7d6;
}

.portal {
     background-color: #b3c7d6;
     /* border-radius: 10px; */
}

#mw-head {
  background-color: #6D6E71;
}

.selected {
    background: none;
    background-color: #FF0000;

}