codecombat/app/styles/play/level/tome/spell_palette_entry.sass

127 lines
2.9 KiB
Sass
Raw Normal View History

@import "app/styles/mixins"
@import "app/styles/bootstrap/variables"
2014-01-03 13:32:13 -05:00
#level-view.hero .spell-palette-entry-view
// Not clickable.
cursor: default
2014-01-03 13:32:13 -05:00
.spell-palette-entry-view
display: block
padding: 0px 4px
2014-01-03 13:32:13 -05:00
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
font-size: 12px
border: 1px solid transparent
cursor: pointer
@include user-select(all)
height: 19px
text-overflow: ellipsis
overflow: hidden
white-space: nowrap
&:hover
2014-02-23 18:10:03 -05:00
border: 1px solid #000000
&.pinned
2014-02-23 18:10:03 -05:00
background-color: darken(#FFFFFF, 25%)
2014-01-03 13:32:13 -05:00
// Originally pulled these colors from the most relevant textmate-theme classes, but then fudged them a lot.
2014-01-03 13:32:13 -05:00
&.function
color: black
2014-01-03 13:32:13 -05:00
&.object
color: rgb(6, 150, 14)
&.string
color: rgb(3, 106, 7)
&.number
color: rgb(0, 0, 205)
&.boolean
color: rgb(88, 92, 246)
&.snippet
color: blue
2014-01-03 13:32:13 -05:00
&.undefined
color: rgb(197, 6, 11)
2014-08-14 19:56:01 -04:00
.spell-palette-popover.popover
// Only those popovers which are our direct children (spell documentation)
max-width: 600px
&.pinned
left: auto !important
top: 50px !important
right: 45%
// bottom: 151px
@include user-select(text)
// Wish I could set max-width and max-height (and override Bootstrap's stuff)
// but without explicitly setting height, child overflow-y: scroll doesn't work
min-width: 45%
height: 60%
.arrow
display: none
.close
position: absolute
top: 5%
right: 5%
font-size: 28px
font-weight: bold
@include opacity(0.6)
text-shadow: 0 1px 0 white
&:hover
@include opacity(1)
padding: 10px 10px 30px 10px
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 15px
@include box-shadow(0 0 0 #000)
h1:not(.not-code), h2:not(.not-code), h3:not(.not-code), h4:not(.not-code), h5:not(.not-code), h6:not(.not-code)
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
.popover-title
background-color: transparent
margin: 0 14px
padding: 8px 0
border-bottom-color: #ccc
.popover-content
max-height: 100%
overflow-y: auto
margin-right: 10px
img
float: right
&.top .arrow
bottom: -2%
&.bottom .arrow
top: -2%
&.left .arrow
right: 0%
&.right .arrow
left: -3%
html.no-borderimage
.spell-palette-popover.popover
background: transparent url(/images/level/popover_background.png)
background-size: 100% 100%
border: 0
html.fullscreen-editor
.spell-palette-popover.popover.pinned
min-width: 600px
bottom: inherit
right: 50%
margin-right: -300px
// iPad property docs
2014-10-26 23:21:03 -04:00
.tome-inventory-property-documentation
2014-10-26 23:21:03 -04:00
background-color: #e3d39a
padding: 10px
padding-bottom: 65px
width: 320px
min-height: 480px
h1:not(.not-code), h2:not(.not-code), h3:not(.not-code), h4:not(.not-code), h5:not(.not-code), h6:not(.not-code)
font-family: Menlo, Monaco, Consolas, "Courier New", monospace