Difference between revisions of "Team:CU Boulder/medals"
Line 5: | Line 5: | ||
p { | p { | ||
border: 1px solid transparent; | border: 1px solid transparent; | ||
+ | } | ||
+ | h2 { | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | font-size: 30px; | ||
+ | line-height: 135%; | ||
+ | margin-top: 0px; | ||
+ | padding-top: 20px; | ||
} | } | ||
+ | .medal_button_class a{ | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | display:block; | ||
+ | } | ||
+ | a:link { | ||
+ | color: black; | ||
+ | } | ||
+ | .medal_button_class a:hover { | ||
+ | color: white; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .medal_button_class { | ||
+ | height: 100px; | ||
+ | width: 200px; | ||
+ | background-color: #989898; | ||
+ | margin-left: 30px; | ||
+ | margin-right: 20px; | ||
+ | |||
+ | /*border: 1px solid red;*/ | ||
+ | -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); | ||
+ | } | ||
+ | .medal_button_container { | ||
+ | width: 810px; | ||
+ | height: 130px; | ||
+ | /*border: 2px solid purple;*/ | ||
+ | /*padding-left: 40px;*/ | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 30px; | ||
+ | margin-bottom: 0px; | ||
#container { | #container { | ||
text-align: justify; | text-align: justify; | ||
Line 94: | Line 147: | ||
<div id="container"> | <div id="container"> | ||
− | <div id="bronze" class="medal"> | + | <div id="bronze" class="medal medal_button_class"> |
− | + | <a href="https://2015.igem.org/Team:CU_Boulder/Bronze"><h2>BRONZE</h2></a> | |
<p></p> | <p></p> | ||
</div> | </div> | ||
− | <div id="silver" class="medal"> | + | <div id="silver" class="medal medal_button_class"> |
− | + | <a href="https://2015.igem.org/Team:CU_Boulder/Silver"><h2>SILVER</h2></a> | |
<p></p> | <p></p> | ||
</div> | </div> | ||
− | <div id="gold" class="medal" | + | <div id="gold" class="medal medal_button_class"> |
− | + | <a href="https://2015.igem.org/Team:CU_Boulder/Gold"><h2>GOLD</h2></a> | |
<p></p> | <p></p> | ||
</div> | </div> |
Revision as of 23:50, 17 September 2015
<!DOCTYPE html>