Team:USTC-Software/css

From 2013.igem.org

(Difference between revisions)
Zigzag (Talk | contribs)
(Created page with " body { background:#36526C; margin: 0px auto; max-width:1340px; } #home{ position: relative; height:522px; background: #FFF; width:990px; margin-left:...")
Newer edit →

Revision as of 11:02, 8 August 2013

body { 

   background:#36526C;
   margin: 0px auto;

max-width:1340px; }


  1. home{ 
   position: relative;

height:522px; background: #FFF; width:990px; margin-left:172px; margin-top:60px; -moz-border-radius:1em; 

   -webkit-border-radius:1em;
   border-radius: 1em;

display:block;

}

  1. home .line { 
   border-bottom: 1px dotted #CCCCCC;
   background:#fff;

width:100%; height:35px; position: absolute; top:15px; }

  1. home .line h2 {

position: relative; font-family:"Times New Roman", Times, serif; color:#0D97F2; margin-top:0px; margin-left:25px; }



  1. home2{ 
    position: relative;

height:1200px; background: #FFF; display:block; width:990px; margin-left:172px; margin-top:10px; -moz-border-radius: 1em; 

    -webkit-border-radius: 1em;
    border-radius: 1em;

}


  1. home3{ 
    position: relative;

height:400px; overflow: hidden; background:#0D97F2; /*background: url(../igem3.png) 50% 0 no-repeat fixed;*/ display: block; width:990px; margin-left:172px; margin-top:10px; -moz-border-radius: 1em; 

    -webkit-border-radius: 1em;
    border-radius: 1em;

}


/*#home4{ 

   position: relative;

height:600px; margin: 0 auto; padding: 0; overflow: hidden; background: url(../Library.png); display: none; width:100%; }*/


.sprite { position: absolute; height: 100%; z-index: 200; padding: 0; width: 990px; } .screen { position: absolute; height: 100%; z-index: 500; padding: 0; width: 990px; } /*.screen .content { width: 280px; margin-left: 20%; margin-top: 10%; }*/

/*#home .sprite { background: #FFF; height:100%; margin-left:210px; margin-top:0px; }

  1. home .screen {*/

/*background: #F63; perspective: 50%; height:100%; margin-left:0px; margin-top:0px; }*/ /*#home .screen .content { margin-top: 14%; margin-left: 20%; color: #0FF; }

  1. home .screen .content { margin-left: 10%;}
  1. home .screen .content { margin-left: 5%;}*/


  1. home2 .sprite {

background: url(../pictures/Logo2.png) 50% 0 no-repeat fixed; opacity:0.05; /*margin-left:210px; margin-top:20px;*/ width:100%; }

  1. home2 .screen {

/*background: url(../%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/home_frei.png) 50% 117px no-repeat;*/ 

   perspective: 50%;

margin-left:0px; margin-top:5px; }


  1. home3 .sprite {

background: url(../b-bg.png) 50% no-repeat fixed; margin-left:210px; margin-top:0px;

}

  1. home3 .screen {

background: url(../2.png) 50% no-repeat; 

   /*perspective: 50%;*/

margin-left:0px; margin-top:5px; }

/*#home4 .sprite { background: url(../USTC-Software-images-half-black.png); height:100%; margin-top:0px; margin-left:210px; }

  1. home4 .screen {

background: url(../dna.png)50% no-repeat; height:100%; margin-top:0px; margin-left:210px; }*/


  1. video {

float:left; background: url(../video.jpg) repeat-x;

/*-moz-border-radius:1em; 

   -webkit-border-radius:1em;
   border-radius: 1em;*/

 	 margin-top:16px;

margin-right:0px; margin-left:25px; 

    width:420px;

height:270px; }


  1. abstract {

float: right; width:475px; margin-right:20px; margin-top:15px; height:270px; background: url(../box_header_470.png) repeat-x;

padding:13px; padding-top:0px; color:#213443;

border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; 

	-webkit-border-radius: 6px 6px 0 0;

}

  1. abstract p {

font-family: "Helvetica Neue","Arial",sans-serif; font-size: 14px; }

  1. abstract h2 {font-family: 'Open Sans',arial,serif;}


  1. contain {

position:absolute; float:left; width:660px; height:790px; background: url(../box_header_250.png) no-repeat; top:310px; left:23px; color:#213443; }

  1. contain h2 {

font-size:18px; font-family: 'Open Sans',arial,serif; margin-left:10px; }


  1. contain p {

font-size:12px; font-family: "Helvetica Neue","Arial",sans-serif; }

  1. description_l {

height:auto; width:300px; float:left; clear:left; margin-left:10px; }

  1. description_l h3 {

font-size:14px; font-family: 'Open Sans',"Helvetica Neue",arial,serif; }


  1. description_r {

height:auto; width:300px; float:right; margin-top:0px; margin-right:40px; }

  1. description_r h3 {

font-size:14px; font-family: 'Open Sans',"Helvetica Neue",arial,serif; }


  1. ash {

position:absolute; float:right; width:310px; height:790px; background: #EBEBEB; right:18px; top:310px; -moz-border-radius: 0.5em; 

   -webkit-border-radius:0.5em;
   border-radius: 0.5em;

}


  1. ash_container {

position: relative; margin-left:30px; width:80%; }


  1. ash_container p {

font-family: "Helvetica Neue","Arial",sans-serif; font-size: 12px; line-height: 18px; margin: 6px 0 16px; }

  1. ash_container span a { 
   color:#0b83d3;

font-family: "Helvetica Neue","Arial",sans-serif; font-size: 12px; line-height: 18px; margin: 6px 0 16px; text-decoration: none; }

  1. ash_container span:hover a {

text-decoration:underline; }

  1. ash_container h3 {

font-family:'Open Sans',"Helvetica Neue",arial,serif; font-size: 16px; font-weight: 600; line-height: 20px; margin-bottom: 15px; padding-top: 10px; }

Retrieved from "http://2013.igem.org/Team:USTC-Software/css"