User:Leo60228/common.css

html {   scroll-behavior: smooth; } body {	font-family:"Muli",sans-serif; font-display:fallback; background-color:#222; color:#ddd; } {   min-width:400px; max-width:800px; margin-left:320px; margin-right:100px; margin-top:60px; }
 * 1) content

@media only screen and (max-width: 730px) { #mw-panel {       width:100%; margin:0 0 1em 0; position:static !important; box-sizing:border-box; max-width:initial !important; }   #content {       min-width:0px; width:100%; display:inline-block; margin-top:0; margin-left:0; margin-right:0; padding:0 20px; box-sizing:border-box; } }

hr { border-top: 2px solid #555; border-bottom: none; border-left: none; border-right: none; } h1 { font-family:"Roboto Slab",sans-serif; font-display:fallback; font-weight:700; } h2 { font-family:"Roboto Slab",sans-serif; font-display:fallback; font-weight:400; } h3 { font-family:"Roboto Slab",sans-serif; font-display:fallback; font-weight:200; } a:link {	color:#0092da; text-decoration:none; } a:visited {	color:#9f67c5; } a:hover { text-decoration:underline; } /*p.copyright{color:#aaa;}*/

code { background: #1A1A1A; }

position:fixed; z-index:1; top:50px; left:50px; background:rgba(0,0,0,0.5); padding:10px; line-height: 2em; overflow: hidden; width: 250px; }
 * 1) mw-panel {

overflow: hidden; background:rgba(0,0,0,0); padding: 0 10px !important; text-decoration:none; font-size: 1rem !important; line-height: 2em !important; }
 * 1) mw-panel .vector-menu-content-list > li {

transition: 0.2s; }
 * 1) mw-panel .vector-menu-content-list > li {

text-decoration: none; color: darkcyan !important; }
 * 1) mw-panel .vector-menu-content-list > li > a {

background:rgba(0,0,0,0.5); text-decoration:none; }
 * 1) mw-panel .vector-menu-content-list > li:hover {

color: cyan !important; }
 * 1) mw-panel .vector-menu-content-list > li:hover > a {

content: ""; display: block; margin: 0 auto; width: 0%; border-bottom: 1px solid cyan; transition: 0.5s; }
 * 1) mw-panel .vector-menu-content-list > li:after {

width: 100%; }
 * 1) mw-panel .vector-menu-content-list > li:hover:after {

width: auto !important; height: auto !important; margin-bottom: 0 !important; }
 * 1) p-logo {

width: auto !important; height: 42px !important; background-size: contain; }
 * 1) p-logo a {

font-size: 0 !important; background: none !important; margin: 0 !important; padding: 0 10px !important; cursor: auto !important; height: 2.0625rem; color: #0e910e !important; }
 * 1) p-tb-label {

font-size: 1rem; }
 * 1) p-tb-label > span {

content: ':'; cursor: text; font-size: 1rem; }
 * 1) p-tb-label:after {

padding: 0 !important; margin: 0 !important; }
 * 1) p-tb, #p-navigation, #mw-panel .portal .body ul, #mw-panel .vector-menu-portal .body ul {

margin: 0 !important; }
 * 1) mw-panel .portal .body, #mw-panel .vector-menu-portal .body {

display: none; }
 * 1) mw-page-base, #mw-head-base {

.vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-tabs li { background: none !important; }

text-align: right; }
 * 1) mw-head {

float: none !important; display: inline-block; margin: 2.5em 0 0 0 !important; }
 * 1) left-navigation, #right-navigation {