Team:USTC-Software/Achievements/Medal/css
From 2013.igem.org
(Difference between revisions)
(23 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
height:1200px; | 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 11: | Line 11: | ||
-webkit-border-radius:1em; | -webkit-border-radius:1em; | ||
border-radius: 1em; | border-radius: 1em; | ||
- | margin-top: | + | margin-top:55px; |
} | } | ||
Line 30: | Line 30: | ||
background: #fff url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Box_header.png) repeat-x; | background: #fff url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Box_header.png) repeat-x; | ||
width:100%; | width:100%; | ||
+ | margin-bottom:30px; | ||
} | } | ||
p.medal_title1{ | p.medal_title1{ | ||
+ | display: block; | ||
font-size:24px; | font-size:24px; | ||
color: #FF0; | color: #FF0; | ||
font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; | font-family: "Arial Black", Gadget, sans-serif, "Brush Script MT"; | ||
- | margin-top: | + | margin-top:-22px; |
- | + | padding-top:10px; | |
+ | padding-left:20px; | ||
} | } | ||
p.medal_title2{ | p.medal_title2{ | ||
+ | display: block; | ||
font-size:24px; | font-size:24px; | ||
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:10px; | |
- | + | padding-left:20px; | |
} | } | ||
p.medal_title3{ | p.medal_title3{ | ||
+ | display: block; | ||
font-size:24px; | font-size:24px; | ||
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:10px; | |
- | + | padding-left:20px; | |
} | } | ||
- | + | div.require_fulfill{ | |
- | margin- | + | margin-left:30px; |
- | margin- | + | margin-right:30px; |
- | } | + | } |
Line 74: | Line 79: | ||
p.fulfillment{ | p.fulfillment{ | ||
- | font-size: | + | font-size:14px; |
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
font-weight:200; | font-weight:200; | ||
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;
}