Team:SYSU-Software/weblab.css

From 2013.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 3: Line 3:
         margin: 0px;
         margin: 0px;
       }
       }
 +
       body {
       body {
         height: 100%;
         height: 100%;
Line 15: Line 16:
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
-
    background-color: #8fbbb8;
 
     margin:0 auto;
     margin:0 auto;
   }
   }
   #wetlab-header{
   #wetlab-header{
-
    width: 172px;
 
     margin: 0 auto;
     margin: 0 auto;
     text-align: center;
     text-align: center;
color:#1C2D3D;
color:#1C2D3D;
   }
   }
 +
 +
#wetlab-header img{
 +
width:100%;
 +
  }
 +
 +
#wetlab-header h1 {
 +
font-size: 60px;
 +
border:none;
 +
}
 +
#wetlab-font{
#wetlab-font{
     margin-top: 40px;
     margin-top: 40px;
Line 30: Line 39:
   p{
   p{
     font-family: 'Arial';
     font-family: 'Arial';
-
     font-size: 14px;
+
     font-size: 16px;
     font-weight: 900;
     font-weight: 900;
-
     color: #63605e;
+
     color: #3A3838;
     text-align:justify;
     text-align:justify;
   }
   }
h2,h3,h4,h5,h6 {
h2,h3,h4,h5,h6 {
-
   color: #65d2c0;
+
   color: #445d72;
 +
  border: none;
}
}
   .image{
   .image{
-
float:auto;
+
display:block;
-
align:center;
+
margin: 20px auto;
-
margin-top:20px;
+
-
margin-bottom:20px;
+
   }
   }
Line 63: Line 71:
         bottom: 0px;
         bottom: 0px;
         overflow: hidden;
         overflow: hidden;
-
 
-
        background-color: #8fbbb8;
 
       }
       }
       #bottom-image{
       #bottom-image{
Line 71: Line 77:
#main {
#main {
height:100%;
height:100%;
-
width:800px;
+
width:100%;
margin:0 auto;
margin:0 auto;
text-align: justify;
text-align: justify;
 +
}
 +
 +
#part1{
 +
background-color:white;
 +
}
 +
 +
#part2{
 +
background-color:#e0f4f2;
 +
}
 +
#part3{
 +
background-color:white;
 +
}
 +
 +
#part4{
 +
background-color:#e0f4f2;
 +
}
 +
.part-content{
 +
width:70%;
 +
margin:0 auto;
 +
padding:20px;
}
}

Latest revision as of 17:53, 27 October 2013

  • {
       padding:0px;
       margin: 0px;
     }
     body {
       height: 100%;
       width: 100%;
       font-family: 'Arial';
     }


 /*container*/
 #wetlab-container{
   width: 100%;
   height: 100%;
   margin:0 auto;
 }
 #wetlab-header{
   margin: 0 auto;
   text-align: center;

color:#1C2D3D;

 }
  1. wetlab-header img{

width:100%;

 }
  1. wetlab-header h1 {

font-size: 60px; border:none; }

  1. wetlab-font{
   margin-top: 40px;
 }
 p{
   font-family: 'Arial';
   font-size: 16px;
   font-weight: 900;
   color: #3A3838;
   text-align:justify;
 }

h2,h3,h4,h5,h6 {

 color: #445d72;
 border: none;

}

 .image{

display:block; margin: 20px auto;

 }

.mintext{ float: auto;

   margin-top: 10px;
   margin-left:20px;

}


     /*footer*/
     /*footer*/  
     #sysu-footer{
       width: 100%;
       margin:0 auto;
       position: relative;
       bottom: 0px;
       overflow: hidden;
     }
     #bottom-image{
       width: 100%;
     }
  1. main {

height:100%; width:100%; margin:0 auto; text-align: justify; }

  1. part1{

background-color:white; }

  1. part2{

background-color:#e0f4f2; }

  1. part3{

background-color:white; }

  1. part4{

background-color:#e0f4f2; } .part-content{ width:70%; margin:0 auto; padding:20px; }