Difference between revisions of "MediaWiki:Common.css"

From WikiConference North America
Jump to navigation Jump to search
(Changing header font weight)
(Roboto --> Source Sans Pro)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
   
@import url(http://fonts.googleapis.com/css?family=Roboto:300,700);
+
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);
   
 
/* Typography */
 
/* Typography */
Line 7: Line 7:
   
 
.firstHeading {
 
.firstHeading {
font-weight:300;
+
font-weight:600;
 
border-bottom: none;
 
border-bottom: none;
 
margin-bottom:10px;
 
margin-bottom:10px;
Line 21: Line 21:
   
 
body {
 
body {
 
font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight:300;
 
font-family:Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
 
}
 
}
   

Revision as of 12:32, 20 May 2015

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

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);

/* Typography */
/* Makes site-wide what has been implemented on a page-by-page basis */

.firstHeading {
   font-weight:600;
   border-bottom: none;
   margin-bottom:10px;
   padding-top:10px !important;
   padding-left:0;
   font-size: 2.4em !important;
   width:100%;
   margin:auto;
   border-collapse:collapse;
   vertical-align:top;
   line-height:100%;
}

body {
  font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media screen and (min-width:750px) {
  div#bodyContent {
    font-size:1.05em; padding:0;
  }
  p {
    margin-bottom:1em;
  }
}

/* Main Page Banner */

.banner-image {
  position: relative;
  overflow: hidden;
  max-width: 65em; 
  width: 100%;
  height: auto;
  margin-bottom: .6em;
  text-align: center;
  padding-left: 0 !important;
}
.banner-image img {
  width: 100%;
  height: auto;
  width: auto\9;
  margin:0 auto;
}

.page-2015_Main_Page #firstHeading, .page-2015_Main_Page #yearline {
  display: none;
}

/* This is totally the right way to change the site logo. */
#p-logo a {
   background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/de/Wikimedia_US_eagle_thing.svg/135px-Wikimedia_US_eagle_thing.svg.png) !important;
}