Webhost: Add dropdown menus (#1553)

* Change archipelago mod download page

* Docs: change connecting to archipelago in RoR2 setup guide

* dropdowns for links

* change some relative sizing

* change links and reorder links

* dropdowns for links

* change some relative sizing

* change links and reorder links

* mobile view was showing on desktop early

* add in missing relative font sizes

* clean up and add a temp downdown img

* move links around

* added cloud border

* move arrow to the left side
This commit is contained in:
kindasneaki
2023-03-23 23:11:39 -06:00
committed by GitHub
parent e1f46d623c
commit 03cf525b2c
5 changed files with 73 additions and 7 deletions
+26 -1
View File
@@ -42,7 +42,7 @@ html{
margin-top: 4px;
}
#base-header a, #base-header-mobile-menu a{
#base-header a, #base-header-mobile-menu a, #dropdown #dropdown-text{
color: #2f6b83;
text-decoration: none;
cursor: pointer;
@@ -86,6 +86,31 @@ html{
#base-header-right-mobile img{
height: 3rem;
}
#dropdown {
display: inline-block;
}
#dropdown:hover #dropdown-menu {
display: block;
}
#dropdown-menu{
display: none;
position: absolute;
background-color: #fff;
min-width: 160px;
padding: 12px 16px;
margin-left: -90px;
border-radius: 15px;
border-left: 2px solid #d0ebe6;
border-bottom: 2px solid #d0ebe6;
filter: drop-shadow(-6px 6px 2px #2e3e83);
}
#dropdown-icon {
height: 7px;
width: 14px;
margin-bottom: 3px;
margin-left: 2px;
}
@media all and (max-width: 960px), only screen and (max-device-width: 768px) {
#base-header-right{