habitica/public/css/inventory.styl

.gem-wallet
  cursor: pointer
  padding-top: 10px;
  .tile
    background-color: darken($neutral, 10%)
  .add-gems-btn
    opacity: 0
  &:hover, &:focus
    .add-gems-btn
      opacity: 1
      background-color: $good
    .tile
      opacity: 1

.modal-header .gem-wallet
  padding-top: 0px

.equipment-title
  display: inline-block
  vertical-align: middle

.stable .static-popover
  max-width: 550px

menu.pets div 
  display: inline-block
  padding-top: -30px

.current-pet
    left: 0px
    bottom: 0px

.item-drop-icon
    float:left
    padding-right:20px
    padding-bottom:20px

//.Pet_Currency_Gem, .Pet_Currency_Gem2x, .Pet_Currency_Gem1x
//    background: url("/bower_components/habitrpg-shared/img/sprites/Egg_Sprite_Sheet.png") no-repeat
//    display:block

.food-tray
  position:fixed
  right:0px
  bottom:0px
  width:30%
  height: 50%
  overflow-y: scroll
  z-index: 1

.inventory-list
  p
    //display: none
  li
    clear:both
  button.customize-option
    position:relative
  .stack-count
    position:absolute
    bottom:-6px
    right:-9px

.pets-menu > div
    display:inline-block
    vertical-align:top
    padding:.3em
    width:6em
    margin-top:1em
    p
      text-align:center
      //width:6em
      margin-top:-.5em
.hatchingPotion-menu > div
    display:inline-block
    vertical-align:top
    padding:.3em
    width:6em
    margin-top:1em
    p
      text-align:center
      width:6em
      margin-top:-.5em

// This adds feeding progress bars to pets. If we have any issues with `menu.pets > button`, revisit
menu.pets .customize-menu

  button
    position: relative
  .progress
    width: 60%
    position: absolute
    bottom: -25px
    left: 20%
    height: 5px

.pet-button
    border: none
    background: none white
.pet-not-owned
    width: 81px;
    height: 99px;
    /* Would use css3 filters and just display the original pet image with a black hue,
       but doesn't seem to work in Firefox or Opera */
    /*filter: brightness(0%)
    -webkit-filter: brightness(0%)
    -moz-filter: brightness(0%)
    -o-filter: brightness(0%)
    -ms-filter: brightness(0%)*/

    .PixelPaw
      margin-top: 36px // align paw with pets, at the bottom of the button

.selectableInventory
  background-color: lightgreen !important
  border-radius: 50%

.sell-inventory
  width: 162px
  height: 138px
wrap up some "token" => "gem" conversions, code-style 2013-05-11 18:19:09 +00:00			`.gem-wallet`
pets: move inventory.styl out of items.styl 2013-03-27 05:35:51 +00:00			`cursor: pointer`
add padding to gem wallet 2013-09-10 13:30:38 +00:00			`padding-top: 10px;`
pets: move inventory.styl out of items.styl 2013-03-27 05:35:51 +00:00			`.tile`
			`background-color: darken($neutral, 10%)`
wrap up some "token" => "gem" conversions, code-style 2013-05-11 18:19:09 +00:00			`.add-gems-btn`
pets: move inventory.styl out of items.styl 2013-03-27 05:35:51 +00:00			`opacity: 0`
			`&:hover, &:focus`
wrap up some "token" => "gem" conversions, code-style 2013-05-11 18:19:09 +00:00			`.add-gems-btn`
pets: move inventory.styl out of items.styl 2013-03-27 05:35:51 +00:00			`opacity: 1`
			`background-color: $good`
			`.tile`
			`opacity: 1`

gems: justin in gem-purchase dialog 2013-10-13 03:01:18 +00:00			`.modal-header .gem-wallet`
			`padding-top: 0px`

Created new CSS entry for equipment-title and modified inventory.jade accordingly 2014-02-01 17:52:38 +00:00			`.equipment-title`
			`display: inline-block`
			`vertical-align: middle`

refactor(bs3): inventory & misc 2014-02-09 11:32:12 +00:00			`.stable .static-popover`
			`max-width: 550px`
pets: move inventory.styl out of items.styl 2013-03-27 05:35:51 +00:00
remove stable flickering, fixes #1557 2013-09-29 14:43:01 +00:00			`menu.pets div`
			`display: inline-block`
			`padding-top: -30px`

pets: move inventory.styl out of items.styl 2013-03-27 05:35:51 +00:00			`.current-pet`
			`left: 0px`
pets: move pets down a bit 2013-03-27 05:37:19 +00:00			`bottom: 0px`
pets: move inventory.styl out of items.styl 2013-03-27 05:35:51 +00:00
			`.item-drop-icon`
			`float:left`
			`padding-right:20px`
			`padding-bottom:20px`

classes: reposition inventory, fix saddle confirm dialog, gems & food tweaks 2013-12-15 19:35:20 +00:00			`//.Pet_Currency_Gem, .Pet_Currency_Gem2x, .Pet_Currency_Gem1x`
			`// background: url("/bower_components/habitrpg-shared/img/sprites/Egg_Sprite_Sheet.png") no-repeat`
			`// display:block`
challenges: move challenge specs to accordion header, add subscribers count 2013-05-31 23:26:11 +00:00
mounts: fixes to starter food css 2013-11-11 03:18:06 +00:00			`.food-tray`
			`position:fixed`
			`right:0px`
			`bottom:0px`
			`width:30%`
			`height: 50%`
			`overflow-y: scroll`
Fix food tray z-index 2014-02-10 13:30:54 +00:00			`z-index: 1`
mounts: fixes to starter food css 2013-11-11 03:18:06 +00:00
mounts: update all html & javascript to support UserSchema overhaul (60421a8). Also add very basic feeding & saddling mounts functionality. use progress bars to indicate pet feeding progress 2013-11-10 04:15:55 +00:00			`.inventory-list`
			`p`
fix inventory bugs 2013-09-05 12:26:35 +00:00			`//display: none`
mounts: update all html & javascript to support UserSchema overhaul (60421a8). Also add very basic feeding & saddling mounts functionality. use progress bars to indicate pet feeding progress 2013-11-10 04:15:55 +00:00			`li`
pets: move inventory.styl out of items.styl 2013-03-27 05:35:51 +00:00			`clear:both`
mounts: update all html & javascript to support UserSchema overhaul (60421a8). Also add very basic feeding & saddling mounts functionality. use progress bars to indicate pet feeding progress 2013-11-10 04:15:55 +00:00			`button.customize-option`
			`position:relative`
			`.stack-count`
			`position:absolute`
			`bottom:-6px`
			`right:-9px`

pets: move inventory.styl out of items.styl 2013-03-27 05:35:51 +00:00			`.pets-menu > div`
Inventory Layout Fixes - fixed CSS alignment issues with long names breaking flow - gave eggs and potions more wiggle room - centered text beneath newly centered artworks 2013-07-02 08:44:07 +00:00			`display:inline-block`
			`vertical-align:top`
Fixes #1028: weird inventory item spacing for eggs and potions. My test instance would only generate 1 dropped potion (after so much clicking!), so perfect alignment of dropped potions is not guaranteed with this commit. 2013-06-07 15:04:25 +00:00			`padding:.3em`
Fixed my own inconsistency with spacing of eggs and potions. oops. 2013-07-02 09:21:14 +00:00			`width:6em`
Inventory Layout Fixes - fixed CSS alignment issues with long names breaking flow - gave eggs and potions more wiggle room - centered text beneath newly centered artworks 2013-07-02 08:44:07 +00:00			`margin-top:1em`
Fixes #1028: weird inventory item spacing for eggs and potions. My test instance would only generate 1 dropped potion (after so much clicking!), so perfect alignment of dropped potions is not guaranteed with this commit. 2013-06-07 15:04:25 +00:00			`p`
			`text-align:center`
winter event! npcs, snowball=>snowman, new hairs/beards. Fixes to beard/chin overlays. move Fortify Service => "Fortify Potion" Special. @sabrecat let me know what you think: http://gyazo.com/55cd424f104b8f3acb557b99d918cb4b). Sorry for mixing concerns in this commit, some rebase difficulties 2013-12-20 17:25:23 +00:00			`//width:6em`
moved item labels slightly closer to artwork, for better readability. (thought some people might not agree that it is more readable, thus I am staging it in a separate commit) 2013-07-02 08:44:53 +00:00			`margin-top:-.5em`
Fixes #1028: weird inventory item spacing for eggs and potions. My test instance would only generate 1 dropped potion (after so much clicking!), so perfect alignment of dropped potions is not guaranteed with this commit. 2013-06-07 15:04:25 +00:00			`.hatchingPotion-menu > div`
Inventory Layout Fixes - fixed CSS alignment issues with long names breaking flow - gave eggs and potions more wiggle room - centered text beneath newly centered artworks 2013-07-02 08:44:07 +00:00			`display:inline-block`
			`vertical-align:top`
Fixes #1028: weird inventory item spacing for eggs and potions. My test instance would only generate 1 dropped potion (after so much clicking!), so perfect alignment of dropped potions is not guaranteed with this commit. 2013-06-07 15:04:25 +00:00			`padding:.3em`
Inventory Layout Fixes - fixed CSS alignment issues with long names breaking flow - gave eggs and potions more wiggle room - centered text beneath newly centered artworks 2013-07-02 08:44:07 +00:00			`width:6em`
			`margin-top:1em`
Fixes #1028: weird inventory item spacing for eggs and potions. My test instance would only generate 1 dropped potion (after so much clicking!), so perfect alignment of dropped potions is not guaranteed with this commit. 2013-06-07 15:04:25 +00:00			`p`
			`text-align:center`
Inventory Layout Fixes - fixed CSS alignment issues with long names breaking flow - gave eggs and potions more wiggle room - centered text beneath newly centered artworks 2013-07-02 08:44:07 +00:00			`width:6em`
moved item labels slightly closer to artwork, for better readability. (thought some people might not agree that it is more readable, thus I am staging it in a separate commit) 2013-07-02 08:44:53 +00:00			`margin-top:-.5em`
"unlock all the pets" style stable layout 2013-04-15 06:03:32 +00:00
mounts: update all html & javascript to support UserSchema overhaul (60421a8). Also add very basic feeding & saddling mounts functionality. use progress bars to indicate pet feeding progress 2013-11-10 04:15:55 +00:00			// This adds feeding progress bars to pets. If we have any issues with `menu.pets > button`, revisit
			`menu.pets .customize-menu`
Make better use of space for customizations and Market 2013-12-26 13:53:20 +00:00
mounts: update all html & javascript to support UserSchema overhaul (60421a8). Also add very basic feeding & saddling mounts functionality. use progress bars to indicate pet feeding progress 2013-11-10 04:15:55 +00:00			`button`
			`position: relative`
			`.progress`
			`width: 60%`
			`position: absolute`
			`bottom: -25px`
			`left: 20%`
			`height: 5px`

"unlock all the pets" style stable layout 2013-04-15 06:03:32 +00:00			`.pet-button`
			`border: none`
			`background: none white`
			`.pet-not-owned`
			`width: 81px;`
			`height: 99px;`
			`/* Would use css3 filters and just display the original pet image with a black hue,`
			`but doesn't seem to work in Firefox or Opera */`
			`/*filter: brightness(0%)`
			`-webkit-filter: brightness(0%)`
			`-moz-filter: brightness(0%)`
			`-o-filter: brightness(0%)`
			`-ms-filter: brightness(0%)*/`
pets: basic framework for selecting both eggs & potions. now it shows which is hatchable with green background, setting up for selling eggs 2013-10-20 02:21:55 +00:00
fix apparent misalignment of paws on pets/mounts grids 2013-12-31 22:34:24 +00:00			`.PixelPaw`
			`margin-top: 36px // align paw with pets, at the bottom of the button`

pets: basic framework for selecting both eggs & potions. now it shows which is hatchable with green background, setting up for selling eggs 2013-10-20 02:21:55 +00:00			`.selectableInventory`
			`background-color: lightgreen !important`
mounts: show when selectedFood by green-circle highlighting pets 2013-11-11 06:53:20 +00:00			`border-radius: 50%`
pegs: restructure inventory/market html so we market is aware of inventory and we can sell items 2013-10-20 02:36:59 +00:00
			`.sell-inventory`
			`width: 162px`
			`height: 138px`