codecombat/app/styles/play/modal/buy-gems-modal.sass
2014-12-08 06:24:59 -08:00

56 lines
937 B
Sass

#buy-gems-modal
//- Clear modal defaults
.modal-dialog
margin: 100px auto 0 auto
padding: 0
width: 820px
height: 460px
background: none
//- Background
#buy-gems-background
position: absolute
top: -157px
left: -2px
//- Products
#products
position: absolute
left: 55px
top: 242px
width: 720px
height: 140px
.product
width: 228px
height: 136px
float: left
text-align: center
margin-right: 12px
position: relative
h4
font-size: 20px
color: rgb(22,16,5)
h3
margin-top: 10px
text-transform: uppercase
color: rgb(22,16,5)
button
position: absolute
width: 80%
left: 10%
bottom: -30px
//- Errors
.alert
position: absolute
left: 10%
width: 80%
top: 20px
border: 5px solid gray