celltoolbar.less
54 lines
| 1.0 KiB
| text/x-less
|
LessCssLexer
MinRK
|
r13667 | /* CSS for the cell toolbar */ | ||
Jonathan Frederic
|
r16957 | @celltoolbar-height: 29px; | ||
Brian E. Granger
|
r9142 | |||
.celltoolbar { | ||||
Matthias BUSSONNIER
|
r9377 | border: thin solid #CFCFCF; | ||
Brian E. Granger
|
r9142 | border-bottom: none; | ||
Matthias BUSSONNIER
|
r9055 | background : #EEE; | ||
MinRK
|
r13667 | border-radius : 3px 3px 0px 0px; | ||
Matthias BUSSONNIER
|
r9422 | width:100%; | ||
-webkit-box-pack: end; | ||||
Jonathan Frederic
|
r16957 | height: @celltoolbar-height; | ||
jon
|
r16935 | padding-right: 4px; | ||
Matthias BUSSONNIER
|
r13332 | .hbox(); | ||
.reverse(); | ||||
Matthias BUSSONNIER
|
r9055 | } | ||
Brian Granger
|
r9144 | .ctb_hideshow { | ||
Matthias BUSSONNIER
|
r9422 | display:none; | ||
vertical-align:bottom; | ||||
} | ||||
MinRK
|
r13667 | /* ctb_show is added to the ctb_hideshow div to show the cell toolbar. | ||
Cell toolbars are only shown when the ctb_global_show class is also set. | ||||
Brian Granger
|
r9145 | */ | ||
MinRK
|
r13667 | .ctb_global_show .ctb_show.ctb_hideshow { | ||
display: block; | ||||
Matthias BUSSONNIER
|
r9143 | } | ||
MinRK
|
r13667 | .ctb_global_show .ctb_show + .input_area, | ||
.ctb_global_show .ctb_show + div.text_cell_input | ||||
{ | ||||
Matthias BUSSONNIER
|
r9143 | border-top-right-radius: 0px; | ||
border-top-left-radius: 0px; | ||||
} | ||||
Jonathan Frederic
|
r16957 | .celltoolbar { | ||
Matthias BUSSONNIER
|
r9377 | font-size: 87%; | ||
Jonathan Frederic
|
r16957 | padding-top: 3px; | ||
Matthias BUSSONNIER
|
r9285 | } | ||
Matthias BUSSONNIER
|
r9377 | |||
Jonathan Frederic
|
r16959 | .celltoolbar select { | ||
Matthias BUSSONNIER
|
r17759 | .form-control(); | ||
.input-sm(); | ||||
width: inherit; | ||||
Jonathan Frederic
|
r16959 | font-size: 87%; | ||
Jonathan Frederic
|
r16970 | height: 22px; | ||
Matthias BUSSONNIER
|
r17759 | display: inline-block; | ||
Jonathan Frederic
|
r16959 | } | ||
Jonathan Frederic
|
r16957 | .celltoolbar label { | ||
margin-left: 5px; | ||||
margin-right: 5px; | ||||
Matthias BUSSONNIER
|
r9055 | } | ||