Team:USTC-Software/Achieve/Medal/css
From 2013.igem.org
Line 1: | Line 1: | ||
- | + | #medalbutton { color:#aaed51 !important;} | |
- | #medalbutton{color:#aaed51 !important;} | + | |
.button img{ | .button img{ |
Revision as of 14:50, 19 October 2013
- 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;}
- gold {
margin:15px auto; margin-top:100px; height: auto; width:1000px; border:3px #b575a7 solid;
position:relative;
}
- sliver {
margin:15px auto;
height: auto; width:1000px; border:3px #6b93af solid;
position:relative;
}
- bronze {
margin:15px auto;
height: auto; width:1000px; border:3px #8cc63f solid;
position:relative;
}
p.medal_title1{
background:#b575a7; font-size:30px; color: #FF0; font-family: Arial, Helvetica, sans-serif; margin-top:0px; margin-bottom:20px;
}
p.medal_title2{
background:#6b93af; font-size:30px; color: #CCC; font-family: Arial, Helvetica, sans-serif; margin-top:0px; margin-bottom:20px;
}
p.medal_title3{
background:#8cc63f; font-size:30px; 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:24px; font-family: Arial, Helvetica, sans-serif; font-weight:400;
}
div.requirement img{
width:30px;
height:30px;
}
p.fulfillment{
font-size:20px; 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:20px; 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;
}