Difference between revisions of "Template:NUS Singapore-A"
BambooPanda (Talk | contribs) |
BambooPanda (Talk | contribs) |
||
| Line 79: | Line 79: | ||
left: 12px; | left: 12px; | ||
} | } | ||
| + | |||
| + | /* Positioning and sizing of the social media icons */ | ||
| + | .instalogo{ | ||
| + | position: fixed; | ||
| + | top: 75px; | ||
| + | left: 10px; | ||
| + | font-size: 2.0em !important; | ||
| + | color: #1e1e1e; | ||
| + | } | ||
| + | .instalogo:hover{ | ||
| + | color: #3d4d6d; | ||
| + | } | ||
| + | .fblogo{ | ||
| + | position: fixed; | ||
| + | top: 115px; | ||
| + | left: 15px; | ||
| + | font-size: 1.5em !important; | ||
| + | color: #1e1e1e; | ||
| + | } | ||
| + | .fblogo:hover{ | ||
| + | color: #3d4d6d; | ||
| + | } | ||
| + | .maillogo{ | ||
| + | position: fixed; | ||
| + | top: 150px; | ||
| + | left: 10px; | ||
| + | font-size: 1.5em !important; | ||
| + | color: #1e1e1e; | ||
| + | } | ||
| + | .maillogo:hover{ | ||
| + | color: #3d4d6d; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*********** Change of Background Color *************/ | ||
| + | .bg-primary { | ||
| + | background-image: url("https://static.igem.org/mediawiki/2018/0/04/T--NUS_Singapore-A--Wiki_theme5.jpg"); | ||
| + | background-size: 100% 100%; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | |||
/* The inner border contains the nav bar, header and whatever content is in the page....I NEED TO USE THIS CLASS FOR EVERY DIV AS AN OVERALL PAGE WRAPPER*/ | /* The inner border contains the nav bar, header and whatever content is in the page....I NEED TO USE THIS CLASS FOR EVERY DIV AS AN OVERALL PAGE WRAPPER*/ | ||
.inner-border{ | .inner-border{ | ||
| Line 203: | Line 245: | ||
/* 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) { | ||
| − | .nav dropdown:not(:first-child), .dropdown .dropbtn { | + | .nav dropdown:not(:first-child), .dropdown .dropbtn, .nusgem_mail, .instalogo, .fblogo, .maillogo { |
display: none; | display: none; | ||
} | } | ||
| Line 227: | Line 269: | ||
text-align: left; | text-align: left; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 443: | Line 444: | ||
</div> | </div> | ||
| − | + | <a href="javascript:void(0);" class="icon" onclick="myFunction()">☰</a> | |
</div> | </div> | ||
</div> | </div> | ||
Revision as of 00:13, 17 October 2018
CONNECT WITH US
