Team:SYSU-Software/humanpra.css

From 2013.igem.org

(Difference between revisions)
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';
-
    }
+
}
-
    /*human practice container*/
+
/*human practice container*/
-
    #practice-container{
+
#practice-container{
-
      width: 980px;
+
width: 980px;
-
      margin: 0 auto;
+
margin: 0 auto;
-
      height: 100%;
+
}
-
    }
+
#practice-top-image{
-
    #practice-top-image{
+
width: 100%;
-
      width: 100%;
+
}
-
    }
+
#practice-content{
-
    #practice-content{
+
background-color: white;
-
      background-color: white;
+
width:100%;
-
      width:100%;
+
}
-
    }
+
#practice-content-image{
-
    #practice-content-image{
+
padding-top: 8px;
-
      padding-top: 8px;
+
width: 1000px;
-
      width: 1000px;
+
margin: 0 auto;
-
      margin: 0 auto;
+
}
-
    }
+
#practice-content-image img{
-
    #practice-content-image img{
+
width: 1000px;
-
      width: 1000px;
+
height: 350px;
-
      height: 350px;
+
}
-
    }
+
#practice-content-header{
-
    #practice-content-header{
+
padding-top: 40px;
-
      padding-top: 40px;
+
-
      width: 200px;
+
width: 200px;
-
      margin: 0 auto;
+
margin: 0 auto;
-
      font-size: 35px;
+
font-size: 35px;
-
      color: #34495e;
+
color: #34495e;
-
      font-weight: bolder;
+
font-weight: bolder;
-
    }
+
}
-
    #practice-introduction{
+
#practice-introduction{
-
      padding-top: 40px;
+
padding-top: 40px;
-
      width: 151px;
+
width: 151px;
-
      margin:0 auto;
+
margin:0 auto;
-
      font-size: 25px;
+
font-size: 25px;
-
      color:#65d2c0;
+
color:#65d2c0;
-
      font-weight: bolder;
+
font-weight: bolder;
-
    }
+
}
-
    #practice-introduction-text{
+
#practice-introduction-text{
-
      padding-top: 70px;
+
padding-top: 70px;
-
      width: 800px;
+
width: 800px;
-
      margin:0 auto;
+
margin:0 auto;
-
      text-align: justify;
+
text-align: justify;
-
      font-size: 18px;
+
font-size: 18px;
-
      line-height: 25px;
+
line-height: 25px;
-
    }
+
}
-
    #practice-slide{
+
#practice-slide{
-
      margin-top: 100px;
+
margin-top: 100px;
-
    }
+
}
-
    #practice-slide{   
+
#practice-slide{   
-
      padding-bottom: 60px;
+
padding-bottom: 60px;
-
    }
+
}
-
    /*human practice content*/
+
/*human practice content*/
-
    #practice-game{
+
#practice-game{
-
      background-color: #dff5f2;
+
background-color: #dff5f2;
-
    }
+
}
-
  #game-header{
+
#game-header{
-
      text-align: center;
+
text-align: center;
-
      padding-top: 50px;  
+
padding-top: 50px;  
-
      font-size: 33px;
+
font-size: 33px;
-
      color: #34495e;
+
color: #34495e;
-
      font-weight: bolder;
+
font-weight: bolder;
-
  }
+
}
-
  #game-show{
+
#game-show{
-
    padding-top: 60px;
+
padding-top: 60px;
-
    padding-bottom: 110px;
+
padding-bottom: 110px;
-
    width: 968px;
+
width: 968px;
-
    margin: 0 auto;
+
margin: 0 auto;
-
  }
+
}
-
  #game-presentaion img{
+
#game-presentaion img{
-
    width:500px;
+
width:500px;
-
  }
+
}
-
  #game-introdution{
+
#game-introdution{
-
      margin-left: 30px;
+
margin-left: 30px;
-
      width: 430px;
+
width: 430px;
-
      display: block;
+
display: block;
-
      text-align: justify;
+
text-align: justify;
-
      font-size: 18px;
+
font-size: 18px;
-
      line-height: 25px;
+
line-height: 25px;
-
  }
+
}
-
    /*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: #dff5f2;
+
background-color: #dff5f2;
-
    }
+
}
-
    #bottom-image{
+
#bottom-image{
-
      width: 100%;
+
width: 100%;
-
    }
+
}
-
    a:focus{
+
a:focus{
-
      outline-color:#544444;  
+
outline-color:#544444;  
-
    }
+
}
 +
 
 +
.thumbnails {
 +
cursor: pointer;
 +
}

Revision as of 12:10, 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: 1000px; margin: 0 auto; }

  1. practice-content-image img{

width: 1000px; height: 350px; }

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

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