MediaWiki:Common.css: Difference between revisions

Revision as of 16:27, 6 May 2014

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

body { background: #d9d9d9 }

#footer {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}


/* americancensorship.org css banner */
div#p-logo { z-index: 0 }
span.americancensorshipdotorg a.external {
width: 140px; height: 40px;
top:20px; left:-150px;
-webkit-transform: rotate(-30deg);	
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
transform: rotate(-30deg);
position: absolute; z-index:10;
vertical-align: middle; text-align: center;
background-color: black;
background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);
background-position: center center;
background-repeat: no-repeat;
border:2px solid black
}
span.americancensorshipdotorg a.external:hover { border:2px solid white }
span.americancensorshipdotorg a span { display:none }

/* FWD */
.page-Front-end_Web_Development div#content {
  padding: 0;
}
.page-Front-end_Web_Development h1, .page-Front-end_Web_Development h2 {
  border-bottom: 0;
}
.page-Front-end_Web_Development .firstHeading {
  display: none;
}
.page-Front-end_Web_Development .hero {
  background: url('/images/4/4f/Fwd-hero.jpg') no-repeat 50% 50%;
  background-size: cover;
}
.page-Front-end_Web_Development .hero__hgroup, .page-Front-end_Web_Development .hero__details {
  float: left;
  width: 50%;
}
.page-Front-end_Web_Development .hero__hgroup {
  font-weight: 300;
}
.page-Front-end_Web_Development .hero__hgroup h1 {
  color: #A2B3DB;
}
.page-Front-end_Web_Development .hero__hgroup h2 {
  color: #7292DB;
}
.page-Front-end_Web_Development .hero__details {
  padding: 20px;
}
.page-Front-end_Web_Development .hero__detail {
  float: left;
}
.page-Front-end_Web_Development .hero__detail--what, .page-Front-end_Web_Development .hero__detail--where {
  background: #36207C;
  color: #8C73DB;
}
.page-Front-end_Web_Development .hero__detail--who, .page-Front-end_Web_Development .hero__detail--when {
  background: #116C6C;
  color: #64D7D7;
}