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

 
(133 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<head>
 
<head>
 
<style>
 
<style>
 +
p {
 +
    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 {
 +
  text-align: justify;
 +
  height: 450px;
 +
  font-size: 0.1px;
 +
  width: 810px;
 +
margin-top: 50px;
 +
padding-top: 0px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
/*border: 3px solid purple;*/
 +
}
 +
#container div {
 +
    height: 575px;
 +
    width: 230px;
 +
    display: inline-block;
 +
    background-repeat: no-repeat;
 +
 +
}
 +
#container:after {
 +
  content: '';
 +
  /*width: 100%;*/ /* Ensures there are at least 2 lines of text, so justification works */
 +
  display: inline-block;
 +
}
 +
 
.medal {
 
.medal {
     width: 300px;
+
     width: 250px;
     height: 800px;
+
     height: 190px;
 
     float: left;
 
     float: left;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
     background-size: 300px 600px;
+
     background-size: 250px 375px;
 +
 
 
     padding-left: 10px;
 
     padding-left: 10px;
 
     padding-right: 10px;
 
     padding-right: 10px;
     margin-bottom: 10px;
+
    margin-top: 30px;
 +
     margin-bottom: 20px;
 
     margin-left: 0px;
 
     margin-left: 0px;
 
     margin-right: 0px;
 
     margin-right: 0px;
 
}
 
}
p, h2 {
+
article {
     padding-top: 10px;
+
    padding-top: 0px;
 +
    margin-top: 0px;
 +
}
 +
p {
 +
     padding-top: 0px;
 
     padding-left: 50px;
 
     padding-left: 50px;
 
     padding-right: 50px;
 
     padding-right: 50px;
 +
}
 +
h1 {
 +
    margin-top: 0px;
 +
    margin-bottom: 0px;
 +
    padding-top: 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;
  
 
}
 
}
 +
div {
 +
    margin-top: 0px;
 +
    padding-top: 0px;
 +
}
 +
 
#bronze {
 
#bronze {
     /*background-image: url(https://static.igem.org/mediawiki/2015/4/4e/CU-Boulder-medal_with_star_goldrod.gif);*/
+
     background-image: url(https://static.igem.org/mediawiki/2015/a/ad/CU_Boulder_Medal_bronze2.gif);
     /*background-image: url(https://static.igem.org/mediawiki/2015/8/8f/CU-Boulder-medal_with_star_bronze.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);*/
 
}
 
}
 
#silver {
 
#silver {
     /*background-image: url(https://static.igem.org/mediawiki/2015/7/7a/CU-Boulder-medal_with_star_silver.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/c/cc/CU-Boulder-Medal-star-remix-silver.gif);
+
     background-image: url(https://static.igem.org/mediawiki/2015/2/2e/CU_Boulder_Medal_silver2.gif);
 
}
 
}
 
#gold {
 
#gold {
     /*background-image: url(https://static.igem.org/mediawiki/2015/c/c9/CU-Boulder-medal_with_star_gold.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/4/4c/CU-Boulder-Medal-star-remix-gold.gif);
+
     background-image: url(https://static.igem.org/mediawiki/2015/5/55/CU_Boulder_Medal_gold2.gif);
 
}
 
}
 
</style>
 
</style>
 
</head>
 
</head>
 +
 +
 
<body>
 
<body>
 
<!-- Content goes between the article tags -->
 
<!-- Content goes between the article tags -->
<article>
+
<article>
 
+
<p></p>
 
<h1>Medal Requirements</h1>
 
<h1>Medal Requirements</h1>
 +
 +
<div id="container">
 
     <div id="bronze" class="medal">
 
     <div id="bronze" class="medal">
         <h2>Test bronze</h2>
+
         <h2><a href="https://2015.igem.org/Team:CU_Boulder/Bronze">BRONZE</a></h2>
         <p>Second Test</p>
+
         <p></p>
 
     </div>
 
     </div>
+
 
 
     <div id="silver" class="medal">
 
     <div id="silver" class="medal">
         <h2>Test silver</h2>
+
         <h2><a href="https://2015.igem.org/Team:CU_Boulder/Silver">SILVER</a></h2>
         <p>Second Test</p>
+
         <p></p>
 
     </div>
 
     </div>
  
     <div id="gold" class="medal"; >
+
     <div id="gold" class="medal">
         <h2>Test gold</h2>
+
         <h2><a href="https://2015.igem.org/Team:CU_Boulder/Gold">GOLD</a></h2>
         <p>Second Test</p>
+
         <p></p>
 
     </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