Team:SYSU-Software/colla.css

From 2013.igem.org

(Difference between revisions)
Line 67: Line 67:
margin-bottom:35px;
margin-bottom:35px;
}
}
 +
#q1-image-hello {
#q1-image-hello {
float: left;
float: left;
Line 72: Line 73:
margin-top: 30px;
margin-top: 30px;
margin-right: 50px;
margin-right: 50px;
-
margin-bottom:35px;
+
/* margin-bottom:35px; */
}
}
Line 202: Line 203:
height:180px;
height:180px;
}
}
-
 
+
/*  */
-
#q1-image-hello{
+
/* #q1-image-hello{ */
-
float: left;
+
/* float: left; */
-
margin-left: 60px;
+
/* margin-left: 60px; */
-
margin-top: 30px;
+
/* margin-top: 30px; */
-
margin-right: 50px;
+
/* margin-right: 50px; */
-
}
+
/* } */

Revision as of 01:41, 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; }

  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: 850px; 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;

}

  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; } /* */ /* #q1-image-hello{ */ /* float: left; */ /* margin-left: 60px; */ /* margin-top: 30px; */ /* margin-right: 50px; */ /* } */