|
|
| Line 96: |
Line 96: |
| | | | |
| | | | |
| − | #introo1 {width: 100%; height: 100%; position: static; | + | #introo1 {width: 100%; height: 100%; position: relative; |
| − | background: #FBFDFC;/* background-image: url('https://static.igem.org/mediawiki/2015/9/98/UCL_block1_texture.jpg');*/ background-repeat: no-repeat; background-position: 0% 0%; background-size: 100%; | + | background: #FBFDFC; |
| | + | background-repeat: no-repeat; background-position: 0% 0%; background-size: 100%; |
| | margin: 0; | | margin: 0; |
| | padding: 0; | | padding: 0; |
| Line 105: |
Line 106: |
| | } | | } |
| | | | |
| − | #introo1text {position: static; bottom: 13%; margin-left: 10%;margin-right:10%; width: 65%; font-size: 20px; letter-spacing: 2px; line-height: 1.8; display: inline; z-index: 10000;font-size:150%;} | + | #introo1text {position: relative; bottom: 13%; margin-left: 10%;margin-right:10%; width: 65%; font-size: 20px; letter-spacing: 2px; line-height: 1.8; display: inline; z-index: 10000;font-size:150%;} |
| − | | + | |
| − | #introo1arrow {width: 7%; height: 7%; float: right; display: inline; position: absolute; bottom: 20%; right: 10%; z-index: 10000; opacity: 0.8;}
| + | |
| − | | + | |
| − | | + | |
| − | #introo1:after {
| + | |
| − | content: "";
| + | |
| − | position: relative;
| + | |
| − | right: 0px;
| + | |
| − | left: 0px;
| + | |
| − | bottom: 0px;
| + | |
| − | height: 100px !important;
| + | |
| − | /*background-image: url('https://static.igem.org/mediawiki/2015/c/c3/UCL_block2_1_texture.jpg'); */
| + | |
| − | -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 100, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
| + | |
| − | | + | |
| − | | + | |
| − | background-size: 100%;
| + | |
| − | background-position: 1px 0%;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | -webkit-transition: opacity 1s;
| + | |
| − | -moz-transition: opacity 1s;
| + | |
| − | transition: opacity 1s;
| + | |
| − | opacity: 0.3;
| + | |
| − | z-index: 9996;
| + | |
| − | | + | |
| − | display: block;
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | #introo1:hover:after {
| + | |
| − | opacity: 1; z-index: 9996;
| + | |
| − | }
| + | |
| − | | + | |
| | | | |
| | | | |
| Line 183: |
Line 152: |
| | #introo3text {font-size: 14px; line-height: 1.3;} | | #introo3text {font-size: 14px; line-height: 1.3;} |
| | | | |
| − | }
| |
| − |
| |
| − |
| |
| − | @-webkit-keyframes spinnerRotate
| |
| − | {
| |
| − | from{-webkit-transform:rotate(0deg);}
| |
| − | to{-webkit-transform:rotate(360deg);}
| |
| − | }
| |
| − | @-moz-keyframes spinnerRotate
| |
| − | {
| |
| − | from{-moz-transform:rotate(0deg);}
| |
| − | to{-moz-transform:rotate(360deg);}
| |
| − | }
| |
| − | @-ms-keyframes spinnerRotate
| |
| − | {
| |
| − | from{-ms-transform:rotate(0deg);}
| |
| − | to{-ms-transform:rotate(360deg);}
| |
| | } | | } |
| | | | |
