Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | + | ||
<style> | <style> | ||
− | |||
− | + | ||
− | + | /* Code for removing iGEM loader content */ | |
− | + | ||
+ | #sideMenu, #top_title, #top, #toc{ | ||
+ | display: none; | ||
} | } | ||
− | + | ||
− | + | /* Content styling */ | |
− | + | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | box-sizing: border-box; | ||
+ | margin: -31px 0 0; | ||
+ | padding: 0; | ||
} | } | ||
− | + | body { | |
− | + | margin: 0; | |
− | + | height: 100%; | |
} | } | ||
− | + | #inPageNav { | |
− | + | position: fixed; | |
+ | display: block; | ||
+ | top: 50%; | ||
+ | transform: translateY(-50%); | ||
+ | right: 83%; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | box-sizing: border-box; | ||
+ | list-style: none; | ||
+ | z-index: 1; | ||
+ | display: none; | ||
} | } | ||
− | #pagefooter { | + | |
+ | #inPageNav li { | ||
+ | display: block; | ||
+ | padding: 10px 10px 10px 10px; | ||
+ | text-align: right; | ||
+ | font-family: "Raleway", sans-serif; | ||
+ | } | ||
+ | |||
+ | #inPageNav li a { | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | #inPageNav li a img { | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | box-sizing: border-box; | ||
+ | margin-top: -5px; | ||
+ | padding: 20px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2017/6/68/T--IISc-Bangalore--navbar_bullet.png'); | ||
+ | background-size: 40px 40px; | ||
+ | } | ||
+ | |||
+ | #inPageNav li a.active img { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2017/2/20/T--IISc-Bangalore--navbar_bullet_active.png'); | ||
+ | background-size: 40px 40px; | ||
+ | } | ||
+ | |||
+ | #inPageNav li a:focus { | ||
+ | color: inherit; | ||
+ | text-decoration: none; | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | #inPageNav li a:active { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #inPageNav li a.active { | ||
+ | font-weight: 800; | ||
+ | } | ||
+ | |||
+ | #inPageNav li:hover { | ||
+ | background-color: #f4f4f4; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .clearfix::after { | ||
+ | content: ""; | ||
+ | clear: both; | ||
+ | display: table; | ||
+ | } | ||
+ | |||
+ | .fch { | ||
+ | border-bottom: 2px solid !important; | ||
+ | } | ||
+ | |||
+ | .fch tr:nth-child(1) th:nth-child(1) { | ||
+ | border-bottom: 2px solid !important; | ||
+ | } | ||
+ | |||
+ | .fch tr th:nth-child(1) { | ||
+ | border: none !important; | ||
+ | } | ||
+ | |||
+ | #contentMain li { | ||
+ | font-size: 1.25em; | ||
+ | line-height: 1.9; | ||
+ | } | ||
+ | |||
+ | #contentMain table li { | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Footer styling */ | ||
+ | |||
+ | #pagefooter { | ||
width: 100%; | width: 100%; | ||
position: fixed; | position: fixed; | ||
Line 30: | Line 130: | ||
transition: all 0.5s ease; | transition: all 0.5s ease; | ||
padding-left: 10px; | padding-left: 10px; | ||
− | z-index: | + | z-index: 2; |
font-family: "Poppins", sans-serif; | font-family: "Poppins", sans-serif; | ||
} | } | ||
Line 105: | Line 205: | ||
height: 70px; | height: 70px; | ||
} | } | ||
+ | |||
</style> | </style> | ||
− | < | + | |
− | < | + | <div id="contentWrapper"> |
+ | <div style="position: fixed; width: 100%; top: 16px; left: 0; z-index: 1;"> | ||
+ | |||
+ | |||
<div id="pagefooter" class="clearfix"> | <div id="pagefooter" class="clearfix"> | ||
<div id="smallfooter" class="clearfix"> | <div id="smallfooter" class="clearfix"> | ||
Line 166: | Line 270: | ||
}) | }) | ||
</script> | </script> | ||
− | |||
− | |||
</html> | </html> |
Revision as of 13:29, 11 October 2018