Biomod/2014/NTU/Templates/css/slidecss
- fadein{
display:none; }
.inner { width: 960px; margin: 0 auto; position: relative; min-height: 50px; padding:30px 0; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.inner:after { content: ""; display: table; clear: both; }
- fakesubMenu{
height:0px; z-index:1000; width:100%; background:#2200AA; }
.subMenu{ height:70px; z-index:1000; width:100%; background:#2200AA; }
.subMenu .inner{ height:100%; padding:0; font-weight:400; margin: 0 auto; }
.subMenu img{ position:relative; left:0px; top:0px; width:120px; height:80%; }
.subMenu ul{ position:relative; display:inline-block; top:0px; width:90%; height:100%; margin-left:25px; }
.subMenu ul li{ position:relative; height:100%; display: inline-block; width:13%; text-align: center; margin:0; }
.subMenu li ul{ position:absolute; top:100%; display:block; visibility:hidden; margin:0; padding:0; width:100%; }
.subNavBtn { display: block; height: 100%; width: 13%; float: left; margin: 0px 0px 0 0; text-decoration: none; font-size: 14px; padding: 15px 2% 0 2%; text-align: center; color: #fff; }
.subMenu a{ margin:0; display:inline-block; line-height:75px; color:white; height:100%; text-align:center; text-decoration: none; }
.subMenu a:hover{ color:#9A1010; transition: color 0.5s linear; }
.subMenu li ul li{ background-color:#0977bc; z-index:99; width:100%; display:block; padding:0; float:left; }
.slidebanner{
position: relative;
width:100%;
height:700px;
margin:0;
padding:0;
overflow:hidden;
background-color: #225E94;
}
.bannerword{ position: absolute; top:50%; left:0; z-index:999; }
.bannerword p{ position:absolute; font-size:60px; top:-30px; left:80px; color:white; }
.bannerword h1{ position:absolute; font-size:160px; top:40px; left:80px; color:white; border-bottom: solid 8px; }
.start{ position:absolute; top:75%; left:70%; width:300px; height:80px; border: 5px solid; border-color:white; border-radius: 20px; }
.start p{ text-align: center; line-height: 70px; font-size: 40px; color:white; }
.keep{ position:absolute; top:0px; width:100%; height:100%; background-color: rgba(34,94,148,0.4); z-index:1; }
.slidebanner #topside{ width:100%; height:250px; }
.red{ color:red; }
- topside2{
width:65%; height:100%; float:right; }
- topside2 ul{
width:840px; position:relative; list-style-type: none; margin-top:50px; margin-left:30px; padding: 30px; }
- topside2 ul li{
position: relative; display: inline-block; margin-left:20px; }
- topside2 ul li a{
color:white; font-family: fantasy; font-size:20px; text-decoration:none; }
- topside2 li ul{
position:absolute; visibility:hidden; margin:0; padding:0; width:50px; }
- topside2 li ul li{
float:left; margin:0; display:block; }
.slidebanner img{ position:relative; left:0; top:-50px; width:100%; padding:0px; margin:0px; z-index:0; }
.title{ position: relative; top:100px; margin: 0 auto; padding: 0 auto; width:50%; height: 350px; float:left; display: inline-block; }
.maintitle{ margin-top:50px; margin-left: 135px; color:white; font-size: 40px; display: block; }
.subtitle{ margin-left:130px; margin-top: 10px; font-size: 100px; color: white; display: block; }
.title img{ position: absolute; top:0px; left:0px; margin:0; padding:0; float:left; width:100%; height:100%; }
- design1{
}
- designfirst{
position:relative; margin:0px; width:100%; height:700px; background-color:#DCE2ED; }
- designfirst p{
position:absolute; margin:50px 150px 50px 150px; font-size: 20px; color:#001646; }
- design2{
position:relative; width:100%; height: 450px; margin-top:0px; background-color:rgba(0,255,0,0.3); }
- righticon{
position:absolute; width:50px; left:1150px; top:190px; }
- lefticon{
position:absolute; width:50px; left:85px; top:190px; }
- insideblock{
position:relative; width:80%; height:80%; margin-left:10%; top:50px; border:#C0C0C0 8px solid; background-color:white; overflow: hidden; }
- longblock{
position:relative; height:90%; width:400%; top:17px; }
- longblock h1{
top:-10px; margin:0px; padding:0px; }
- smallblock1{
position:relative; width:25%; height:100%; top:0; margin:0; padding:0; display:inline-block; }
img{ position:absolute; left:20px; top:20px; width:260px; display:inline-block; }
.designword{ width:650px; top: 15px; left:320px; position:absolute; display:inline-block; background-color: white; }
- longblock p{
font-size:20px; }
- smallblock2{
position:relative; height:100%; width:25%; margin:0; padding:0; left: -4px; display:inline-block; }
- smallblock3{
position:relative; height:100%; width:25%; margin:0; padding:0; left: -8px; display:inline-block; }
- smallblock4{
position:relative; height:100%; width:24.7%; left:-12px; margin:0; padding:0; display:inline-block; }
- design3{
position:relative; width:100%; height:150px; background-color:#DDDDDD; }
- design3 p{
position:absolute; top:30px; margin-left:140px; margin-right:140px; font-size:25px; text-align:center; }
- design4{
position:relative; width:100%; height:950px; }
- designpic{
position:absolute; left:700px; width:40%; height:800px; }
- designpic img{
top:60px; width:100%; }
- designpicword{
position:absolute; width:50%; height:950px; background-color:#DCE2ED; }
- designpicword p{
margin:20px 60px; font-size:18px; color:#001646; }
- design5{
position:relative; width:100%; height:550px; background-color:#DCE2ED; }
- design5 p{
font-size:20px; margin:0px 150px; color:#001646; }
- designlast{
position:absolute; top:400px; font-size:15px; }
- designlast p{
border-top-style:solid; border-top-width:medium; font-size:15px; }
- slidefooter{
position:relative; width:100%; height:100px; background-color:#7ACCC8; }
- slidefooter img{
left:550px; }
- slidefooter p{
position:absolute; left:550px; top:70px; color:#D8F9F7; }
- slidefooter a{
color:#D8F9F7; }
- idea1{
position:relative; width:100%; height:2500px; padding:0px; margin:0px; background-color:#DCE2ED; }
- idea1 h1{
position:relative; top:40px; padding-left:150px; color:#001646; }
- idea1 p{
position:relative; font-size:20px; margin:30px 150px; top:40px; color:#001646; display:block; }
- future1{
position:relative; width:100%; height:1000px; padding:0; margin:0px; background-color:#FFFAA9; }
- future1 h1{
position:relative; top:40px; padding-left:150px; color:#1E1305; }
- future1 p{
position:relative; font-size:20px; margin:0px 150px; top:40px; color:#1E1305; display:block; }
- acknowledge1{
position:relative; width:100%; height:1000px; padding:0; margin:0px; background-color:#FFDDCF; }
- acknowledge1 h1{
position:relative; top:40px; padding-left:150px; color:#430002; }
- acknowledge1 p{
position:relative; font-size:20px; margin:0px 150px; top:40px; color:#430002; display:block; }
- acknowledgeimg{
position:relative; top:50px; left:120px; }
- acknowledgeimg img{
position:relative; width:500px; margin:20px 20px; display:inline-block; }
- equipment1{
position:relative; width:100%; height:1000px; padding:0; margin:0px; background-color:#C9BCCC; }
- equipment1 h1{
position:relative; top:40px; padding-left:150px; color:#1C111F; }
- equipment1 p{
position:relative; font-size:20px; margin:0px 150px; top:40px; color:#1C111F; display:block; }
- equipmentimg{
width:100%; top:80px; position:relative; margin:0px; }
- equipmentimg img{
width:40%; height:500px; position: absolute; left:150px; }
- equipmentimg h1{
position:absolute; left:55%; top:80px; }
- equipmentimg p{
position: absolute; left:45%; top:150px; }
- protocol1{
position:relative; width:100%; height:3500px; padding:0; margin:0px; background-color:#C9BCCC; }
- protocol1 h1{
position:relative; padding-top:40px; padding-left:150px; color:#1C111F; }
- protocol1 h2{
position:relative;
padding-left:150px; color:#1C111F; }
- protocol1 p{
position:relative; font-size:20px; margin:0px 150px; padding-top:20px; color:#1C111F; display:block; }
- result1{
position:relative; width:100%; height:10000px; padding:0; margin:0px; background-color:#CBF9D1; }
- result1 img{
position:relative; }
- result1 h1{
position:relative; top:40px; padding-left:150px; color:#112413; }
- result1 p{
position:relative; font-size:20px; margin:0px 150px; padding-top:40px; color:#112413; display:block; }
- method1{
position:relative; width:100%; height:3850px; padding:0; margin:0px; background-color:#CBF9D1; }
- method1 h1{
position:relative; padding-top:40px; padding-left:150px; color:#112413; }
- method1 p{
position:relative; font-size:20px; margin:0px 150px; padding-top:40px; color:#112413; display:block; }
- origami1{
position:relative; width:100%; height:8000px; padding:0; margin:0px; background-color:#DCE2ED; }
- origami1 img{
position:relative; }
- origami1 h1{
position:relative; padding-top:40px; padding-left:150px; color:#001646; }
- origami1 h2{
position:relative; bottom:-20px; padding-left:150px; color:#001646; }
- origami1 p{
position:relative; font-size:20px; margin:0px 150px; padding-top:40px; color:#001646; display:block; }
.origamiimg{ position:relative; width:100%; top:80px; }
.origamiimg img{ position:absolute; width:50%; left:0px; }
.origamiimg p{ position:absolute; width:35%; left:45%; }
- discussion1{
position:relative; width:100%; height:3500px; padding:0; margin:0px; background-color:#FFFAA9; }
- discussion1 h1{
position:relative; padding-top:40px; padding-left:150px; margin:0; color:#1E1305; }
- discussion1 p{
position:relative; font-size:20px; margin:0px 150px; padding-top:20px; color:#1E1305; display:block; }
.memimg{ position:relative; display:inline-block; width:40%; left:120px; }
.memimg img{ position:absolute; }
.memimg p{ position:absolute; left:300px; top:40px; font-size:20px; }