Team:USTC-Software/Achieve/Medal/css

From 2013.igem.org

(Difference between revisions)
 
Line 72: Line 72:
margin-top:100px;
margin-top:100px;
height: auto;
height: auto;
-
width:1000px;
+
width:100%;
border:3px #b575a7 solid;
border:3px #b575a7 solid;
         position:relative;
         position:relative;
Line 80: Line 80:
         margin:15px auto;
         margin:15px auto;
height: auto;
height: auto;
-
width:1000px;
+
width:100%;
border:3px #6b93af solid;
border:3px #6b93af solid;
         position:relative;
         position:relative;
Line 89: Line 89:
         margin:15px auto;
         margin:15px auto;
height: auto;
height: auto;
-
width:1000px;
+
width:100%;
border:3px #8cc63f solid;
border:3px #8cc63f solid;
         position:relative;
         position:relative;

Latest revision as of 14:37, 28 October 2013

  1. medalbutton { color:#aaed51 !important;}

.button img{

    transition:0.5s;

}

p {

    color:#2a4056;

}

.button img:hover { transition:0.5s; transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); }


.section-title{ width:200px; height:200px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; border-radius:100px; box-shadow:rgba(70,70,70,0.2) 0 1px 0 1px; margin-top:-20px; margin-left:-10px; color:#fff; text-align:center; position:relative; float:left; -webkit-transition-property:opacity; -moz-transition-property:opacity; -ms-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; -webkit-transition-duration:1s;-moz-transition-duration:1s; -ms-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; }


.section-title h3{ font-size:1.85em; line-height:3.8em; margin:0; padding:1.45em 10% 0; }


.no-touch .section-title:hover{opacity:1;}


.heat-stress{ background:#df815a; margin-left:0; }


.non-active-title{opacity:0.75;}


  1. gold {

margin:15px auto; margin-top:100px; height: auto; width:100%; border:3px #b575a7 solid;

       position:relative;

}

  1. sliver {
       margin:15px auto;

height: auto; width:100%; border:3px #6b93af solid;

       position:relative;

}


  1. bronze {
       margin:15px auto;

height: auto; width:100%; border:3px #8cc63f solid;

       position:relative;

}



p.medal_title1{

   background:#b575a7;
   font-size:28px;
   color: #FF0;
   font-family: Arial, Helvetica, sans-serif;
   margin-top:0px;
   margin-bottom:20px;

}

p.medal_title2{

   background:#6b93af;
   font-size:28px;
   color: #CCC;
   font-family: Arial, Helvetica, sans-serif;
   margin-top:0px;
   margin-bottom:20px;

}


p.medal_title3{

   background:#8cc63f;
   font-size:28px;
   color: #930;
   font-family: Arial, Helvetica, sans-serif;
   margin-top:0px;
   margin-bottom:20px;

}

div.require_fulfill{

   margin-left:20px;
   margin-top:30px;
   margin-bottom:30px;

}


div.requirement p{

   font-size:22px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:400;

}



div.requirement img{ width:30px; height:30px; }


p.fulfillment{

   font-size:18px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:200;
   text-indent:1em;

} .medal_detail {

   width:100%;
   margin:0 0;

} div.require_fulfill {

   margin-top:30px;
   margin-bottom:30px;

} p.fulfillment {

   font-size:18px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:200;
   text-indent:1em;

}

a#out {

   text-decoration:none;
   color:#36526c;
   transition:1s;
   float:right;

}

a#out:hover {

   text-decoration:none;
   color:#6b93af;
   transition:1s;

}