(35 intermediate revisions by the same user not shown) | |||
Line 19: | Line 19: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
#bodyContent a[href ^="https://"] { | #bodyContent a[href ^="https://"] { | ||
padding: .4em 1em; | padding: .4em 1em; | ||
Line 167: | Line 164: | ||
font-size: 100%; | font-size: 100%; | ||
font-family: "Source Sans Pro", sans-serif; | font-family: "Source Sans Pro", sans-serif; | ||
− | |||
− | |||
--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)); |
− | + | ||
− | + | ||
/*overflow: hidden;*/ | /*overflow: hidden;*/ | ||
/* 溢出隐藏 */ | /* 溢出隐藏 */ | ||
Line 192: | Line 186: | ||
} | } | ||
− | a:hover,a:visited { | + | a:hover, a:visited { |
color: white; | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
Line 270: | Line 264: | ||
-o-transform: translate3d(0, 100%, 0); | -o-transform: translate3d(0, 100%, 0); | ||
transform: translate3d(0, 100%, 0); | transform: translate3d(0, 100%, 0); | ||
+ | } | ||
+ | .cd-header .is-visible ul{ | ||
+ | margin-left: 0vw; | ||
} | } | ||
Line 349: | Line 346: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | #cd-primary-naver ul{ | ||
+ | margin-left:7vw; | ||
+ | } | ||
+ | #cd-primary-naver .is-visible{ | ||
+ | margin-left:-5vw; | ||
+ | } | ||
.cd-primary-nav-trigger .cd-menu-icon { | .cd-primary-nav-trigger .cd-menu-icon { | ||
Line 427: | Line 430: | ||
line-height: 30px; | line-height: 30px; | ||
/*菜单栏整体位置*/ | /*菜单栏整体位置*/ | ||
− | left: - | + | left: -1.5vw; |
top: 11vh; | top: 11vh; | ||
bottom: auto; | bottom: auto; | ||
Line 451: | Line 454: | ||
position: fixed; | position: fixed; | ||
height: 100%; | height: 100%; | ||
− | width: | + | width: 75%; |
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);*/ | ||
− | + | --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)); | |
− | + | box-shadow:10px 0px 15px rgba(0,0,0,0.5); | |
− | + | ||
− | + | ||
z-index: 2; | z-index: 2; | ||
text-align: center; | text-align: center; | ||
Line 471: | Line 472: | ||
/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */ | /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */ | ||
-webkit-overflow-scrolling: touch; | -webkit-overflow-scrolling: touch; | ||
− | -webkit-transform: | + | -webkit-transform: translateX(-92%); |
− | -moz-transform: | + | -moz-transform: translateX(-100%); |
− | -ms-transform: | + | -ms-transform: translateX(-100%); |
− | -o-transform: | + | -o-transform: translateX(-100%); |
− | transform: | + | transform: translateX(-100%); |
-webkit-transition-property: -webkit-transform; | -webkit-transition-property: -webkit-transform; | ||
-moz-transition-property: -moz-transform; | -moz-transition-property: -moz-transform; | ||
Line 528: | Line 529: | ||
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 658: | Line 659: | ||
<li class="cd-label">About Us</li> | <li class="cd-label">About Us</li> | ||
− | <li><a href="https://2019.igem.org/Team:Tongji_Software/Project">Our | + | <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><a href="https://2019.igem.org/Team:Tongji_Software/Attributions">Team Information</a></li> | ||
Line 670: | Line 671: | ||
<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> | |
− | <li class="cd- | + | |
− | + | ||
− | + | ||
</ul> | </ul> | ||
</nav> | </nav> |
Latest revision as of 02:31, 22 October 2019