Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
James Hare (talk | contribs) (Removing hack) |
SuperHamster (talk | contribs) (Hidden class) |
||
| (53 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
| + | @import url(//wikimediadc.org/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css); |
||
| − | /* CSS placed here will be applied to all skins */ |
||
| + | /* Common styling classes */ |
||
| − | @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700); |
||
| + | .center { |
||
| − | |||
| + | text-align: center; |
||
| − | /* Typography */ |
||
| + | } |
||
| − | /* Makes site-wide what has been implemented on a page-by-page basis */ |
||
| + | .hidden { |
||
| − | |||
| + | display: none; |
||
| − | .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%; |
||
} |
} |
||
| + | div#content a[href ^="https://craignewmarkphilanthropies.org/"].external { |
||
| − | body { |
||
| + | background:none !important; |
||
| − | font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
||
| + | padding: 0px !important; |
||
} |
} |
||
| + | ul.center { |
||
| − | @media screen and (min-width:750px) { |
||
| + | margin: 0.3em; |
||
| − | div#bodyContent { |
||
| − | font-size:1.05em; padding:0; |
||
| − | } |
||
| − | p { |
||
| − | margin-bottom:1em; |
||
| − | } |
||
} |
} |
||
| + | /* Toggle mobile and non-mobile content based on resolution */ |
||
| − | /* Main Page Banner */ |
||
| + | @media (min-width: 851px) { |
||
| − | |||
| + | .onlymobile { |
||
| − | .banner-image { |
||
| + | display: none; |
||
| − | position: relative; |
||
| + | } |
||
| − | overflow: hidden; |
||
| + | .nomobile { |
||
| − | max-width: 65em; |
||
| + | display: block; |
||
| − | width: 100%; |
||
| + | } |
||
| − | height: auto; |
||
| + | .full-width-image { |
||
| − | margin-bottom: .6em; |
||
| + | height: 350px; |
||
| − | text-align: center; |
||
| + | } |
||
| − | padding-left: 0 !important; |
||
| + | .full-width-image img { |
||
| + | object-fit: none; |
||
| + | object-position: center; |
||
| + | width: 100%; |
||
| + | } |
||
} |
} |
||
| + | @media (max-width: 850px) { |
||
| − | .banner-image img { |
||
| + | .onlymobile { |
||
| − | width: 100%; |
||
| + | display: block; |
||
| − | height: auto; |
||
| + | } |
||
| − | width: auto\9; |
||
| + | .nomobile { |
||
| − | margin:0 auto; |
||
| + | display: none; |
||
| + | } |
||
| + | .full-width-image { |
||
| + | max-height: 250px; |
||
| + | } |
||
| + | .full-width-image img { |
||
| + | max-width: 100%; |
||
| + | min-height: auto; |
||
| + | height: auto; |
||
| + | width: auto; |
||
| + | } |
||
} |
} |
||
| + | /* Allow to have a full width image (banner) */ |
||
| − | .page-2015_Main_Page #firstHeading, .page-2015_Main_Page #yearline { |
||
| + | .full-width-image { |
||
| − | display: none; |
||
| + | position: relative; |
||
| + | overflow: hidden; |
||
| + | width: fit-content; |
||
| + | max-width: 1800px; |
||
| + | margin-bottom: .6em; |
||
} |
} |
||
| + | /* Form styling */ |
||
| − | /* Copied from Wikivoyage for scalable-width images */ |
||
| + | .form p { |
||
| + | padding: .5em 0; |
||
| + | max-width: 700px; |
||
| + | } |
||
| + | .form label.checkboxLabel { |
||
| + | display: block !important; |
||
| + | white-space: nowrap; |
||
| + | } |
||
| + | /* CSS for 2023 Toronto pages coming up*/ |
||
| − | @media screen and (max-width:749px) { |
||
| + | .banner_title { |
||
| − | .banner-image { |
||
| − | + | position: absolute; |
|
| + | top:20px; left:20px; |
||
| − | overflow: hidden; |
||
| + | color:white; |
||
| − | max-width: 1125px; |
||
| + | font-size:200%; |
||
| − | width: 100%; |
||
| + | padding:20px; |
||
| − | height: auto; |
||
| + | background-color:rgb(0, 0, 0); /* The fallback color */ |
||
| − | margin-bottom: .6em; |
||
| + | background-color:rgba(0, 0, 0, 0.5); |
||
| − | text-align: center; |
||
| + | font-family:'Linux Libertine',serif; |
||
| − | padding-left: 0 !important; |
||
| − | } |
||
| − | .banner-image img { |
||
| − | width: 100%; |
||
| − | height: auto; |
||
| − | width: auto\9; |
||
| − | margin:0 auto; |
||
| − | } |
||
} |
} |
||
| + | .banner_subtitle { |
||
| − | @media screen and (min-width:750px) { |
||
| + | font-size:60%; |
||
| − | .banner-image { |
||
| + | font-family:'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif; |
||
| − | float: right; |
||
| + | font-weight:normal; |
||
| − | 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; |
||
| − | } |
||
| − | .banner-image-center { |
||
| − | padding-left: none !important; |
||
| − | float: none !important; |
||
| − | margin-left: auto !important; |
||
| − | margin-right: auto !important; |
||
| − | } |
||
| − | .banner-image-center img { |
||
| − | float: none !important; |
||
| − | } |
||
} |
} |
||
| + | |||
| + | /* For 2023 Toronto event: Hide the first-level heading on the pages. */ |
||
| + | h1.firstHeading { display: none !important; } |
||
Latest revision as of 15:23, 3 October 2024
@import url(//wikimediadc.org/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css);
/* Common styling classes */
.center {
text-align: center;
}
.hidden {
display: none;
}
div#content a[href ^="https://craignewmarkphilanthropies.org/"].external {
background:none !important;
padding: 0px !important;
}
ul.center {
margin: 0.3em;
}
/* Toggle mobile and non-mobile content based on resolution */
@media (min-width: 851px) {
.onlymobile {
display: none;
}
.nomobile {
display: block;
}
.full-width-image {
height: 350px;
}
.full-width-image img {
object-fit: none;
object-position: center;
width: 100%;
}
}
@media (max-width: 850px) {
.onlymobile {
display: block;
}
.nomobile {
display: none;
}
.full-width-image {
max-height: 250px;
}
.full-width-image img {
max-width: 100%;
min-height: auto;
height: auto;
width: auto;
}
}
/* Allow to have a full width image (banner) */
.full-width-image {
position: relative;
overflow: hidden;
width: fit-content;
max-width: 1800px;
margin-bottom: .6em;
}
/* Form styling */
.form p {
padding: .5em 0;
max-width: 700px;
}
.form label.checkboxLabel {
display: block !important;
white-space: nowrap;
}
/* CSS for 2023 Toronto pages coming up*/
.banner_title {
position: absolute;
top:20px; left:20px;
color:white;
font-size:200%;
padding:20px;
background-color:rgb(0, 0, 0); /* The fallback color */
background-color:rgba(0, 0, 0, 0.5);
font-family:'Linux Libertine',serif;
}
.banner_subtitle {
font-size:60%;
font-family:'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight:normal;
}
/* For 2023 Toronto event: Hide the first-level heading on the pages. */
h1.firstHeading { display: none !important; }