Team:USTC-Software/css

From 2013.igem.org

(Difference between revisions)
(Created page with " body { background:#36526C; margin: 0px auto; max-width:1340px; } #home{ position: relative; height:522px; background: #FFF; width:990px; margin-left:...")
Line 1: Line 1:
-
 
body {  
body {  
     background:#36526C;
     background:#36526C;
     margin: 0px auto;
     margin: 0px auto;
-
max-width:1340px;
+
    max-width:1340px;
}
}
Line 9: Line 8:
#home{  
#home{  
     position: relative;  
     position: relative;  
-
height:522px;  
+
    height:522px;  
-
background: #FFF;  
+
    background: #FFF;  
-
width:990px;
+
    width:990px;
-
margin-left:172px;
+
    margin-left:172px;
-
margin-top:60px;  
+
    margin-top:60px;  
-
-moz-border-radius:1em;
+
    -moz-border-radius:1em;
     -webkit-border-radius:1em;
     -webkit-border-radius:1em;
     border-radius: 1em;
     border-radius: 1em;
-
display:block;
+
    display:block;
}
}
Line 24: Line 23:
     border-bottom: 1px dotted #CCCCCC;
     border-bottom: 1px dotted #CCCCCC;
     background:#fff;  
     background:#fff;  
-
width:100%;  
+
    width:100%;  
-
height:35px;  
+
    height:35px;  
-
position: absolute;  
+
    position: absolute;  
-
top:15px;  
+
    top:15px;  
}
}
#home .line h2 {
#home .line h2 {
-
position: relative;
+
    position: relative;
-
font-family:"Times New Roman", Times, serif;
+
    font-family:"Times New Roman", Times, serif;
-
color:#0D97F2;
+
    color:#0D97F2;
-
margin-top:0px;
+
    margin-top:0px;
-
margin-left:25px;
+
    margin-left:25px;
}
}
Line 43: Line 42:
#home2{
#home2{
     position: relative;  
     position: relative;  
-
height:1200px;
+
    height:1200px;
-
background: #FFF;
+
    background: #FFF;
-
display:block;  
+
    display:block;  
-
width:990px;
+
    width:990px;
-
margin-left:172px;  
+
    margin-left:172px;  
-
margin-top:10px;  
+
    margin-top:10px;  
-
-moz-border-radius: 1em;
+
    -moz-border-radius: 1em;
     -webkit-border-radius: 1em;
     -webkit-border-radius: 1em;
     border-radius: 1em;
     border-radius: 1em;
Line 57: Line 56:
#home3{  
#home3{  
     position: relative;  
     position: relative;  
-
height:400px;
+
    height:400px;
-
overflow: hidden;
+
    overflow: hidden;
-
background:#0D97F2;
+
    background:#0D97F2;
-
/*background: url(../igem3.png) 50% 0 no-repeat fixed;*/
+
    display: block;  
-
display: block;  
+
    width:990px;
-
width:990px;
+
    margin-left:172px;  
-
margin-left:172px;  
+
    margin-top:10px;  
-
margin-top:10px;  
+
    -moz-border-radius: 1em;
-
-moz-border-radius: 1em;
+
     -webkit-border-radius: 1em;
     -webkit-border-radius: 1em;
     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%;
 
-
}*/
 
Line 95: Line 84:
width: 990px;
width: 990px;
}
}
-
/*.screen .content { width: 280px; margin-left: 20%; margin-top: 10%; }*/
 
-
/*#home .sprite {
 
-
background: #FFF;
 
-
height:100%;
 
-
margin-left:210px;
 
-
margin-top:0px;
 
-
}
 
-
#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; }
 
-
 
-
#home .screen .content { margin-left: 10%;}
 
-
#home .screen .content { margin-left: 5%;}*/
 
Line 120: Line 91:
background: url(../pictures/Logo2.png) 50% 0 no-repeat fixed;
background: url(../pictures/Logo2.png) 50% 0 no-repeat fixed;
opacity:0.05;
opacity:0.05;
-
/*margin-left:210px;
 
-
margin-top:20px;*/
 
width:100%;
width:100%;
}
}
#home2 .screen {
#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%;
-
    perspective: 50%;
+
margin-left:0px;
margin-left:0px;
margin-top:5px;
margin-top:5px;
Line 140: Line 108:
#home3 .screen {
#home3 .screen {
background: url(../2.png) 50% no-repeat;
background: url(../2.png) 50% no-repeat;
-
    /*perspective: 50%;*/
 
margin-left:0px;
margin-left:0px;
margin-top:5px;
margin-top:5px;
}
}
-
/*#home4 .sprite {
 
-
background: url(../USTC-Software-images-half-black.png);
 
-
height:100%;
 
-
margin-top:0px;
 
-
margin-left:210px;
 
-
}
 
-
#home4 .screen {
 
-
background: url(../dna.png)50% no-repeat;
 
-
height:100%;
 
-
margin-top:0px;
 
-
margin-left:210px;
 
-
}*/
 
Line 163: Line 118:
float:left;  
float:left;  
background: url(../video.jpg) repeat-x;
background: url(../video.jpg) repeat-x;
-
 
-
/*-moz-border-radius:1em;
 
-
    -webkit-border-radius:1em;
 
-
    border-radius: 1em;*/
 
-
 
   margin-top:16px;
   margin-top:16px;
-
 
margin-right:0px;  
margin-right:0px;  
-
margin-left:25px;
+
margin-left:25px;
-
+
        width:420px;
-
    width:420px;
+
height:270px;
height:270px;
}
}
Line 184: Line 132:
margin-top:15px;  
margin-top:15px;  
height:270px;  
height:270px;  
-
background: url(../box_header_470.png) repeat-x;
+
background: url(../box_header_470.png) repeat-x;
-
 
+
padding:13px;  
padding:13px;  
padding-top:0px;
padding-top:0px;
color:#213443;
color:#213443;
-
 
+
border-radius: 2px 2px 0 0;  
-
  border-radius: 2px 2px 0 0;  
+
-moz-border-radius: 2px 2px 0 0;  
-
-moz-border-radius: 2px 2px 0 0;  
+
-webkit-border-radius: 6px 6px 0 0;
-
-webkit-border-radius: 6px 6px 0 0;
+
}
}
 +
#abstract p {
#abstract p {
Line 199: Line 146:
font-size: 14px;
font-size: 14px;
}
}
 +
 +
#abstract h2 {font-family: 'Open Sans',arial,serif;}
#abstract h2 {font-family: 'Open Sans',arial,serif;}
Line 214: Line 163:
color:#213443;
color:#213443;
}
}
 +
 +
#contain h2 {
#contain h2 {
Line 220: Line 171:
margin-left:10px;
margin-left:10px;
}
}
 +
Line 226: Line 178:
font-family: "Helvetica Neue","Arial",sans-serif;
font-family: "Helvetica Neue","Arial",sans-serif;
}
}
 +
#description_l {
#description_l {
Line 234: Line 187:
margin-left:10px;
margin-left:10px;
}
}
 +
#description_l h3 {
#description_l h3 {
Line 265: Line 219:
top:310px;
top:310px;
-moz-border-radius: 0.5em;
-moz-border-radius: 0.5em;
-
    -webkit-border-radius:0.5em;
+
        -webkit-border-radius:0.5em;
-
    border-radius: 0.5em;
+
        border-radius: 0.5em;
}
}
Line 285: Line 239:
margin: 6px 0 16px;
margin: 6px 0 16px;
}
}
 +
#ash_container span a {  
#ash_container span a {  
Line 294: Line 249:
text-decoration: none;
text-decoration: none;
}
}
-
#ash_container span:hover a {  
+
 
-
text-decoration:underline;
+
 
-
}
+
#ash_container span:hover a { text-decoration:underline;}
#ash_container h3 {
#ash_container h3 {

Revision as of 11:11, 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;
    display: block; 
    width:990px;	
    margin-left:172px; 
    margin-top:10px; 
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;

}


.sprite { position: absolute; height: 100%; z-index: 200; padding: 0; width: 990px; } .screen { position: absolute; height: 100%; z-index: 500; padding: 0; width: 990px; }



  1. home2 .sprite {

background: url(../pictures/Logo2.png) 50% 0 no-repeat fixed; opacity:0.05; width:100%; }

  1. home2 .screen { 
       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; margin-left:0px; margin-top:5px; }



  1. video {

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

 	 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"