MediaWiki:Common.css: Difference between revisions

Revision as of 16:29, 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;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* 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 div#content * {
  box-sizing: border-box;
}
.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;
}