Team:Hong Kong CUHK/Templates/indexuse.css

From 2013.igem.org

(Difference between revisions)
Line 75: Line 75:
#iGEMlogo {
#iGEMlogo {
position:absolute;
position:absolute;
-
right:10%;
+
right:18%;
top:10px;
top:10px;
width:100px;
width:100px;
Line 83: Line 83:
#CUHKlogo {
#CUHKlogo {
position:absolute;
position:absolute;
-
right:2%;
+
right:10%;
top:10px;
top:10px;
width:100px;
width:100px;

Revision as of 12:42, 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; }

  1. banner {

margin: 0px; padding: 0px; background: #660099; }

  1. middle {

margin: 0px; padding: 0px; background: #FFFFFF; }

  1. footer {

margin: 0px; padding: 0px; background: #660099; }

  1. logocontainer {

position: absolute; top: 0px; width: 100%; height: 170px; z-index: 1; background-color: #660099; }

  1. swLogo {

position:absolute; left:20px; top:0px; width:600px; height:170px; z-index:2; }

  1. iGEMlogo {

position:absolute; right:18%; top:10px; width:100px; height:100px; z-index:2; }

  1. CUHKlogo {

position:absolute; right:10%; top:10px; width:100px; height:100px; z-index:2; }

  1. CUHK{

position:absolute; right:2%; top:10px; width:100px; height:100px; z-index:2; }

  1. heading{

position:relative; width:1000px; height:30px; z-index:1; background-color: #FFFFFF; }

  1. containerX1{

position:relative; width:1210px; height:293px; z-index:1; background-color: #660099; }

  1. containerX2{

position:relative; width:1210px; height:800px; z-index:1; background-color: #FFF; }

  1. containerX3{

position:relative; width:1210px; height:100px; z-index:1; background-color: #660099; }

  1. buttons {

position: absolute; left: 0px; top: 184px; width: 100%; height: 76px; z-index: 2; background-color: #660099; }

  1. buttonsExt {

position: absolute; left: 0; top: 262px; width: 100%; height: 30px; z-index: 2; background-color: #660099; font-family: "Britannic Bold"; color: #FF0; }

  1. search {

position: absolute; left: 0; top: 330px; width: 100%; height: 30px; z-index: 2; background-color: #660099; }

  1. Youtube {

position: absolute; left: 51%; top: 10px; width: 48%; height: 360px; z-index: 2; overflow: hidden; }

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

  1. Parts {

position: absolute; left: 51%; top: 400px; width: 48%; height: 160px; z-index: 2; background-color: #FFFFFF; color: #000; }

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

  1. partunder {

position: absolute; left: 51%; top: 400px; width: 48%; height: 160px; z-index: 2; color: #F00; visibility: hidden; background-color: #666666; }

  1. apDiv1 {

position:absolute; left:45px; top:485px; width:811px; height:164px; z-index:4; }

  1. sponsor {

position: absolute; left: 1%; top: 674px; width: 98%; height: 250px; z-index: 2; background-color: #FFFFFF; color: #000; text-align: center; }

  1. copyright {

position:absolute; left:0; top:890px; width:100%; height:20px; z-index:4; }

  1. Voltage {

position: absolute; left: 1%; top: 580px; width: 48%; height: 160px; z-index: 2; background-color: #FFFFFF; color: #000; }

  1. PAH {

position: absolute; left: 51%; top: 580px; width: 48%; height: 161px; z-index: 2; background-color: #FFFFFF; color: #000; }

  1. Voltunder {

position: absolute; left: 1%; top: 580px; width: 48%; height: 160px; z-index: 2; background-color: #FFFFFF; color: #000; visibility: hidden; }

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

  1. one{

text-indent:0px; }

  1. teamEXT{

text-indent:10%; }

  1. projectEXT{

text-indent:20%; }

  1. biobrickEXT{

text-indent:30%; }

  1. fiv{

text-indent:45%; }

  1. six{

text-indent:56%; }

  1. docEXT{

text-indent:70%; }

  1. eig{

text-align:right; } .menubar{ width: 10%; height: 100%; position: absolute; top: 0px; z-index: 4; border:#FFFFFF 1px solid; }

  1. homeUP{

left: 0%; }

  1. homeDOWN{

left:0%; visibility: hidden; }

  1. teamUP{

left:10%; }

  1. teamDOWN{

left:10%; visibility: hidden; }

  1. projectUP{

left:20%; }

  1. projectDOWN{

left:20%; visibility: hidden; }

  1. biobrickUP{

left:30%; }

  1. biobrickDOWN{

left:30%; visibility: hidden; }

  1. hpUP{

left: 40%; }

  1. hpDOWN{

left:40%; visibility: hidden; }

  1. modelUP{

left:50%; }

  1. modelDOWN{

left:50%; visibility: hidden; }

  1. safetyUP{

left:60%; }

  1. safetyDOWN{

left:60%; visibility: hidden; }

  1. docUP{

left:70%; }

  1. docDOWN{

left:70%; visibility: hidden; }

  1. galleryUP{

left:80%; }

  1. galleryDOWN{

left:80%; visibility: hidden; }

  1. ackUP{

left:90%; }

  1. ackDOWN{

left:90%; visibility: hidden; }

.linkEXT{color:#FFFFFF;} .linkEXT:visited{color:#CCC;} .linkEXT:hover{color:#FF0;} .linkEXT:active{color:#FFFFFF;}

  1. member{

position:relative; width:1000px; height: 350px; z-index:1; background-color: #FFFFFF; }

  1. photo{

position: relative; left: 2%; top: 15px; width: 30%; height: 330px; z-index: 2; background-color: #FFFFFF; }

  1. description{

position: absolute; right: 5%; top: 15px; width: 60%; height: 330px; z-index: 2; background-color: #FFFFFF; }

  1. ack{

position:relative; width:1000px; height: 500px; z-index:1; background-color: #FFFFFF; }

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

  1. backtop a:hover {

background: #333; color: #fff;

Retrieved from "http://2013.igem.org/Team:Hong_Kong_CUHK/Templates/indexuse.css"