"
Team:USTC-Software/Achievements/Medal/css
From 2013.igem.org
(Difference between revisions)
| (21 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;
}
