(68 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
<title>Tongji Software | Pathlab</title> | <title>Tongji Software | Pathlab</title> | ||
<style> | <style> | ||
− | #sideMenu,#top_title { | + | *::-webkit-scrollbar { |
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #sideMenu, | ||
+ | #top_title { | ||
display: none; | display: none; | ||
} | } | ||
Line 10: | Line 15: | ||
#content { | #content { | ||
padding: 0px; | padding: 0px; | ||
− | width: | + | width: 90vw; |
margin-top: -13px; | margin-top: -13px; | ||
− | margin-left:10px; | + | margin-left: 10px; |
} | } | ||
− | #indexMenu ul{ | + | |
− | margin-left:-10px; | + | #indexMenu ul { |
+ | margin-left: -10px; | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href ^="https://"] { | ||
+ | padding: .4em 1em; | ||
} | } | ||
/*content style*/ | /*content style*/ | ||
Line 104: | Line 114: | ||
border: 0; | border: 0; | ||
font-size: 100%; | font-size: 100%; | ||
− | font: inherit; | + | /* font: inherit;*/ |
vertical-align: baseline; | vertical-align: baseline; | ||
} | } | ||
Line 152: | Line 162: | ||
/* -------------------------------- Primary style -------------------------------- */ | /* -------------------------------- Primary style -------------------------------- */ | ||
− | *, *:after, *:before { | + | *, |
+ | *:after, | ||
+ | *:before { | ||
-webkit-box-sizing: border-box; | -webkit-box-sizing: border-box; | ||
-moz-box-sizing: border-box; | -moz-box-sizing: border-box; | ||
Line 162: | Line 174: | ||
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); | ||
− | + | --color-bg: #1f174e; | |
− | overflow: hidden; | + | --color-bg-2: #151436; |
+ | --color-bg-3: #060029; | ||
+ | background: linear-gradient(90deg, var(--color-bg-3), var(--color-bg-2),var(--color-bg),var(--color-bg-2), var(--color-bg-3)); | ||
+ | /*overflow: hidden;*/ | ||
/* 溢出隐藏 */ | /* 溢出隐藏 */ | ||
/*background: url("../img/cover.jpg") center no-repeat;*/ | /*background: url("../img/cover.jpg") center no-repeat;*/ | ||
Line 179: | Line 194: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | a:hover, | + | |
− | + | a:hover, | |
− | + | ||
a:visited { | a:visited { | ||
− | color:white; | + | color: white; |
} | } | ||
/* -------------------------------- Modules - reusable parts of our design -------------------------------- */ | /* -------------------------------- Modules - reusable parts of our design -------------------------------- */ | ||
Line 201: | Line 215: | ||
/* -------------------------------- Main components -------------------------------- */ | /* -------------------------------- Main components -------------------------------- */ | ||
− | html, body { | + | html, |
+ | body { | ||
height: 100%; | height: 100%; | ||
} | } | ||
Line 242: | Line 257: | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
} | } | ||
− | /*.cd-header.is-fixed { | + | /*.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; | ||
Line 250: | Line 265: | ||
-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 */ | ||
-webkit-transform: translate3d(0, 100%, 0); | -webkit-transform: translate3d(0, 100%, 0); | ||
Line 271: | Line 286: | ||
top: 50%; | top: 50%; | ||
bottom: auto; | bottom: auto; | ||
− | + | -webkit-transform: translateY(-50%); | |
-moz-transform: translateY(-50%); | -moz-transform: translateY(-50%); | ||
-ms-transform: translateY(-50%); | -ms-transform: translateY(-50%); | ||
-o-transform: translateY(-50%); | -o-transform: translateY(-50%); | ||
− | transform: translateY(-50%); | + | transform: translateY(-50%); |
left: .875em; | left: .875em; | ||
} | } | ||
Line 324: | Line 339: | ||
position: absolute; | position: absolute; | ||
right: 0; | right: 0; | ||
− | top: | + | top: 5vh; |
height: 100%; | height: 100%; | ||
width: 50px; | width: 50px; | ||
Line 330: | Line 345: | ||
background-color: rgba(2, 23, 37, 0); | background-color: rgba(2, 23, 37, 0); | ||
} | } | ||
− | + | ||
− | + | #cd-primary-naver a:hover { | |
− | + | background-color: white; | |
+ | color: black; | ||
+ | text-decoration: none; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.cd-primary-nav-trigger .cd-menu-text { | .cd-primary-nav-trigger .cd-menu-text { | ||
position: absolute; | position: absolute; | ||
Line 359: | Line 373: | ||
bottom: auto; | bottom: auto; | ||
right: auto; | right: auto; | ||
− | -webkit-transform: translateX(-50%) translateY(-50%); | + | /*-webkit-transform: translateX(-50%) translateY(-50%); |
-moz-transform: translateX(-50%) translateY(-50%); | -moz-transform: translateX(-50%) translateY(-50%); | ||
-ms-transform: translateX(-50%) translateY(-50%); | -ms-transform: translateX(-50%) translateY(-50%); | ||
-o-transform: translateX(-50%) translateY(-50%); | -o-transform: translateX(-50%) translateY(-50%); | ||
− | transform: translateX(-50%) translateY(-50%); | + | transform: translateX(-50%) translateY(-50%);*/ |
width: 28px; | width: 28px; | ||
height: 2px; | height: 2px; | ||
Line 373: | Line 387: | ||
} | } | ||
− | .cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after { | + | .cd-primary-nav-trigger .cd-menu-icon::before, |
+ | .cd-primary-nav-trigger .cd-menu-icon:after { | ||
content: ''; | content: ''; | ||
width: 100%; | width: 100%; | ||
Line 397: | Line 412: | ||
} | } | ||
− | .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { | + | .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, |
+ | .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { | ||
background-color: white; | background-color: white; | ||
} | } | ||
Line 427: | Line 443: | ||
line-height: 30px; | line-height: 30px; | ||
/*菜单栏整体位置*/ | /*菜单栏整体位置*/ | ||
− | left: | + | left: 6vw; |
top: 10vh; | top: 10vh; | ||
bottom: auto; | bottom: auto; | ||
− | /*-webkit-transform: translateY(-50%); | + | /* -webkit-transform: translateY(-50%); |
-moz-transform: translateY(-50%); | -moz-transform: translateY(-50%); | ||
-ms-transform: translateY(-50%); | -ms-transform: translateY(-50%); | ||
Line 455: | Line 471: | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
− | margin:10vh 0vw 0vh 0vw; | + | margin: 10vh 0vw 0vh 0vw; |
font-family: "Cambria"; | font-family: "Cambria"; | ||
/*菜单下来后的背景色*/ | /*菜单下来后的背景色*/ | ||
/*background: rgba(2, 23, 37, 0.8);*/ | /*background: rgba(2, 23, 37, 0.8);*/ | ||
− | background: | + | --color-bg: #1f174e; |
+ | --color-bg-2: #151436; | ||
+ | --color-bg-3: #060029; | ||
+ | background: linear-gradient(90deg, var(--color-bg-3), var(--color-bg-2),var(--color-bg),var(--color-bg-2), var(--color-bg-3)); | ||
z-index: 2; | z-index: 2; | ||
text-align: center; | text-align: center; | ||
Line 525: | Line 544: | ||
height: 44px; | height: 44px; | ||
padding: 0; | padding: 0; | ||
− | background-image: url("../ | + | background-image: url("https://static.igem.org/mediawiki/2019/9/93/T--Tongji_Software--menu_cd-socials.svg"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
/* image replacement */ | /* image replacement */ | ||
Line 654: | Line 673: | ||
<nav id="cd-primary-naver"> | <nav id="cd-primary-naver"> | ||
<ul class="cd-primary-nav"> | <ul class="cd-primary-nav"> | ||
− | <li style="height: | + | <li style="height:8vh"></li> |
− | <li><a href=" | + | <li><a id="url" href="https://2019.igem.org/Team:Tongji_Software">HOME</a></li> |
<li class="cd-label">About Us</li> | <li class="cd-label">About Us</li> | ||
− | <li><a href=" | + | <li><a href="https://2019.igem.org/Team:Tongji_Software/Project">Our Project</a></li> |
− | <li><a href=" | + | <li><a href="https://2019.igem.org/Team:Tongji_Software/Attributions">Team Information</a></li> |
<li class="cd-label">Other</li> | <li class="cd-label">Other</li> | ||
− | <li><a href=" | + | <li><a href="https://2019.igem.org/Team:Tongji_Software/Safety">Safety</a></li> |
− | <li><a href=" | + | <li><a href="https://2019.igem.org/Team:Tongji_Software/Human_Practices">Human Practices</a></li> |
− | <li><a href=" | + | <li><a href="https://2019.igem.org/Team:Tongji_Software/Public_Engagement">Education & Engagement</a></li> |
− | <li><a href=" | + | <li><a href="https://2019.igem.org/Team:Tongji_Software/Model">Model</a></li> |
− | <li><a href=" | + | <li><a href="https://2019.igem.org/Team:Tongji_Software/Medal">Medal</a></li> |
− | <li><a href=" | + | <li><a href="https://igem.org/2019_Judging_Form?id=3094">Judging Form</a></li> |
<li class="cd-label">Follow us</li> | <li class="cd-label">Follow us</li> | ||
+ | <br> | ||
+ | <li class="cd-socia" style="color:white">Twitter@IGEMtongjisoft </li> | ||
+ | |||
+ | |||
− | |||
− | |||
− | |||
− | |||
</ul> | </ul> | ||
</nav> | </nav> |
Latest revision as of 01:49, 22 October 2019