User:Culi/common.css: Difference between revisions

From electowiki
Content added Content deleted
(fix background)
(use left and top instead)
Line 34: Line 34:
width: 100%;
width: 100%;
height: 100%;
height: 100%;
left: 10px;
top: 10px;
transition: all 0.25s ease-in-out;
transform: translate(10px, 10px);
transition: transform 0.25s ease-in-out;
}
}


#content .fancy-button:hover::after {
#content .fancy-button:hover::after {
left: 0;
transform: translate(0, 0);
top: 0;
}
}



Revision as of 07:23, 29 January 2022

#content {
	color: #233;
	font-family: sans-serif;
}

#content * {
	box-sizing: border-box;
}

#content a {
	font-weight: 600;
	color: inherit;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

#content a:hover {
	color: #1c7ed6;
}

#content .fancy-button {
	position: relative;
	padding: 0.5rem;
	background-color: #fefefe;
	border: 2px solid #233;
	border-radius: 0.15rem;
}

#content .fancy-button::after {
	content: "";
	position: absolute;
	background-color: #63e6be;
	border: 2px solid #233;
	width: 100%;
	height: 100%;
	left: 10px;
	top: 10px;
	
	transition: all 0.25s ease-in-out;
}

#content .fancy-button:hover::after {
	left: 0;
	top: 0;
}

#content .fancy-button > a {
	width: 100%;
	height: 100%;
}