Team:Hong Kong CUHK/Templates/indexuse.css
From 2013.igem.org
Line 106: | Line 106: | ||
position:relative; | position:relative; | ||
width:1000px; | width:1000px; | ||
- | height: | + | height:70px; |
z-index:1; | z-index:1; | ||
background-color: #FFFFFF; | background-color: #FFFFFF; |
Revision as of 23:32, 27 September 2013
@charset "utf-8"; /* CSS Document */ html, body { height: 100%; } a img{ border:none; } body{ margin: 0px; padding: 0px; }
h1 { font-family:"Britannic Bold"; font-size: 20pt; font-weight: 600; color: #660099; } h2 { font-family:"Britannic Bold"; font-size: 24pt; font-weight: 600; color: #660099; } p1 { font-family:Tahoma, Geneva, sans-serif; font-size: 14pt; font-weight: 300; color: #FFFFFF; } p2 { font-family:Tahoma, Geneva, sans-serif; font-size: 12pt; font-weight: 300; color: #000000; } p3 { font-family:Tahoma, Geneva, sans-serif; font-size: 14pt; font-weight: 600; color: #000000; }
- banner {
margin: 0px; padding: 0px; background: #660099; }
- middle {
margin: 0px; padding: 0px; background: #FFFFFF; }
- footer {
margin: 0px; padding: 0px; background: #660099; }
- logocontainer {
position: absolute; top: 0px; width: 100%; height: 170px; z-index: 1; background-color: #660099; }
- swLogo {
position:absolute; left:20px; top:0px; width:600px; height:170px; z-index:2; }
- iGEMlogo {
position:absolute; right:10%; top:10px; width:115px; height:96px; z-index:2; }
- CUHKlogo {
position:absolute; right:2%; top:10px; width:79px; height:108px; z-index:2; }
- heading{
position:relative; width:1000px; height:70px; z-index:1; background-color: #FFFFFF; }
- containerX1{
position:relative; width:1210px; height:293px; z-index:1; background-color: #660099; }
- containerX2{
position:relative; width:1210px; height:800px; z-index:1; background-color: #FFF; }
- containerX3{
position:relative; width:1210px; height:100px; z-index:1; background-color: #660099; }
- buttons {
position: absolute; left: 0px; top: 184px; width: 1210px; height: 76px; z-index: 2; background-color: #660099; }
- buttonsExt {
position: absolute; left: 0; top: 262px; width: 100%; height: 30px; z-index: 2; background-color: #660099; font-family: "Britannic Bold"; color: #FF0; }
- search {
position: absolute; left: 0; top: 330px; width: 100%; height: 30px; z-index: 2; background-color: #660099; }
- Youtube {
position: absolute; left: 51%; top: 10px; width: 48%; height: 360px; z-index: 2; overflow: hidden; }
- Abstract {
position: absolute; left: 1%; top: 400px; width: 48%; height: 160px; z-index: 2; background-color: #FFFFFF; color: #000; font-family: "Open Sans", sans-serif; }
- Parts {
position: absolute; left: 51%; top: 400px; width: 48%; height: 160px; z-index: 2; background-color: #FFFFFF; color: #000; }
- Abstractunder {
position: absolute; left: 1%; top: 400px; width: 48%; height: 160px; z-index: 2; background-color: #FFFFFF; color: #000; font-family: "Open Sans", sans-serif; visibility: hidden; }
- partunder {
position: absolute; left: 51%; top: 400px; width: 48%; height: 160px; z-index: 2; color: #F00; visibility: hidden; background-color: #666666; }
- apDiv1 {
position:absolute; left:45px; top:485px; width:811px; height:164px; z-index:4; }
- sponsor {
position: absolute; left: 1%; top: 674px; width: 98%; height: 250px; z-index: 2; background-color: #FFFFFF; color: #000; text-align: center; }
- copyright {
position:absolute; left:0; top:890px; width:100%; height:20px; z-index:4; }
- Voltage {
position: absolute; left: 1%; top: 580px; width: 48%; height: 160px; z-index: 2; background-color: #FFFFFF; color: #000; }
- PAH {
position: absolute; left: 51%; top: 580px; width: 48%; height: 161px; z-index: 2; background-color: #FFFFFF; color: #000; }
- Voltunder {
position: absolute; left: 1%; top: 580px; width: 48%; height: 160px; z-index: 2; background-color: #FFFFFF; color: #000; visibility: hidden; }
- PAHunder {
position: absolute; left: 51%; top: 580px; width: 48%; height: 160px; z-index: 2; background-color: #FFFFFF; color: #000; visibility: hidden; } .buttonbar{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; font-size:20px; color:#FFFFFF; background-color: #660099; visibility: hidden; }
- one{
text-indent:0px; }
- teamEXT{
text-indent:10%; }
- projectEXT{
text-indent:20%; }
- biobrickEXT{
text-indent:30%; }
- fiv{
text-indent:45%; }
- six{
text-indent:56%; }
- docEXT{
text-indent:70%; }
- eig{
text-align:right; } .menubar{ width: 10%; height: 100%; position: absolute; top: 0px; z-index: 4; border:#FFFFFF 1px solid; }
- homeUP{
left: 0%; }
- homeDOWN{
left:0%; visibility: hidden; }
- teamUP{
left:10%; }
- teamDOWN{
left:10%; visibility: hidden; }
- projectUP{
left:20%; }
- projectDOWN{
left:20%; visibility: hidden; }
- biobrickUP{
left:30%; }
- biobrickDOWN{
left:30%; visibility: hidden; }
- hpUP{
left: 40%; }
- hpDOWN{
left:40%; visibility: hidden; }
- modelUP{
left:50%; }
- modelDOWN{
left:50%; visibility: hidden; }
- safetyUP{
left:60%; }
- safetyDOWN{
left:60%; visibility: hidden; }
- docUP{
left:70%; }
- docDOWN{
left:70%; visibility: hidden; }
- galleryUP{
left:80%; }
- galleryDOWN{
left:80%; visibility: hidden; }
- ackUP{
left:90%; }
- ackDOWN{
left:90%; visibility: hidden; }
.linkEXT{color:#FFFFFF;} .linkEXT:visited{color:#CCC;} .linkEXT:hover{color:#FF0;} .linkEXT:active{color:#FFFFFF;}
- member{
position:relative; width:1000px; height: 400px; z-index:1; background-color: #FFFFFF; }
- photo{
position: relative; left: 2%; top: 15px; width: 30%; height: 363px; z-index: 2; background-color: #FFFFFF; }
- description{
position: absolute; right: 5%; top: 15px; width: 60%; height: 330px; z-index: 2; background-color: #FFFFFF; }
- ack{
position:relative; width:1000px; height: 500px; z-index:1; background-color: #FFFFFF; }
- backtop a {
position: fixed; bottom: 0px; right: 50px; color: #333; z-index: 1000; background: #cfcfcf; padding: 10px; border-radius: 4px;)*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: normal; text-decoration: none !important; }
- backtop a:hover {
background: #333; color: #fff; }