Team:Hong Kong CUHK/Templates/indexuse.css

From 2013.igem.org

(Difference between revisions)
Line 25: Line 25:
h3 {
h3 {
font-family:"Britannic Bold";
font-family:"Britannic Bold";
-
font-size: 18pt;
+
font-size: 20pt;
font-weight: 600;
font-weight: 600;
color: #660099;
color: #660099;

Revision as of 09:07, 27 October 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; } h3 { font-family:"Britannic Bold"; font-size: 20pt; font-weight: 600; color: #660099; } h4 { font-family:"Britannic Bold"; font-size: 22pt; font-weight: 400; 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:10%; top:10px; width:115px; height:96px; z-index:2; }


  1. CUHKlogo {

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





  1. heading{

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

  1. containerX1{

position:relative; width:1100px; height:293px; alignment-adjust:central; z-index:1; background-color: #660099; }

  1. containerX2{

position:relative; width:1100px; height:800px; alignment-adjust:central; z-index:1; background-color: #FFF; }

  1. containerX3{

position:relative; width:1100px; height:100px; alignment-adjust:central; z-index:1; background-color: #660099; }

  1. buttons {

position: absolute; left: 0px; top: 184px; width: 1100px; 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: 400px; z-index:1; background-color: #FFFFFF; }

  1. photo{

position: relative; left: 2%; top: 15px; width: 30%; height: 363px; 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; }