codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-05-02 00:43:34 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Some cleanup to play-items-modal.sass file

Browse source
This commit is contained in:
Imperadeiro98 2015-03-11 22:13:16 +00:00
parent 2a2a187467
commit 9fedd1f838
1 changed files with 38 additions and 63 deletions

25
app/styles/play/modal/play-items-modal.sass
View file

@ -13,7 +13,6 @@
overflow: hidden
text-overflow: ellipsis
//- Clear modal defaults
.modal-dialog
padding: 0
@ -31,7 +30,6 @@
display: none
//- Header
h1
position: absolute
left: 200px
@ -41,9 +39,7 @@
text-shadow: black 4px 4px 0, black -4px -4px 0, black 4px -4px 0, black -4px 4px 0, black 4px 0px 0, black 0px -4px 0, black -4px 0px 0, black 0px 4px 0
margin: 0
//- Gems count
#gems-count-container
position: absolute
left: 425px
@ -59,9 +55,7 @@
font-size: 25px
color: rgb(1,64,91)
//- Close modal button
#close-modal
position: absolute
left: 602px
@ -78,9 +72,7 @@
&:hover
color: yellow
//- Nav bar
.nav
position: absolute
top: 125px
@ -102,7 +94,6 @@
font-weight: bold
padding: 10px 7px
li.active
background: url(/images/pages/play/modal/menu-tab-selected.png)
width: 197px
@ -110,9 +101,7 @@
a
color: white
//- Hero Type Select
#hero-type-select
position: absolute
top: 102px
@ -133,9 +122,7 @@
border: 2px solid rgb(64,53,41)
color: white
//- Item List
.tab-content
position: absolute
top: 116px
@ -162,9 +149,7 @@
.nano-content
padding: 26px 51px 26px 26px
//- Item box
.item
cursor: pointer
width: 187px
@ -260,9 +245,7 @@
&.selected
background: url(/images/pages/play/modal/item-box-background-selected.png)
//- Item details. Non-specific item-details-view styling is in item-details-view.sass.
#item-details-view
#item-title
@ -275,11 +258,9 @@
#selected-item-unlock-button
left: 856px
#play-items-modal, #inventory-modal
//- Item list scrollbar
.nano-pane
width: 16px
background: black
@ -292,9 +273,7 @@
margin-left: -3px
margin-right: -3px
//- Item icons w/shadows (both in list and details areas)
.item-img, .item-shadow, .item-silhouette
position: absolute
margin-left: auto
@ -328,9 +307,7 @@
font-weight: bold
z-index: 2
//- Unlock buttons (both in list and details areas)
.unlock-button
position: absolute
border: 3px solid rgb(7,65,83)
@ -353,7 +330,6 @@
margin-top: 20px
//- Use the two-column layout and background image if we are on a narrow screen.
@media only screen and (max-width: 1300px)
#play-items-modal
overflow-x: hidden
@ -401,4 +377,3 @@ body[lang='pt-PT'], body[lang^='pt-BR']
body[lang='ru']
#play-items-modal .unlock-button
font-size: 10px