Team:UESTC/home.css
From 2013.igem.org
/*
home part style */ .gwd-gen-f18lgwdanimation { -webkit-animation: gwd-gen-f18lgwdanimation_gwd-keyframes 1.2s linear 0s 1 forwards; } .gwd-div-vixx { -webkit-transform-style: preserve-3d; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -418, 0, 1); } @-webkit-keyframes gwd-gen-f18lgwdanimation_gwd-keyframes { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -418, 0, 1); -webkit-animation-timing-function: linear; } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-animation-timing-function: linear; } }
- home {
height: 560px; background-color:#0EA6EA;
background:-webkit-gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE)); background:-ms-gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE)); background:gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE)); background:-moz-linear-gradient(top,#0EA6EA,#F8FCFE); background:-0-linear-gradient(top,#0EA6EA,#F8FCFE); background:linear-gradient(top,#0EA6EA,#F8FCFE); filter: progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr='#0EA6EA',endColorstr='#F8FCFE'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr='#0EA6EA',endColorstr='#F8FCFE')";
z-index:0;
}
- logo {
height: 150px; width:46.875%;/* 600/1280 */ margin:0 auto; position:relative; top:90px; z-index:10;
}
#logo #team_logo { float: left; } #logo #igem_logo { float: right; }
/*
moving cloud style */
- experiment{
position: relative; top:0px; height:200px; z-index: 5; }
- background {
background: url('https://2013.igem.org/File:Cloud_back.png') repeat-x;
background: url('https://static.igem.org/mediawiki/2013/7/70/UESTC_cloud2.png') 5% 5%, url('https://static.igem.org/mediawiki/2013/3/33/Cloud_front.jpg') 50% 50%, url('https://2013.igem.org/File:Cloud_back.png') 90% 110% repeat-x; top: -136px; left: 0; right: 0; position:absolute; -webkit-transition: left 300s linear; -moz-transition: left 300s linear; -o-transition: left 300s linear; -ms-transition: left 300s linear; transition: left 300s linear; z-index: 5; height:275px;
}
body:target #background {
left: -5000px;
}
body:hover #background {
left: -9999px;
}
- hi {
height: auto; width: 46.875%; /* 600/1280 */ position:relative; top:-25px; margin:0 auto; font: 27px/1.8em BuxtonSketch,arial,verdana; z-index:5; text-align:center;
} /*
#main_footer style */
- main_footer {
position:relative; top:-20px; height: auto; background-color: #59493F;
}
#main_footer #footer_head { display: block; width: 68%; height:100px; position: relative; top: 80px; left: 13%; font: 2.5em museo100regular, arial,verdana; color: white; }
- thanks_org {
position: relative; height:120px; top: 76px;
}
- thanks_org .mem_list li {
display: block; width:250px; margin:0.8em 3em; height:auto; float:left; z-index:0; }