Team:USTC-Software/css/achievements style

From 2012.igem.org

(Difference between revisions)
 
(7 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{
div.require_fulfill{
-
     margin-top:10px;
+
     margin-top:30px;
-
     margin-bottom:10px;
+
     margin-bottom:30px;
}
}
Line 29: Line 43:
div.requirement p{
div.requirement p{
     font-size:24px;
     font-size:24px;
-
     font-family: 'Montserrat Alternates', sans-serif;
+
     font-family: 'Carrois Gothic SC', sans-serif;
     font-weight:400;
     font-weight:400;
}
}
Line 35: Line 49:
p.fulfillment{
p.fulfillment{
     font-size:20px;
     font-size:20px;
-
     font-family: 'Titillium Web', sans-serif;
+
     font-family: 'Carrois Gothic SC', sans-serif;
-
     font-weight:600;
+
     font-weight:200;
     text-indent:1em;
     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;

}