Team:USTC-Software/Achievements/Medal/css

From 2013.igem.org

Latest revision as of 14:47, 16 August 2013

1. 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;

}

1. 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;

}