Team:USTC-Software/css/achievements style

From 2012.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 7: Line 7:
     position:relative;
     position:relative;
}
}
 +
 +
#medal_wrapper a{
 +
    color:#3cb5f9 !important;
 +
    text-decoration:underline;
 +
    -webkit-transition: color .5s ease-out;
 +
    -moz-transition: color .5s ease-out;
 +
    -o-transition: color .5s ease-out;
 +
    -ms-transition: color .5s ease-out;
 +
    transition: color .5s ease-out;
 +
}
 +
#medal_wrapper a:hover{
 +
    color:white !important;
 +
}
 +
.medal_detail{
.medal_detail{
Line 18: Line 32:
     font-family: 'Marcellus SC', serif;
     font-family: 'Marcellus SC', serif;
     margin-top:10px;
     margin-top:10px;
-
     margin-bottom:10px;
+
     margin-bottom:20px;
 +
}
 +
 
 +
div.require_fulfill{
 +
    margin-top:30px;
 +
    margin-bottom:30px;
 +
}
 +
 
 +
 
 +
div.requirement p{
 +
    font-size:24px;
 +
    font-family: 'Carrois Gothic SC', sans-serif;
 +
    font-weight:400;
 +
}
 +
 
 +
p.fulfillment{
 +
    font-size:20px;
 +
    font-family: 'Carrois Gothic SC', sans-serif;
 +
    font-weight:200;
 +
    text-indent:1em;
}
}

Latest revision as of 02:37, 27 October 2012

  1. medal_wrapper{ 
   width:980px;
   background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png');
   margin:50px auto;
   padding:30px 50px;
   color:white;
   position:relative;

}

  1. medal_wrapper a{ 
   color:#3cb5f9 !important;
   text-decoration:underline;
   -webkit-transition: color .5s ease-out;
   -moz-transition: color .5s ease-out;
   -o-transition: color .5s ease-out;
   -ms-transition: color .5s ease-out;
   transition: color .5s ease-out;

}

  1. medal_wrapper a:hover{ 
   color:white !important;

}


.medal_detail{ 

   width:80%;
   margin:50px auto;

}


p.medal_title{ 

   font-size:30px;
   font-family: 'Marcellus SC', serif;
   margin-top:10px;
   margin-bottom:20px;

}

div.require_fulfill{ 

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

}


div.requirement p{ 

   font-size:24px;
   font-family: 'Carrois Gothic SC', sans-serif;
   font-weight:400;

}

p.fulfillment{ 

   font-size:20px;
   font-family: 'Carrois Gothic SC', sans-serif;
   font-weight:200;
   text-indent:1em;

}

Retrieved from "http://2012.igem.org/Team:USTC-Software/css/achievements_style"