MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

@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');

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


    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 {
 	font-family: 'Lato';
 }
 .mw-body h1, h1, .mw-heading span, .mw-first-heading span {font-family: 'Merriweather';}
 pre, pre span {font-family: 'Roboto Mono';}
 
.mw-collapsible .mw-collapsible-toggle {
    float:right;
    margin-left:0;
    margin-right:1em;
    padding-top: 0.7em;
}

.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: 1em;}
.sol-tlm-bdy .mw-halign-left img {padding-right: 0.5em;}

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

.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: bold;
	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 {
	margin: 0;
	margin-top: 0.5em;
	padding: 0;
	display: flex;
	justify-content: flex-start;
}

.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 #C3D8EF solid;
	border-left-width: 10px;
	background-color: #E0EBF7;
}
.sol-message-needsedit {
	border: 2px #E2D2A9 solid;
	border-left-width: 10px;
	background-color: #FFF4D6;
}


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

.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: 1em;
	font-weight: bold;
	border-bottom: 2px #bbb solid;
	font-size: 1.2em;
}
.sol-link-main {
	padding-left: 0.3em;
	font-weight: bold;
	font-size: 1.1em;
}