mNo edit summary |
mNo edit summary |
||
Line 38: | Line 38: | ||
position: absolute; |
position: absolute; |
||
z-index: 51; |
z-index: 51; |
||
− | + | 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;
}