Team:Hong Kong CUHK/Templates/indexuse.css

From 2013.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 7: Line 7:
border:none;
border:none;
}
}
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;
 +
background-color:#660099;}
 +
#content {
 +
    border: none;}
body{
body{
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
}
}
-
 
h1 {
h1 {
font-family:"Britannic Bold";
font-family:"Britannic Bold";
Line 24: Line 31:
color: #660099;
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 {
p1 {
font-family:Tahoma, Geneva, sans-serif;
font-family:Tahoma, Geneva, sans-serif;
Line 73: Line 92:
z-index:2;
z-index:2;
}
}
 +
 +
#iGEMlogo {
#iGEMlogo {
position:absolute;
position:absolute;
-
right:18%;
+
right:10%;
top:10px;
top:10px;
-
width:100px;
+
width:115px;
-
height:100px;
+
height:96px;
z-index:2;
z-index:2;
}
}
 +
 +
#CUHKlogo {
#CUHKlogo {
-
position:absolute;
 
-
right:10%;
 
-
top:10px;
 
-
width:100px;
 
-
height:100px;
 
-
z-index:2;
 
-
}
 
-
#CUHK{
 
position:absolute;
position:absolute;
right:2%;
right:2%;
top:10px;
top:10px;
-
width:100px;
+
width:79px;
-
height:100px;
+
height:108px;
z-index:2;
z-index:2;
}
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
#heading{
#heading{
position:relative;
position:relative;
width:1000px;
width:1000px;
-
height:30px;
+
height:70px;
z-index:1;
z-index:1;
background-color: #FFFFFF;
background-color: #FFFFFF;
Line 107: Line 131:
#containerX1{
#containerX1{
position:relative;
position:relative;
-
width:1210px;
+
width:1100px;
height:293px;
height:293px;
 +
alignment-adjust:central;
z-index:1;
z-index:1;
background-color: #660099;
background-color: #660099;
Line 114: Line 139:
#containerX2{
#containerX2{
position:relative;
position:relative;
-
width:1210px;
+
width:1100px;
height:800px;
height:800px;
 +
alignment-adjust:central;
z-index:1;
z-index:1;
background-color: #FFF;
background-color: #FFF;
Line 121: Line 147:
#containerX3{
#containerX3{
position:relative;
position:relative;
-
width:1210px;
+
width:1100px;
height:100px;
height:100px;
 +
alignment-adjust:central;
z-index:1;
z-index:1;
background-color: #660099;
background-color: #660099;
Line 130: Line 157:
left: 0px;
left: 0px;
top: 184px;
top: 184px;
-
width: 100%;
+
width: 1100px;
height: 76px;
height: 76px;
z-index: 2;
z-index: 2;

Latest revision as of 14:06, 28 October 2013

@charset "utf-8"; /* CSS Document */ html, body { height: 100%; } a img{ border:none; }

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 
   display:none;}
  1. top-section { 
   border: none;
   height: 0px;

background-color:#660099;}

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

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