MediaWiki:Common.css: Difference between revisions

From wasteof.money wiki
(featured article css)
m (tweak interface warnings)
 
(10 intermediate revisions by 2 users not shown)
Line 38: Line 38:
     background-color: rgb(243 244 246);
     background-color: rgb(243 244 246);
     background-image: none;
     background-image: none;
    border: none;
}
}


Line 107: Line 108:


.box .header {
.box .header {
border: 1px solid #d8d8d8;
/*
border-radius: 5px;
border: 1px solid #d8d8d8;
border-bottom-left-radius: 0;
border-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #efefef;
border-bottom-right-radius: 0;
padding: 0 1em 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;
}
}


Line 122: Line 133:


.box .content {
.box .content {
background: #fafafa;
/*
border: 1px solid #d8d8d8;
background: #fafafa;
border-top: 0;
border: 1px solid #d8d8d8;
padding: 0.7em;
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%;
}
}


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


.box .content .article-title {
.img img {
width: 100%;
max-height: 100%;
}
 
.article-title {
font-size: 120%;
font-size: 120%;
font-weight: bold;
font-weight: bold;
text-align: center;
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;
}
}

Latest revision as of 06:53, 6 May 2024

/* 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;
}