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

Template:Badge/styles.css: Difference between revisions

Template page
ABadDriverLOL (talk | contribs)
add badge image styles
ABadDriverLOL (talk | contribs)
add light mode support for badge headers
Line 7: Line 7:
}
}


.badge-header {
.badge-header-dark, .badge-header-light {
position: absolute;
position: absolute;
background: #2e202a;
border: 2px solid #1e0c1b;
border-radius: 15px;
border-radius: 15px;
box-shadow: #000 0 0 4px 0;
box-shadow: #000 0 0 4px 0;
Line 18: Line 16:
text-align: center;
text-align: center;
min-width: 175px;
min-width: 175px;
}
.badge-header-dark {
background: #2e202a;
border: 2px solid #1e0c1b;
}
.badge-header-light {
background: #C3B1E1;
color: black;
border: 2px solid rgba(65, 31, 145, 0.8);
}
}



Revision as of 22:37, 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: #2e202a;
	border: 2px solid #1e0c1b;
}

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

.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.