codecombat/app/styles/game-menu/game-menu-modal.sass

66 lines
1.1 KiB
Sass

@import "app/styles/mixins"
#game-menu-modal
//- Clear modal defaults
.modal-dialog
width: 820px
height: 570px
padding: 0
background: none
position: relative
top: 40px
//- Background
#game-menu-background
position: absolute
top: -146px
left: -3px
//- Nav bar
#game-menu-nav
position: absolute
top: 53px
left: 42px
width: 178px
li
background: url(/images/pages/play/modal/menu-tab.png)
padding: 5px
margin: -5px 0
height: 80px
padding: 0
&.active
background: url(/images/pages/play/modal/menu-tab-selected.png)
width: 197px
a
font-size: 18px
line-height: 50px
background: none
color: rgb(195,153,124)
font-weight: bold
padding: 14px 20px
font-family: Open Sans Condensed
text-transform: uppercase
.glyphicon
margin-right: 6px
//- Tab panels
.game-menu-tab-content
position: absolute
left: 219px
top: 21px
width: 571px
height: 514px
padding: 50px
overflow-y: scroll