pager.less
72 lines
| 1.7 KiB
| text/x-less
|
LessCssLexer
Brian E. Granger
|
r10730 | div#pager { | ||
Jonathan Frederic
|
r19179 | background-color: @body-bg; | ||
Brian E. Granger
|
r15733 | font-size: @notebook_font_size; | ||
line-height: @notebook_line_height; | ||||
Jonathan Frederic
|
r19181 | overflow: hidden; | ||
Brian E. Granger
|
r10730 | display: none; | ||
Jonathan Frederic
|
r19179 | position: fixed; | ||
bottom: 0px; | ||||
width: 100%; | ||||
Jonathan Frederic
|
r19180 | max-height: 50%; | ||
Jonathan Frederic
|
r19472 | padding-top: 8px; | ||
Jonathan Frederic
|
r19179 | |||
/* Display over codemirror */ | ||||
z-index: 100; | ||||
/* Hack which prevents jquery ui resizable from changing top. */ | ||||
top: inherit !important; | ||||
MinRK
|
r10914 | |||
pre { | ||||
Jonathan Frederic
|
r19179 | line-height: @code_line_height; | ||
color: @text-color; | ||||
background-color: @cell_background; | ||||
padding: @code_padding; | ||||
} | ||||
Jonathan Frederic
|
r19181 | #pager-button-area { | ||
position: absolute; | ||||
Jonathan Frederic
|
r19472 | top: 8px; | ||
Jonathan Frederic
|
r19181 | right: 20px; | ||
} | ||||
#pager-contents { | ||||
Jonathan Frederic
|
r19179 | position: relative; | ||
Jonathan Frederic
|
r19181 | overflow: auto; | ||
width: 100%; | ||||
height: 100%; | ||||
#pager-container { | ||||
position: relative; | ||||
padding: 15px 0px; | ||||
.border-box-sizing(); | ||||
} | ||||
MinRK
|
r10914 | } | ||
Jonathan Frederic
|
r19179 | |||
Jonathan Frederic
|
r19183 | .ui-resizable-handle { | ||
top: 0px; | ||||
Jonathan Frederic
|
r19472 | height: 8px; | ||
Jonathan Frederic
|
r19439 | background: @cell_background; | ||
border-top: 1px solid @light_border_color; | ||||
border-bottom: 1px solid @light_border_color; | ||||
Jonathan Frederic
|
r19443 | /* Similar to the notebook header's shadow, but not | ||
exactly the same. The settings had to be adjusted | ||||
to get the shadow to show. */ | ||||
Jonathan Frederic
|
r19472 | .box-shadow(1px 4px 9px -3px rgba(0, 0, 0, 0.15)); | ||
Jonathan Frederic
|
r19443 | |||
Jonathan Frederic
|
r19439 | /* This injects handle bars (a short, wide = symbol) for | ||
the resize handle. */ | ||||
&::after { | ||||
content: ''; | ||||
top: 2px; | ||||
left: 50%; | ||||
height: 3px; | ||||
Jonathan Frederic
|
r19472 | width: 30px; | ||
margin-left: -15px; | ||||
Jonathan Frederic
|
r19439 | position: absolute; | ||
border-top: 1px solid @light_border_color; | ||||
} | ||||
Jonathan Frederic
|
r19183 | } | ||
Brian E. Granger
|
r10730 | } | ||