Team:SYSU-Software/model.css

From 2013.igem.org

(Difference between revisions)
Line 8: Line 8:
         font-family: 'Arial';
         font-family: 'Arial';
       }
       }
 +
p {
 +
  font-size: 16px;
 +
}
   /*container*/
   /*container*/
Line 159: Line 162:
   border:0px;
   border:0px;
   font-size: 18px;
   font-size: 18px;
-
   color: #aeb3ba;
+
   color: #445d72;
   text-decoration:none;
   text-decoration:none;
   width:180px;
   width:180px;
 +
  margin-top: 10px;
 +
  margin-bottom: 10px !important;
}
}
.ml li a:hover{
.ml li a:hover{
-
border-radius: 20px;
+
border-radius: 10px;
opacity:0.5;
opacity:0.5;
background-color:black;
background-color:black;

Revision as of 01:55, 28 September 2013

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

p {

 font-size: 16px;

}

 /*container*/
 #model-container{
   width: 100%;
   height: 100%;
   background-color: #8fbbb8;
   margin:0 auto;
 }
 #model-header{
   width: 172px;
   margin: 0 auto;
 }


 #model-font{
   margin-top: 40px;
 }


 #model-q1{
   width: 980px;
   margin: 0 auto;
   clear: both;
 }
 #q1-light{
   float: left;
   margin-left: 40px;
   margin-top: 37px;
 }
 p{
   font-family: 'Arial';
   font-size: 14px;
   font-weight: 900;
   color: #445d72;
   text-align:justify;
 }

h2,h3,h4,h5,h6 { color: #445d72; }

 .image{

float:auto; align:center;

 }
 #q1-pen{
   float: left;
   margin-top: 28px;
   margin-left: 40px;
 }
 #q1-answer{
   width: 850px;
   float: left;
   margin-left: 2px;
   margin-top: 38px;
   line-height: 24px;
   color: #445d72;
   font-weight: 800;
   font-size: 15px;
 }
 #model-q2{
   width: 980px;
   margin: 0 auto;
   clear: both;
   height: 350px;
   background-color: #8fbbb8;
 }
 #q2-light{
   float: left;
   margin-left: 40px;
   margin-top: 45px;
 }
 #q2-text{
   float: left;
   margin-top: 58px;
   margin-left: 4px;
   font-family: 'Arial';
   font-size: 19px;
   font-weight: 900;
 }
 #q2-pen{
   clear: both;
   float: left;
   margin-top: 28px;
   margin-left: 40px;
 }
 #q2-answer{
   width: 850px;
   float: left;
   margin-left: 2px;
   margin-top: 38px;
   margin-bottom: 30px;
   line-height: 24px;
   color: #445d72;
   font-weight: 800;
   font-size: 15px;
 }

.mintext{ float: auto;

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

}


     /*footer*/
     /*footer*/  
     #sysu-footer{
       width: 100%;
       margin:0 auto;
       position: relative;
       bottom: 0px;
       overflow: hidden;
       background-color: #8fbbb8;
     }
     #bottom-image{
       width: 100%;
     }


  1. model-list ul{
 list-style: none;
 position:fixed;
 left:20px;
 border-radius: 20px;
 background-color: white;
 border-color: #dff5f1;
 border: 3px solid #dff5f1;

}

.ml li, .ml li a{

 border:0px;
 font-size: 18px;
 color: #445d72;
 text-decoration:none;
 width:180px;
 margin-top: 10px;
 margin-bottom: 10px !important;

}

.ml li a:hover{ border-radius: 10px; opacity:0.5; background-color:black; }

  1. main {

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