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