Team:UESTC/home.css

From 2013.igem.org

(Difference between revisions)
Line 127: Line 127:
text-align: center;
text-align: center;
display:block;
display:block;
-
     font: 27px BuxtonSketch,arial,verdana;
+
     font: 48px arial,verdana;
}
}
.proj_show {
.proj_show {
-
width:80%;
+
width:860px;
margin: 0 auto;
margin: 0 auto;
}
}
Line 137: Line 137:
width: 40%;
width: 40%;
text-align: justify;
text-align: justify;
-
     font: 18px BuxtonSketch,arial,verdana;
+
     font: 16px arial,verdana;
float: left;
float: left;
position: relative;
position: relative;
 +
line-height: 1.4em;
}
}
.proj_show img {
.proj_show img {
Line 148: Line 149:
}
}
#nebula-show h1 {
#nebula-show h1 {
-
     font: 27px BuxtonSketch,arial,verdana;
+
     font: 36px arial,verdana;
     position: relative;
     position: relative;
     top:115px;
     top:115px;
Line 164: Line 165:
}
}
#transpeeder-show h1{
#transpeeder-show h1{
-
     font: 27px BuxtonSketch,arial,verdana;
+
     font: 36px arial,verdana;
     position: relative;
     position: relative;
     top:115px;
     top:115px;

Revision as of 13:44, 28 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: 530px;
   position:relative;
   top:-25px;
   margin:0 auto;
   font: 24px 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: 48px arial,verdana;

} .proj_show { width:860px; margin: 0 auto; } .proj_show .pp { display: block; width: 40%; text-align: justify; 

   font: 16px arial,verdana;

float: left; position: relative; line-height: 1.4em; } .proj_show img { float:right; }

  1. nebula-show {

height: 400px; }

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

}

  1. nebula-show p {

top:123px; }

  1. nebula-show a {

top:225px; right: 100px; width: auto; }

  1. transpeeder-show {

height: 460px; }

  1. transpeeder-show h1{ 
   font: 36px arial,verdana;
   position: relative;
   top:115px;

}

  1. transpeeder-show p{

top:125px; }

  1. transpeeder-show a{

top: 225px; right: 100px; width: auto; }

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