Difference between revisions of "MediaWiki:Common.css"

From WikiConference North America
Jump to navigation Jump to search
(Adjusting header image for scaling / fitting more content in box)
Line 13: Line 13:
 
.nomobile {
 
.nomobile {
 
display: block;
 
display: block;
 
}
 
.full-width-image img {
  +
object-fit: none;
  +
object-position: center;
 
width: 100%;
 
}
 
}
 
}
 
}
Line 21: Line 26:
 
.nomobile {
 
.nomobile {
 
display: none;
 
display: none;
  +
}
  +
.full-width-image img {
 
max-width: 100%;
 
height: auto;
  +
width: auto;
 
}
 
}
 
}
 
}
Line 31: Line 41:
 
height: auto;
 
height: auto;
 
margin-bottom: .6em;
 
margin-bottom: .6em;
}
 
 
.full-width-image img {
 
max-width: 100%;
 
height: auto;
 
width: auto;
 
 
}
 
}
   

Revision as of 19:46, 23 June 2023

@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 img {
		object-fit: none;
		object-position: center;
		width: 100%;
	}
}
@media (max-width: 850px) {
	.onlymobile {
		display: block;
	}
	.nomobile {
		display: none;
	}
	.full-width-image img {
		max-width: 100%;
		height: auto;
		width: auto;
	}
}

/* Allow to have a full width image (banner) */
.full-width-image {
	position: relative;
	overflow: hidden;
	max-width: 1800px;
	height: auto;
	margin-bottom: .6em;
}

/* 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; }