Team:UESTC/home.css

From 2013.igem.org

(Difference between revisions)
Line 135: Line 135:
#nebula-show h1 {
#nebula-show h1 {
     font: 27px BuxtonSketch,arial,verdana;
     font: 27px BuxtonSketch,arial,verdana;
 +
    position: relative;
 +
    top:115px;
}
}
#nebula-show p {
#nebula-show p {
display: block;
display: block;
-
width: 20%;
+
width: 40%;
text-align: justify;
text-align: justify;
     font: 18px BuxtonSketch,arial,verdana;
     font: 18px BuxtonSketch,arial,verdana;
float: left;
float: left;
 +
position: relative;
 +
top:123px;
}
}
#nebula-show img {
#nebula-show img {
float:right;
float:right;
}
}

Revision as of 15:11, 26 October 2013

/* 

   home part style
   */
 .gwd-gen-f18lgwdanimation {
       -webkit-animation: gwd-gen-f18lgwdanimation_gwd-keyframes 1.2s linear 0s 1 forwards;
     }
     .gwd-div-vixx {
       -webkit-transform-style: preserve-3d;
       -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -418, 0, 1);
     }
     @-webkit-keyframes gwd-gen-f18lgwdanimation_gwd-keyframes {
       0% {
         -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -418, 0, 1);
         -webkit-animation-timing-function: linear;
       }
       100% {
         -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
         -webkit-animation-timing-function: linear;
       }
     }
  1. home { 
   height: 560px;
   background-color:#0EA6EA;

background:-webkit-gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE)); background:-ms-gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE)); background:gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE)); background:-moz-linear-gradient(top,#0EA6EA,#F8FCFE); background:-0-linear-gradient(top,#0EA6EA,#F8FCFE); background:linear-gradient(top,#0EA6EA,#F8FCFE); filter: progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr='#0EA6EA',endColorstr='#F8FCFE'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr='#0EA6EA',endColorstr='#F8FCFE')"; 

   z-index:0;

}

  1. logo { 
   height: 150px;
   width:46.875%;/* 600/1280 */
   margin:0 auto;
   position:relative;
   top:90px;
   z-index:10;

} 

   #logo #team_logo {
       float: left;
   }
   #logo #igem_logo {
       float: right;
   }

/* 

   moving cloud style
   */
  1. experiment{ 
	position: relative;
	top:0px;
   height:200px;
	z-index: 5;
}
  1. background {

background: url('https://2013.igem.org/File:Cloud_back.png') repeat-x; 

   background: url('https://static.igem.org/mediawiki/2013/7/70/UESTC_cloud2.png') 5% 5%, url('https://static.igem.org/mediawiki/2013/3/33/Cloud_front.jpg') 50% 50%, url('https://2013.igem.org/File:Cloud_back.png') 90% 110% repeat-x;
   top: -136px;
   left: 0;
   right: 0;
   position:absolute;
   -webkit-transition: left 300s linear;
   -moz-transition: left 300s linear;
   -o-transition: left 300s linear;
   -ms-transition: left 300s linear;
   transition: left 300s linear;
   z-index: 5;
   height:275px;

}

body:target #background { 

   left: -5000px;

}

body:hover #background { 

   left: -9999px;

}

  1. hi { 
   height: auto;
   width: 46.875%; /* 600/1280 */
   position:relative;
   top:-25px;
   margin:0 auto;
   font: 27px BuxtonSketch,arial,verdana;
   z-index:5;
   text-align:center;

} /* 

   #main_footer style
   */
  1. main_footer { 
   position:relative;
   top:-20px;
   height: auto;
   background-color: white;

} 

   #main_footer #footer_head {
       display: block;
       width: 68%;
       height:100px;
       position: relative;
       top: 80px;
       left: 13%;
       font: 2.5em museo100regular, arial,verdana;
   }
  1. thanks_org { 
   position: relative;
   height:120px;
   top: 76px;

}

  1. thanks_org .mem_list li { 
           display: block;
           width:250px;
           margin:0.8em 3em;
           height:auto;
           float:left;
           z-index:0;
       }
  1. project {

height:auto; }

  1. project span {

text-align: center; display:block; 

   font: 27px BuxtonSketch,arial,verdana;

}

  1. nebula-show {

width:80%; margin: 0 auto; }

  1. nebula-show h1 { 
   font: 27px BuxtonSketch,arial,verdana;
   position: relative;
   top:115px;

}

  1. nebula-show p {

display: block; width: 40%; text-align: justify; 

   font: 18px BuxtonSketch,arial,verdana;

float: left; position: relative; top:123px; }

  1. nebula-show img {

float:right; }

Retrieved from "http://2013.igem.org/Team:UESTC/home.css"