Toggle menu
219
945
195
6.5K
Dovedale Railway Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Version 2.0 is arriving soon! Check out more and get notified here!

Template:Badge/styles.css: Difference between revisions

Template page
ABadDriverLOL (talk | contribs)
add light mode support for badge headers
ABadDriverLOL (talk | contribs)
m update colours to be consistent with the rest of the wiki
Line 19: Line 19:


.badge-header-dark {
.badge-header-dark {
background: #2e202a;
background: #171c26;
border: 2px solid #1e0c1b;
border: 2px solid #142952;
}
}


.badge-header-light {
.badge-header-light {
background: #C3B1E1;
background: rgba(65,31,145,0.2);
color: black;
color: black;
border: 2px solid rgba(65, 31, 145, 0.8);
border: 1px solid black;
}
}



Revision as of 22:50, 28 October 2024

.badge {
	position: relative;
	border-radius: 5px;
	margin-top: 20px;
	padding: 3em;
	padding-bottom: 2em
}

.badge-header-dark, .badge-header-light {
	position: absolute;
	border-radius: 15px;
	box-shadow: #000 0 0 4px 0;
	padding: 10px;
	left: 40px;
	top: -15.25px;
	text-align: center;
	min-width: 175px;
}

.badge-header-dark {
	background: #171c26;
	border: 2px solid #142952;
}

.badge-header-light {
	background: rgba(65,31,145,0.2);
	color: black;
	border: 1px solid black;
}

.badge-image {
	overflow: clip;
	height: 150px;
	width: 150px;
	border-radius: 80px;
	box-shadow: 0 0 8px 0 black;
	margin: auto;
}

.badge-content {
	border-radius: 5px;
	padding: 1em;
}

.badge-description {
	font-size: 18px;
}
🍪 Yum Yum Yum! Cookies help us better deliver our services. By using our site, you agree to our use of cookies.