Difference between revisions of "Team:HFUT-China/hpcss"

(Created page with "div.container { background-color: #E6E6E1; } div#ustc{ margin:0 auto; background-image: url(https://static.igem.org/mediawiki/2015/c/cd/Ustc.jpg); background-repeat: no-re...")
 
 
Line 43: Line 43:
 
     width: 600px;
 
     width: 600px;
 
     height: 222px;
 
     height: 222px;
 +
}
 +
div#parts{
 +
background-image: url(https://static.igem.org/mediawiki/2015/4/4b/Recommend_.png);
 +
    background-repeat: no-repeat;
 +
    background-size: 300px 300px;
 +
    width: 300px;
 +
    height: 300px;
 
}
 
}
 
@media (min-width: 1050px) and (max-width: 1300px) {
 
@media (min-width: 1050px) and (max-width: 1300px) {
Line 69: Line 76:
 
    width: 800px;
 
    width: 800px;
 
    height: 296px;
 
    height: 296px;
 +
}
 +
div#parts{
 +
background-size: 350px 350px;
 +
width: 350px;
 +
height: 350px;
 
}
 
}
 
}
 
}
Line 96: Line 108:
 
    width: 1000px;
 
    width: 1000px;
 
    height: 370px;
 
    height: 370px;
 +
}
 +
div#parts{
 +
background-size: 400px 400px;
 +
width: 400px;
 +
height: 400px;
 
}
 
}
 
 
 
}
 
}

Latest revision as of 11:28, 18 September 2015

div.container {

   background-color: #E6E6E1;

} div#ustc{ margin:0 auto; background-image: url(Ustc.jpg);

   background-repeat: no-repeat;
   background-size: 600px 240px;
   width: 600px;
   height: 240px;

} div#ccic-first{ margin-top: 200px; background-image: url(Ccic_first.jpg);

   background-repeat: no-repeat;
   /*background-size: 400px 240px;
   width: 400px;
   height: 240px;*/
   background-size: 300px 180px;
   width: 300px;
   height: 180px;

} div#ccic-second{ margin-right:10%; background-image: url(Ccic_second.png);

   background-repeat: no-repeat;
   background-size: 600px 360px;
   width: 600px;
   height: 360px;

} div#hfut-first{ background-image: url(https://2015.igem.org/File:Hfut_first.jpg);

   background-repeat: no-repeat;
   background-size: 300px 225px;
   width: 300px;
   height: 225px;

} div#hfut-second{ margin-right:10%; background-image: url(Hfut_second.jpg);

   background-repeat: no-repeat;
   background-size: 600px 222px;
   width: 600px;
   height: 222px;

} div#parts{ background-image: url(Recommend_.png);

   background-repeat: no-repeat;
   background-size: 300px 300px;
   width: 300px;
   height: 300px;

} @media (min-width: 1050px) and (max-width: 1300px) { div#ustc{ background-size: 800px 320px; width: 800px; height: 320px; } div#ccic-first{ background-size: 400px 240px; width: 400px; height: 240px; } div#ccic-second{ background-size: 800px 480px; width: 800px; height: 480px; } div#hfut-first{ background-size: 400px 300px; width: 400px; height: 300px; } div#hfut-second{ background-size: 800px 296px; width: 800px; height: 296px; } div#parts{ background-size: 350px 350px; width: 350px; height: 350px; } } @media (min-width: 1300px) { div#ustc{ background-size: 1000px 400px; width: 1000px; height: 400px; } div#ccic-first{ background-size: 500px 300px; width: 500px; height: 300px; } div#ccic-second{ background-size: 1000px 600px; width: 1000px; height: 600px; } div#hfut-first{ background-size: 480px 360px; width: 480px; height: 360px; } div#hfut-second{ background-size: 1000px 370px; width: 1000px; height: 370px; } div#parts{ background-size: 400px 400px; width: 400px; height: 400px; }

}