MediaWiki:Common.css

From wasteof.money wiki
Revision as of 06:53, 6 May 2024 by Willy (talk | contribs) (tweak interface warnings)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* hello world */

/* cst1229's wasteof3 theme */

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap");

:root {
    /* blue theme colors */
	--primary-50: #eff6ff;
	--primary-100: #dbeafe;
	--primary-200: #bfdbfe;
	--primary-300: #93c5fd;
	--primary-400: #60a5fa;
	--primary-500: #3b82f6;
	--primary-600: #2563eb;
	--primary-700: #1d4ed8;
	--primary-800: #1e40af;
	--primary-900: #1e3a8a;
}

.mw-header {
    background-color: var(--primary-400);
    
    margin-top: 0;
    padding: 0;
    
	position: fixed;
    top: 0;
    left: 0;
    /* vw doesn't take scrollbars into account so we have to use this ugly hack */
    min-width: calc(100vw - 15px);
    
    border-bottom: solid 4px black;
    color: black;
}

.mw-sidebar, .mw-page-container, body {
    background-color: rgb(243 244 246);
    background-image: none;
    border: none;
}

.mw-workspace-container {
	margin-top: calc(3.125em + 8px);
}

#vector-sticky-header {
    display: none;
}

html, body, h1, h2, h3, h4, h5, h6, .mw-body .firstHeading {
    font-family: Space Grotesk, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace, sans-serif;
}

.mw-sidebar, .mw-page-container {
    background-color: rgb(243 244 246);
    background-image: none;
}

.mw-body {
    background-color: white;
    background-image: none;
    border: solid 2px #e5e7eb;
    border-radius: 0 0 0.5rem 0.5rem;
}
.mw-article-toolbar-container .mw-list-item {
    background-color: white;
    background-image: none;
    
    border: solid 2px #e5e7eb;
    border-bottom: none;
    
    border-radius: 0.5rem 0.5rem 0 0;
}
.mw-article-toolbar-container .mw-list-item *, #p-views {
    background-image: none;
}

.mw-workspace-container a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.mw-workspace-container a:visited:not(.new) {
    color: var(--primary-700);
}
.mw-workspace-container a:not(.new) {
    color: var(--primary-700);
    -webkit-text-decoration-color: var(--primary-700);
    text-decoration-color: var(--primary-700);
}

.mw-workspace-container a:hover {
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000;
}

.mw-header .mw-logo {
    color: inherit;
}
/* end of theme */

.box {
	width: 49%;
	height: auto;
	margin-bottom: 2%;
}

.box .header {
	/*
		border: 1px solid #d8d8d8;
		border-radius: 5px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		background: #efefef;
		padding: 0 1em 0;
	*/
	
	margin: 0;
	font-weight: 700;
	font-family: unset;
	font-size: inherit;
	border-bottom-width: 2px;
	border-bottom: 2px solid #e5e7eb;
	padding-bottom: .5rem;
}

/* fix for vector 2022 skin */
.skin-vector .box .header h3 {
	margin: 0;
	margin-top: -7px;
}

.box .content {
	/*
		background: #fafafa;
		border: 1px solid #d8d8d8;
		border-top: 0;
		padding: 0.7em;
	*/
	
	background: #fff;
	padding: 1rem;
	border: 2px solid #e5e7eb;
	border-radius: .5rem;
}

/* fix for minervalneue skin */
.skin-minerva .box .content {
	width: 95%;
}

.img {
	border: 1px solid #d8d8d8;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

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

.article-title {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

/* fix for timeless skin */
.article-title h3 {
	margin: 0 0 -2em;
	padding: 0.5em 0 2.5em;
}

/* tweak interface warnings to look more like regular warnings (see Template:Warning) */
.mw-message-box-warning, .warningbox {
	background-color: #fef9c3;
	border: 2px solid #facc15;
	border-radius: 0.75rem;
	padding: 1rem 1.5rem;
	margin-bottom: 1rem;
}