##// END OF EJS Templates
shim IPython.html
shim IPython.html

File last commit:

r21208:e65db1aa
r21209:633a65e0
Show More
ipython.min.css
1609 lines | 34.1 KiB | text/css | CssLexer
Jason Grout
Compile less files
r17293 /*!
*
* IPython base
*
MinRK
regen css (non-minified)...
r17336 */
.modal.fade .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
Min RK
recompile css...
r19804 -o-transform: translate(0, 0);
MinRK
regen css (non-minified)...
r17336 transform: translate(0, 0);
}
code {
color: #000000;
}
pre {
font-size: inherit;
line-height: inherit;
}
label {
font-weight: normal;
}
Jonathan Frederic
invoke css
r19661 /* Make the page background atleast 100% the height of the view port */
/* Make the page itself atleast 70% the height of the view port */
MinRK
regen css (non-minified)...
r17336 .border-box-sizing {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.corner-all {
Jonathan Frederic
invoke css
r19654 border-radius: 2px;
MinRK
regen css (non-minified)...
r17336 }
.no-padding {
padding: 0px;
}
/* Flexible box model classes */
/* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
/* This file is a compatability layer. It allows the usage of flexible box
model layouts accross multiple browsers, including older browsers. The newest,
universal implementation of the flexible box model is used when available (see
`Modern browsers` comments below). Browsers that are known to implement this
new spec completely include:
Jonathan Frederic
Get notebook running with Bootstrap3
r16912
MinRK
regen css (non-minified)...
r17336 Firefox 28.0+
Chrome 29.0+
Internet Explorer 11+
Opera 17.0+
Browsers not listed, including Safari, are supported via the styling under the
`Old browsers` comments below.
*/
.hbox {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
.hbox > * {
/* Old browsers */
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
/* Modern browsers */
flex: none;
}
.vbox {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
.vbox > * {
/* Old browsers */
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
/* Modern browsers */
flex: none;
}
.hbox.reverse,
.vbox.reverse,
.reverse {
/* Old browsers */
-webkit-box-direction: reverse;
-moz-box-direction: reverse;
box-direction: reverse;
/* Modern browsers */
flex-direction: row-reverse;
}
.hbox.box-flex0,
.vbox.box-flex0,
.box-flex0 {
/* Old browsers */
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
/* Modern browsers */
flex: none;
width: auto;
}
.hbox.box-flex1,
.vbox.box-flex1,
.box-flex1 {
/* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
}
.hbox.box-flex,
.vbox.box-flex,
.box-flex {
/* Old browsers */
/* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
}
.hbox.box-flex2,
.vbox.box-flex2,
.box-flex2 {
/* Old browsers */
-webkit-box-flex: 2;
-moz-box-flex: 2;
box-flex: 2;
/* Modern browsers */
flex: 2;
}
.box-group1 {
/* Deprecated */
-webkit-box-flex-group: 1;
-moz-box-flex-group: 1;
box-flex-group: 1;
}
.box-group2 {
/* Deprecated */
-webkit-box-flex-group: 2;
-moz-box-flex-group: 2;
box-flex-group: 2;
}
.hbox.start,
.vbox.start,
.start {
/* Old browsers */
-webkit-box-pack: start;
-moz-box-pack: start;
box-pack: start;
/* Modern browsers */
justify-content: flex-start;
}
.hbox.end,
.vbox.end,
.end {
/* Old browsers */
-webkit-box-pack: end;
-moz-box-pack: end;
box-pack: end;
/* Modern browsers */
justify-content: flex-end;
}
.hbox.center,
.vbox.center,
.center {
/* Old browsers */
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
/* Modern browsers */
justify-content: center;
}
MinRK
build css...
r17711 .hbox.baseline,
.vbox.baseline,
.baseline {
/* Old browsers */
-webkit-box-pack: baseline;
-moz-box-pack: baseline;
box-pack: baseline;
/* Modern browsers */
justify-content: baseline;
}
.hbox.stretch,
.vbox.stretch,
.stretch {
/* Old browsers */
-webkit-box-pack: stretch;
-moz-box-pack: stretch;
box-pack: stretch;
/* Modern browsers */
justify-content: stretch;
}
MinRK
regen css (non-minified)...
r17336 .hbox.align-start,
.vbox.align-start,
.align-start {
/* Old browsers */
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
/* Modern browsers */
align-items: flex-start;
}
.hbox.align-end,
.vbox.align-end,
.align-end {
/* Old browsers */
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
/* Modern browsers */
align-items: flex-end;
}
.hbox.align-center,
.vbox.align-center,
.align-center {
/* Old browsers */
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
/* Modern browsers */
align-items: center;
}
MinRK
build css...
r17711 .hbox.align-baseline,
.vbox.align-baseline,
.align-baseline {
/* Old browsers */
-webkit-box-align: baseline;
-moz-box-align: baseline;
box-align: baseline;
/* Modern browsers */
align-items: baseline;
}
.hbox.align-stretch,
.vbox.align-stretch,
.align-stretch {
/* Old browsers */
-webkit-box-align: stretch;
-moz-box-align: stretch;
box-align: stretch;
/* Modern browsers */
align-items: stretch;
}
MinRK
regen css (non-minified)...
r17336 div.error {
margin: 2em;
text-align: center;
}
div.error > h1 {
font-size: 500%;
line-height: normal;
}
div.error > p {
font-size: 200%;
line-height: normal;
}
div.traceback-wrapper {
text-align: left;
max-width: 800px;
margin: auto;
}
/*!
Jason Grout
Compile less files
r17293 *
* IPython notebook
*
MinRK
regen css (non-minified)...
r17336 */
/* CSS font colors for translated ANSI colors. */
.ansibold {
font-weight: bold;
}
/* use dark versions for foreground, to improve visibility */
.ansiblack {
color: black;
}
.ansired {
color: darkred;
}
.ansigreen {
color: darkgreen;
}
.ansiyellow {
Mateusz Paprocki
Update static/style/{ipython,style}.min.css
r18425 color: #c4a000;
MinRK
regen css (non-minified)...
r17336 }
.ansiblue {
color: darkblue;
}
.ansipurple {
color: darkviolet;
Jonathan Frederic
Fab CSS
r17732 }
MinRK
regen css (non-minified)...
r17336 .ansicyan {
color: steelblue;
}
.ansigray {
color: gray;
}
/* and light for background, for the same reason */
.ansibgblack {
background-color: black;
}
.ansibgred {
background-color: red;
}
.ansibggreen {
background-color: green;
}
.ansibgyellow {
background-color: yellow;
}
.ansibgblue {
background-color: blue;
}
.ansibgpurple {
background-color: magenta;
}
.ansibgcyan {
background-color: cyan;
}
.ansibggray {
background-color: gray;
}
div.cell {
border: 1px solid transparent;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
Jonathan Frederic
invoke css
r19654 border-radius: 2px;
Matthias BUSSONNIER
remove js styling, already done in css + deprecate warning
r17425 box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
MinRK
regen css (non-minified)...
r17336 border-width: thin;
border-style: solid;
Matthias BUSSONNIER
remove js styling, already done in css + deprecate warning
r17425 width: 100%;
Bussonnier Matthias
fix left-margin on xxs screen
r20124 padding: 5px;
Matthias BUSSONNIER
remove js styling, already done in css + deprecate warning
r17425 /* This acts as a spacer between cells, that is outside the border */
margin: 0px;
outline: none;
MinRK
regen css (non-minified)...
r17336 }
div.cell.selected {
border-color: #ababab;
Jonathan Frederic
invoke css
r19414 /* Don't border the cells when printing */
}
@media print {
div.cell.selected {
border-color: transparent;
}
MinRK
regen css (non-minified)...
r17336 }
Bussonnier Matthias
make global css change on command/edit mode
r19671 .edit_mode div.cell.selected {
MinRK
regen css (non-minified)...
r17336 border-color: green;
Jonathan Frederic
invoke css
r19414 /* Don't border the cells when printing */
MinRK
regen css (non-minified)...
r17336 }
Jonathan Frederic
invoke css
r19394 @media print {
Bussonnier Matthias
make global css change on command/edit mode
r19671 .edit_mode div.cell.selected {
Jonathan Frederic
invoke css
r19414 border-color: transparent;
Jonathan Frederic
invoke css
r19394 }
MinRK
regen css (non-minified)...
r17336 }
Bussonnier Matthias
fix left-margin on xxs screen
r20124 .prompt {
MinRK
regen css (non-minified)...
r17336 /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
Bussonnier Matthias
fix left-margin on xxs screen
r20124 min-width: 14ex;
MinRK
regen css (non-minified)...
r17336 /* This padding is tuned to match the padding on the CodeMirror editor. */
padding: 0.4em;
margin: 0px;
font-family: monospace;
text-align: right;
/* This has to match that of the the CodeMirror class line-height below */
line-height: 1.21429em;
}
Matthias Bussonnier
rework css media-query...
r19953 @media (max-width: 540px) {
Bussonnier Matthias
fix left-margin on xxs screen
r20124 .prompt {
MinRK
regen css (non-minified)...
r17336 text-align: left;
}
}
div.inner_cell {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
/* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
}
Min RK
scrolling workaround for Firefox...
r20394 @-moz-document url-prefix() {
div.inner_cell {
overflow-x: hidden;
}
}
MinRK
regen css (non-minified)...
r17336 /* input_area and input_prompt must match in top border and margin for alignment */
div.input_area {
border: 1px solid #cfcfcf;
Jonathan Frederic
invoke css
r19654 border-radius: 2px;
MinRK
regen css (non-minified)...
r17336 background: #f7f7f7;
line-height: 1.21429em;
}
/* 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 {
padding: 5px 5px 5px 0px;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
div.unrecognized_cell .inner_cell {
Jonathan Frederic
invoke css
r19654 border-radius: 2px;
Min RK
Handle unrecognized outputs and cells from the future
r18999 padding: 5px;
font-weight: bold;
color: red;
border: 1px solid #cfcfcf;
background: #eaeaea;
}
Min RK
Preserve nbformat_minor from the future...
r19107 div.unrecognized_cell .inner_cell a {
color: inherit;
text-decoration: none;
}
div.unrecognized_cell .inner_cell a:hover {
color: inherit;
text-decoration: none;
}
Matthias Bussonnier
rework css media-query...
r19953 @media (max-width: 540px) {
Min RK
Handle unrecognized outputs and cells from the future
r18999 div.unrecognized_cell > div.prompt {
display: none;
}
}
Jonathan Frederic
invoke css
r19414 div.code_cell {
/* avoid page breaking on code cells when printing */
}
Jonathan Frederic
invoke css
r19394 @media print {
div.code_cell {
page-break-inside: avoid;
}
}
MinRK
regen css (non-minified)...
r17336 /* any special styling for code cells that are currently running goes here */
div.input {
page-break-inside: avoid;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
Matthias Bussonnier
rework css media-query...
r19953 @media (max-width: 540px) {
MinRK
regen css (non-minified)...
r17336 div.input {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_prompt {
Min RK
remove some custom css...
r19298 color: navy;
MinRK
regen css (non-minified)...
r17336 border-top: 1px solid transparent;
}
div.input_area > div.highlight {
margin: 0.4em;
border: none;
padding: 0px;
background-color: transparent;
}
div.input_area > div.highlight > pre {
margin: 0px;
border: none;
padding: 0px;
background-color: transparent;
}
/* The following gets added to the <head> if it is detected that the user has a
* monospace font with inconsistent normal/bold/italic height. See
* notebookmain.js. Such fonts will have keywords vertically offset with
* respect to the rest of the text. The user should select a better font.
* See: https://github.com/ipython/ipython/issues/1503
*
* .CodeMirror span {
* vertical-align: bottom;
* }
*/
.CodeMirror {
line-height: 1.21429em;
/* Changed from 1em to our global default */
Jonathan Frederic
invoke css
r19665 font-size: 14px;
MinRK
regen css (non-minified)...
r17336 height: auto;
/* Changed to auto to autogrow */
background: none;
/* Changed from white to allow our bg to show through */
}
.CodeMirror-scroll {
/* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
/* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
overflow-y: hidden;
overflow-x: auto;
}
.CodeMirror-lines {
/* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
/* we have set a different line-height and want this to scale with that. */
padding: 0.4em;
}
.CodeMirror-linenumber {
padding: 0 8px 0 4px;
}
.CodeMirror-gutters {
Jonathan Frederic
invoke css
r19654 border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
MinRK
regen css (non-minified)...
r17336 }
.CodeMirror pre {
/* In CM3 this went to 4px from 0 in CM2. We need the 0 value because of how we size */
/* .CodeMirror-lines */
padding: 0;
border: 0;
border-radius: 0;
}
/*
Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
Adapted from GitHub theme
*/
Nicholas Bollweg (Nick)
checking in css
r19291 .highlight-base {
color: #000000;
}
.highlight-variable {
color: #000000;
MinRK
regen css (non-minified)...
r17336 }
Nicholas Bollweg (Nick)
checking in css
r19291 .highlight-variable-2 {
color: #1a1a1a;
}
.highlight-variable-3 {
color: #333333;
}
.highlight-string {
MinRK
regen css (non-minified)...
r17336 color: #BA2121;
}
Nicholas Bollweg (Nick)
checking in css
r19291 .highlight-comment {
MinRK
regen css (non-minified)...
r17336 color: #408080;
font-style: italic;
}
Nicholas Bollweg (Nick)
checking in css
r19291 .highlight-number {
MinRK
regen css (non-minified)...
r17336 color: #080;
}
Nicholas Bollweg (Nick)
checking in css
r19291 .highlight-atom {
color: #88F;
}
.highlight-keyword {
MinRK
regen css (non-minified)...
r17336 color: #008000;
font-weight: bold;
}
Nicholas Bollweg (Nick)
checking in css
r19291 .highlight-builtin {
MinRK
regen css (non-minified)...
r17336 color: #008000;
}
Nicholas Bollweg (Nick)
checking in css
r19291 .highlight-error {
color: #f00;
MinRK
regen css (non-minified)...
r17336 }
Nicholas Bollweg (Nick)
checking in css
r19291 .highlight-operator {
color: #AA22FF;
font-weight: bold;
MinRK
regen css (non-minified)...
r17336 }
Nicholas Bollweg (Nick)
checking in css
r19291 .highlight-meta {
color: #AA22FF;
MinRK
regen css (non-minified)...
r17336 }
Nicholas Bollweg (Nick)
checking in css
r19291 /* previously not defined, copying from default codemirror */
.highlight-def {
color: #00f;
}
.highlight-string-2 {
color: #f50;
}
.highlight-qualifier {
color: #555;
}
.highlight-bracket {
color: #997;
}
.highlight-tag {
color: #170;
}
.highlight-attribute {
color: #00c;
MinRK
regen css (non-minified)...
r17336 }
Nicholas Bollweg (Nick)
checking in css
r19291 .highlight-header {
color: blue;
}
.highlight-quote {
color: #090;
}
.highlight-link {
color: #00c;
}
/* apply the same style to codemirror */
MinRK
regen css (non-minified)...
r17336 .cm-s-ipython span.cm-keyword {
color: #008000;
font-weight: bold;
}
Nicholas Bollweg (Nick)
checking in css
r19291 .cm-s-ipython span.cm-atom {
color: #88F;
}
MinRK
regen css (non-minified)...
r17336 .cm-s-ipython span.cm-number {
color: #080;
}
Nicholas Bollweg (Nick)
checking in css
r19291 .cm-s-ipython span.cm-def {
color: #00f;
}
.cm-s-ipython span.cm-variable {
color: #000000;
}
.cm-s-ipython span.cm-operator {
color: #AA22FF;
font-weight: bold;
}
.cm-s-ipython span.cm-variable-2 {
color: #1a1a1a;
}
.cm-s-ipython span.cm-variable-3 {
color: #333333;
}
MinRK
regen css (non-minified)...
r17336 .cm-s-ipython span.cm-comment {
color: #408080;
font-style: italic;
}
.cm-s-ipython span.cm-string {
color: #BA2121;
}
Nicholas Bollweg (Nick)
checking in css
r19291 .cm-s-ipython span.cm-string-2 {
color: #f50;
}
.cm-s-ipython span.cm-meta {
color: #AA22FF;
}
.cm-s-ipython span.cm-qualifier {
color: #555;
}
MinRK
regen css (non-minified)...
r17336 .cm-s-ipython span.cm-builtin {
color: #008000;
}
Nicholas Bollweg (Nick)
checking in css
r19291 .cm-s-ipython span.cm-bracket {
color: #997;
MinRK
regen css (non-minified)...
r17336 }
Nicholas Bollweg (Nick)
checking in css
r19291 .cm-s-ipython span.cm-tag {
color: #170;
MinRK
regen css (non-minified)...
r17336 }
Nicholas Bollweg (Nick)
checking in css
r19291 .cm-s-ipython span.cm-attribute {
color: #00c;
}
.cm-s-ipython span.cm-header {
color: blue;
}
.cm-s-ipython span.cm-quote {
color: #090;
}
.cm-s-ipython span.cm-link {
color: #00c;
}
.cm-s-ipython span.cm-error {
color: #f00;
MinRK
regen css (non-minified)...
r17336 }
.cm-s-ipython span.cm-tab {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
background-position: right;
background-repeat: no-repeat;
}
div.output_wrapper {
/* this position must be relative to enable descendents to be absolute within it */
position: relative;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
Min RK
set z-index on output_wrapper...
r20732 z-index: 1;
MinRK
regen css (non-minified)...
r17336 }
/* class for the output area when it should be height-limited */
div.output_scroll {
/* ideally, this would be max-height, but FF barfs all over that */
height: 24em;
/* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
width: 100%;
overflow: auto;
Jonathan Frederic
invoke css
r19654 border-radius: 2px;
MinRK
regen css (non-minified)...
r17336 -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
display: block;
}
/* output div while it is collapsed */
div.output_collapsed {
margin: 0px;
padding: 0px;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
div.out_prompt_overlay {
height: 100%;
padding: 0px 0.4em;
position: absolute;
Jonathan Frederic
invoke css
r19654 border-radius: 2px;
MinRK
regen css (non-minified)...
r17336 }
div.out_prompt_overlay:hover {
/* use inner shadow to get border that is computed the same on WebKit/FF */
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
background: rgba(240, 240, 240, 0.5);
}
div.output_prompt {
Min RK
remove some custom css...
r19298 color: darkred;
MinRK
regen css (non-minified)...
r17336 }
/* This class is the outer container of all output sections. */
div.output_area {
padding: 0px;
page-break-inside: avoid;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
div.output_area .MathJax_Display {
text-align: left !important;
}
div.output_area .rendered_html table {
margin-left: 0;
margin-right: 0;
}
div.output_area .rendered_html img {
margin-left: 0;
margin-right: 0;
}
Min RK
another stab at confining images to page width...
r20981 div.output_area img,
div.output_area svg {
max-width: 100%;
height: auto;
}
div.output_area img.unconfined,
div.output_area svg.unconfined {
max-width: none;
}
MinRK
regen css (non-minified)...
r17336 /* This is needed to protect the pre formating from global settings such
as that of bootstrap */
.output {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
Matthias Bussonnier
rework css media-query...
r19953 @media (max-width: 540px) {
MinRK
regen css (non-minified)...
r17336 div.output_area {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
}
div.output_area pre {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
Min RK
remove some custom css...
r19298 color: black;
MinRK
regen css (non-minified)...
r17336 background-color: transparent;
border-radius: 0;
}
/* This class is for the output subarea inside the output_area and after
the prompt div. */
div.output_subarea {
Jonathan Frederic
invoke css
r20372 overflow-x: auto;
Peter Parente
Fix initial scroll overflow with padding (from @joelkim)
r20170 padding: 0.4em;
MinRK
regen css (non-minified)...
r17336 /* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
Min RK
calc max-width for Firefox...
r20983 max-width: calc(100% - 14ex);
MinRK
regen css (non-minified)...
r17336 }
/* The rest of the output_* classes are for special styling of the different
output types */
/* all text output has this class: */
div.output_text {
text-align: left;
color: #000000;
/* This has to match that of the the CodeMirror class line-height below */
line-height: 1.21429em;
}
/* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
div.output_stderr {
background: #fdd;
/* very light red background for stderr */
}
div.output_latex {
text-align: left;
}
/* Empty output_javascript divs should have no height */
div.output_javascript:empty {
padding: 0;
}
.js-error {
color: darkred;
}
/* raw_input styles */
div.raw_input_container {
font-family: monospace;
padding-top: 5px;
}
span.raw_input_prompt {
/* nothing needed here */
}
input.raw_input {
font-family: inherit;
font-size: inherit;
color: inherit;
width: auto;
/* make sure input baseline aligns with prompt */
vertical-align: baseline;
/* padding + margin = 0.5em between prompt and cursor */
padding: 0em 0.25em;
margin: 0em 0.25em;
}
input.raw_input:focus {
box-shadow: none;
}
p.p-space {
margin-bottom: 10px;
}
Min RK
Handle unrecognized outputs and cells from the future
r18999 div.output_unrecognized {
padding: 5px;
font-weight: bold;
color: red;
}
Min RK
Preserve nbformat_minor from the future...
r19107 div.output_unrecognized a {
color: inherit;
text-decoration: none;
}
div.output_unrecognized a:hover {
color: inherit;
text-decoration: none;
}
MinRK
regen css (non-minified)...
r17336 .rendered_html {
color: #000000;
/* any extras will just be numbers: */
}
.rendered_html em {
font-style: italic;
}
.rendered_html strong {
font-weight: bold;
}
.rendered_html u {
text-decoration: underline;
}
.rendered_html :link {
text-decoration: underline;
}
.rendered_html :visited {
text-decoration: underline;
}
.rendered_html h1 {
font-size: 185.7%;
margin: 1.08em 0 0 0;
font-weight: bold;
line-height: 1.0;
}
.rendered_html h2 {
font-size: 157.1%;
margin: 1.27em 0 0 0;
font-weight: bold;
line-height: 1.0;
}
.rendered_html h3 {
font-size: 128.6%;
margin: 1.55em 0 0 0;
font-weight: bold;
line-height: 1.0;
}
.rendered_html h4 {
font-size: 100%;
margin: 2em 0 0 0;
font-weight: bold;
line-height: 1.0;
}
.rendered_html h5 {
font-size: 100%;
margin: 2em 0 0 0;
font-weight: bold;
line-height: 1.0;
font-style: italic;
}
.rendered_html h6 {
font-size: 100%;
margin: 2em 0 0 0;
font-weight: bold;
line-height: 1.0;
font-style: italic;
}
.rendered_html h1:first-child {
margin-top: 0.538em;
}
.rendered_html h2:first-child {
margin-top: 0.636em;
}
.rendered_html h3:first-child {
margin-top: 0.777em;
}
.rendered_html h4:first-child {
margin-top: 1em;
}
.rendered_html h5:first-child {
margin-top: 1em;
}
.rendered_html h6:first-child {
margin-top: 1em;
}
.rendered_html ul {
list-style: disc;
margin: 0em 2em;
padding-left: 0px;
}
.rendered_html ul ul {
list-style: square;
margin: 0em 2em;
}
.rendered_html ul ul ul {
list-style: circle;
margin: 0em 2em;
}
.rendered_html ol {
list-style: decimal;
margin: 0em 2em;
padding-left: 0px;
}
.rendered_html ol ol {
list-style: upper-alpha;
margin: 0em 2em;
}
.rendered_html ol ol ol {
list-style: lower-alpha;
margin: 0em 2em;
}
.rendered_html ol ol ol ol {
list-style: lower-roman;
margin: 0em 2em;
}
.rendered_html ol ol ol ol ol {
list-style: decimal;
margin: 0em 2em;
}
.rendered_html * + ul {
margin-top: 1em;
}
.rendered_html * + ol {
margin-top: 1em;
}
.rendered_html hr {
Min RK
remove some custom css...
r19298 color: black;
background-color: black;
MinRK
regen css (non-minified)...
r17336 }
.rendered_html pre {
margin: 1em 2em;
}
.rendered_html pre,
.rendered_html code {
border: 0;
background-color: #ffffff;
color: #000000;
font-size: 100%;
padding: 0px;
}
.rendered_html blockquote {
margin: 1em 2em;
}
.rendered_html table {
margin-left: auto;
margin-right: auto;
Min RK
remove some custom css...
r19298 border: 1px solid black;
MinRK
regen css (non-minified)...
r17336 border-collapse: collapse;
}
.rendered_html tr,
.rendered_html th,
.rendered_html td {
Min RK
remove some custom css...
r19298 border: 1px solid black;
MinRK
regen css (non-minified)...
r17336 border-collapse: collapse;
margin: 1em 2em;
}
.rendered_html td,
.rendered_html th {
text-align: left;
vertical-align: middle;
padding: 4px;
}
.rendered_html th {
font-weight: bold;
}
.rendered_html * + table {
margin-top: 1em;
}
.rendered_html p {
Nicholas Bollweg
#7239: left-aligning text
r19903 text-align: left;
MinRK
regen css (non-minified)...
r17336 }
.rendered_html * + p {
margin-top: 1em;
}
.rendered_html img {
display: block;
margin-left: auto;
margin-right: auto;
}
.rendered_html * + img {
margin-top: 1em;
}
Min RK
another stab at confining images to page width...
r20981 .rendered_html img,
.rendered_html svg {
max-width: 100%;
height: auto;
}
.rendered_html img.unconfined,
.rendered_html svg.unconfined {
max-width: none;
}
MinRK
regen css (non-minified)...
r17336 div.text_cell {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
Matthias Bussonnier
rework css media-query...
r19953 @media (max-width: 540px) {
MinRK
regen css (non-minified)...
r17336 div.text_cell > div.prompt {
display: none;
}
}
div.text_cell_render {
/*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
outline: none;
resize: none;
width: inherit;
border-style: none;
padding: 0.5em 0.5em 0.5em 0.4em;
color: #000000;
Matthias BUSSONNIER
rebuild css
r17447 box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
MinRK
regen css (non-minified)...
r17336 }
a.anchor-link:link {
text-decoration: none;
padding: 0px 20px;
visibility: hidden;
}
h1:hover .anchor-link,
h2:hover .anchor-link,
h3:hover .anchor-link,
h4:hover .anchor-link,
h5:hover .anchor-link,
h6:hover .anchor-link {
visibility: visible;
}
Matthias BUSSONNIER
Move md-cell display logic to css
r17783 .text_cell.rendered .input_area {
display: none;
}
Min RK
scroll overflow-x on rendered markdown...
r20987 .text_cell.rendered .rendered_html {
overflow-x: auto;
}
Matthias BUSSONNIER
Move md-cell display logic to css
r17783 .text_cell.unrendered .text_cell_render {
display: none;
}
MinRK
make markdown heading input match output size
r18595 .cm-header-1,
.cm-header-2,
.cm-header-3,
.cm-header-4,
.cm-header-5,
.cm-header-6 {
Paul Ivanov
proportional font-size when editing heading cells...
r17467 font-weight: bold;
Paul Ivanov
match font family when editing heading cells
r17476 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Paul Ivanov
proportional font-size when editing heading cells...
r17467 }
MinRK
make markdown heading input match output size
r18595 .cm-header-1 {
font-size: 185.7%;
Paul Ivanov
proportional font-size when editing heading cells...
r17467 }
MinRK
make markdown heading input match output size
r18595 .cm-header-2 {
font-size: 157.1%;
Paul Ivanov
proportional font-size when editing heading cells...
r17467 }
MinRK
make markdown heading input match output size
r18595 .cm-header-3 {
font-size: 128.6%;
Paul Ivanov
proportional font-size when editing heading cells...
r17467 }
MinRK
make markdown heading input match output size
r18595 .cm-header-4 {
Paul Ivanov
proportional font-size when editing heading cells...
r17467 font-size: 110%;
}
MinRK
make markdown heading input match output size
r18595 .cm-header-5 {
Paul Ivanov
proportional font-size when editing heading cells...
r17467 font-size: 100%;
Paul Ivanov
fix more style consistencies
r17477 font-style: italic;
Paul Ivanov
proportional font-size when editing heading cells...
r17467 }
MinRK
make markdown heading input match output size
r18595 .cm-header-6 {
font-size: 100%;
Paul Ivanov
fix more style consistencies
r17477 font-style: italic;
Paul Ivanov
proportional font-size when editing heading cells...
r17467 }
Jonathan Frederic
invoke css
r20511 .widget-interact > div,
.widget-interact > input {
Jonathan Frederic
invoke css
r20508 padding: 2.5px;
}
MinRK
regen css (non-minified)...
r17336 .widget-area {
/*
LESS file that styles IPython notebook widgets and the area they sit in.
The widget area typically looks something like this:
+------------------------------------------+
| widget-area |
| +--------+---------------------------+ |
| | prompt | widget-subarea | |
| | | +--------+ +--------+ | |
| | | | widget | | widget | | |
| | | +--------+ +--------+ | |
| +--------+---------------------------+ |
+------------------------------------------+
*/
page-break-inside: avoid;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
.widget-area .widget-subarea {
padding: 0.44em 0.4em 0.4em 1px;
margin-left: 6px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
/* Old browsers */
-webkit-box-flex: 2;
-moz-box-flex: 2;
box-flex: 2;
/* Modern browsers */
flex: 2;
/* Old browsers */
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
/* Modern browsers */
align-items: flex-start;
}
Jonathan Frederic
invoke css
r19573 .widget-area.connection-problems .prompt:after {
Jonathan Frederic
invoke css
r19592 content: "\f127";
Jonathan Frederic
invoke css
r19573 font-family: 'FontAwesome';
color: #d9534f;
font-size: 14px;
top: 3px;
Jonathan Frederic
invoke css
r19592 padding: 3px;
Jonathan Frederic
invoke css
r19573 }
MinRK
regen css (non-minified)...
r17336 /* THE CLASSES BELOW CAN APPEAR ANYWHERE IN THE DOM (POSSIBLEY OUTSIDE OF
THE WIDGET AREA). */
.slide-track {
/* Slider Track */
border: 1px solid #CCCCCC;
background: #FFFFFF;
Jonathan Frederic
invoke css
r19654 border-radius: 2px;
MinRK
regen css (non-minified)...
r17336 /* Round the corners of the slide track */
}
.widget-hslider {
/* Horizontal jQuery Slider
Both the horizontal and vertical versions of the slider are characterized
by a styled div that contains an invisible jQuery slide div which
contains a visible slider handle div. This is requred so we can control
how the slider is drawn and 'fix' the issue where the slide handle
doesn't stop at the end of the slide.
Both horizontal and vertical sliders have this div nesting:
+------------------------------------------+
| widget-(h/v)slider |
| +--------+---------------------------+ |
| | ui-slider | |
| | +------------------+ | |
| | | ui-slider-handle | | |
| | +------------------+ | |
| +--------+---------------------------+ |
+------------------------------------------+
*/
/* Fix the padding of the slide track so the ui-slider is sized
correctly. */
padding-left: 8px;
Jonathan Frederic
invoke css
r19751 padding-right: 2px;
MinRK
regen css (non-minified)...
r17336 overflow: visible;
/* Default size of the slider */
width: 350px;
height: 5px;
max-height: 5px;
margin-top: 13px;
margin-bottom: 10px;
/* Style the slider track */
/* Slider Track */
border: 1px solid #CCCCCC;
background: #FFFFFF;
Jonathan Frederic
invoke css
r19654 border-radius: 2px;
MinRK
regen css (non-minified)...
r17336 /* Round the corners of the slide track */
/* Make the div a flex box (makes FF behave correctly). */
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
.widget-hslider .ui-slider {
/* Inner, invisible slide div */
Jonathan Frederic
invoke css
r19751 border: 0px;
background: none;
MinRK
regen css (non-minified)...
r17336 /* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
/* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
}
.widget-hslider .ui-slider .ui-slider-handle {
Jonathan Frederic
invoke css
r19751 width: 12px;
height: 28px;
margin-top: -8px;
border-radius: 2px;
MinRK
regen css (non-minified)...
r17336 }
Gordon Ball
Merge branch 'master' into interact-range-widgets...
r17589 .widget-hslider .ui-slider .ui-slider-range {
Jonathan Frederic
invoke css
r19751 height: 12px;
margin-top: -4px;
background: #eeeeee;
Gordon Ball
Merge branch 'master' into interact-range-widgets...
r17589 }
MinRK
regen css (non-minified)...
r17336 .widget-vslider {
/* Vertical jQuery Slider */
/* Fix the padding of the slide track so the ui-slider is sized
correctly. */
Jonathan Frederic
invoke css
r19751 padding-bottom: 5px;
MinRK
regen css (non-minified)...
r17336 overflow: visible;
/* Default size of the slider */
width: 5px;
max-width: 5px;
height: 250px;
margin-left: 12px;
/* Style the slider track */
/* Slider Track */
border: 1px solid #CCCCCC;
background: #FFFFFF;
Jonathan Frederic
invoke css
r19654 border-radius: 2px;
MinRK
regen css (non-minified)...
r17336 /* Round the corners of the slide track */
/* Make the div a flex box (makes FF behave correctly). */
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
.widget-vslider .ui-slider {
/* Inner, invisible slide div */
Jonathan Frederic
invoke css
r19751 border: 0px;
background: none;
MinRK
regen css (non-minified)...
r17336 margin-left: -4px;
margin-top: 5px;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
/* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
}
.widget-vslider .ui-slider .ui-slider-handle {
Jonathan Frederic
invoke css
r19751 width: 28px;
height: 12px;
MinRK
regen css (non-minified)...
r17336 margin-left: -9px;
Jonathan Frederic
invoke css
r19751 border-radius: 2px;
MinRK
regen css (non-minified)...
r17336 }
Gordon Ball
Merge branch 'master' into interact-range-widgets...
r17589 .widget-vslider .ui-slider .ui-slider-range {
Jonathan Frederic
invoke css
r19751 width: 12px;
margin-left: -1px;
background: #eeeeee;
Gordon Ball
Merge branch 'master' into interact-range-widgets...
r17589 }
MinRK
regen css (non-minified)...
r17336 .widget-text {
/* String Textbox - used for TextBoxView and TextAreaView */
width: 350px;
Jonathan Frederic
Fix padding of widgets.
r19366 margin: 0px;
MinRK
regen css (non-minified)...
r17336 }
.widget-listbox {
/* Listbox */
width: 350px;
margin-bottom: 0px;
}
.widget-numeric-text {
/* Single Line Textbox - used for IntTextView and FloatTextView */
width: 150px;
Jonathan Frederic
Fix padding of widgets.
r19366 margin: 0px;
MinRK
regen css (non-minified)...
r17336 }
.widget-progress {
/* Progress Bar */
margin-top: 6px;
Jonathan Frederic
invoke css
r19751 min-width: 350px;
MinRK
regen css (non-minified)...
r17336 }
.widget-progress .progress-bar {
/* Disable progress bar animation */
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.widget-combo-btn {
/* ComboBox Main Button */
Min RK
recompile css...
r19804 /* Subtract 25px to account for the drop arrow button */
MinRK
regen css (non-minified)...
r17336 min-width: 125px;
}
Jonathan Frederic
Fab CSS
r17732 .widget_item .dropdown-menu li a {
color: inherit;
}
Sylvain Corlay
Valid widget
r20820 .widget-valid {
margin-top: 9px;
margin-bottom: 10px;
margin-left: 3px;
margin-right: 3px;
}
MinRK
regen css (non-minified)...
r17336 .widget-hbox {
/* Horizontal widgets */
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
Jonathan Frederic
fab css
r17931 .widget-hbox input[type="checkbox"] {
MinRK
regen css (non-minified)...
r17336 margin-top: 9px;
Sylvain Corlay
Correct height for checkbox widget
r18822 margin-bottom: 10px;
MinRK
regen css (non-minified)...
r17336 }
Jonathan Frederic
fab css
r17931 .widget-hbox .widget-label {
/* Horizontal Label */
min-width: 10ex;
padding-right: 8px;
padding-top: 5px;
text-align: right;
vertical-align: text-top;
}
.widget-hbox .widget-readout {
padding-left: 8px;
padding-top: 5px;
text-align: left;
vertical-align: text-top;
}
MinRK
regen css (non-minified)...
r17336 .widget-vbox {
/* Vertical widgets */
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
Jonathan Frederic
fab css
r17931 .widget-vbox .widget-label {
/* Vertical Label */
padding-bottom: 5px;
text-align: center;
vertical-align: text-bottom;
}
.widget-vbox .widget-readout {
/* Vertical Label */
padding-top: 5px;
text-align: center;
vertical-align: text-top;
}
Jonathan Frederic
Fab CSS
r17659 .widget-box {
Jonathan Frederic
s/Container/Box
r17637 /* Box */
MinRK
regen css (non-minified)...
r17336 box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/* Old browsers */
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
/* Modern browsers */
align-items: flex-start;
}
.widget-radio-box {
/* Contains RadioButtonsWidget */
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-top: 4px;
}
.widget-radio-box label {
margin-top: 0px;
Min RK
rebuild css
r20431 margin-left: 20px;
}
Min RK
remove some custom css...
r19298 /*# sourceMappingURL=ipython.min.css.map */