Team:SYSU-Software/safety.css

From 2013.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 19: 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;
-
}
 
-
 
-
#safety-font{
 
-
  float: left;
 
-
  margin-top: 30px;
 
-
  margin-left: 30px;
 
   margin-right: 27px;
   margin-right: 27px;
}
}
-
#safety-sanjiao2{
 
-
  float: left;
 
-
  margin-top: 40px;
 
-
}
 
-
 
-
#safety-q1{
 
-
  clear: both;
 
-
}
 
-
 
-
#q1-light{
 
-
  float: left;
 
-
  margin-left: 40px;
 
-
  margin-top: 37px;
 
-
}
 
-
 
-
#q1-text{
 
-
  float: left;
 
-
  margin-top: 50px;
 
-
  margin-left: 4px;
 
-
 
-
  font-family: 'Arial';
 
-
  font-size: 19px;
 
-
  font-weight: 900;
 
-
  color: #445d72;
 
-
}
 
#q1-image{
#q1-image{
Line 66: Line 36:
   margin-top: 30px;
   margin-top: 30px;
   margin-right: 50px;
   margin-right: 50px;
-
}
 
-
 
-
#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;
 
}
}
Line 94: Line 45:
   float: left;
   float: left;
   margin-left: 40px;
   margin-left: 40px;
-
   margin-top: 45px;
+
   margin-top: 0px;
 +
  /* margin-bottom:30px; */
 +
width: 5%;
 +
height: 1px;
}
}
.q-text{
.q-text{
-
  float: left;
+
float: left;
-
  margin-top: 58px;
+
margin-top: 10px;
-
  margin-left: 4px;
+
margin-left: 4px;
 +
font-family: 'Arial';
 +
font-size: 19px;
 +
font-weight: 900;
 +
color: black;
 +
display: block;
 +
width: 100%;
 +
text-align:justify;
 +
}
-
  font-family: 'Arial';
+
.safety-q .q-text > p {
-
  font-size: 19px;
+
display: inline-block;
-
  font-weight: 900;
+
width: 90%;
-
  color: #445d72;
+
}
}
Line 111: Line 72:
   clear: both;
   clear: both;
   float: left;
   float: left;
-
   margin-top: 28px;
+
   margin-top:0px;
   margin-left: 40px;
   margin-left: 40px;
Line 117: Line 78:
.q-answer{
.q-answer{
-
  width: 850px;
+
width: 90%;
-
  float: left;
+
float: left;
-
  margin-left: 2px;
+
margin-left: 2px;
-
  margin-top: 38px;
+
margin-top: 10px;
-
  margin-bottom: 30px;
+
-
 
+
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;
}
}
Line 144: Line 105:
       overflow: hidden;
       overflow: hidden;
-
       background-color: white;
+
       /*background-color: white;*/
     }
     }
     #bottom-image{
     #bottom-image{

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; 
   }