MediaWiki:Common.css: Difference between revisions

From wikilawschool.net. Wiki Law School does not provide legal advice. For educational purposes only.
No edit summary
No edit summary
(2 intermediate revisions by the same user not shown)
Line 159: Line 159:
.image-card {
.image-card {
object-fit: cover;
object-fit: cover;
object-position: 50% 50%;
}
}




.wiki-template-imagecard .fade-image:hover {
.wiki-template-imagecard .fade-image:hover {
   opacity: 0.3;
   opacity: 0.7;
}
}



Revision as of 16:20, July 2, 2020

/* CSS placed here will be applied to all skins */
#siteSub {
    display: inline;
    font-size: 90%;
    font-weight: normal;
    font-style: italic;
    text-align: right;
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none;
}

/* Hide header numbers in the table of content.
   To use, place
      <div class="noautonum">__TOC__</div>
   on the page where the table of contents should appear.
*/
.noautonum .tocnumber { display: none; }

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    /* @noflip */
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}


/* This section is for Template:ContentGrid, Template:ImageCard, and Template:InfoCard */
.wiki-template-contentgrid {
	padding: 10px;
	margin-bottom: 1em;
	display: grid;
}

.wiki-template-infocard {
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 );
	border-radius: 8px;
	padding: 1em;
}

.wiki-template-imagecard {
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 );
	border-radius: 8px;
	position:relative;
	overflow:hidden;
	/* this fixes the overflow:hidden in Chrome */
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.image-card {
object-fit: cover;
}


.wiki-template-imagecard .fade-image:hover {
  opacity: 0.7;
}

.wiki-template-infocard-title {
	padding: 0 0 0.5625em 0;
	margin: 0;
}


/* fix google maps little man in responsive skin */
.gm-style img {
    max-width: none;
}
/* ziprecruiter button */
.mw-zp-button.mw-zp-progressive:hover {
	background-color: #447ff5;
	border-color: #447ff5;
}
.mw-zp-button.mw-zp-progressive {
	background-color: #3366cc;
	color: #fff;
	border: 1px solid #3366cc;
}
.mw-zp-button:not(:disabled) {
	-webkit-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;
	-moz-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;
	transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;
}
.mw-zp-button {
	font-family: inherit;
	font-size: 1.5em;
	display: inline-block;
	min-width: 4em;
	max-width: 28.75em;
	padding: 0.546875em 1em;
	line-height: 1.286;
	margin: 0;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	background-color: #f8f9fa;
	color: #222222;
	border: 1px solid #a2a9b1;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}