Biomod/2014/NTU/Templates/css/slidecss

From OpenWetWare
Jump to navigationJump to search
  1. 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; }

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

  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. design1{

}

  1. designfirst{

position:relative; margin:0px; width:100%; height:700px; 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:550px; background-color:#DCE2ED; }

  1. design5 p{

font-size:20px; margin:0px 150px; 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; padding-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; padding-left:150px; color:#1E1305; }

  1. future1 p{

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

  1. acknowledge1{

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

  1. acknowledge1 h1{

position:relative; top:40px; padding-left:150px; color:#430002; }

  1. acknowledge1 p{

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

  1. acknowledgeimg{

position:relative; top:50px; left:120px; }

  1. acknowledgeimg img{

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

  1. equipment1{

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

  1. equipment1 h1{

position:relative; top:40px; padding-left:150px; color:#1C111F; }

  1. equipment1 p{

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

  1. equipmentimg{

width:100%; top:80px; position:relative; margin:0px; }

  1. equipmentimg img{

width:40%; height:500px; position: absolute; left:150px; }

  1. equipmentimg h1{

position:absolute; left:55%; top:80px; }

  1. equipmentimg p{

position: absolute; left:45%; top:150px; }

  1. protocol1{

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

  1. protocol1 h1{

position:relative; padding-top:40px; padding-left:150px; color:#1C111F; }

  1. protocol1 h2{

position:relative;

padding-left:150px; color:#1C111F; }

  1. protocol1 p{

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

  1. result1{

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

  1. result1 img{

position:relative; }

  1. result1 h1{

position:relative; top:40px; padding-left:150px; color:#112413; }

  1. result1 p{

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

  1. method1{

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

  1. method1 h1{

position:relative; padding-top:40px; padding-left:150px; color:#112413; }

  1. method1 p{

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

  1. origami1{

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

  1. origami1 img{

position:relative; }

  1. origami1 h1{

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

  1. origami1 h2{

position:relative; bottom:-20px; padding-left:150px; color:#001646; }

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


  1. discussion1{

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

  1. discussion1 h1{

position:relative; padding-top:40px; padding-left:150px; margin:0; color:#1E1305; }

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

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2014/NTU/Templates/css/slidecss&oldid=835909"