##// END OF EJS Templates
add File/New in editor
add File/New in editor

File last commit:

r19107:2798f006
r19308:797e1f00
Show More
cell.less
94 lines | 2.3 KiB | text/x-less | LessCssLexer
MinRK
don't split `.cell` and `div.cell` CSS...
r12364 div.cell {
Brian E. Granger
Splitting notebook.less into separate files.
r10730 border: 1px solid transparent;
.vbox();
Matthias BUSSONNIER
inherit style instead of duplicating it
r16995 .corner-all();
Matthias BUSSONNIER
Transfer of border-box-sizing from js to css...
r17422 .border-box-sizing();
Matthias BUSSONNIER
inherit style instead of duplicating it
r16995 border-width: thin;
border-style: solid;
Matthias BUSSONNIER
Transfer of border-box-sizing from js to css...
r17422
Brian E. Granger
Splitting notebook.less into separate files.
r10730 &.selected {
Matthias BUSSONNIER
inherit style instead of duplicating it
r16995 border-color: @border_color;
Brian E. Granger
Splitting notebook.less into separate files.
r10730 }
Matthias BUSSONNIER
Transfer of border-box-sizing from js to css...
r17422
Brian E. Granger
More work on the dual mode UX.
r14015 &.edit_mode {
Matthias BUSSONNIER
inherit style instead of duplicating it
r16995 border-color: green;
Brian E. Granger
More work on the dual mode UX.
r14015 }
Brian E. Granger
Splitting notebook.less into separate files.
r10730 width: 100%;
padding: 5px 5px 5px 0px;
/* This acts as a spacer between cells, that is outside the border */
Brian E. Granger
Making the cell margin 0 all around....
r13681 margin: 0px;
Brian E. Granger
Splitting notebook.less into separate files.
r10730 outline: none;
}
div.prompt {
/* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
Jonathan Frederic
Review comments
r16957 min-width: 15ex;
Brian E. Granger
Adjusting padding of output subareas and adding @code_padding.
r13687 /* This padding is tuned to match the padding on the CodeMirror editor. */
padding: @code_padding;
Brian E. Granger
Splitting notebook.less into separate files.
r10730 margin: 0px;
Jonathan Frederic
Get notebook running with Bootstrap3
r16912 font-family: @font-family-monospace;
Brian E. Granger
Splitting notebook.less into separate files.
r10730 text-align: right;
/* This has to match that of the the CodeMirror class line-height below */
MinRK
bootstrap tree
r10891 line-height: @code_line_height;
Brian E. Granger
Splitting notebook.less into separate files.
r10730 }
Brian E. Granger
Adding prompt area to non-CodeCells to indent content....
r13776
MinRK
move prompts from margin to main column on small screens...
r15966 @media (max-width: 480px) {
// prompts are in the main column on small screens,
// so text should be left-aligned
div.prompt {
text-align: left;
}
}
Brian E. Granger
Adding prompt area to non-CodeCells to indent content....
r13776 div.inner_cell {
.vbox();
.box-flex1();
}
Brian E. Granger
Fixing various output related things:...
r13792
MinRK
make input_area css generic to cells...
r15552 /* input_area and input_prompt must match in top border and margin for alignment */
div.input_area {
border: 1px solid @light_border_color;
.corner-all;
background: @cell_background;
MinRK
cleanup some `pre` css inheritance...
r16205 line-height: @code_line_height;
MinRK
make input_area css generic to cells...
r15552 }
Brian E. Granger
Fixing various output related things:...
r13792 /* This is needed so that empty prompt areas can collapse to zero height when there
is no content in the output_subarea and the prompt. The main purpose of this is
to make sure that empty JavaScript output_subareas have no height. */
div.prompt:empty {
padding-top: 0;
padding-bottom: 0;
}
Min RK
Handle unrecognized outputs and cells from the future
r18999
div.unrecognized_cell {
// from text_cell
padding: 5px 5px 5px 0px;
.hbox();
.inner_cell {
.border-radius(@border-radius-base);
padding: 5px;
font-weight: bold;
color: red;
border: 1px solid @light_border_color;
background: darken(@cell_background, 5%);
Min RK
Preserve nbformat_minor from the future...
r19107 // remove decoration from link
a {
color: inherit;
text-decoration: none;
&:hover {
color: inherit;
text-decoration: none;
}
}
Min RK
Handle unrecognized outputs and cells from the future
r18999 }
}
@media (max-width: 480px) {
// remove prompt indentation on small screens
div.unrecognized_cell > div.prompt {
display: none;
}
}