Team:USTC-Software/css/achievements style

From 2012.igem.org

(Difference between revisions)
(Created page with "#medal_wrapper{ width:980px; background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png'); padding:30px; color:white; }")
 
(13 intermediate revisions not shown)
Line 2: Line 2:
     width:980px;
     width:980px;
     background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png');
     background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png');
-
     padding:30px;
+
    margin:50px auto;
 +
     padding:30px 50px;
     color:white;
     color:white;
 +
    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{
 +
    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;
}
}

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;

}