MediaWiki:Medik.css

/* Lakehub default CSS for 2022 */

/* Fonts */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap'); /* Roboto */


 * root {

/* Colors */ /* Body */ --bg-color: #11131c; --text-color: #a0aec0; /* Logo */ --logo-yellow: #ffad14; /* Others */ --darkblue: #20284c; /* Font */ --font-sans: 'Roboto', sans-serif; --font-mono: monospace; --font-default: 13pt var(--font-sans) }

/* Body */ body { background-color: var(--bg-color); color: var(--text-color); font: var(--font-default); max-width: 1575px; margin: auto; }

background-color: transparent; }
 * 1) mw-main-container {

@media (min-width: 768px) { #mw-wrapper { margin-top: 1rem; } }

a, a:visited { color: var(--medik); }

/* Sidebar */ #mw-navigation { border: none; }	#mw-navigation a:not(.disabled) { color: var(--medik); transition: all .1s linear; }	#mw-navigation a:not(.disabled, .mw-wiki-logo):hover { color: var(--logo-yellow); border-left: 2px solid; padding-left: 1.6rem; }	#mw-navigation a.nav-link.disabled { color: var(--gray); font-size: 10pt; text-transform: uppercase; }	/* Top nav */ #mw-navbar { background-color: var(--darkblue); border-radius: 0 0 .75rem .75rem; padding: 1rem; }	#searchInput { background-color: transparent; color: var(--white); border: 2px solid var(--dark); border-radius: 50px; }	#searchInput:focus { border-color: 0 0 0 0.2rem rgba(0,149,255,.75); }	#personal-echo-icons, #user-tools, #p-banner span { visibility: hidden; }	#p-banner::before { content: ""; position: absolute; background-image: url(https://static.miraheze.org/lakehubwiki/d/de/Logo_deco-00.png); background-size: contain; background-repeat: no-repeat; width: 166px; height: 64px; top: .5rem; }	@media (min-width: 768px) { #mw-navbar { position: absolute; z-index: 99; background: none; top: 8rem; }		#mw-navbar-left, #personal-echo-icons, #user-tools { display: none; }		#mw-navigation .mw-wiki-logo { width: 200px; height: 64px; }		#p-General, #p-navigation { margin-top: 6rem; }	}	/* Edit links */ aside a:not(.disabled) { color: var(--white); }	/* Footer */ .mw-footer { background-color: transparent; border: none; color: inherit; }

/* Headings */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: var(--white); }

h1, .h1, h2, .h2 { border-color: var(--dark); }

.mw-body-content h1, .firstHeading { font-size: 2.5rem; font-weight: 300; border: none; }

/* Dropdowns */ .dropdown-menu { background-color: var(--gray-dark); color: inherit; border-radius: .5rem; }

.dropdown-item { color: var(--medik); }

/* Pre and Code */ pre { background-color: #191b22; font-size: inherit; color: inherit; border: none; border-radius: 1rem; }

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { box-shadow: inset 2.75em 0 0 var(--darkblue); }

/* Highlights */ .mw-highlight .mh, .mw-highlight .mi, .mw-highlight .mf { color: inherit } .mw-highlight .nv, .mw-highlight .nf { color: #005aff } .mw-highlight .nn, .mw-highlight .nc { color: #0072ff } .mw-highlight .hll { color: #442b05 } .mw-highlight a:hover .linenos, .mw-highlight .hll a .linenos { color: var(--white); }