MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

/* This should remove the upper toolbar for all users, but is added for Solstice Editors in Mediawiki:Group-editor.css */
.vector-page-toolbar, .sol-message-needsedit { display: none; }

body.page-Main_Page h1 { display: none; }
body.page-Main_Page .vector-page-titlebar::after { height: 0; }

hr { margin: 1em 0 0; }

.vector-menu .mw-list-item a span {
	font-weight: 600;
}

.wikitable.uw-details {
	font-size: 0.8em;
}

.wikitable h3 {
	padding-top: 0;
	margin: 0;
}

.sol-mainbox-head p {
	font-family: Merriweather !important;
}

.ace_editor, .ace_editor *{
font-family: "Monaco", "Menlo", "Ubuntu Mono", "Droid Sans Mono", "Consolas", monospace !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
}

:root {
  --font-size-medium: 16px;
}

b, bold { font-weight: 600 !important; }
.vector-pinnable-header-label, .cdx-button {font-weight: 600 !important;}



.wikitable.small-text {
	font-size: 0.9em;
}
    a {
        text-decoration: none;
        color: #36c;
        background: none
    }

    a:not([href]) {
        cursor: pointer
    }

    a:visited {
        color: #36c;
    }

    a:active {
        color: #36c;
    }

    a:hover,a:focus {
        text-decoration: underline
    }

    a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur) {
        text-decoration: none
    }

	:link.new {
        color: #D7452A;
    }
  .layered.box {
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075)
    ;
  }
 body, h2, h3, h4, h5, p, span, .mw-body-content h2,.mw-body-content .mw-heading2 {
 	font-family: Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif;
 }
 
body, html { font-size: 16px; }
.mw-body h1, h1, .mw-heading span, .mw-first-heading span, 
.mw-body h1,.mw-body .mw-heading1,.mw-body-content h1,
.mw-body-content .mw-heading1 {font-family: 'Merriweather';}
 pre, pre span {font-family: 'Roboto Mono';}

.mw-heading, h2, h3, h4, h5 { font-weight: 600 !important ;  } 

.sol-noindent ol {
	margin: 0.3em 1.5em;
}

.sol-infobox-section .mw-collapsible-toggle {
	float: right;
	margin: 0;
	padding: 3px 6px 0 0;
	font-size: 9px;
}
.sol-infobox-section .mw-collapsible-toggle-default .mw-collapsible-text { 
	text-decoration: none;
}
.sol-infobox-section .mw-collapsible-toggle-default:before, .sol-infobox-section .mw-collapsible-toggle-default:after {
    display: none;
}

.sol-tlm-hdr {
	font-size: 1.6em;
	font-weight: 500;
	color: #fff;
	padding-left: 0.6em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
	background-color: #58585A;
}
.sol-tlm-bdy {
	padding: 0.5em 0.8em 1.4em;
	font-size: 1.3em;
}

.sol-tlm-bdy img {margin-bottom: 0.5em;}
.sol-tlm-bdy .top {margin-top: 0.8em !important;}
.sol-tlm-bdy .right {margin-right: 0.5em !important;}
.sol-tlm-bdy .mw-halign-left img {padding-right: 1em;}

.sol-proc-hdr h2{
	font-size: 1.6em;
	font-weight: 500;
	color: #fff;
	padding-left: 0.6em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
	background-color: #58585A;
}
.sol-proc-bdy {
	padding: 0.5em 0.8em 1.4em;
	font-size: 1em;
	line-height: 1.5em;
}

.sol-proc-bdy img {margin-bottom: 0.5em;}


.sol-coll-dtls-hdr {
	border: 1px #ccc solid;
	background-color: #eee;
	font-weight: 600;
	margin-top: 1em;
	font-size: 1.1em;
	padding: 0.5em;
	padding-left: 1em;
}
.sol-coll-dtls-hdr img {
	margin: 0;
	line-height: 0;
	vertical-align: sub;
}

.sol-coll-dtls-bdy {
	border: 1px #ccc solid;
	background-color: #fff;
	border-top: none;
	font-size: 1em;
	line-height: 1.5em;
	padding: 1em;
}


.sol-quiz-hdr {
	font-size: 1.6em;
	font-weight: 500;
	color: #fff;
	padding-left: 0.6em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
	background-color: #58585A;
}
.sol-quiz-bdy {
	padding: 0.5em 0.8em 1.4em;
	font-size: 1em;
}

.sol-rounded {
	border-radius: 4px;
}
h2.sol-rounded { 
	border-bottom-style: none; 
	border-bottom-width: 0;
	border-bottom-color: transparent;
}

.sol-img-ext img {
	max-height: 300px;
	width: auto;
}

.sol-img-right img {
	float:right;
	margin-left: 1em;
}

.sol-img-left img {
	float:left;
	margin-right: 1em;
}

.sol-spoiler-hdr {
	border: 1px #ccc solid;
	background-color: #eee;
	font-weight: 600;
	margin-top: 1em;
	font-size: .8em;
	padding: 0.5em;
	padding-left: 1em;
}
.sol-spoiler-bdy {
	border: 1px #ccc solid;
	background-color: #fff;
	border-top: none;
	font-size: .8em;
	padding: 1em;
}

.sol-message-box, .sol-summary {
	margin: 0;
	margin-top: 0.5em;
	padding: 0;
	display: flex;
	justify-content: flex-start;
}

.sol-message-box.grey {
	border: 2px #6F7377 solid;
	border-left-width: 10px;
	background-color: #ffffff;
}

.sol-message-nfip {
	margin: 0;
	margin-top: 0.5em;
	padding: 0;
	display: flex;
	justify-content: flex-start;	
	border: 2px #0070D8 solid;
	border-left-width: 10px;
	background-color: #ffffff;
}

.sol-message-equinox {
	border: 2px #f48121 solid;
	border-left-width: 10px;
	background-color: #ffffff;
}

.sol-message-notice {
	border: 2px #C3D8EF solid;
	background-color: #E0EBF7;
}

.sol-message-placeholder {
	border: 2px #cc3b2a solid;
	border-left-width: 10px;
	background-color: #dddbdb;
}
.sol-message-draft {
	border: 2px orange solid;
	border-left-width: 10px;
	background-color: #f2ce96;
}

.sol-message-soon {
	border: 2px #78A75A solid;
	border-left-width: 10px;
	background-color: #e4eaa8;
}

.sol-msg-icon img {
	margin: 0;
	padding: 0.5em;
}

.sol-msg-box {
	margin-left: 0.5em;
}

.sol-answer-wrong {
	color: #B22222;
	font-weight: 600;
}
.sol-answer-correct {
	color: #008000;
	font-weight: 600;
}

.sol-quiz-break {
	margin-top:1em;
}

.quizText {
	line-height: 1em;
}
.sol-quizText {
	line-height: 22px;
}
.questionText {
	font-weight: 600;
}

.res-img img {
	max-width:100%;
	height:auto;
}

.sol-grid-3-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(2em, auto);
	column-gap: 0.8em;
}
.sol-link-header {
	padding-left: 0.3em;
	margin-bottom: 0.3em;
	font-weight: 600;
	border-bottom: 2px #bbb solid;
	font-size: 1.2em;
}
.sol-link-main {
	padding-left: 0.3em;
	font-weight: 600;
	font-size: 1.1em;
}

.sol-infobox {
	width: 170px;
	border: 1px #0070D8 solid;
	border-bottom-width: 3px;
	float: right;
	margin: 0 0 1em 1em;
}
.sol-infobox-header {
	background-color: #C3D7ED;
	text-align: center;
	font-weight: 600;
	border-bottom: 2px #0070D8 solid;
}
.sol-infobox-image {
	padding: 2px;
	padding-bottom: 4px;
	border-bottom: 2px #0070D8 solid;
}
.sol-infobox-sections {
	padding: 0;
}
.sol-infobox-section-head {
	background-color: #A4C5E9;
	padding: 0;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}
.sol-infobox-section-head a { margin-right: -1.1em; }

.sol-infobox-section-body {
	background-color: #E0EBF7;
	padding: 0.5em;
	font-size: 11px;
	text-align: center;
	margin: 0;
}
.sol-infobox-section-body p { margin: 0; }
.sol-infobox-subject {
	background-color: #A4C5E9;
	border-bottom: 1px #0070D8 solid;
	padding: 2px;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	margin: 0;
}
.sol-feed ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	list-style-type: none;
	list-style-image: none;
	column-gap: 1em;
	row-gap: 1em;
}
.sol-feed ul li {
	list-style-type: none;
	list-style-image: none;
	background-color: #eee;
}

.sol-indent {
	margin-left: 1.5em;
	margin-top: 0.5em;
}

.grey {background-color: #eee; color: #222222;}
.yellow {background-color: #FFF4D6; color: #222222;}
.orange {background-color: #fdbd88; color: #222222;} 
.blue {background-color: #d8e9f3; color: #222222;}
.green {background-color: #e9f9e5; color: #222222;}

.sol-summary {
	padding: 0.5em 1em 1em 1em;
}
.sol-summary > .block { display:block;}
.sol-summary img {
	max-width: 100%;
	height: auto;
	margin-bottom: 0;
}
/* Quiz Styles */
.sol-q1 {width: 100%; margin: 0; padding: 0; border:1px solid #abd5f5; background: #d0e5f5;}
.sol-q1-text {margin: 10px; font-size:120%; font-weight:600;}
.sol-q2 {width: 100%; margin: 0 0 32px 0; padding: 0; border:1px solid #abd5f5; background: #f1f5fc;}
.sol-q3 {margin: 10px;}
.sol-q3-text {line-height: 22px; margin: 0; padding: 0 10px;}
.sol-q3-text.space-top {margin-top:2em;}
.sol-q3-gallery {font-size: 0.8em;}
.sol-q3 .correction.selected {font-style: italic;}


div.gallerytext {
	padding: 4px 4px 8px !important;
	line-height: 1.2em;
	font-size: 0.75em;
}

.sol-box {
	background: white; 
	padding: 0.5em 1em; 
	border: 1px #a2a9b1 solid;
	border-top: none;
	margin-bottom: 1.5em;
}
.sol-box-top {
	margin: 0;
}

h3.sol-box-top {
	background: white; 
	padding: 0.2em 0.5em; 
	border: 1px #a2a9b1 solid;
	border-bottom: none;
	margin-bottom: 0;
}

.wikitable .sol-head {
	background: #eaecf0;
	font-weight: 500;
}
.wikitable .sol-green {
	background: #e9f9e5 ;
}
.wikitable .sol-yellow {
	background: #FFF4D6;
}
.wikitable .sol-red {
	background: orange;
}