Line 44: | Line 44: | ||
padding: 14px 28px !important; | padding: 14px 28px !important; | ||
} | } | ||
− | #bodyContent . | + | #bodyContent .contact-info-text-mobile { |
padding: 16px 24px !important; | padding: 16px 24px !important; | ||
} | } | ||
− | #bodyContent . | + | #bodyContent .contact-info-text-mobile:hover, .cta-text:hover { |
text-decoration: none !important; | text-decoration: none !important; | ||
} | } | ||
Line 60: | Line 60: | ||
nav a { | nav a { | ||
font-size: 1.11125em !important; | font-size: 1.11125em !important; | ||
+ | } | ||
+ | .cta-button-1 { | ||
+ | top: 20px !important; | ||
} | } | ||
.cta-button-1 { | .cta-button-1 { | ||
position: fixed; | position: fixed; | ||
− | top: | + | top: 0; |
right: 0; | right: 0; | ||
height: 48px; | height: 48px; | ||
Line 82: | Line 85: | ||
letter-spacing: 0.75px; | letter-spacing: 0.75px; | ||
} | } | ||
− | #bodyContent . | + | #bodyContent .contact-text { |
padding-left: 28px !important; | padding-left: 28px !important; | ||
padding-right: 28px !important; | padding-right: 28px !important; | ||
} | } | ||
− | #bodyContent . | + | #bodyContent .contact-text:hover { |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 96: | Line 99: | ||
top: 1px; | top: 1px; | ||
} | } | ||
− | #bodyContent . | + | #bodyContent .contact-button-1 { |
background-color: #408042 !important; | background-color: #408042 !important; | ||
padding: 145px 28px !important; | padding: 145px 28px !important; | ||
Line 165: | Line 168: | ||
.nav-mobile-top { | .nav-mobile-top { | ||
position: relative; | position: relative; | ||
− | top: | + | top: 48px; |
width: 100%; | width: 100%; | ||
background-color: #ccc9c2; | background-color: #ccc9c2; | ||
Line 243: | Line 246: | ||
background-color: #ccc9c2; | background-color: #ccc9c2; | ||
} | } | ||
− | . | + | .contact-info-button-mobile { |
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
Line 251: | Line 254: | ||
background-color: #b33424; | background-color: #b33424; | ||
} | } | ||
− | . | + | .contact-info-button-mobile:hover { |
background-color: #992d1f; | background-color: #992d1f; | ||
} | } | ||
− | . | + | .contact-info-text-mobile { |
line-height: 48px; | line-height: 48px; | ||
padding: 16px 24px; | padding: 16px 24px; | ||
Line 265: | Line 268: | ||
} | } | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
− | . | + | .contact-info-text-mobile { |
font-size: 1em; | font-size: 1em; | ||
} | } | ||
} | } | ||
− | . | + | .download-cv-button-1 { |
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
Line 277: | Line 280: | ||
background-color: #408042; | background-color: #408042; | ||
} | } | ||
− | . | + | .download-cv-button-1:hover { |
background-color: #336635; | background-color: #336635; | ||
} | } | ||
− | . | + | .download-cv-text { |
line-height: 48px; | line-height: 48px; | ||
padding: 16px 28px; | padding: 16px 28px; | ||
Line 2,969: | Line 2,972: | ||
<nav class="nav-mobile-fixed"> | <nav class="nav-mobile-fixed"> | ||
<div class="logo-text-mobile-wrap"><a href="https://2018.igem.org/Team:Auckland_MOD"><img class="logo-text-mobile" src="https://static.igem.org/mediawiki/2018/5/50/T--Auckland_MOD--MOD-logo-animated.svg"/></a></div><!-- | <div class="logo-text-mobile-wrap"><a href="https://2018.igem.org/Team:Auckland_MOD"><img class="logo-text-mobile" src="https://static.igem.org/mediawiki/2018/5/50/T--Auckland_MOD--MOD-logo-animated.svg"/></a></div><!-- | ||
− | --><div class=" | + | --><div class="contact-info-button-mobile"><a class="contact-info-text-mobile" href="mailto:hrwaldegrave@gmail.com?Subject=Team MOD Enquiry">Contact</a></div> |
</nav> | </nav> | ||
Line 3,185: | Line 3,188: | ||
</div> | </div> | ||
<div class="copy3-buttons-wrap"> | <div class="copy3-buttons-wrap"> | ||
− | <a class=" | + | <a class="contact-button-1" href="contact.html">Contact info</a> |
</div> | </div> | ||
</div> | </div> |
Revision as of 11:45, 29 August 2018
Notebook
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.
Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus.
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat.
3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor.
4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ex pellentesque, facilisis sapien cursus, porta ex. Ut ultrices tortor nulla, vel mattis dui feugiat eget. Aenean egestas mollis erat a finibus. Ut maximus, elit quis rutrum interdum, neque diam mattis tortor, ac placerat dolor ipsum aliquet tortor. Etiam viverra neque quis odio consequat consequat. Nulla facilisi. Fusce pharetra augue sit amet est euismod posuere vitae sed purus. Fusce ac orci felis.
Keen to talk?
If you're interested, have questions, or want to know more, don't hesitate to contact us directly.