MediaWiki:Timeless.css: Difference between revisions

From Research Realm
i think its centered better
saving this for now. i dont know how to make these bottom lines look good?
Line 2: Line 2:


:root {
:root {
--brand-primary: #ffe10f
--brand-primary: #ffe10f;
 
--brand-red-logo: #ed1c24;
--brand-blu-logo: #007ed9;
--brand-grn-logo: #39b54a;
--brand-ylw-front: #ebc404;
--brand-teal-front: #3e9781;
--brand-ylw-rr: #f8f400;
--brand-teal-rr: #00a4a8;
}
}


#mw-content-container {
#mw-content-container {
background: #00a4a8;
background: var(--brand-teal-rr);
border-bottom: solid 4px;
border-bottom: solid 4px;
border-bottom-color: var(--brand-primary);
border-bottom-color: var(--brand-primary);
/*
background-image: url(https://frontpage.researchrealm.net/images/tiled-studs.png);
    background-repeat: repeat;
*/
}
}


Line 23: Line 37:
}
}


/* #p-logo { */
/* using p-logo just makes it more off center */
.mw-wiki-logo.timeless-logo {
.mw-wiki-logo.timeless-logo {
height: 162px;
height: 162px;
Line 39: Line 51:
/*    margin-top: 1.00em;*/
/*    margin-top: 1.00em;*/
     margin-left: 10px;
     margin-left: 10px;
}
.sidebar-chunk {
  border-radius: 0.5rem;
box-shadow: 1 12px 12px 2px 0 rgba(0, 0, 0, 2);
}
.mw-body .firstHeading {
/**/
}
.mw-body h1.firstHeading {
border-bottom: solid 4px;
border-bottom-color: var(--brand-teal-rr);
}
.tools-inline li.selected {
    border-bottom-color: var(--brand-red-logo);
}
}

Revision as of 07:24, 14 October 2025

/* All CSS here will be loaded for users of the Timeless skin */

:root {
	--brand-primary: #ffe10f;

	--brand-red-logo: #ed1c24;
	--brand-blu-logo: #007ed9;
	--brand-grn-logo: #39b54a;
	
	--brand-ylw-front: #ebc404;
	--brand-teal-front: #3e9781;
	
	--brand-ylw-rr: #f8f400;
	--brand-teal-rr: #00a4a8;
}

#mw-content-container {
	background: var(--brand-teal-rr);
	border-bottom: solid 4px;
	border-bottom-color: var(--brand-primary);
/*	
	background-image: url(https://frontpage.researchrealm.net/images/tiled-studs.png);
    background-repeat: repeat;
*/
}

.color-middle {
	background: var(--brand-primary);
}

.color-left {
	background: var(--brand-primary);
}

.color-right {
	background: var(--brand-primary);
}

.mw-wiki-logo.timeless-logo {
	height: 162px;
	width: 162px;
	background-color: #eee;
	border-radius: 50%;
	border: 3px solid #bbb;
	display: inline-block;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2), 1px -1px 5px 0 rgba(0, 0, 0, 0.2) inset;
/*	margin-top: 12px;*/
}

.mw-wiki-logo.timeless-logo img {
/*    margin-top: 1.00em;*/
    margin-left: 10px;
}

.sidebar-chunk {
  	border-radius: 0.5rem;
	box-shadow: 1 12px 12px 2px 0 rgba(0, 0, 0, 2);
}

.mw-body .firstHeading {
	/**/
}

.mw-body h1.firstHeading {
	border-bottom: solid 4px;
	border-bottom-color: var(--brand-teal-rr);
}

.tools-inline li.selected {
    border-bottom-color: var(--brand-red-logo);
}