Difference between revisions of "Team:Carnegie Mellon/medal"

Line 43: Line 43:
  
 
.jumbotron .container .title {
 
.jumbotron .container .title {
−
   color: white;
+
   color: orange;
 
   font-size: 100px;   
 
   font-size: 100px;   
 
   font-family: Georgia, serif;
 
   font-family: Georgia, serif;
Line 51: Line 51:
  
 
.jumbotron p {
 
.jumbotron p {
−
   font-size: 35px;
+
   font-size: 50px;
−
   color: cyan;
+
   color: #fff;
 +
  background-color: rgba(0,0,0,.5);
 +
  margin-top: 30px;
 
   text-align: center;
 
   text-align: center;
 
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
−
  padding-top: 5px;
 
−
  margin: 20px;
 
 
}
 
}
 +
 +
.jumbotron a {
 +
  text-decoration: none;
 +
  background-color: #40e6ee;
 +
  font-size: 25px;
 +
  color: #fff;
 +
  padding: 10px 15px 10px 15px;
 +
  margin: 0px 10px 0px 10px;
 +
}
 +
 +
.jumbotron a:hover {
 +
  /* background-color: #fcf95a; */
 +
    background-color: #40e6ee;
 +
    opacity: 0.6;
 +
}
 +
 +
.jumbotron .container .centerme {
 +
    margin: auto;
 +
}
 +
  
 
/* /jumbotron code */
 
/* /jumbotron code */
 +
 +
.description {
 +
    font-family: Palatino Linotype;
 +
    font-size: 25px;
 +
    line-height: 30px;
 +
}
 +
 +
.title {
 +
    color: orange;
 +
    font-size: 50px;
 +
    font-weight: bold;
 +
    font-family: Palatino Linotype;
 +
    padding-top: 20px;
 +
    padding-bottom: 10px;
 +
}
  
  
Line 70: Line 105:
 
     <div class="jumbotron">
 
     <div class="jumbotron">
 
       <div class="container">
 
       <div class="container">
−
         <div class = "title">Under Construction.</div>
+
         <div class = "title">Medal Requirements.</div>
−
         <p>Medal Requirements.</p>
+
         <p>Going for Gold.</p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  
 
<div id = "bodybody">
 
<div id = "bodybody">
−
Medal Requirements.
+
<div class = "description"></div>
−
</div>
+
<div class = "title">Bronze</div>
 +
<div class = "title">Silver</div>
 +
<div class = "title">Gold</div>
 +
</div><!-- bodybody -->
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 05:27, 15 September 2015

Medal Requirements.

Going for Gold.

Bronze
Silver
Gold