(63 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
− | body{background: | + | body{background: #444444} |
#content { margin-left:0px; margin-top:-7px; padding:0px; margin:0px; width:100%;} | #content { margin-left:0px; margin-top:-7px; padding:0px; margin:0px; width:100%;} | ||
Line 20: | Line 20: | ||
*/ | */ | ||
− | + | *{ | |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Line 28: | Line 28: | ||
width: 100vw; | width: 100vw; | ||
height: 100vh; | height: 100vh; | ||
+ | background: #444444; | ||
} | } | ||
Line 33: | Line 34: | ||
width: 100vw; | width: 100vw; | ||
height: 30vh; | height: 30vh; | ||
+ | box-shadow: inset 0 0 20px #333333; | ||
} | } | ||
Line 111: | Line 113: | ||
#section4{ | #section4{ | ||
− | + | background-color: #EEEEEE; | |
− | + | margin: 0; | |
} | } | ||
Line 131: | Line 133: | ||
left: 15vw; | left: 15vw; | ||
width: 70vw; | width: 70vw; | ||
− | |||
} | } | ||
Line 137: | Line 138: | ||
font-family: Arial; | font-family: Arial; | ||
font-size: 2em; | font-size: 2em; | ||
− | color: | + | color: #EEEEEE; |
− | + | padding: 20px; | |
+ | z-index: 10; | ||
} | } | ||
Line 227: | Line 229: | ||
background-size: cover; | background-size: cover; | ||
display: inline-block; | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .fullscreen { | ||
+ | background-color: #111111; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/0/0f/T--TPHS_San_Diego--Fungal_wall.jpg"); | ||
+ | -webkit-background-size: contain; | ||
+ | -moz-background-size: contain; | ||
+ | -o-background-size: contain; | ||
+ | background-size: contain; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-bottom: 200px; | ||
} | } | ||
Line 232: | Line 245: | ||
display:block; | display:block; | ||
width:100%; | width:100%; | ||
− | height: | + | height:100%; |
background-color:#1f1f1f; | background-color:#1f1f1f; | ||
overflow:hidden; | overflow:hidden; | ||
Line 252: | Line 265: | ||
left:0%; | left:0%; | ||
animation-delay: -1s; | animation-delay: -1s; | ||
− | background-image: url("https:// | + | background-image: url("https://static.igem.org/mediawiki/2018/5/52/T--TPHS_San_Diego--back_1.jpg"); |
background-size:cover; | background-size:cover; | ||
background-position:center; | background-position:center; | ||
+ | background-attachment: fixed; | ||
+ | visibility: hidden; | ||
+ | image-rendering: -webkit-optimize-contrast; | ||
+ | background-size: cover; | ||
+ | background-position:50% 50%; | ||
} | } | ||
Line 260: | Line 278: | ||
left:0%; | left:0%; | ||
animation-delay: 2s; | animation-delay: 2s; | ||
− | background-image: url("https:// | + | background-image: url("https://static.igem.org/mediawiki/2018/2/2a/T--TPHS_San_Diego--back_2.jpg"); |
background-size:cover; | background-size:cover; | ||
background-position:center; | background-position:center; | ||
+ | background-attachment: fixed; | ||
+ | visibility: hidden; | ||
+ | image-rendering: -webkit-optimize-contrast; | ||
+ | background-size: cover; | ||
+ | background-position:50% 50%; | ||
} | } | ||
slide:nth-child(3){ | slide:nth-child(3){ | ||
animation-delay: 5s; | animation-delay: 5s; | ||
− | background-image: url("https:// | + | background-image: url("https://static.igem.org/mediawiki/2018/1/11/T--TPHS_San_Diego--back_3.jpg"); |
background-size:cover; | background-size:cover; | ||
background-position:center; | background-position:center; | ||
+ | background-attachment: fixed; | ||
+ | visibility: hidden; | ||
+ | image-rendering: -webkit-optimize-contrast; | ||
+ | background-size: cover; | ||
+ | background-position:50% 50%; | ||
} | } | ||
Line 275: | Line 303: | ||
left:0%; | left:0%; | ||
animation-delay: 8s; | animation-delay: 8s; | ||
− | background-image: url("https:// | + | background-image: url("https://static.igem.org/mediawiki/2018/b/b3/T--TPHS_San_Diego--Homepage4.png"); |
background-size:cover; | background-size:cover; | ||
background-position:center; | background-position:center; | ||
+ | background-attachment: fixed; | ||
+ | visibility: hidden; | ||
+ | image-rendering: -webkit-optimize-contrast; | ||
+ | background-size: cover; | ||
+ | background-position:50% 50%; | ||
} | } | ||
− | + | ||
− | . | + | |
+ | .slide_container { | ||
+ | display:inline-block; | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
font-family:Arial; | font-family:Arial; | ||
− | font-size: | + | font-size:30px; |
text-align:center; | text-align:center; | ||
− | + | margin: 50px; | |
− | width: | + | padding: 20px; |
− | height: | + | width:40%; |
− | + | ||
+ | /*height: 40%;*/ | ||
+ | background: #333333; | ||
color:#fff; | color:#fff; | ||
+ | box-shadow: 0 0 20px black; | ||
+ | line-height: 30px; | ||
} | } | ||
@keyframes slide { | @keyframes slide { | ||
− | 0% {left: 100%; width:100%;} | + | 0% {left: 100%; width:100%;visibility: visible;} |
− | 5% {left: 0%; } | + | 5% {left: 0%; visibility: visible;} |
− | 25% {left: 0%;} | + | 25% {left: 0%;visibility: visible;} |
− | 30%{left :-100%; width:100%;} | + | 30%{left :-100%; width:100%;visibility: visible;} |
− | 30.001%{left:-100%; width:0%;} | + | 30.001%{left:-100%; width:0%;visibility: visible;} |
− | 100% {left:100%; width:0%;} | + | 100% {left:100%; width:0%;visibility: visible;} |
} | } | ||
+ | |||
+ | p{ | ||
+ | margin: 0 !important; | ||
+ | padding: 0 !important; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 00:34, 18 October 2018