Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
James Hare (talk | contribs) (Removing border for header) |
James Hare (talk | contribs) (New typography) |
||
| 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:400,700); |
||
/* Typography */ |
/* Typography */ |
||
/* Makes site-wide what has been implemented on a page-by-page basis */ |
/* Makes site-wide what has been implemented on a page-by-page basis */ |
||
| + | |||
| − | /* Only for desktop resolution—mobile pages should continue using default text settings */ |
||
| ⚫ | |||
| − | |||
| ⚫ | |||
| ⚫ | |||
| + | |||
| + | body { |
||
| + | font-family:Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; |
||
| ⚫ | |||
| + | |||
@media screen and (min-width:750px) { |
@media screen and (min-width:750px) { |
||
div#bodyContent { |
div#bodyContent { |
||
| − | font-size: |
+ | font-size:1.05em; padding:0; |
} |
} |
||
p { |
p { |
||
margin-bottom:1em; |
margin-bottom:1em; |
||
| + | } |
||
| ⚫ | |||
| ⚫ | |||
} |
} |
||
} |
} |
||
| Line 35: | Line 47: | ||
.page-2015_Main_Page #firstHeading, .page-2015_Main_Page #yearline { |
.page-2015_Main_Page #firstHeading, .page-2015_Main_Page #yearline { |
||
display: none; |
display: none; |
||
| ⚫ | |||
| − | |||
| − | /* Header changes */ |
||
| − | |||
| ⚫ | |||
| − | margin:auto; |
||
| − | border-collapse:collapse; |
||
| − | margin-bottom:10px; |
||
| − | padding:10px; |
||
| − | padding-left:0; |
||
| − | vertical-align:top; |
||
| ⚫ | |||
| − | font-family:Georgia, serif; |
||
| − | line-height:100%; |
||
| ⚫ | |||
| − | h1, |
||
| − | h2, |
||
| − | h3, |
||
| − | h4, |
||
| − | h5, |
||
| − | h6, |
||
| − | h6 { |
||
| − | font-family: Georgia, serif; |
||
| − | border-bottom: none; |
||
| − | } |
||
| ⚫ | |||
| − | font-size: 2em; |
||
| − | line-height: 1.25; |
||
| − | } |
||
| − | h2 { |
||
| ⚫ | |||
| − | line-height: 1.267; |
||
| − | } |
||
| − | h3 { |
||
| − | font-size: 1.25em; |
||
| − | line-height: 1.333; |
||
| − | } |
||
| − | h4, |
||
| − | h5, |
||
| − | h6 { |
||
| − | font-size: 1.125em; |
||
| − | line-height: 1.444; |
||
} |
} |
||
Revision as of 19:58, 14 March 2015
/* CSS placed here will be applied to all skins */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
/* Typography */
/* Makes site-wide what has been implemented on a page-by-page basis */
.firstHeading {
font-weight:700;
}
body {
font-family:Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media screen and (min-width:750px) {
div#bodyContent {
font-size:1.05em; padding:0;
}
p {
margin-bottom:1em;
}
h1 {
font-size: 2.4em !important;
}
}
/* 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;
}