Biomod/2014/NTU/slidecss.css

From OpenWetWare
Jump to: navigation, search

.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; }

  1. 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; }

  1. topside2{

width:65%; height:100%; float:right; }

  1. topside2 ul{

width:840px; position:relative; list-style-type: none; margin-top:50px; margin-left:30px; padding: 30px; }

  1. topside2 ul li{

position: relative; display: inline-block; margin-left:20px; }

  1. topside2 ul li a{

color:white; font-family: fantasy; font-size:20px; text-decoration:none; }


  1. topside2 li ul{

position:absolute; visibility:hidden; margin:0; padding:0; width:50px; }

  1. 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%; }

  1. designfirst{

position:relative; margin:0px; width:100%; height:600px; background-color:#DCE2ED; }

  1. designfirst p{

position:absolute; margin:50px 150px 50px 150px; font-size: 20px; color:#001646; }

  1. design2{

position:relative; width:100%; height: 450px; margin-top:0px; background-color:rgba(0,255,0,0.3); }

  1. righticon{

position:absolute; width:50px; left:1150px; top:190px; }

  1. lefticon{

position:absolute; width:50px; left:85px; top:190px; }

  1. insideblock{

position:relative; width:80%; height:80%; margin-left:10%; top:50px; border:#C0C0C0 8px solid; background-color:white; overflow: hidden; }

  1. longblock{

position:relative; height:90%; width:400%; top:17px; }

  1. longblock h1{

top:-10px; margin:0px; padding:0px; }

  1. 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; }

  1. longblock p{

font-size:20px; }


  1. smallblock2{

position:relative; height:100%; width:25%; margin:0; padding:0; left: -4px; display:inline-block; }

  1. smallblock3{

position:relative; height:100%; width:25%; margin:0; padding:0; left: -8px; display:inline-block; }

  1. smallblock4{

position:relative; height:100%; width:24.7%; left:-12px; margin:0; padding:0; display:inline-block; }

  1. design3{

position:relative; width:100%; height:150px; background-color:#DDDDDD; }

  1. design3 p{

position:absolute; top:30px; margin-left:140px; margin-right:140px; font-size:25px; text-align:center; }

  1. design4{

position:relative; width:100%; height:950px; }

  1. designpic{

position:absolute; left:700px; width:40%; height:800px; }

  1. designpic img{

top:60px; width:100%; }

  1. designpicword{

position:absolute; width:50%; height:950px; background-color:#DCE2ED; }

  1. designpicword p{

margin:20px 60px; font-size:18px; color:#001646; }

  1. design5{

position:relative; width:100%; height:500px; background-color:#DCE2ED; }

  1. design5 p{

font-size:20px; margin:0px 80px; color:#001646; }

  1. designlast{

position:absolute; top:400px; font-size:15px; }

  1. designlast p{

border-top-style:solid; border-top-width:medium; font-size:15px; }

  1. slidefooter{

position:relative; width:100%; height:100px; background-color:#7ACCC8; }

  1. slidefooter img{

left:550px; }

  1. slidefooter p{

position:absolute; left:550px; top:70px; color:#D8F9F7; }

  1. slidefooter a{

color:#D8F9F7; }

  1. idea1{

position:relative; width:100%; height:2500px; padding:0px; margin:0px; background-color:#DCE2ED; }

  1. idea1 h1{

position:relative; top:40px; left:150px; color:#001646; }

  1. idea1 p{

position:relative; font-size:20px; margin:30px 150px; top:40px; color:#001646; display:block; }

  1. future1{

position:relative; width:100%; height:1000px; padding:0; margin:0px; background-color:#FFFAA9; }

  1. future1 h1{

position:relative; top:40px; left:150px; color:#1E1305; }

  1. future1 p{

position:relative; font-size:20px; margin:0px 150px; top:40px; color:#1E1305; display:block; }