MediaWiki:Common.css: Difference between revisions

From wikilawschool.net. Wiki Law School does not provide legal advice. For educational purposes only.
mNo edit summary
mNo edit summary
Line 256: Line 256:
#breadcrumb {  
#breadcrumb {  
position: inherit;
position: inherit;
}
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
border: none;
/* @noflip */
padding: 0.25em 0.9em;    /* 0.9em left/right */
width: 100%;              /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
border: none;
/* @noflip */
padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright {          /* The right image cell */
border: none;
/* @noflip */
padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell {          /* An empty narrow cell */
border: none;
padding: 0;
width: 1px;
}
}



Revision as of 19:30, June 13, 2022

/* 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;
max-height: 100%;
width: 100%;
}


.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;
}

/* Formatting for text in case briefs*/
.case-brief-heading{
	display: inline-block;
	margin-top: -1.25em;
}

.case-brief-content{
	margin-left: 5em;
	display: block
}


/* Formatting forms for Semantic Forms */
table.formtable th {
	min-width: 6em;
}

#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {
	width: 100% !important;
}

/* Scrollbars added to wide Mermaid graph areas */
.ext-mermaid > div {
	overflow: scroll;
}

/* Hide "languages" menu dropdown*/
#ca-languages {	display:none; }


/* Hide parent breadcrumbs on subpages*/
.subpages { 
	display: none !important;
}

/* Position breadcrumb (manually placed from Simple Breadcrumb extension) to not overlap with redirect link*/
#breadcrumb { 
	position: inherit;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
	border: none;
	/* @noflip */
	padding: 0.25em 0.9em;     /* 0.9em left/right */
	width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
	border: none;
	/* @noflip */
	padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
	text-align: center;
}
td.mbox-imageright {           /* The right image cell */
	border: none;
	/* @noflip */
	padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
	text-align: center;
}
td.mbox-empty-cell {           /* An empty narrow cell */
	border: none;
	padding: 0;
	width: 1px;
}

/* ombox message box styles */
table.ombox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #a2a9b1;       /* Default "notice" gray */
	background: #f8f9fa;
	box-sizing: border-box;
}

table.ombox-notice {
	border: 1px solid #a2a9b1;       /* Gray */
}
table.ombox-speedy {
	border: 2px solid #b32424;    /* Red */
	background: #fee7e6;             /* Pink */
}
table.ombox-delete {
	border: 2px solid #b32424;    /* Red */
}
table.ombox-content {
	border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
	border: 1px solid #fc3;    /* Yellow */
}
table.ombox-move {
	border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
	border: 2px solid #a2a9b1;       /* Gray-gold */
}