Team:USTC-Software/Achievements/Medal/css
From 2013.igem.org
(Difference between revisions)
(10 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
background: #fff; | background: #fff; | ||
width:960px; | width:960px; | ||
- | height: | + | height:1200px; |
margin:0 auto; | margin:0 auto; | ||
- | /*padding:0 0; | + | /*padding:0 0; |
- | color: #213443; | + | color: #213443;*/ |
position:relative; | position:relative; | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
Line 40: | Line 40: | ||
font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; | font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; | ||
margin-top:-22px; | margin-top:-22px; | ||
- | padding-top: | + | padding-top:10px; |
padding-left:20px; | padding-left:20px; | ||
} | } | ||
Line 50: | Line 50: | ||
color: #CCC; | color: #CCC; | ||
font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; | font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; | ||
- | padding-top: | + | padding-top:10px; |
padding-left:20px; | padding-left:20px; | ||
} | } | ||
Line 60: | Line 60: | ||
color: #930; | color: #930; | ||
font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; | font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; | ||
- | padding-top: | + | padding-top:10px; |
padding-left:20px; | padding-left:20px; | ||
} | } | ||
Line 84: | Line 84: | ||
text-indent:1em; | text-indent:1em; | ||
+ | } | ||
+ | |||
+ | .fulfillment a{ color:#006bb6;} | ||
+ | .fulfillment :hover a { color: #0d97f2;} | ||
+ | |||
+ | |||
+ | .medal_detail img { | ||
+ | width:45px; | ||
+ | height:45px; | ||
+ | } | ||
+ | |||
+ | .requirement img { | ||
+ | padding-bottom:4px; | ||
+ | width:25px; | ||
+ | height:25px; | ||
+ | align: absmiddle; | ||
} | } |
Latest revision as of 14:47, 16 August 2013
- medal {
background: #fff; width:960px; height:1200px; margin:0 auto; /*padding:0 0; color: #213443;*/ position:relative; font-family:Arial, Helvetica, sans-serif; -moz-border-radius:1em; -webkit-border-radius:1em; border-radius: 1em; margin-top:55px;
}
- medal h1 {
padding-left: 30px; padding-top: 20px; padding-bottom: 20px; font-family:Arial, Helvetica, sans-serif; font-size: 36px; color:#0b83d3; border-bottom:#CCC dotted 2px;
}
.medal_detail{
/*-moz-border-radius:1em; -webkit-border-radius:1em; border-radius: 1em;*/ background: #fff url() repeat-x; width:100%; margin-bottom:30px;
}
p.medal_title1{
display: block; font-size:24px; color: #FF0; font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; margin-top:-22px; padding-top:10px; padding-left:20px;
}
p.medal_title2{
display: block; font-size:24px; color: #CCC; font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; padding-top:10px; padding-left:20px;
}
p.medal_title3{
display: block; font-size:24px; color: #930; font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; padding-top:10px; padding-left:20px;
}
div.require_fulfill{
margin-left:30px; margin-right:30px;
}
div.requirement p{
font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight:400; color: #36526c;
}
p.fulfillment{
font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:200; text-indent:1em;
}
.fulfillment a{ color:#006bb6;} .fulfillment :hover a { color: #0d97f2;}
.medal_detail img {
width:45px; height:45px;
}
.requirement img {
padding-bottom:4px; width:25px; height:25px; align: absmiddle;
}