Line 53: | Line 53: | ||
} | } | ||
− | + | p { | |
− | + | font-family:'CCUfontsBold', Arial, sans-serif!important; | |
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | + | body{ | |
+ | padding:0; | ||
+ | margin:0; | ||
+ | background:#000000; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #top { | |
− | + | position: fixed; | |
− | + | top: 100px; | |
− | + | z-index: 6; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | header{ | |
− | + | margin:0 auto; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .container { |
− | + | position: fixed; | |
− | margin- | + | width: 100%; |
− | + | margin-top: 0; | |
− | + | background: #000000; | |
+ | height: 55px; | ||
+ | z-index:3; | ||
} | } | ||
− | + | nav { | |
− | + | margin:0; | |
+ | padding:0; | ||
+ | height: 55px; | ||
} | } | ||
− | + | nav ul { | |
− | + | margin: 0; | |
+ | list-style: none; | ||
+ | background:white; | ||
} | } | ||
− | + | nav ul li { | |
− | + | float:left; | |
− | + | display: inline-block; | |
− | + | position: relative; | |
+ | padding-top:10px; | ||
+ | width: 190px; | ||
+ | height: 42px; | ||
+ | text-align:center; | ||
+ | line-height:42px | ||
+ | margin-left:0vw; | ||
+ | margin-right:0vw; | ||
} | } | ||
− | + | nav ul li ul{ | |
− | + | position:absolute; | |
+ | top:46px; | ||
+ | left:-29.5px; | ||
+ | margin-left:0px; | ||
+ | background:black; | ||
+ | width:190px; | ||
} | } | ||
− | + | nav ul li ul li{ | |
− | + | margin-left: 0; | |
− | + | position: relative; | |
− | + | text-align: center; | |
− | + | line-height:42px | |
− | + | float:none; | |
− | + | display: none; | |
− | + | border-radius:1px; | |
} | } | ||
− | + | nav a { | |
− | + | color:#F5F5F5!important; | |
− | + | font-family: monospace; | |
− | + | font-size: 23px; | |
+ | text-decoration:none; | ||
} | } | ||
− | + | /*nav a::before { | |
− | + | content: ''; | |
− | color: # | + | display: block; |
+ | height: 3px; | ||
+ | background-color: blue; | ||
+ | position: absolute; | ||
+ | top: -7px; | ||
+ | width: 0%; | ||
+ | border-radius: 2px; | ||
+ | transition: all ease-in-out 400ms; | ||
+ | }*/ | ||
+ | nav ul li:hover { | ||
+ | background-color:#F5F5F5; | ||
+ | transition: 200ms; | ||
} | } | ||
− | + | nav a:hover{ | |
− | color: | + | color:black!important; |
+ | text-decoration:none; | ||
} | } | ||
− | + | /*nav a:hover::before { | |
− | + | width: 100%; | |
+ | }*/ | ||
+ | nav ul li:hover ul li{ | ||
+ | display: block; | ||
+ | transition: 300ms; | ||
} | } | ||
− | + | .parallax { | |
− | + | background-image: url("https://static.igem.org/mediawiki/2018/1/11/T--CCU_Taiwan--LGOG_3.gif"); | |
− | + | height: 100vh; | |
− | + | background-attachment: fixed; | |
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | z-index: 2; | ||
} | } | ||
− | + | ||
− | + | #homelogo { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
width: 100%; | width: 100%; | ||
− | + | position: relative; | |
+ | z-index: -2; | ||
margin:0; | margin:0; | ||
+ | height:100vh; | ||
} | } | ||
− | + | .scroll-down { | |
− | + | background: none; | |
− | + | position:absolute; | |
− | + | transition: all .5s ease-in 3s; | |
− | + | top:70vh; | |
− | + | left: 50%; | |
− | + | margin-left: -24px; | |
− | + | z-index: 3; | |
− | + | -webkit-transition: all .5s ease-in 3s; | |
− | + | -webkit-animation: bounce 2s infinite 2s; | |
− | + | animation: bounce 2s infinite 2s; | |
− | + | -webkit-transition: all .2s ease-in; | |
− | + | transition: all .2s ease-in; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | . | + | .scroll-down img:hover { |
− | + | opacity: .5; | |
− | + | } | |
− | + | ||
+ | /*.a { | ||
+ | background: transparent; | ||
+ | }*/ | ||
+ | |||
+ | .scroll-down: before { | ||
+ | |||
+ | position: absolute; | ||
+ | |||
+ | top: calc(50% - 8px); | ||
+ | |||
+ | left: calc(50% - 6px); | ||
+ | |||
+ | transform: rotate(-45deg); | ||
+ | |||
+ | display: block; | ||
+ | |||
+ | width: 12px; | ||
+ | |||
+ | height: 12px; | ||
+ | |||
+ | content: ""; | ||
+ | |||
+ | border: 2px solid white; | ||
+ | |||
+ | border-width: 0px 0 2px 2px; | ||
+ | |||
+ | } | ||
+ | |||
+ | @keyframes bounce { | ||
+ | |||
+ | 0%, | ||
+ | |||
+ | 100%, | ||
+ | |||
+ | 20%, | ||
+ | |||
+ | 50%, | ||
+ | |||
+ | 80% { | ||
+ | |||
+ | -webkit-transform: translateY(0); | ||
+ | |||
+ | -ms-transform: translateY(0); | ||
+ | |||
+ | transform: translateY(0); | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | 40% { | ||
+ | |||
+ | -webkit-transform: translateY(-10px); | ||
+ | |||
+ | -ms-transform: translateY(-10px); | ||
+ | |||
+ | transform: translateY(-10px); | ||
+ | |||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | |||
+ | -webkit-transform: translateY(-5px); | ||
+ | |||
+ | -ms-transform: translateY(-5px); | ||
+ | |||
+ | transform: translateY(-5px); | ||
+ | |||
+ | } | ||
− | |||
− | |||
} | } | ||
− | . | + | |
− | + | ||
− | + | .content { | |
− | + | margin-top: 50px; | |
− | + | width: 80%; | |
+ | margin-left: 200px; | ||
+ | z-index: 4; | ||
+ | padding-bottom: 50px; | ||
+ | position: absolute; | ||
} | } | ||
− | + | ||
− | + | #fullPage { | |
+ | margin:0; | ||
+ | background: white; | ||
} | } | ||
− | . | + | |
− | + | ||
− | + | .section{ | |
+ | margin:0; | ||
+ | padding:0; | ||
} | } | ||
− | . | + | |
− | + | ||
− | + | .section2 { | |
− | + | background: #EFB653; | |
− | + | z-index: 3; | |
− | + | height: 100%; | |
− | + | ||
} | } | ||
− | . | + | /*h3 { |
− | + | color:#e5e5e5; | |
− | + | }*/ | |
− | + | .first { | |
+ | font-size: 60px!important; | ||
+ | color: #F8F8FF; | ||
+ | margin-left: 30px; | ||
+ | margin-bottom: -30px!important; | ||
+ | margin-top: -40px!important; | ||
} | } | ||
− | . | + | .second { |
− | + | font-size: 35px!important; | |
− | + | color: #F8F8FF; | |
− | + | margin-left: 30px; | |
− | + | ||
} | } | ||
− | . | + | .description { |
− | + | font-size: 18px!important; | |
− | + | color: #F8F8FF; | |
+ | margin-left: 30px; | ||
} | } | ||
− | + | #logo{ | |
− | + | width: 100%; | |
− | + | position: relative; | |
− | + | z-index: -2; | |
− | + | margin:0; | |
− | + | height:100vh; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .interlab { |
− | + | background: black; | |
− | + | margin: 0 auto; | |
− | + | padding-top:50px; | |
− | + | padding-left:150px; | |
+ | padding-right:150px; | ||
+ | padding-bottom: 150px; | ||
+ | position: relative; | ||
+ | list-style-type:decimal; | ||
+ | font-color:#F8F8FF; | ||
} | } | ||
− | . | + | .title{ |
− | + | font-size: 18px!important; | |
− | + | color: #F8F8FF; | |
− | + | line-height:25px; | |
} | } | ||
− | + | ||
− | + | ||
− | + | .interlab li { | |
− | + | color:white!important; | |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #partvideo { | |
− | + | height: 680px; | |
− | + | ||
− | + | ||
} | } | ||
− | |||
</style> | </style> | ||
</html> | </html> |
Revision as of 03:00, 27 July 2018