(43 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
<style> | <style> | ||
*::-webkit-scrollbar { | *::-webkit-scrollbar { | ||
− | + | display: none; | |
− | + | } | |
+ | |||
#sideMenu, | #sideMenu, | ||
#top_title { | #top_title { | ||
Line 21: | Line 22: | ||
#indexMenu ul { | #indexMenu ul { | ||
margin-left: -10px; | margin-left: -10px; | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href ^="https://"] { | ||
+ | padding: .4em 1em; | ||
} | } | ||
/*content style*/ | /*content style*/ | ||
Line 109: | Line 114: | ||
border: 0; | border: 0; | ||
font-size: 100%; | font-size: 100%; | ||
− | + | /* font: inherit;*/ | |
vertical-align: baseline; | vertical-align: baseline; | ||
} | } | ||
Line 169: | 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; | |
+ | --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;*/ | /*overflow: hidden;*/ | ||
/* 溢出隐藏 */ | /* 溢出隐藏 */ | ||
Line 188: | Line 196: | ||
a:hover, | a:hover, | ||
− | |||
a:visited { | a:visited { | ||
color: white; | color: white; | ||
Line 250: | 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 258: | 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 279: | 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 332: | Line 339: | ||
position: absolute; | position: absolute; | ||
right: 0; | right: 0; | ||
− | top: | + | top: 5vh; |
height: 100%; | height: 100%; | ||
width: 50px; | width: 50px; | ||
Line 338: | Line 345: | ||
background-color: rgba(2, 23, 37, 0); | background-color: rgba(2, 23, 37, 0); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
#cd-primary-naver a:hover { | #cd-primary-naver a:hover { | ||
Line 371: | 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 441: | 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 473: | Line 475: | ||
/*菜单下来后的背景色*/ | /*菜单下来后的背景色*/ | ||
/*background: rgba(2, 23, 37, 0.8);*/ | /*background: rgba(2, 23, 37, 0.8);*/ | ||
− | |||
--color-bg: #1f174e; | --color-bg: #1f174e; | ||
--color-bg-2: #151436; | --color-bg-2: #151436; | ||
− | --color-bg-3: # | + | --color-bg-3: #060029; |
− | --color- | + | 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 545: | 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 674: | 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:8vh"> | + | <li style="height:8vh"></li> |
− | + | <li><a id="url" href="https://2019.igem.org/Team:Tongji_Software">HOME</a></li> | |
− | + | <li class="cd-label">About Us</li> | |
− | + | ||
+ | <li><a href="https://2019.igem.org/Team:Tongji_Software/Project">Our Project</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Tongji_Software/Attributions">Team Information</a></li> | ||
+ | |||
+ | <li class="cd-label">Other</li> | ||
+ | <li><a href="https://2019.igem.org/Team:Tongji_Software/Safety">Safety</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Tongji_Software/Human_Practices">Human Practices</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Tongji_Software/Public_Engagement">Education & Engagement</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Tongji_Software/Model">Model</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Tongji_Software/Medal">Medal</a></li> | ||
+ | <li><a href="https://igem.org/2019_Judging_Form?id=3094">Judging Form</a></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