Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
James Hare (talk | contribs) (Removing justify again) |
James Hare (talk | contribs) (Update) |
||
Line 276: | Line 276: | ||
@media screen and (min-width:750px) { |
@media screen and (min-width:750px) { |
||
div#bodyContent { |
div#bodyContent { |
||
− | font-size: |
+ | font-size:1em; padding:0; line-height:1.25em; font-family:'Helvetica Neue',sans-serif; |
} |
} |
||
p { |
p { |
||
− | margin-bottom: |
+ | margin-bottom:1em; |
} |
} |
||
} |
} |
Revision as of 07:12, 14 April 2014
.nav th {
text-align: center;
background: #ECECEC;
font-weight: bold;
margin: 0 .1em 0 0;
width: 25%;
font-size: 0.925em;
-moz-border-radius: 12px 12px 12px 12px;
}
.nav th a {
padding: 1em 2em;
color: #224F82;
text-decoration: none;
}
.nav th:hover {
color: #000;
}
li#footer-info-lastmod,
li#footer-info-viewcount,
li#footer-places-disclaimer {
display: none !important;
}
div#mw-panel div.portal#p-navigation div.body {
background-image:none;
}
#p-navigation h5 {
display: none !important;
}
.nowrap {
white-space: nowrap;
}
h2 {
border-bottom: 2px dotted #BBBDBF;
}
.firstHeading {
border-bottom: none;
margin-bottom:10px;
padding:10px;
padding-left:0;
font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;
}
.toggle-head {
background:url(//upload.wikimedia.org/wikipedia/commons/thumb/1/1c/HW_open_arrow.svg/10px-HW_open_arrow.svg.png) no-repeat 0% center;
}
.toggle-head:hover {
text-decoration:underline;
cursor:pointer;
}
.redirect-in-category, .allpagesredirect a {
color: gray;
}
.nodisplay {
display: none !important;
}
h1, h2, h3, h4, h5, h6 {
font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;
}
/* Custom table formatting */
table.rowlines {
border-collapse:collapse;
border:2px solid #BBBDBF;
width:100%;
vertical-align:top;
}
table.rowlines th {
border-bottom:1px solid #BBBDBF;
border-top:1px solid #BBBDBF;
padding:5px;
}
table.rowlines td {
border-bottom:1px dotted #BBBDBF;
padding:5px;
}
div.rowlines-wrapper {
padding:0 10px 0 10px;
}
/* Arrow button formatting */
.arrowbutton-red:hover {
background: #EDDEDE !important;
color: #000000 !important;
}
.arrowbutton-green:hover {
background: #DEEDE6 !important;
color: #000000 !important;
}
.arrowbutton-blue:hover {
background: #DEE7ED !important;
color: #000000 !important;
}
/* Main Page CSS */
body #t-cite,
body #siteSub,
body.page-Home.action-view #contentSub,
body.page-Home.action-view h1.firstHeading,
body.page-Home.action-view #jump-to-nav {
display: none !important;
}
@media screen and (min-width:1184px) {
#main-page-left {
margin-right:32em;
}
#main-page-right {
float:right;
width:40%;
max-width:30em;
}
}
@media screen and (min-width:750px) and (max-width:1183px) {
#main-page-left {
float:left;
width:57%;
}
#main-page-right {
float:right;
width:40%;
max-width:30em;
}
}
@media screen and (max-width:749px) {
#main-page-left {
display:inline;
}
#main-page-right {
display:inline;
}
}
.main-page-box {
background:white; padding:1em; border:none; border:1px solid #CCCCCC; margin-bottom:2em;
}
@media screen and (min-width:900px) {
.main-page-feature-title {
position: absolute; top:0; left:0; right:0; border:0; padding:0.75em; color:#FFF !important; background-color:rgba(0,102,153,0.85); letter-spacing:1px; z-index:100; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif; line-height:1.25; font-weight:500;
}
}
@media screen and (max-width:899px) {
.main-page-feature-title {
font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif; line-height:1.25; font-weight:500;
}
}
/* Copied from Wikivoyage for scalable-width images */
@media screen and (max-width:749px) {
.banner-image {
position: relative;
overflow: hidden;
max-width: 1125px;
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;
}
}
@media screen and (min-width:750px) {
.banner-image {
float: right;
position: relative;
overflow: hidden;
max-width: 1125px;
height: auto;
margin-bottom: .6em;
}
.banner-image img {
float: right;
width: 100%;
height: auto;
width: auto\9;
}
.banner-image-left {
float: left !important;
}
.banner-image-left img {
float: left !important;
}
.banner-image-none {
float: none !important;
}
.banner-image-none img {
float: none !important;
}
}
.main-page-image {
position: relative;
overflow: hidden;
max-width: 1125px;
height: auto;
margin-left: -1em;
margin-right: -1.5em;
margin-bottom: .6em;
}
.main-page-image img {
width: 100%;
height: auto;
width: auto\9;
}
/* Login interface adjustments */
.mw-createacct-benefits-container {
display: none;
}
/* Changes to MediaWiki default image stuff */
/* Yell at James Hare if this breaks anything */
div.floatright {
clear:none;
}
div.floatleft {
clear:none;
}
/* Certain pages on this website use a two-column setup */
/* Pages that employ the "mobile-collapse" class will force it down to a one-column setup on narrow screens (e.g. on mobile devices) */
/* This is not to be used on the main page, which employs its own sophisticated code to reduce two columns to one column */
@media screen and (max-width:749px) {
.mobile-collapse {
display: block !important;
width: 100% !important;
margin-bottom:0.6em;
}
#donatebutton {
overflow:scroll;
}
}
/* Typography */
/* 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 */
@media screen and (min-width:750px) {
div#bodyContent {
font-size:1em; padding:0; line-height:1.25em; font-family:'Helvetica Neue',sans-serif;
}
p {
margin-bottom:1em;
}
}