Difference between revisions of "Team:CU Boulder/medals"

 
(37 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
     border: 1px solid transparent;
 
     border: 1px solid transparent;
 
}
 
}
 +
 +
 +
.medal_button_class a{
 +
    height: 100%;
 +
    width: 100%;
 +
    display:block;
 +
}
 +
a:link {
 +
    color: black;
 +
}
 +
.medal_button_class a:hover {
 +
    color: black;
 +
    text-decoration: none;
 +
 +
  -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5);
 +
  -moz-box-shadow:    -1px 1px 7px 5px rgba(50, 50, 50, 0.5);
 +
  box-shadow:        -1px 1px 7px 5px rgba(50, 50, 50, 0.5);
 +
}
 +
a:active {
 +
    color: black;
 +
}
 +
a:visited {
 +
    color: black;
 +
}
 +
  
 
#container {
 
#container {
 
   text-align: justify;
 
   text-align: justify;
   height: 650px;
+
   height: 450px;
 
   font-size: 0.1px;
 
   font-size: 0.1px;
   min-width: 600px;
+
   width: 810px;
 
margin-top: 50px;
 
margin-top: 50px;
 
padding-top: 0px;
 
padding-top: 0px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 
/*border: 3px solid purple;*/
 
/*border: 3px solid purple;*/
 
}
 
}
 
#container div {
 
#container div {
  width: 29%;
 
 
     height: 575px;
 
     height: 575px;
  min-width: 230px;
+
    width: 230px;
  display: inline-block;
+
    display: inline-block;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
    background-size: 100% 650px;
+
 
 
}
 
}
 
#container:after {
 
#container:after {
 
   content: '';
 
   content: '';
   width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
+
   /*width: 100%;*/ /* Ensures there are at least 2 lines of text, so justification works */
 
   display: inline-block;
 
   display: inline-block;
 
}
 
}
  
 
.medal {
 
.medal {
     width: 27%;
+
     width: 250px;
    min-width: 230px;
+
     height: 190px;
     height: 200px;
+
 
     float: left;
 
     float: left;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
     background-size: 100% 675px;
+
     background-size: 250px 375px;
 +
 
 
     padding-left: 10px;
 
     padding-left: 10px;
 
     padding-right: 10px;
 
     padding-right: 10px;
     margin-top: 40px;
+
     margin-top: 30px;
     margin-bottom: 50px;
+
     margin-bottom: 20px;
 
     margin-left: 0px;
 
     margin-left: 0px;
 
     margin-right: 0px;
 
     margin-right: 0px;
Line 48: Line 74:
 
     margin-top: 0px;
 
     margin-top: 0px;
 
}
 
}
p, h2 {
+
p {
 
     padding-top: 0px;
 
     padding-top: 0px;
 
     padding-left: 50px;
 
     padding-left: 50px;
Line 58: Line 84:
 
     padding-top: 0px;
 
     padding-top: 0px;
 
     padding-bottom:0px;
 
     padding-bottom:0px;
 +
    line-height: 150%;
 
}
 
}
 
h2 {
 
h2 {
 
     padding-top: 15px;
 
     padding-top: 15px;
     font-size: 24px;
+
     font-size: 32px;
 
     text-align: center;
 
     text-align: center;
 
     margin-top: 50px;
 
     margin-top: 50px;
Line 75: Line 102:
 
     /*background-image: url(https://static.igem.org/mediawiki/2015/4/47/CU-Boulder-Medal-star-remix-bronze2.gif);*/
 
     /*background-image: url(https://static.igem.org/mediawiki/2015/4/47/CU-Boulder-Medal-star-remix-bronze2.gif);*/
 
     /*background-image: url(https://static.igem.org/mediawiki/2015/5/5f/CU-Boulder-Medal-star-remix-bronze.gif);*/
 
     /*background-image: url(https://static.igem.org/mediawiki/2015/5/5f/CU-Boulder-Medal-star-remix-bronze.gif);*/
    background-size: 240px 150px;
 
 
}
 
}
 
#silver {
 
#silver {
 
     /*background-image: url(https://static.igem.org/mediawiki/2015/8/87/CU-Boulder-Medal-star-remix-silver2.gif);*/
 
     /*background-image: url(https://static.igem.org/mediawiki/2015/8/87/CU-Boulder-Medal-star-remix-silver2.gif);*/
 
     background-image: url(https://static.igem.org/mediawiki/2015/2/2e/CU_Boulder_Medal_silver2.gif);
 
     background-image: url(https://static.igem.org/mediawiki/2015/2/2e/CU_Boulder_Medal_silver2.gif);
    background-size: 240px 150px;
 
 
}
 
}
 
#gold {
 
#gold {
 
     /*background-image: url(https://static.igem.org/mediawiki/2015/0/0a/CU-Boulder-Medal-star-remix-gold2.gif);*/
 
     /*background-image: url(https://static.igem.org/mediawiki/2015/0/0a/CU-Boulder-Medal-star-remix-gold2.gif);*/
 
     background-image: url(https://static.igem.org/mediawiki/2015/5/55/CU_Boulder_Medal_gold2.gif);
 
     background-image: url(https://static.igem.org/mediawiki/2015/5/55/CU_Boulder_Medal_gold2.gif);
    background-size: 240px 150px;
 
 
}
 
}
 
</style>
 
</style>
Line 99: Line 123:
 
<div id="container">
 
<div id="container">
 
     <div id="bronze" class="medal">
 
     <div id="bronze" class="medal">
         <h2><a href="https://2015.igem.org/Team:CU_Boulder/Bronze" style = "color:#000000;  text-decoration: none;">BRONZE</a></h2>
+
         <h2><a href="https://2015.igem.org/Team:CU_Boulder/Bronze">BRONZE</a></h2>
 
         <p></p>
 
         <p></p>
 
     </div>
 
     </div>
+
 
 
     <div id="silver" class="medal">
 
     <div id="silver" class="medal">
         <h2><a href="https://2015.igem.org/Team:CU_Boulder/Silver" style = "color:#000000; text-decoration: none;">SILVER</a></h2>
+
         <h2><a href="https://2015.igem.org/Team:CU_Boulder/Silver">SILVER</a></h2>
 
         <p></p>
 
         <p></p>
 
     </div>
 
     </div>
  
     <div id="gold" class="medal"; >
+
     <div id="gold" class="medal">
         <h2><a href="https://2015.igem.org/Team:CU_Boulder/Gold" style = "color:#000000; text-decoration: none;">GOLD</a></h2>
+
         <h2><a href="https://2015.igem.org/Team:CU_Boulder/Gold">GOLD</a></h2>
 
         <p></p>
 
         <p></p>
 
     </div>
 
     </div>
 +
 
</div>
 
</div>
  

Latest revision as of 00:53, 18 September 2015


<!DOCTYPE html> Team:CU_Boulder - 2015.igem.org

Team:CU-Boulder - 2015.igem.org