Team:SYSU-Software/special.css

From 2013.igem.org

(Difference between revisions)
 
Line 91: Line 91:
   display: block;
   display: block;
   width: 645px;
   width: 645px;
-
   height: 1900px;
+
   height: 2700px;
   border-radius: 9px 0px 0px 9px;
   border-radius: 9px 0px 0px 9px;
Line 103: Line 103:
   display: block;
   display: block;
   width: 88px;
   width: 88px;
-
   height: 1900px;
+
   height: 2700px;
   margin-left: -5px;
   margin-left: -5px;

Latest revision as of 23:27, 28 October 2013

*{
     padding:0px;
     margin: 0px;
   }
   body {
     height: 100%;
     width: 100%;
     background-color: #f5f5f5 !important;
     font-family: 'Arial';
   }



/*medal content*/

  1. medal-container{
 width: 980px;
 margin: 0 auto;
 height: 100%;
 background-color: #f5f5f5;

}

  1. medal-title{
 width: 500px;
 margin: 0 auto;
 padding-top: 40px;

}

  1. medal-part1{
 margin-left: 8px;

margin-bottom:60px; }


  1. medal-content table{
 text-align: justify;

}

/*text-content part*/

  1. medal-part-text{
 padding-left: 20px;
 padding-right: 20px;
 width: 600px;
 color: #526a7c;

}

  1. medal-header{
 position: relative;
 top: 20px;
 left: 50%;
 margin-left: -75px;
 font-weight: bold;
 font-size: 24px;

}

  1. medal-question{
 position: relative;
 top: 30px;
 font-size: 17px;
 font-weight: bold;
 line-height: 26px;

}

  1. medal-answer{
 position: relative;
 top: 30px;
 margin-left: 10px;
 
 color: #4e4d49;
 font-size: 16px;
 line-height: 25px;

}

  1. checked img{
 margin-left: 15px;
 width: 30px;
 height: 25px;

}

  1. medal-part4{
 margin-left: 8px;
 margin-top: 0px;

margin-bottom:60px; }

  1. medal-part4-area{
 margin-top: 80px;
 margin-left: 0px;
 display: block;
 width: 645px;
 height: 2700px;
 border-radius: 9px 0px 0px 9px;
 background-color: #dbf6eb;

}

  1. medal-part4-text{
 position: absolute;

}

  1. medal-part4-slide{
 margin-top: 80px;
 display: block;
 width: 88px;
 height: 2700px;
 margin-left: -5px;
 border-radius: 0px 9px 9px 0px;
 background-color: #4ed79c;

}

  1. medal-part4-image{
 position: relative;
 top: -790px;

}

  1. medal-content ul li{
 list-style: none;

}

  1. fangdajing4{
 position: relative;
 left: -55px;
 top: -770px;

}



/*footer*/

   #sysu-footer{
     width: 100%;
     margin:0 auto;
     position: relative;
     bottom: 0px;
     overflow: hidden;
     background-color: #f5f5f5;
   }
   #bottom-image {
     width: 100%;
   }
   a:focus{
     outline-color:#544444; 
   }