Team:SYSU-Software/medal.css

From 2013.igem.org

(Difference between revisions)

Revision as of 12:24, 27 September 2013

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

/*medal content*/

medal-container{

 width: 980px;
 margin: 0 auto;
 height: 100%;

 background-color: #f5f5f5;

}

medal-title{

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

}

medal-part1{

margin-top:40px;

 margin-left: 8px;

}

medal-part1-image{

 position: relative;
 top: -13px;

}

medal-part1-area{

 margin-top: 80px;
 margin-left: 0px;

 display: block;
 width: 645px;
 height: 330px;
 border-radius: 9px 0px 0px 9px;

 background-color: #fed6d6;

}

medal-content table{

 text-align: justify;

}

medal-part1-slide{

 margin-top: 80px;
 display: block;
 width: 88px;
 height: 330px;
 margin-left: -5px;

 border-radius: 0px 9px 9px 0px;
 background-color: #fb7f7f;

} /*text-content part*/

medal-part-text{

 padding-left: 20px;
 padding-right: 20px;

 width: 600px;
 color: #526a7c;

}

medal-header{

 position: relative;
 top: 20px;
 left: 50%;
 margin-left: -75px;

 font-weight: bold;
 font-size: 24px;

}

medal-question{

 position: relative;
 top: 30px;

 font-size: 17px;
 font-weight: bold;
 line-height: 26px;

}

medal-answer{

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

}

checked img{

 margin-left: 15px;
 width: 30px;
 height: 25px;

}

medal-part2{

 margin-top: 40px;
 margin-left: 8px;

}

medal-part2-image{

 position: relative;
 top: -180px;

}

medal-part2-area{

 margin-top: 80px;
 margin-left: 0px;

 display: block;
 width: 645px;
 height: 665px;
 border-radius: 9px 0px 0px 9px;

 background-color: #fff2ad;

}

medal-part2-slide{

 margin-top: 80px;
 display: block;
 width: 88px;
 height: 665px;
 margin-left: -5px;

 border-radius: 0px 9px 9px 0px;
 background-color: #fed700;

}

fangdajing2{

 position: relative;
 left: -55px;
 top: -145px;

}

medal-part3{

 margin-left: 8px;
 margin-top: 0px;

}

medal-part3-area{

 margin-top: 80px;
 margin-left: 0px;

 display: block;
 width: 645px;
 height: 1050px;
 border-radius: 9px 0px 0px 9px;

 background-color: #cfefee;

}

medal-part3-text{

 position: absolute;

}

medal-part3-slide{

 margin-top: 80px;
 display: block;
 width: 88px;
 height: 1050px;
 margin-left: -5px;

 border-radius: 0px 9px 9px 0px;
 background-color: #69ceca;

}

medal-part3-image{

 position: relative;
 top: -369px;

}

medal-content ul li{

 list-style: none;

}

fangdajing3{

 position: relative;
 left: -55px;
 top: -310px;

}

medal-part4{

margin-top:40px;

 padding-bottom: 80px;

}

medal-part4-area{

 margin-top: 80px;
 margin-left: 230px;

 display: block;
 width: 645px;
 height: 880px;
 border-radius: 9px 0px 0px 9px;

 background-color: #dbf6eb;

}

medal-part4-text{

 position: absolute;

}

medal-part4-slide{

 margin-top: 80px;
 display: block;
 width: 88px;
 height: 880px;
 margin-left: -5px;

 border-radius: 0px 9px 9px 0px;
 background-color: #4ed79c;

}

medal-content ul li{

 list-style: none;

}

fangdajing4{

 position: relative;
 left: -55px;
 top: -220px;

}

fangdajing{

 position: relative;
 left: -55px;
 top: 20px;

}

/*footer*/

   #sysu-footer{
     width: 100%;
     margin:0 auto;

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

     background-color: #f5f5f5;
   }

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

@@ Line 197: / Line 197: @@
    border-radius: 9px 0px 0px 9px;
-   background-color: #e1f6f2;
+   background-color: #dbf6eb;
 }
 #medal-part4-text{
@@ Line 210: / Line 210: @@
    border-radius: 0px 9px 9px 0px;
-   background-color: #6bd2bd;
+   background-color: #4ed79c;
 }