Difference between revisions of "Template:NUS Singapore-A"
| Line 260: | Line 260: | ||
/*************** New Nav Menu CSS ******************/ | /*************** New Nav Menu CSS ******************/ | ||
| + | |||
| + | /* The outer border wraps the content outside of the box */ | ||
.outer-border{ | .outer-border{ | ||
max-width: 100%; | max-width: 100%; | ||
| Line 290: | Line 292: | ||
} | } | ||
| + | /* The inner border contains the nav bar, header and whatever content is in the page....i need to close this div in the footer*/ | ||
.inner-border{ | .inner-border{ | ||
border: 4px solid black; | border: 4px solid black; | ||
| Line 296: | Line 299: | ||
margin: 10px 30px; | margin: 10px 30px; | ||
} | } | ||
| + | /* The NUSIGEM logo, i set a background color in case it doesnt load for some fellas*/ | ||
.logo{ | .logo{ | ||
max-width: 100%; | max-width: 100%; | ||
| Line 303: | Line 307: | ||
margin: auto; | margin: auto; | ||
} | } | ||
| + | /* The wrapper for the nav menu*/ | ||
.nav { | .nav { | ||
width: 100%; | width: 100%; | ||
| Line 315: | Line 320: | ||
z-index: 3; | z-index: 3; | ||
} | } | ||
| + | /* the dropdwn class is given to any button which requires one...which is all*/ | ||
.nav .dropdwn{ | .nav .dropdwn{ | ||
display: inline-block; | display: inline-block; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| + | /* The dropdwn-content class contains the hidden content (sub-menu) */ | ||
.nav .dropdwn .dropdwn-content{ | .nav .dropdwn .dropdwn-content{ | ||
display: none; | display: none; | ||
| Line 326: | Line 333: | ||
z-index: 3; | z-index: 3; | ||
} | } | ||
| + | /* This configures the main button (Project, Hardware, Team, blah blah) */ | ||
.nav .dropdwn button{ | .nav .dropdwn button{ | ||
font-family: "Century Gothic"; | font-family: "Century Gothic"; | ||
| Line 338: | Line 346: | ||
display: flex; | display: flex; | ||
} | } | ||
| + | /* This styles the links within the dropdw-content */ | ||
.nav .dropdwn .dropdwn-content a{ | .nav .dropdwn .dropdwn-content a{ | ||
float: none; | float: none; | ||
| Line 351: | Line 360: | ||
letter-spacing: 0.2em; | letter-spacing: 0.2em; | ||
} | } | ||
| + | /* Add the hover colors and the reveal of the menu */ | ||
.dropdwn:hover { | .dropdwn:hover { | ||
| − | background-color: # | + | background-color: #dddddd; |
} | } | ||
.dropdwn:hover .dropdwn-content { | .dropdwn:hover .dropdwn-content { | ||
| Line 358: | Line 368: | ||
} | } | ||
.dropdwn-content a:hover{ | .dropdwn-content a:hover{ | ||
| − | background-color: # | + | background-color: #dddddd; |
} | } | ||
| + | /* A sticky class cause this fking mediawiki doesn't have one */ | ||
.sticky{ | .sticky{ | ||
position: fixed; | position: fixed; | ||
| Line 365: | Line 376: | ||
left: 0; | left: 0; | ||
} | } | ||
| + | /* Positioning and sizing of the social media icons */ | ||
.instalogo{ | .instalogo{ | ||
position: fixed; | position: fixed; | ||
Revision as of 10:43, 30 June 2018
EMAIL US AT NUSGEM@GMAIL.COM
What's on?
