Biomod/2014/NTU/slidecss.css
.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:150px; height:80%; }
.subMenu ul{ position:relative; display:inline-block; top:0px; width:83%; height:100%; margin-left:50px; }
.subMenu ul li{ position:relative; height:100%; display: inline-block; width:16%; 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 li:hover { background-color: #0088A8; }
.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;
}
.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%; }
- designfirst{
position:relative; margin:0px; width:100%; height:600px; 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:500px; background-color:#DCE2ED; }
- design5 p{
font-size:20px; margin:0px 80px; 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; 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; left:150px; color:#1E1305; }
- future1 p{
position:relative; font-size:20px; margin:0px 150px; top:40px; color:#1E1305; display:block; }
