Team:SYSU-Software/colla.css

From 2013.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 1: Line 1:
-
    *{
+
*{
-
      padding:0px;
+
padding:0px;
-
      margin: 0px;
+
margin: 0px;
-
    }
+
}
-
    body {
+
body {
-
      height: 100%;
+
height: 100%;
-
      width: 100%;
+
width: 100%;
-
      font-family: 'Arial';
+
font-family: 'Arial';
-
    }
+
}
/*container*/
/*container*/
Line 13: Line 13:
#collaboration-container{
#collaboration-container{
-
  width: 100%;
+
width: 100%;
-
  height: 100%;
+
/* height: 100%; */
-
  background-color: #f5f5f5;
+
background-color: #f5f5f5;
-
  margin:0 auto;
+
margin:0 auto;
}
}
#collaboration-header{
#collaboration-header{
-
  width: 328px;
+
width: 328px;
-
  margin: 0 auto;
+
margin: 0 auto;
}
}
#collaboration-font{
#collaboration-font{
-
  margin-top: 40px;
+
margin-top: 40px;
}
}
#collaboration-q1{
#collaboration-q1{
-
  width: 980px;
+
width: 980px;
-
  margin: 0 auto;
+
margin: 0 auto;
-
  clear: both;
+
clear: both;
}
}
#q1-light{
#q1-light{
-
  float: left;
+
float: left;
-
  margin-left: 40px;
+
margin-left: 40px;
-
  margin-top: 37px;
+
margin-top: 37px;
 +
width: 46px;
 +
height: 46px;
}
}
#q1-text{
#q1-text{
-
  float: left;
+
float: left;
-
  margin-top: 50px;
+
margin-top: 50px;
-
  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: black;
}
}
#q1-image{
#q1-image{
-
  float: left;
+
float: left;
-
  margin-left: 60px;
+
margin-left: 60px;
-
  margin-top: 30px;
+
margin-top: 30px;
-
  margin-right: 50px;
+
margin-right: 50px;
}
}
#q1-image-spe{
#q1-image-spe{
-
  float: left;
+
float: left;
-
  margin-left: 60px;
+
margin-left: 60px;
-
  margin-top: 30px;
+
margin-top: 30px;
-
  margin-right: 50px;
+
margin-right: 50px;
-
  margin-bottom:35px;
+
margin-bottom:35px;
 +
}
 +
 
 +
#q1-image-hello {
 +
float: left;
 +
margin-left: 60px;
 +
margin-top: 30px;
 +
margin-right: 50px;
 +
/* margin-bottom:35px; */
}
}
#q1-pen{
#q1-pen{
-
  float: left;
+
float: left;
-
  margin-top: 28px;
+
margin-top: 28px;
-
  margin-left: 40px;
+
margin-left: 40px;
}
}
#q1-answer{
#q1-answer{
-
  width: 850px;
+
width: 840px;
-
  float: left;
+
float: left;
-
  margin-left: 2px;
+
margin-left: 2px;
-
  margin-top: 38px;
+
margin-top: 38px;
-
 
+
 
-
  text-align:justify;
+
text-align:justify;
-
  line-height: 24px;
+
line-height: 24px;
-
  *color: #445d72;*
+
*color: #445d72;*
-
  color: black;
+
color: black;
-
  font-weight: 800;
+
font-weight: 800;
-
  font-size: 15px;
+
font-size: 15px;
}
}
#collaboration-q2{
#collaboration-q2{
-
  width: 980px;
+
width: 980px;
-
  margin: 0 auto;
+
margin: 0 auto;
-
  clear: both;
+
clear: both;
-
  background-color: #f5f5f5;
+
background-color: #f5f5f5;
}
}
#collaboration-q2-makemarginbottom{
#collaboration-q2-makemarginbottom{
-
  width:100%;
+
width:100%;
-
  height:40px;
+
height:40px;
}
}
#q2-light{
#q2-light{
-
  float: left;
+
float: left;
-
  margin-left: 40px;
+
margin-left: 40px;
-
  margin-top: 45px;
+
margin-top: 45px;
}
}
#q2-text{
#q2-text{
-
  float: left;
+
float: left;
-
  margin-top: 40px;
+
margin-top: 40px;
-
  margin-left: 4px;
+
margin-left: 4px;
-
  font-family: 'Arial';
+
font-family: 'Arial';
-
  font-size: 19px;
+
font-size: 19px;
-
  font-weight: 900;
+
font-weight: 900;
}
}
#q2-text-2{
#q2-text-2{
-
  width:100%;
+
width:100%;
-
  float: left;
+
float: left;
-
  margin-top: 20px;
+
margin-top: 20px;
-
  margin-left: 4px;
+
margin-left: 4px;
-
  font-family: 'Arial';
+
font-family: 'Arial';
-
  font-size: 19px;
+
font-size: 19px;
-
  font-weight: 900;
+
font-weight: 900;
-
  text-align:center;
+
text-align:center;
}
}
#q2-pen{
#q2-pen{
-
  clear: both;
+
clear: both;
-
  float: left;
+
float: left;
-
  margin-top: 28px;
+
margin-top: 28px;
-
  margin-left: 40px;
+
margin-left: 40px;
-
 
+
width: 46px;
 +
height: 46px;
}
}
#q2-answer{
#q2-answer{
-
  width: 850px;
+
width: 850px;
-
  float: left;
+
float: left;
-
  margin-left: 2px;
+
margin-left: 2px;
-
  margin-top: 38px;
+
margin-top: 38px;
-
  margin-bottom: 30px;
+
margin-bottom: 30px;
-
+
 
-
  text-align:justify;
+
text-align:justify;
-
  line-height: 24px;
+
line-height: 24px;
-
  color: #445d72;
+
color: #445d72;
-
  font-weight: 800;
+
font-weight: 800;
-
  font-size: 15px;
+
font-size: 15px;
}
}
.q2-image-introduce{
.q2-image-introduce{
-
  text-align:center;
+
text-align:center;
}
}
-
    /*footer*/
+
/*footer*/
-
    /*footer*/   
+
/*footer*/   
-
    #sysu-footer{
+
#sysu-footer{
-
      width: 100%;
+
width: 100%;
-
      margin:0 auto;
+
margin:0 auto;
-
      position: relative;
+
position: relative;
-
      bottom: 0px;
+
bottom: 0px;
-
      overflow: hidden;
+
overflow: hidden;
-
      background-color: #f5f5f5;
+
background-color: #f5f5f5;
-
    }
+
}
-
    #bottom-image{
+
#bottom-image{
-
      width: 100%;
+
width: 100%;
-
    }
+
}
-
    a:focus{
+
a:focus{
-
      outline-color:#544444;  
+
outline-color:#544444;  
-
    }
+
}
.clear:after {
.clear:after {
-
  display: block;
+
display: block;
-
  content: ".";
+
content: ".";
-
  height: 0;
+
height: 0;
-
  clear: both;
+
clear: both;
-
  overflow: hidden;
+
overflow: hidden;
-
  visibility: hidden;
+
visibility: hidden;
}
}
#q1-image img{
#q1-image img{
-
width:870px;
+
width:870px;
-
height:449px;
+
height:449px;
}
}
#q1-image-spe{
#q1-image-spe{
-
width:870px;
+
width:870px;
-
height:202px;
+
height:202px;
}
}
-
#q1-image-hello img
+
 
 +
#q1-image-hello img {
width:870px;
width:870px;
height:180px;
height:180px;
-
}
 
-
#q1-image-hello{
 
-
float: left;
 
-
  margin-left: 60px;
 
-
  margin-top: 30px;
 
-
  margin-right: 50px;
 
}
}

Latest revision as of 02:18, 28 September 2013

  • {

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

/*container*/


  1. collaboration-container{

width: 100%; /* height: 100%; */ background-color: #f5f5f5; margin:0 auto; }

  1. collaboration-header{

width: 328px; margin: 0 auto; }


  1. collaboration-font{

margin-top: 40px; }


  1. collaboration-q1{

width: 980px; margin: 0 auto; clear: both; }

  1. q1-light{

float: left; margin-left: 40px; margin-top: 37px; width: 46px; height: 46px; }

  1. q1-text{

float: left; margin-top: 50px; margin-left: 4px;

font-family: 'Arial'; font-size: 19px; font-weight: 900; color: black; }

  1. q1-image{

float: left; margin-left: 60px; margin-top: 30px; margin-right: 50px; }

  1. q1-image-spe{

float: left; margin-left: 60px; margin-top: 30px; margin-right: 50px; margin-bottom:35px; }

  1. q1-image-hello {

float: left; margin-left: 60px; margin-top: 30px; margin-right: 50px; /* margin-bottom:35px; */ }

  1. q1-pen{

float: left; margin-top: 28px; margin-left: 40px;

}

  1. q1-answer{

width: 840px; float: left; margin-left: 2px; margin-top: 38px;

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

  1. collaboration-q2{

width: 980px; margin: 0 auto; clear: both; background-color: #f5f5f5; }

  1. collaboration-q2-makemarginbottom{

width:100%; height:40px; }

  1. q2-light{

float: left; margin-left: 40px; margin-top: 45px; }

  1. q2-text{

float: left; margin-top: 40px; margin-left: 4px;

font-family: 'Arial'; font-size: 19px; font-weight: 900; }

  1. q2-text-2{

width:100%; float: left; margin-top: 20px; margin-left: 4px;

font-family: 'Arial'; font-size: 19px; font-weight: 900; text-align:center; }

  1. q2-pen{

clear: both; float: left; margin-top: 28px; margin-left: 40px; width: 46px; height: 46px; }

  1. q2-answer{

width: 850px; float: left; margin-left: 2px; margin-top: 38px; margin-bottom: 30px;

text-align:justify; line-height: 24px; color: #445d72; font-weight: 800; font-size: 15px; } .q2-image-introduce{ text-align:center; }

/*footer*/ /*footer*/

  1. sysu-footer{

width: 100%; margin:0 auto;

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

background-color: #f5f5f5; }

  1. bottom-image{

width: 100%; }

a:focus{ outline-color:#544444; }

.clear:after { display: block; content: "."; height: 0; clear: both; overflow: hidden; visibility: hidden; }

  1. q1-image img{

width:870px; height:449px; }

  1. q1-image-spe{

width:870px; height:202px; }

  1. q1-image-hello img {

width:870px; height:180px; }

Retrieved from "http://2013.igem.org/Team:SYSU-Software/colla.css"