Team:SYSU-Software/humanpra.css

From 2013.igem.org

(Difference between revisions)

Revision as of 06:18, 26 September 2013

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

   /*human practice container*/
   #practice-container{
     width: 100%;
     margin: 0 auto;
     height: 100%;
   }
   #practice-top-image{
     width: 100%;
   }
   #practice-content{
     background-color: white;
     width:100%;
   }
   #practice-content-image{
     padding-top: 8px;
     width: 1000px;
     margin: 0 auto;
   }
   #practice-content-image img{
     width: 1000px;
     height: 350px;
   }
   #practice-content-header{
     padding-top: 40px;

     width: 200px;
     margin: 0 auto;

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

   #practice-introduction{
     padding-top: 40px;

     width: 151px;
     margin:0 auto;

     font-size: 25px;
     color:#65d2c0;
     font-weight: bolder;
   }
   #practice-introduction-text{
     padding-top: 70px;
     width: 800px;
     margin:0 auto;

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

   #practice-slide{
     margin-top: 100px;
   }

   #practice-slide{   
     padding-bottom: 60px;
   }
   /*human practice content*/
   #practice-game{
     background-color: #dff5f2;
   }
  #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;
   }
   #bottom-image{
     width: 100%;
   }

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

@@ Line 6: / Line 6: @@
        height: 100%;
        width: 100%;
-      background-color: #CCC;
        font-family: 'Arial';
      }
-    /*header images */
-    #team-header{
-      margin: 0 auto;
-      z-index: 100;
-      height: 200px;
-      width: 980px;
-      background-color: white;
-      font-family: 'Arial';
-    }
-    #team-header-logo{
-      position: relative;
-      left: 20px;
-      top:30px;
-    }
-    #team-header-text{
-      position: relative;
-      left: 130px;
-      top: -67px;
-    }
-    #boss-header-image{
-      position: relative;
-      left: 285px;
-      top: -85px;
-    }
-    /*navigation*/
-    #navigation1{
-      float: right;
-      height: 40px;
-      z-index: 100;
-      position: relative;
-      top: -37px;
-    }
-    .navbar {
-    margin-bottom: 0px;
-    overflow: visible;
-    }
-    .nav{
-      display: inline;
-      height: 40px;
-      background-color:#A8DBD2;
-    }
-    .navbar-inverse .nav > li > a{
-      font-size: 14px;
-      border: none;
-      height: 40px;
-      padding:0px 20px;
-      line-height: 40px;
-    }
-    #nav-li{
-      height: 40px;
-    }
-    .navbar-inverse .nav > li.active > a{
-      background-color: #FFE14B;
-      height: 40px;
-    }
-    .navbar-inverse .nav > li.active > a{
-      background-color: #FFE14B;
-    }
-    /*sub navs*/
-    #sub-link1{
-      width:90px;
-      background-color:#A8DBD2;
-    }
-    .navbar .nav > li > ul:before {
-      border-width: 0px;
-    }
-    #sub-link2{
-      width:100px;
-      background-color:#A8DBD2;
-    }
-    #sub-link3{
-      width:135px;
-      background-color:#A8DBD2;
-    }
-    #sub-link4{
-      background-color:#A8DBD2;
-      width:70px;
-    }
      /*human practice container*/
      #practice-container{
-       width: 980px;
+       width: 100%;
        margin: 0 auto;
        height: 100%;
      }
+     #practice-top-image{
+       width: 100%;
-     /*human practice content*/
-    #shiyantai{
-      background-color: #f4dc9c;
-       width: 980px;
      }
-    #shiyantai-image{
-    }
-    #package{
-      width: 400px;
-      position: absolute;
-      top: 404px;
-      left: 50%;
-      margin-left: -200px;
-    }
      #practice-content{
-       color: #5d2f02;
+       background-color: white;
-       height: 100%;
+       width:100%;
-      background-color: #f4dc9c;
      }
-     #part1-header{
+     #practice-content-image{
-       position: relative;
+       padding-top: 8px;
+       width: 1000px;
-      font-size: 20px;
+       margin: 0 auto;
-       font-weight: bold;
-      padding-top: 65px;
-       margin-left: 65px;
      }
-     #part1-image{
+     #practice-content-image img{
-       position: relative;
+       width: 1000px;
-       margin-top: 30px;
+       height: 350px;
-      margin-left: 65px;
      }
-     #part1-content{
+     #practice-content-header{
-       margin-left: 65px;
+       padding-top: 40px;
-      margin-top: 40px;
-      font-size: 15px;
-      font-weight: bold;
-    }
+      width: 200px;
-    #part2-header{
+       margin: 0 auto;
-       position: relative;
-       font-size: 20px;
+       font-size: 35px;
-       font-weight: bold;
+       color: #34495e;
+       font-weight: bolder;
-       margin-top: 65px;
-      margin-left: 65px;
      }
-    #part2-content{
-      margin-left: 65px;
-      margin-top: 40px;
-      padding-bottom: 50px;
-      font-size: 15px;
+    #practice-introduction{
-       font-weight: bold;
+       padding-top: 40px;
-    }
+       width: 151px;
-    /*footer*/
-    #team-footer{
-       width: 980px;
        margin:0 auto;
-       position: relative;
+       font-size: 25px;
-       bottom: 0px;
+       color:#65d2c0;
-       overflow: hidden;
+       font-weight: bolder;
-      background-color: #ebdfd2;
      }
-    /*instructions*/
+     #practice-introduction-text{
-     #team-sub{
+       padding-top: 70px;
-       position: relative;
+      width: 800px;
+      margin:0 auto;
-       margin-bottom: 30px;
+       text-align: justify;
+      font-size: 18px;
+      line-height: 25px;
      }
-    #subscribe{
-      position: relative;
-    }
-    #subscribe-header{
-      position: relative;
-      top: 25px;
-      left: 145px;
-      font-weight: bolder;
+    #practice-slide{
-       font-size: 25px;
+       margin-top: 100px;
      }
-    #subscribe-content{
-      position: relative;
-      top: 45px;
-      left: 145px;
-      font-weight: bold;
+    #practice-slide{
-       line-height: 10px;
+       padding-bottom: 60px;
      }
-     #link{
+    /*human practice content*/
-       position: relative;
+     #practice-game{
-      left: 100px;
+       background-color: #dff5f2;
      }
-    #link-header{
+   #game-header{
-       position: relative;
+       text-align: center;
-       top: 20px;
+       padding-top: 50px;
-       left: 180px;
+       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;
-      font-weight:bolder;
-      font-size: 25px;
-    }
-    #link-content{
        position: relative;
-       top: 34px;
+       bottom: 0px;
-       left: 180px;
+       overflow: hidden;
-    }
-    #link-content a{
+       background-color: #dff5f2;
-       text-decoration: none;
      }
-    /*bottom image*/
      #bottom-image{
-       position: relative;
+       width: 100%;
-      bottom: 0px;
      }