ipython.min.css
1609 lines
| 34.1 KiB
| text/css
|
CssLexer
|
r17293 | /*! | |
* | |||
* IPython base | |||
* | |||
|
r17336 | */ | |
.modal.fade .modal-dialog { | |||
-webkit-transform: translate(0, 0); | |||
-ms-transform: translate(0, 0); | |||
|
r19804 | -o-transform: translate(0, 0); | |
|
r17336 | transform: translate(0, 0); | |
} | |||
code { | |||
color: #000000; | |||
} | |||
pre { | |||
font-size: inherit; | |||
line-height: inherit; | |||
} | |||
label { | |||
font-weight: normal; | |||
} | |||
|
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 */ | |||
|
r17336 | .border-box-sizing { | |
box-sizing: border-box; | |||
-moz-box-sizing: border-box; | |||
-webkit-box-sizing: border-box; | |||
} | |||
.corner-all { | |||
|
r19654 | border-radius: 2px; | |
|
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: | |||
|
r16912 | ||
|
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; | |||
} | |||
|
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; | |||
} | |||
|
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; | |||
} | |||
|
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; | |||
} | |||
|
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; | |||
} | |||
/*! | |||
|
r17293 | * | |
* IPython notebook | |||
* | |||
|
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 { | |||
|
r18425 | color: #c4a000; | |
|
r17336 | } | |
.ansiblue { | |||
color: darkblue; | |||
} | |||
.ansipurple { | |||
color: darkviolet; | |||
|
r17732 | } | |
|
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; | |||
|
r19654 | border-radius: 2px; | |
|
r17425 | box-sizing: border-box; | |
-moz-box-sizing: border-box; | |||
-webkit-box-sizing: border-box; | |||
|
r17336 | border-width: thin; | |
border-style: solid; | |||
|
r17425 | width: 100%; | |
|
r20124 | padding: 5px; | |
|
r17425 | /* This acts as a spacer between cells, that is outside the border */ | |
margin: 0px; | |||
outline: none; | |||
|
r17336 | } | |
div.cell.selected { | |||
border-color: #ababab; | |||
|
r19414 | /* Don't border the cells when printing */ | |
} | |||
@media print { | |||
div.cell.selected { | |||
border-color: transparent; | |||
} | |||
|
r17336 | } | |
|
r19671 | .edit_mode div.cell.selected { | |
|
r17336 | border-color: green; | |
|
r19414 | /* Don't border the cells when printing */ | |
|
r17336 | } | |
|
r19394 | @media print { | |
|
r19671 | .edit_mode div.cell.selected { | |
|
r19414 | border-color: transparent; | |
|
r19394 | } | |
|
r17336 | } | |
|
r20124 | .prompt { | |
|
r17336 | /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */ | |
|
r20124 | min-width: 14ex; | |
|
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; | |||
} | |||
|
r19953 | @media (max-width: 540px) { | |
|
r20124 | .prompt { | |
|
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; | |||
} | |||
|
r20394 | @-moz-document url-prefix() { | |
div.inner_cell { | |||
overflow-x: hidden; | |||
} | |||
} | |||
|
r17336 | /* input_area and input_prompt must match in top border and margin for alignment */ | |
div.input_area { | |||
border: 1px solid #cfcfcf; | |||
|
r19654 | border-radius: 2px; | |
|
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; | |||
} | |||
|
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 { | |||
|
r19654 | border-radius: 2px; | |
|
r18999 | padding: 5px; | |
font-weight: bold; | |||
color: red; | |||
border: 1px solid #cfcfcf; | |||
background: #eaeaea; | |||
} | |||
|
r19107 | div.unrecognized_cell .inner_cell a { | |
color: inherit; | |||
text-decoration: none; | |||
} | |||
div.unrecognized_cell .inner_cell a:hover { | |||
color: inherit; | |||
text-decoration: none; | |||
} | |||
|
r19953 | @media (max-width: 540px) { | |
|
r18999 | div.unrecognized_cell > div.prompt { | |
display: none; | |||
} | |||
} | |||
|
r19414 | div.code_cell { | |
/* avoid page breaking on code cells when printing */ | |||
} | |||
|
r19394 | @media print { | |
div.code_cell { | |||
page-break-inside: avoid; | |||
} | |||
} | |||
|
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; | |||
} | |||
|
r19953 | @media (max-width: 540px) { | |
|
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 { | |||
|
r19298 | color: navy; | |
|
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 */ | |||
|
r19665 | font-size: 14px; | |
|
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 { | |||
|
r19654 | border-bottom-left-radius: 2px; | |
border-top-left-radius: 2px; | |||
|
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 | |||
*/ | |||
|
r19291 | .highlight-base { | |
color: #000000; | |||
} | |||
.highlight-variable { | |||
color: #000000; | |||
|
r17336 | } | |
|
r19291 | .highlight-variable-2 { | |
color: #1a1a1a; | |||
} | |||
.highlight-variable-3 { | |||
color: #333333; | |||
} | |||
.highlight-string { | |||
|
r17336 | color: #BA2121; | |
} | |||
|
r19291 | .highlight-comment { | |
|
r17336 | color: #408080; | |
font-style: italic; | |||
} | |||
|
r19291 | .highlight-number { | |
|
r17336 | color: #080; | |
} | |||
|
r19291 | .highlight-atom { | |
color: #88F; | |||
} | |||
.highlight-keyword { | |||
|
r17336 | color: #008000; | |
font-weight: bold; | |||
} | |||
|
r19291 | .highlight-builtin { | |
|
r17336 | color: #008000; | |
} | |||
|
r19291 | .highlight-error { | |
color: #f00; | |||
|
r17336 | } | |
|
r19291 | .highlight-operator { | |
color: #AA22FF; | |||
font-weight: bold; | |||
|
r17336 | } | |
|
r19291 | .highlight-meta { | |
color: #AA22FF; | |||
|
r17336 | } | |
|
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; | |||
|
r17336 | } | |
|
r19291 | .highlight-header { | |
color: blue; | |||
} | |||
.highlight-quote { | |||
color: #090; | |||
} | |||
.highlight-link { | |||
color: #00c; | |||
} | |||
/* apply the same style to codemirror */ | |||
|
r17336 | .cm-s-ipython span.cm-keyword { | |
color: #008000; | |||
font-weight: bold; | |||
} | |||
|
r19291 | .cm-s-ipython span.cm-atom { | |
color: #88F; | |||
} | |||
|
r17336 | .cm-s-ipython span.cm-number { | |
color: #080; | |||
} | |||
|
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; | |||
} | |||
|
r17336 | .cm-s-ipython span.cm-comment { | |
color: #408080; | |||
font-style: italic; | |||
} | |||
.cm-s-ipython span.cm-string { | |||
color: #BA2121; | |||
} | |||
|
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; | |||
} | |||
|
r17336 | .cm-s-ipython span.cm-builtin { | |
color: #008000; | |||
} | |||
|
r19291 | .cm-s-ipython span.cm-bracket { | |
color: #997; | |||
|
r17336 | } | |
|
r19291 | .cm-s-ipython span.cm-tag { | |
color: #170; | |||
|
r17336 | } | |
|
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; | |||
|
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; | |||
|
r20732 | z-index: 1; | |
|
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; | |||
|
r19654 | border-radius: 2px; | |
|
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; | |||
|
r19654 | border-radius: 2px; | |
|
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 { | |||
|
r19298 | color: darkred; | |
|
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; | |||
} | |||
|
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; | |||
} | |||
|
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; | |||
} | |||
|
r19953 | @media (max-width: 540px) { | |
|
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; | |||
|
r19298 | color: black; | |
|
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 { | |||
|
r20372 | overflow-x: auto; | |
|
r20170 | padding: 0.4em; | |
|
r17336 | /* Old browsers */ | |
-webkit-box-flex: 1; | |||
-moz-box-flex: 1; | |||
box-flex: 1; | |||
/* Modern browsers */ | |||
flex: 1; | |||
|
r20983 | max-width: calc(100% - 14ex); | |
|
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; | |||
} | |||
|
r18999 | div.output_unrecognized { | |
padding: 5px; | |||
font-weight: bold; | |||
color: red; | |||
} | |||
|
r19107 | div.output_unrecognized a { | |
color: inherit; | |||
text-decoration: none; | |||
} | |||
div.output_unrecognized a:hover { | |||
color: inherit; | |||
text-decoration: none; | |||
} | |||
|
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 { | |||
|
r19298 | color: black; | |
background-color: black; | |||
|
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; | |||
|
r19298 | border: 1px solid black; | |
|
r17336 | border-collapse: collapse; | |
} | |||
.rendered_html tr, | |||
.rendered_html th, | |||
.rendered_html td { | |||
|
r19298 | border: 1px solid black; | |
|
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 { | |||
|
r19903 | text-align: left; | |
|
r17336 | } | |
.rendered_html * + p { | |||
margin-top: 1em; | |||
} | |||
.rendered_html img { | |||
display: block; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
.rendered_html * + img { | |||
margin-top: 1em; | |||
} | |||
|
r20981 | .rendered_html img, | |
.rendered_html svg { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
.rendered_html img.unconfined, | |||
.rendered_html svg.unconfined { | |||
max-width: none; | |||
} | |||
|
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; | |||
} | |||
|
r19953 | @media (max-width: 540px) { | |
|
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; | |||
|
r17447 | box-sizing: border-box; | |
-moz-box-sizing: border-box; | |||
-webkit-box-sizing: border-box; | |||
|
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; | |||
} | |||
|
r17783 | .text_cell.rendered .input_area { | |
display: none; | |||
} | |||
|
r20987 | .text_cell.rendered .rendered_html { | |
overflow-x: auto; | |||
} | |||
|
r17783 | .text_cell.unrendered .text_cell_render { | |
display: none; | |||
} | |||
|
r18595 | .cm-header-1, | |
.cm-header-2, | |||
.cm-header-3, | |||
.cm-header-4, | |||
.cm-header-5, | |||
.cm-header-6 { | |||
|
r17467 | font-weight: bold; | |
|
r17476 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
|
r17467 | } | |
|
r18595 | .cm-header-1 { | |
font-size: 185.7%; | |||
|
r17467 | } | |
|
r18595 | .cm-header-2 { | |
font-size: 157.1%; | |||
|
r17467 | } | |
|
r18595 | .cm-header-3 { | |
font-size: 128.6%; | |||
|
r17467 | } | |
|
r18595 | .cm-header-4 { | |
|
r17467 | font-size: 110%; | |
} | |||
|
r18595 | .cm-header-5 { | |
|
r17467 | font-size: 100%; | |
|
r17477 | font-style: italic; | |
|
r17467 | } | |
|
r18595 | .cm-header-6 { | |
font-size: 100%; | |||
|
r17477 | font-style: italic; | |
|
r17467 | } | |
|
r20511 | .widget-interact > div, | |
.widget-interact > input { | |||
|
r20508 | padding: 2.5px; | |
} | |||
|
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; | |||
} | |||
|
r19573 | .widget-area.connection-problems .prompt:after { | |
|
r19592 | content: "\f127"; | |
|
r19573 | font-family: 'FontAwesome'; | |
color: #d9534f; | |||
font-size: 14px; | |||
top: 3px; | |||
|
r19592 | padding: 3px; | |
|
r19573 | } | |
|
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; | |||
|
r19654 | border-radius: 2px; | |
|
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; | |||
|
r19751 | padding-right: 2px; | |
|
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; | |||
|
r19654 | border-radius: 2px; | |
|
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 */ | |||
|
r19751 | border: 0px; | |
background: none; | |||
|
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 { | |||
|
r19751 | width: 12px; | |
height: 28px; | |||
margin-top: -8px; | |||
border-radius: 2px; | |||
|
r17336 | } | |
|
r17589 | .widget-hslider .ui-slider .ui-slider-range { | |
|
r19751 | height: 12px; | |
margin-top: -4px; | |||
background: #eeeeee; | |||
|
r17589 | } | |
|
r17336 | .widget-vslider { | |
/* Vertical jQuery Slider */ | |||
/* Fix the padding of the slide track so the ui-slider is sized | |||
correctly. */ | |||
|
r19751 | padding-bottom: 5px; | |
|
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; | |||
|
r19654 | border-radius: 2px; | |
|
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 */ | |||
|
r19751 | border: 0px; | |
background: none; | |||
|
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 { | |||
|
r19751 | width: 28px; | |
height: 12px; | |||
|
r17336 | margin-left: -9px; | |
|
r19751 | border-radius: 2px; | |
|
r17336 | } | |
|
r17589 | .widget-vslider .ui-slider .ui-slider-range { | |
|
r19751 | width: 12px; | |
margin-left: -1px; | |||
background: #eeeeee; | |||
|
r17589 | } | |
|
r17336 | .widget-text { | |
/* String Textbox - used for TextBoxView and TextAreaView */ | |||
width: 350px; | |||
|
r19366 | margin: 0px; | |
|
r17336 | } | |
.widget-listbox { | |||
/* Listbox */ | |||
width: 350px; | |||
margin-bottom: 0px; | |||
} | |||
.widget-numeric-text { | |||
/* Single Line Textbox - used for IntTextView and FloatTextView */ | |||
width: 150px; | |||
|
r19366 | margin: 0px; | |
|
r17336 | } | |
.widget-progress { | |||
/* Progress Bar */ | |||
margin-top: 6px; | |||
|
r19751 | min-width: 350px; | |
|
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 */ | |||
|
r19804 | /* Subtract 25px to account for the drop arrow button */ | |
|
r17336 | min-width: 125px; | |
} | |||
|
r17732 | .widget_item .dropdown-menu li a { | |
color: inherit; | |||
} | |||
|
r20820 | .widget-valid { | |
margin-top: 9px; | |||
margin-bottom: 10px; | |||
margin-left: 3px; | |||
margin-right: 3px; | |||
} | |||
|
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; | |||
} | |||
|
r17931 | .widget-hbox input[type="checkbox"] { | |
|
r17336 | margin-top: 9px; | |
|
r18822 | margin-bottom: 10px; | |
|
r17336 | } | |
|
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; | |||
} | |||
|
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; | |||
} | |||
|
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; | |||
} | |||
|
r17659 | .widget-box { | |
|
r17637 | /* Box */ | |
|
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; | |||
|
r20431 | margin-left: 20px; | |
} | |||
|
r19298 | /*# sourceMappingURL=ipython.min.css.map */ |