MediaWiki:Common.css
Revision as of 03:53, 27 April 2024 by SuperHamster (talk | contribs) (Display checkbox labels as block)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
@import url(//wikimediadc.org/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css);
div#content a[href ^="https://craignewmarkphilanthropies.org/"].external {
background:none !important;
padding: 0px !important;
}
/* 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;
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; }