mirror of
https://github.com/sudoxnym/habitica-self-host.git
synced 2026-07-31 19:20:25 +00:00
113 lines
3.7 KiB
Stylus
113 lines
3.7 KiB
Stylus
// money styles
|
|
.money
|
|
display: inline-block
|
|
line-height: 1.5em
|
|
padding-left: 0.75em
|
|
|
|
[class^="shop_"]
|
|
vertical-align: top
|
|
display: inline-block
|
|
|
|
.btn-buy
|
|
width: 4.5em
|
|
min-height: 3em
|
|
height: 100%
|
|
padding: 0.75em 0 0 0.5em
|
|
text-align: center
|
|
vertical-align: top
|
|
background-color: $better
|
|
|
|
color: #555
|
|
&:hover, &:focus
|
|
background-color: $bad
|
|
text-decoration: none
|
|
|
|
.rewards
|
|
margin-bottom: 1.5em
|
|
padding-bottom: 1.5em
|
|
border-bottom: 1px solid rgba(0,0,0,0.1)
|
|
|
|
.reward-item
|
|
background: white
|
|
|
|
.reward-cost
|
|
display: inline
|
|
|
|
.rewards .task-text
|
|
padding-left: 5em
|
|
|
|
.rewards .task-options
|
|
background: white
|
|
|
|
// store items
|
|
.btn-reroll
|
|
width: 2.5em
|
|
padding-left: 0.25em
|
|
background-color: $better
|
|
cursor: pointer
|
|
box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1)
|
|
&:hover, &:focus
|
|
background-color: $bad
|
|
|
|
.item-img
|
|
float: left
|
|
display: inline-block
|
|
vertical-align: top
|
|
// background-color: $bad
|
|
height: 3em
|
|
margin-left: -0.5em
|
|
margin-right: 0.5em
|
|
// border: 1px solid rgba(0,0,0,0.1)
|
|
border-top: 0
|
|
border-bottom: 0
|
|
|
|
.token-wallet
|
|
cursor: pointer
|
|
.tile
|
|
background-color: darken($neutral, 10%)
|
|
.add-token-btn
|
|
opacity: 0
|
|
&:hover, &:focus
|
|
.add-token-btn
|
|
opacity: 1
|
|
background-color: $good
|
|
.tile
|
|
opacity: 1
|
|
|
|
|
|
// pets (this will all change when pet system is overhauled)
|
|
.pet-grid
|
|
padding-top: 1.5em
|
|
border-top: rgba(0,0,0,0.1)
|
|
table
|
|
width: 100%
|
|
td
|
|
padding: 0.5em
|
|
width: 25%
|
|
&.active-pet
|
|
background-color: $bad
|
|
outline: 1px solid rgba(0,0,0,0.1)
|
|
outline-offset: -1px
|
|
&:hover, &:focus
|
|
background-color: darken($better, 10%)
|
|
|
|
.current-pet
|
|
left: 0px
|
|
bottom: 5px
|
|
|
|
.item-drop-icon
|
|
float:left
|
|
padding-right:20px
|
|
padding-bottom:20px
|
|
|
|
.Pet_Food_Base, .Pet_Food_Zombie, .Pet_Food_White, .Pet_Food_Veteran, .Pet_Food_Skeleton, .Pet_Food_Shade, .Pet_Food_Red, .Pet_Food_Golden, .Pet_Food_Desert, .Pet_Food_CottonCandyPink, .Pet_Food_CottonCandyBlue, .Pet_Food_Zombie, .Pet_Food_White, .Pet_Food_Skeleton, .Pet_Food_Shade, .Pet_Food_Red, .Pet_Food_Golden, .Pet_Food_Desert, .Pet_Food_CottonCandyPink, .Pet_Food_CottonCandyBlue, .Pet_Food_Base, .Pet_Food_Base, .Pet_Food_Zombie, .Pet_Food_White, .Pet_Food_Skeleton, .Pet_Food_Shade, .Pet_Food_Red, .Pet_Food_Golden, .Pet_Food_Desert, .Pet_Food_CottonCandyPink, .Pet_Food_CottonCandyBlue, .Pet_Food_Base, .Pet_Food_Zombie, .Pet_Food_White, .Pet_Food_Skeleton, .Pet_Food_Shade, .Pet_Food_Red, .Pet_Food_Golden, .Pet_Food_Desert, .Pet_Food_CottonCandyPink, .Pet_Food_CottonCandyBlue, .Pet_Food_Base, .Pet_Food_Zombie, .Pet_Food_White, .Pet_Food_Skeleton, .Pet_Food_Shade, .Pet_Food_Red, .Pet_Food_Golden, .Pet_Food_Desert, .Pet_Food_CottonCandyPink, .Pet_Food_CottonCandyBlue, .Pet_Food_Base, .Pet_Food_Zombie, .Pet_Food_White, .Pet_Food_Skeleton, .Pet_Food_Shade, .Pet_Food_Red, .Pet_Food_Golden, .Pet_Food_Desert, .Pet_Food_CottonCandyPink, .Pet_Food_CottonCandyBlue, .Pet_Food_Base, .Pet_Food_Zombie, .Pet_Food_White, .Pet_Food_Skeleton, .Pet_Food_Shade, .Pet_Food_Red, .Pet_Food_Golden, .Pet_Food_Desert, .Pet_Food_CottonCandyPink, .Pet_Food_CottonCandyBlue, .Pet_Food_Base, .Pet_Food_SugarCube, .Pet_Food_Strawberry, .Pet_Food_Rotten, .Pet_Food_Licorice, .Pet_Food_Golden, .Pet_Food_Cream, .Pet_Food_CottonCandyPink, .Pet_Food_CottonCandyBlue, .Pet_Food_Chocolate, .Pet_Food_Base, .Pet_Food_Zombie, .Pet_Food_White, .Pet_Food_Skeleton, .Pet_Food_Shade, .Pet_Food_Red, .Pet_Food_Golden, .Pet_Food_Desert, .Pet_Food_CottonCandyPink, .Pet_Food_CottonCandyBlue, .Pet_Food_Base
|
|
background: url("/img/hatching_powder.png") no-repeat
|
|
width:34px
|
|
height:34px
|
|
|
|
.inventory-list li
|
|
clear:both
|
|
.pets-menu > div
|
|
float:left
|
|
.food-menu > div
|
|
float:left
|