Team:SYSU-Software/safety.css

From 2013.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 9: Line 9:
       font-family: 'Arial';
       font-family: 'Arial';
     }
     }
-
   
 
Line 20: Line 19:
#safety-header{
#safety-header{
-
   height: 100%;
+
   /* height: 100%; */
}
}
-
#safety-sanjiao1{
+
#safety-font{
-
   float: left;
+
   left:50%;
-
   margin-left: 50px;
+
  position:relative;
 +
   margin-left:-101px;
   margin-top: 40px;
   margin-top: 40px;
 +
  margin-right: 27px;
}
}
-
#safety-font{
+
 
 +
#q1-image{
   float: left;
   float: left;
 +
  margin-left: 60px;
   margin-top: 30px;
   margin-top: 30px;
-
  margin-left: 30px;
+
   margin-right: 50px;
-
   margin-right: 27px;
+
}
}
-
#safety-sanjiao2{
+
.safety-q{
-
  float: left;
+
-
  margin-top: 40px;
+
-
}
+
-
 
+
-
#safety-q1{
+
   clear: both;
   clear: both;
}
}
-
#q1-light{
+
.q-light{
   float: left;
   float: left;
   margin-left: 40px;
   margin-left: 40px;
-
   margin-top: 37px;
+
   margin-top: 0px;
 +
  /* margin-bottom:30px; */
 +
width: 5%;
 +
height: 1px;
}
}
-
#q1-text{
+
.q-text{
-
  float: left;
+
float: left;
-
  margin-top: 50px;
+
margin-top: 10px;
-
  margin-left: 4px;
+
margin-left: 4px;
-
 
+
font-family: 'Arial';
-
  font-family: 'Arial';
+
font-size: 19px;
-
  font-size: 19px;
+
font-weight: 900;
-
  font-weight: 900;
+
color: black;
-
  color: #445d72;
+
display: block;
 +
width: 100%;
 +
text-align:justify;
}
}
-
#q1-image{
+
.safety-q .q-text > p {
-
  float: left;
+
display: inline-block;
-
  margin-left: 60px;
+
width: 90%;
-
  margin-top: 30px;
+
-
  margin-right: 50px;
+
}
}
-
#q1-pen{
+
.q-pen{
 +
  clear: both;
   float: left;
   float: left;
-
   margin-top: 28px;
+
   margin-top:0px;
   margin-left: 40px;
   margin-left: 40px;
}
}
-
#q1-answer{
+
.q-answer{
-
  width: 850px;
+
width: 90%;
-
  float: left;
+
float: left;
-
  margin-left: 2px;
+
margin-left: 2px;
-
  margin-top: 38px;
+
margin-top: 10px;
-
 
+
-
  line-height: 24px;
+
line-height: 24px;
-
  color: #445d72;
+
color: #445d72;
-
  font-weight: 800;
+
font-weight: 800;
-
  font-size: 15px;
+
font-size: 15px;
 +
text-align:justify;
}
}
-
#safety-q2{
+
#q3{
-
   clear: both;
+
   clear:both;
}
}
-
#q2-light{
 
-
  float: left;
 
-
  margin-left: 40px;
 
-
  margin-top: 45px;
 
-
}
 
-
#q2-text{
+
-
  float: left;
+
  /*footer*/
-
  margin-top: 58px;
+
    #sysu-footer{
-
  margin-left: 4px;
+
      width: 100%;
 +
      margin:0 auto;
-
  font-family: 'Arial';
+
      position: relative;
-
  font-size: 19px;
+
      bottom: 0px;
-
  font-weight: 900;
+
      overflow: hidden;
-
  color: #445d72;
+
-
}
+
-
#q2-pen{
+
      /*background-color: white;*/
-
  clear: both;
+
    }
-
  float: left;
+
    #bottom-image{
-
  margin-top: 28px;
+
      width: 100%;
-
  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;
 
-
}
 

Latest revision as of 18:04, 27 September 2013

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


  1. safety-container{ 
 width: 980px;
 height: 100%;
 background-color: #DDF4EF;
 margin:0 auto;

}

  1. safety-header{ 
 /* height: 100%; */

}

  1. safety-font{ 
 left:50%;
 position:relative;
 margin-left:-101px;
 margin-top: 40px;
 margin-right: 27px;

}


  1. q1-image{ 
 float: left;
 margin-left: 60px;
 margin-top: 30px;
 margin-right: 50px;

}

.safety-q{ 

 clear: both;

}

.q-light{ 

 float: left;
 margin-left: 40px;
 margin-top: 0px;
 /* margin-bottom:30px; */

width: 5%; height: 1px; }

.q-text{ 

float: left;
margin-top: 10px;
margin-left: 4px;
font-family: 'Arial';
font-size: 19px;
font-weight: 900;
color: black;
display: block;
width: 100%;
text-align:justify;

}

.safety-q .q-text > p { display: inline-block; width: 90%; }

.q-pen{ 

 clear: both;
 float: left;
 margin-top:0px;
 margin-left: 40px;

}

.q-answer{ 

width: 90%;
float: left;
margin-left: 2px;
margin-top: 10px;

line-height: 24px;
color: #445d72;
font-weight: 800;
font-size: 15px;
text-align:justify;

}

  1. q3{ 
 clear:both;

} 


 /*footer*/
   #sysu-footer{
     width: 100%;
     margin:0 auto;

     position: relative;
     bottom: 0px;
     overflow: hidden;

     /*background-color: white;*/
   }
   #bottom-image{
     width: 100%;
   }



   a:focus{
     outline-color:#544444; 
   }
Retrieved from "http://2013.igem.org/Team:SYSU-Software/safety.css"