Team:SYSU-Software/humanpra.css

From 2013.igem.org

(Difference between revisions)
Line 23: Line 23:
#practice-content-image{
#practice-content-image{
padding-top: 8px;
padding-top: 8px;
-
width: 1000px;
+
width: 100%;
margin: 0 auto;
margin: 0 auto;
}
}
#practice-content-image img{
#practice-content-image img{
-
width: 1000px;
+
width: 100%;
-
height: 350px;
+
}
}
#practice-content-header{
#practice-content-header{

Revision as of 12:54, 26 September 2013

  • {

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

/*human practice container*/

  1. practice-container{

width: 980px; margin: 0 auto; }

  1. practice-top-image{

width: 100%; }

  1. practice-content{

background-color: white; width:100%; }

  1. practice-content-image{

padding-top: 8px; width: 100%; margin: 0 auto; }

  1. practice-content-image img{

width: 100%; }

  1. practice-content-header{

padding-top: 40px;

width: 200px; margin: 0 auto;

font-size: 35px; color: #34495e; font-weight: bolder; }

  1. practice-introduction{

padding-top: 40px;

width: 151px; margin:0 auto;

font-size: 25px; color:#65d2c0; font-weight: bolder; }

  1. practice-introduction-text{

padding-top: 70px; width: 800px; margin:0 auto;

text-align: justify; font-size: 18px; line-height: 25px; }

  1. practice-slide{

margin-top: 100px; }

  1. practice-slide{

padding-bottom: 60px; } /*human practice content*/

  1. practice-game{

background-color: #dff5f2; }

  1. game-header{

text-align: center; padding-top: 50px; font-size: 33px; color: #34495e; font-weight: bolder;

}
#game-show{

padding-top: 60px; padding-bottom: 110px; width: 968px; margin: 0 auto;

}
#game-presentaion img{

width:500px;

}
#game-introdution{

margin-left: 30px; width: 430px; display: block; text-align: justify; font-size: 18px; line-height: 25px;

}
/*footer*/
#sysu-footer{

width: 100%; margin:0 auto;

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

background-color: #dff5f2; }

  1. bottom-image{

width: 100%; }


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

.thumbnails { cursor: pointer; }