Team:SYSU-Software/safety.css
From 2013.igem.org
(Difference between revisions)
(17 intermediate revisions not shown) | |||
Line 19: | Line 19: | ||
#safety-header{ | #safety-header{ | ||
- | height: 100%; | + | /* height: 100%; */ |
} | } | ||
#safety-font{ | #safety-font{ | ||
+ | left:50%; | ||
position:relative; | position:relative; | ||
- | |||
margin-left:-101px; | margin-left:-101px; | ||
margin-top: 40px; | margin-top: 40px; | ||
Line 46: | Line 46: | ||
margin-left: 40px; | margin-left: 40px; | ||
margin-top: 0px; | margin-top: 0px; | ||
- | margin-bottom: | + | /* margin-bottom:30px; */ |
+ | width: 5%; | ||
+ | height: 1px; | ||
} | } | ||
.q-text{ | .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%; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 65: | Line 72: | ||
clear: both; | clear: both; | ||
float: left; | float: left; | ||
- | margin-top: | + | margin-top:0px; |
margin-left: 40px; | margin-left: 40px; | ||
Line 71: | Line 78: | ||
.q-answer{ | .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; | |
} | } | ||
Latest revision as of 18:04, 27 September 2013
*{ padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; }
- safety-container{
width: 980px; height: 100%; background-color: #DDF4EF; margin:0 auto;
}
- safety-header{
/* height: 100%; */
}
- safety-font{
left:50%; position:relative; margin-left:-101px; margin-top: 40px; margin-right: 27px;
}
- 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;
}
- 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; }