2014-02-16 18:30:00 -05:00
|
|
|
@import "app/styles/mixins"
|
2014-09-30 19:17:54 -04:00
|
|
|
@import "app/styles/bootstrap/variables"
|
2014-01-03 13:32:13 -05:00
|
|
|
|
|
|
|
|
#tome-view
|
|
|
|
|
height: 100%
|
2014-02-22 20:40:38 -05:00
|
|
|
margin-bottom: -20px
|
2014-01-03 13:32:13 -05:00
|
|
|
|
2014-02-16 21:29:24 -05:00
|
|
|
> .popover
|
|
|
|
|
// Only those popovers which are our direct children (spell documentation)
|
2014-02-20 13:39:16 -05:00
|
|
|
max-width: 600px
|
2014-02-16 18:30:00 -05:00
|
|
|
|
|
|
|
|
&.pinned
|
2014-02-20 13:39:16 -05:00
|
|
|
left: auto !important
|
|
|
|
|
top: auto !important
|
|
|
|
|
right: 100%
|
|
|
|
|
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: 100%
|
|
|
|
|
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)
|
2014-01-03 13:32:13 -05:00
|
|
|
|
2014-02-16 21:29:24 -05:00
|
|
|
.popover
|
2014-02-18 13:03:57 -05:00
|
|
|
padding: 10px 10px 30px 10px
|
2014-12-07 18:51:32 -05:00
|
|
|
border-style: solid
|
2014-07-09 16:41:42 -04:00
|
|
|
border-image: url(/images/level/popover_background.png) 18 fill round
|
|
|
|
|
border-width: 15px
|
2014-02-16 21:29:24 -05:00
|
|
|
@include box-shadow(0 0 0 #000)
|
|
|
|
|
|
2014-01-03 13:32:13 -05:00
|
|
|
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
|
2014-02-18 13:03:57 -05:00
|
|
|
max-height: 100%
|
2014-02-20 17:45:54 -05:00
|
|
|
overflow-y: auto
|
2014-02-20 17:31:04 -05:00
|
|
|
margin-right: 10px
|
2014-01-03 13:32:13 -05:00
|
|
|
img
|
|
|
|
|
float: right
|
|
|
|
|
|
|
|
|
|
&.top .arrow
|
|
|
|
|
bottom: -2%
|
|
|
|
|
&.bottom .arrow
|
|
|
|
|
top: -2%
|
|
|
|
|
&.left .arrow
|
|
|
|
|
right: 0%
|
|
|
|
|
&.right .arrow
|
|
|
|
|
left: -3%
|
|
|
|
|
|
2014-02-13 14:18:20 -05:00
|
|
|
pre
|
|
|
|
|
display: inline-block
|
|
|
|
|
padding: 5px
|
2014-07-09 16:41:42 -04:00
|
|
|
|
2014-08-14 16:29:57 -04:00
|
|
|
// Set z-index of autocomplete popup smaller than the one of popovers
|
|
|
|
|
.ace_editor.ace_autocomplete
|
|
|
|
|
z-index: 20 !important
|
|
|
|
|
|
2014-07-09 16:41:42 -04:00
|
|
|
html.no-borderimage
|
|
|
|
|
#tome-view
|
|
|
|
|
.popover
|
|
|
|
|
background: transparent url(/images/level/popover_background.png)
|
|
|
|
|
background-size: 100% 100%
|
|
|
|
|
border: 0
|
2014-07-23 11:39:16 -04:00
|
|
|
|
|
|
|
|
#code-area.fullscreen-editor
|
|
|
|
|
#tome-view
|
|
|
|
|
.popover.pinned
|
|
|
|
|
min-width: 600px
|
|
|
|
|
bottom: inherit
|
|
|
|
|
right: 50%
|
2014-08-14 16:29:57 -04:00
|
|
|
margin-right: -300px
|
