Difference between revisions of "Template:Tongji Software/CSS"
| Line 5: | Line 5: | ||
<link href="https://2019.igem.org/Template:Tongji_Software/css/ClearDefaultCss_css?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2019.igem.org/Template:Tongji_Software/css/ClearDefaultCss_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script> | <script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script> | ||
| + | |||
| + | <script src="https://2019.igem.org/Template:Tongji_Software/js/modernizer_js?action=raw&ctype=text/javascript"></script> <!-- Modernizr --> | ||
| + | |||
| + | <link href="https://2019.igem.org/Template:Tongji_Software/dist/demo5_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<style type="text/css"> | <style type="text/css"> | ||
#sideMenu, #top_title {display:none;} | #sideMenu, #top_title {display:none;} | ||
| − | #content { padding:0px; width:100vw; height:100h; margin-top:- | + | #content { padding:0px; width:100vw; height:100h; margin-top:-1vh; margin-left:-0.4vw;} |
<!--主体背景--> | <!--主体背景--> | ||
| − | + | </style> | |
| − | + | ||
<style> | <style> | ||
| Line 36: | Line 33: | ||
font-family: "Source Sans Pro", sans-serif; | font-family: "Source Sans Pro", sans-serif; | ||
color: rgba(2, 23, 37, 0.7); | color: rgba(2, 23, 37, 0.7); | ||
| − | + | overflow: hidden; | |
| − | overflow: hidden; | + | |
/*background: url("../img/cover.jpg") center no-repeat;*/ | /*background: url("../img/cover.jpg") center no-repeat;*/ | ||
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
background-size: cover; | background-size: cover; | ||
| + | background-color:gray; | ||
} | } | ||
body.overflow-hidden { | body.overflow-hidden { | ||
/* when primary navigation is visible, the content in the background won't scroll */ | /* when primary navigation is visible, the content in the background won't scroll */ | ||
| − | overflow: hidden; | + | overflow: hidden; |
} | } | ||
| Line 58: | Line 55: | ||
} | } | ||
| − | + | ||
| + | |||
/* -------------------------------- | /* -------------------------------- | ||
| Line 83: | Line 81: | ||
html, body { | html, body { | ||
height: 100%; | height: 100%; | ||
| + | overflow-y : visible; | ||
} | } | ||
.cd-header { | .cd-header { | ||
| − | position: | + | position:fixed; |
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
| Line 120: | Line 119: | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
} | } | ||
| − | + | /* .cd-header.is-fixed { | |
/* when the user scrolls down, we hide the header right above the viewport */ | /* when the user scrolls down, we hide the header right above the viewport */ | ||
position: fixed; | position: fixed; | ||
| − | top: -80px; | + | /* top: -80px; */ |
background-color: rgba(2, 23, 37, 0.96); | background-color: rgba(2, 23, 37, 0.96); | ||
-webkit-transition: -webkit-transform 0.3s; | -webkit-transition: -webkit-transform 0.3s; | ||
-moz-transition: -moz-transform 0.3s; | -moz-transition: -moz-transform 0.3s; | ||
transition: transform 0.3s; | transition: transform 0.3s; | ||
| − | } | + | }*/ |
.cd-header.is-visible { | .cd-header.is-visible { | ||
/* if the user changes the scrolling direction, we show the header */ | /* if the user changes the scrolling direction, we show the header */ | ||
| Line 195: | Line 194: | ||
.cd-primary-nav-trigger { | .cd-primary-nav-trigger { | ||
| − | position: | + | position: absolute; |
right: 0; | right: 0; | ||
top: 0; | top: 0; | ||
| Line 437: | Line 436: | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
| − | + | margin-top: 4vw; | |
} | } | ||
.cd-main-content p { | .cd-main-content p { | ||
| Line 453: | Line 452: | ||
</head> | </head> | ||
| − | <body> | + | <body > |
<div id="indexMenu"> | <div id="indexMenu"> | ||
| Line 467: | Line 466: | ||
<ul class="cd-primary-nav"> | <ul class="cd-primary-nav"> | ||
<li><br><br></li> | <li><br><br></li> | ||
| − | <li><a href="#0"> | + | <li><a href="#0">HOM</a></li> |
<li class="cd-label">About Us</li> | <li class="cd-label">About Us</li> | ||
| Line 489: | Line 488: | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
| − | |||
| − | |||
| + | <script src="https://2019.igem.org/Template:Tongji_Software/js/jquery_210_min_js?action=raw&ctype=text/javascript"></script> | ||
| + | <script src="https://2019.igem.org/Template:Tongji_Software/js/main_js?action=raw&ctype=text/javascript"></script> <!-- Resource jQuery --> | ||
<div id="foot"></div> | <div id="foot"></div> | ||
</div> | </div> | ||
| + | <div style="position:absolute; margin-top:120vh; margin-left:20vw; margin-bottom:20vh; color:white"> | ||
| + | HAVE A TRY | ||
| + | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 13:32, 6 October 2019
HAVE A TRY