Humankind
mNo edit summary
mNo edit summary
 
Line 38: Line 38:
 
position: absolute;
 
position: absolute;
 
z-index: 51;
 
z-index: 51;
margin-top: 5px;
+
padding: 10px;
 
border-radius: 3px;
 
border-radius: 3px;
 
background-color: #51505c;
 
background-color: #51505c;
 
box-shadow: 2px 2px 4px #202020;
 
box-shadow: 2px 2px 4px #202020;
  +
border: 1px solid #d2ac61;
  +
min-width: 100%;
  +
}
  +
.MainTop-Main .dropdown .dropdown-content p{
  +
margin: 0;
  +
}
  +
.MainTop-Main .dropdown .dropdown-content a{
  +
color: white;
  +
display: block;
  +
border-radius: 10px;
  +
padding: 5px 10px;
  +
background-color: #d2ac61;
  +
margin: 5px;
 
}
 
}
 
.MainTop-Main .dropdown:hover .dropdown-content{
 
.MainTop-Main .dropdown:hover .dropdown-content{

Latest revision as of 15:57, 20 June 2022

.MainTop-Nav{
	display: inline-block;
	width:200px;
	height:200px;
	overflow: hidden;
	position: relative; 
	box-shadow: 2px 2px 4px #202020; 
	background-color: #51505c; 
	margin: 5px; 
	border-radius:0 0 5px 5px;
	transition: .2s;
}

.MainTop-Nav:hover{
	transition: .2s;
	transform: scale(1.1);
}

.MainTop-Nav .MainTop-Nav-Title{
	position: absolute; 
	width:100%; 
	bottom: 0; 
	background-color: #d2ac61; 
	text-align: center; 
	text-transform: uppercase; 
	padding: 5px 0; 
	border-radius:0 0 5px 5px; 
	font-weight:bold;
}

.MainTop-Main .dropdown{
	display: inline-block;
	position: relative;
}

.MainTop-Main .dropdown .dropdown-content{
	display: none;
	position: absolute;
	z-index: 51;
	padding: 10px;
	border-radius: 3px;
	background-color: #51505c;
	box-shadow: 2px 2px 4px #202020;
	border: 1px solid #d2ac61;
	min-width: 100%;
}
.MainTop-Main .dropdown .dropdown-content p{
	margin: 0;
}
.MainTop-Main .dropdown .dropdown-content a{
	color: white;
	display: block;
    border-radius: 10px;
    padding: 5px 10px;
    background-color: #d2ac61;
    margin: 5px;
}
.MainTop-Main .dropdown:hover .dropdown-content{
	display: block;
}