Team:USTC-Software/css/achievements style
From 2012.igem.org
(Difference between revisions)
(9 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: | + | margin-bottom:20px; |
} | } | ||
div.require_fulfill{ | div.require_fulfill{ | ||
- | margin-top: | + | margin-top:30px; |
- | margin-bottom: | + | margin-bottom:30px; |
} | } | ||
div.requirement p{ | div.requirement p{ | ||
- | font-size: | + | font-size:24px; |
- | font-family: ' | + | font-family: 'Carrois Gothic SC', sans-serif; |
font-weight:400; | 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
- 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;
}
- 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;
}