Skip to content

Instantly share code, notes, and snippets.

@AurelieBayre
Created February 10, 2018 20:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save AurelieBayre/973e9f1121911230d0998d8cab469d7d to your computer and use it in GitHub Desktop.
Save AurelieBayre/973e9f1121911230d0998d8cab469d7d to your computer and use it in GitHub Desktop.
body {
font-family: 'Open Sans', sans-serif;
}
.wanted {
display: inline-block;
position: relative;
text-align: center;
}
.rewardInfo {
background: rgba(255, 255, 255, 0.2);
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.amountBox {
display: inline-block;
width: 70%;
}
.amount {
background: rgba(255, 255, 255, 0.7);
border-radius: 10px;
font-size: 2em;
padding: 10px 5px 10px 5px;
}
.highlight {
color: orange;
}
.name {
color: white;
font-size: 70px;
margin-top:20%;
}
/* hover effect */
.wanted:hover .amount {
display: none;
}
.wanted:hover .name {
font-size: 30px;
margin-top: 90%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment