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> | ||
| − | + | <link href="https://2019.igem.org/Template:Tongji_Software/dist/vendors_css?action=raw&ctype=text/css" rel="stylesheet"> | |
| + | <link href="https://2019.igem.org/Template:Tongji_Software/dist/demo5_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
| + | |||
| + | <!-- <link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/MenuRest_css?action=raw&ctype=text/css"> CSS reset --> | ||
| + | <!-- <link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/MenuStyle_css?action=raw&ctype=text/css"> <!– Resource style –>--> | ||
<script src="https://2019.igem.org/Template:Tongji_Software/js/modernizer_js?action=raw&ctype=text/javascript"></script> <!-- Modernizr --> | <script src="https://2019.igem.org/Template:Tongji_Software/js/modernizer_js?action=raw&ctype=text/javascript"></script> <!-- Modernizr --> | ||
| − | + | <link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css"> | |
| − | + | ||
| − | + | ||
| − | + | ||
<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:-4vh; margin-left:-0.4vw;} |
<!--主体背景--> | <!--主体背景--> | ||
| − | + | body {background-color:black; height:100%;} | |
| + | </style> | ||
<style> | <style> | ||
| Line 33: | Line 35: | ||
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; | + | /*background-color: white;*/ |
| + | 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; | ||
| − | |||
} | } | ||
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 55: | Line 57: | ||
} | } | ||
| − | + | ||
| − | + | ||
/* -------------------------------- | /* -------------------------------- | ||
| Line 81: | Line 82: | ||
html, body { | html, body { | ||
height: 100%; | height: 100%; | ||
| − | |||
} | } | ||
.cd-header { | .cd-header { | ||
| − | position: | + | position:absolute; |
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
| Line 119: | 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; | |
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 194: | Line 194: | ||
.cd-primary-nav-trigger { | .cd-primary-nav-trigger { | ||
| − | position: | + | position: fixed; |
right: 0; | right: 0; | ||
top: 0; | top: 0; | ||
| Line 436: | Line 436: | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
| − | + | margin-top:4vw; | |
} | } | ||
.cd-main-content p { | .cd-main-content p { | ||
| Line 452: | Line 452: | ||
</head> | </head> | ||
| − | <body > | + | <body> |
<div id="indexMenu"> | <div id="indexMenu"> | ||
| Line 466: | 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">HOME</a></li> |
<li class="cd-label">About Us</li> | <li class="cd-label">About Us</li> | ||
| Line 490: | Line 490: | ||
| − | <script src=" | + | <script src="/js/jquery-2.1.0.min.js"></script> |
| − | <script src=" | + | <script src="/js/main.js"></script> <!-- Resource jQuery --> |
<div id="foot"></div> | <div id="foot"></div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 13:29, 6 October 2019