Difference between revisions of "Template:NUS Singapore-A"
BambooPanda (Talk | contribs) |
|||
| Line 187: | Line 187: | ||
/* the dropdwn class is given to any button which require a dropdown menu...which is all*/ | /* the dropdwn class is given to any button which require a dropdown menu...which is all*/ | ||
| − | .dropdown{ | + | .nav .dropdown{ |
display: inline-block; | display: inline-block; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 194: | Line 194: | ||
/* This configures the main button (Project, Hardware, Team, blah blah) */ | /* This configures the main button (Project, Hardware, Team, blah blah) */ | ||
| − | .dropdown .dropbtn{ | + | .nav .dropdown .dropbtn{ |
font-family: "Montserrat"; | font-family: "Montserrat"; | ||
font-weight: 400; | font-weight: 400; | ||
| Line 209: | Line 209: | ||
/* The dropdwn-content class contains the hidden content (sub-menu) */ | /* The dropdwn-content class contains the hidden content (sub-menu) */ | ||
| − | .dropdown-content{ | + | .nav .dropdown-content{ |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| Line 220: | Line 220: | ||
/* This styles the links within the dropdwn-content */ | /* This styles the links within the dropdwn-content */ | ||
| − | .dropdown-content a{ | + | .nav .dropdown-content a{ |
float: none; | float: none; | ||
padding: 5px; auto; | padding: 5px; auto; | ||
| Line 235: | Line 235: | ||
/* Add the hover colors and the reveal of the menu */ | /* Add the hover colors and the reveal of the menu */ | ||
| − | .dropdown:hover { | + | .nav .dropdown:hover { |
background-color: #dddddd; | background-color: #dddddd; | ||
} | } | ||
| − | .dropdown:hover .dropdown-content { | + | .nav .dropdown:hover .dropdown-content { |
display: block; | display: block; | ||
} | } | ||
| − | .dropdown-content a:hover{ | + | .nav .dropdown-content a:hover{ |
background-color: #dddddd; | background-color: #dddddd; | ||
} | } | ||
| Line 257: | Line 257: | ||
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */ | /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */ | ||
@media screen and (max-width: 600px) { | @media screen and (max-width: 600px) { | ||
| − | .dropdown | + | .dropdown, .nusgem_mail, .instalogo, .fblogo, .maillogo, .nus-logo { |
display: none; | display: none; | ||
} | } | ||
| Line 285: | Line 285: | ||
top: 0; | top: 0; | ||
} | } | ||
| − | .nav.responsive .dropdown {float: none;} | + | .nav.responsive .dropdown {float: none; display: block;} |
.nav.responsive .dropdown-content {position: relative;} | .nav.responsive .dropdown-content {position: relative;} | ||
.nav.responsive .dropdown .dropbtn { | .nav.responsive .dropdown .dropbtn { | ||
Revision as of 16:34, 17 October 2018
CONNECT WITH US
