Template:Main Page navigation button/styles.css: Difference between revisions

Template page
Content added Content deleted
mNo edit summary
mNo edit summary
Line 1: Line 1:
.nav-button {
.mp-nav-button {
display: inline-block;
display: inline-block;
position: relative;
position: relative;
width: 12em;
width: 12em;
height: 3em;
height: 3em;
border: 2px solid #2FD9E3;
border-radius: 10px;
box-sizing: border-box;
box-sizing: border-box;
}
}


.nav-button a {
.mp-nav-button a {
display: inline-block;
display: inline-block;
position: relative;
position: relative;
Line 17: Line 15:
}
}


.nav-button img {
.mp-nav-button img {
position: absolute;
position: absolute;
left: 15px;
left: 15px;
Line 23: Line 21:
}
}


.nav-button span {
.mp-nav-button span {
position: absolute;
position: absolute;
left: 56px;
left: 56px;

Revision as of 07:15, 2 December 2021

.mp-nav-button {
	display: inline-block;
	position: relative;
	width: 12em;
	height: 3em;
	box-sizing: border-box;
}

.mp-nav-button a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.mp-nav-button img {
	position: absolute;
	left: 15px;
	top: 0.7em;
}

.mp-nav-button span {
	position: absolute;
	left: 56px;
	top: 0.6em;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.