Show More
@@ -0,0 +1,13 b'' | |||
|
1 | /* CSS font colors for translated ANSI colors. */ | |
|
2 | ||
|
3 | ||
|
4 | .ansiblack {color: black;} | |
|
5 | .ansired {color: darkred;} | |
|
6 | .ansigreen {color: darkgreen;} | |
|
7 | .ansiyellow {color: brown;} | |
|
8 | .ansiblue {color: darkblue;} | |
|
9 | .ansipurple {color: darkviolet;} | |
|
10 | .ansicyan {color: steelblue;} | |
|
11 | .ansigrey {color: grey;} | |
|
12 | .ansibold {font-weight: bold;} | |
|
13 |
@@ -0,0 +1,29 b'' | |||
|
1 | .cell { | |
|
2 | border: 1px solid transparent; | |
|
3 | .vbox(); | |
|
4 | ||
|
5 | &.selected { | |
|
6 | .corner-all; | |
|
7 | border : thin @border_color solid; | |
|
8 | } | |
|
9 | } | |
|
10 | ||
|
11 | div.cell { | |
|
12 | width: 100%; | |
|
13 | padding: 5px 5px 5px 0px; | |
|
14 | /* This acts as a spacer between cells, that is outside the border */ | |
|
15 | margin: 2px 0px 2px 0px; | |
|
16 | outline: none; | |
|
17 | } | |
|
18 | ||
|
19 | div.prompt { | |
|
20 | /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */ | |
|
21 | width: 11ex; | |
|
22 | /* This 0.4em is tuned to match the padding on the CodeMirror editor. */ | |
|
23 | padding: 0.4em; | |
|
24 | margin: 0px; | |
|
25 | font-family: @monoFontFamily; | |
|
26 | text-align: right; | |
|
27 | /* This has to match that of the the CodeMirror class line-height below */ | |
|
28 | line-height: @baseLineHeight; | |
|
29 | } |
@@ -0,0 +1,69 b'' | |||
|
1 | div.code_cell { | |
|
2 | } | |
|
3 | ||
|
4 | /* any special styling for code cells that are currently running goes here */ | |
|
5 | div.code_cell.running { | |
|
6 | } | |
|
7 | ||
|
8 | div.input { | |
|
9 | page-break-inside: avoid; | |
|
10 | .hbox(); | |
|
11 | } | |
|
12 | ||
|
13 | /* input_area and input_prompt must match in top border and margin for alignment */ | |
|
14 | div.input_area { | |
|
15 | border: 1px solid @light_border_color; | |
|
16 | .corner-all; | |
|
17 | background: @cell_background; | |
|
18 | } | |
|
19 | ||
|
20 | div.input_prompt { | |
|
21 | color: navy; | |
|
22 | border-top: 1px solid transparent; | |
|
23 | } | |
|
24 | ||
|
25 | div.output_wrapper { | |
|
26 | /* This is a spacer between the input and output of each cell */ | |
|
27 | margin-top: 5px; | |
|
28 | margin-left: 5px; | |
|
29 | /* FF needs explicit width to stretch */ | |
|
30 | width: 100%; | |
|
31 | /* this position must be relative to enable descendents to be absolute within it */ | |
|
32 | position: relative; | |
|
33 | } | |
|
34 | ||
|
35 | /* class for the output area when it should be height-limited */ | |
|
36 | div.output_scroll { | |
|
37 | /* ideally, this would be max-height, but FF barfs all over that */ | |
|
38 | height: 24em; | |
|
39 | /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */ | |
|
40 | width: 100%; | |
|
41 | ||
|
42 | overflow: auto; | |
|
43 | .corner-all; | |
|
44 | .box-shadow(inset 0 2px 8px rgba(0, 0, 0, .8)); | |
|
45 | } | |
|
46 | ||
|
47 | /* output div while it is collapsed */ | |
|
48 | div.output_collapsed { | |
|
49 | margin-right: 5px; | |
|
50 | } | |
|
51 | ||
|
52 | div.out_prompt_overlay { | |
|
53 | height: 100%; | |
|
54 | padding: 0px; | |
|
55 | position: absolute; | |
|
56 | .corner-all; | |
|
57 | } | |
|
58 | ||
|
59 | div.out_prompt_overlay:hover { | |
|
60 | /* use inner shadow to get border that is computed the same on WebKit/FF */ | |
|
61 | .box-shadow(inset 0 0 1px #000); | |
|
62 | background: rgba(240, 240, 240, 0.5); | |
|
63 | } | |
|
64 | ||
|
65 | div.output_prompt { | |
|
66 | color: darkred; | |
|
67 | /* 5px right shift to account for margin in parent container */ | |
|
68 | margin: 0 5px 0 -5px; | |
|
69 | } |
@@ -0,0 +1,37 b'' | |||
|
1 | /* The following gets added to the <head> if it is detected that the user has a | |
|
2 | * monospace font with inconsistent normal/bold/italic height. See | |
|
3 | * notebookmain.js. Such fonts will have keywords vertically offset with | |
|
4 | * respect to the rest of the text. The user should select a better font. | |
|
5 | * See: https://github.com/ipython/ipython/issues/1503 | |
|
6 | * | |
|
7 | * .CodeMirror span { | |
|
8 | * vertical-align: bottom; | |
|
9 | * } | |
|
10 | */ | |
|
11 | ||
|
12 | .CodeMirror { | |
|
13 | line-height: @baseLineHeight; /* Changed from 1em to our global default */ | |
|
14 | height: auto; /* Changed to auto to autogrow */ | |
|
15 | background: none; /* Changed from white to allow our bg to show through */ | |
|
16 | } | |
|
17 | ||
|
18 | .CodeMirror-scroll { | |
|
19 | /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/ | |
|
20 | /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/ | |
|
21 | overflow-y: hidden; | |
|
22 | overflow-x: auto; /* Changed from auto to remove scrollbar */ | |
|
23 | } | |
|
24 | ||
|
25 | .CodeMirror-lines { | |
|
26 | /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */ | |
|
27 | /* we have set a different line-height and want this to scale with that. */ | |
|
28 | padding: 0.4em; | |
|
29 | } | |
|
30 | ||
|
31 | .CodeMirror pre { | |
|
32 | /* In CM3 this went to 4px from 0 in CM2. We need the 0 value because of how we size */ | |
|
33 | /* .CodeMirror-lines */ | |
|
34 | padding: 0; | |
|
35 | border: 0; | |
|
36 | .border-radius(0) | |
|
37 | } |
@@ -0,0 +1,24 b'' | |||
|
1 | .completions { | |
|
2 | position: absolute; | |
|
3 | z-index: 10; | |
|
4 | overflow: hidden; | |
|
5 | border: 1px solid @border_color; | |
|
6 | .corner-all; | |
|
7 | .box-shadow(0px 6px 10px -1px #adadad); | |
|
8 | } | |
|
9 | ||
|
10 | .completions select { | |
|
11 | background: white; | |
|
12 | outline: none; | |
|
13 | border: none; | |
|
14 | padding: 0px; | |
|
15 | margin: 0px; | |
|
16 | overflow: auto; | |
|
17 | font-family: @monoFontFamily; | |
|
18 | font-size: 110%; | |
|
19 | color: @textColor; | |
|
20 | } | |
|
21 | ||
|
22 | .completions select option.context { | |
|
23 | color: @blueDark; | |
|
24 | } |
@@ -0,0 +1,25 b'' | |||
|
1 | .ui-menubar-item .ui-button .ui-button-text { | |
|
2 | padding: 0.4em 1.0em; | |
|
3 | font-size: 100%; | |
|
4 | } | |
|
5 | ||
|
6 | .ui-menu { | |
|
7 | .box-shadow(0px 6px 10px -1px #adadad); | |
|
8 | } | |
|
9 | ||
|
10 | .ui-menu .ui-menu-item a { | |
|
11 | border: 1px solid transparent; | |
|
12 | padding: 2px 1.6em; | |
|
13 | } | |
|
14 | ||
|
15 | .ui-menu .ui-menu-item a.ui-state-focus { | |
|
16 | margin: 0; | |
|
17 | } | |
|
18 | ||
|
19 | .ui-menu hr { | |
|
20 | margin: 0.3em 0; | |
|
21 | } | |
|
22 | ||
|
23 | #menubar_container { | |
|
24 | position: relative; | |
|
25 | } |
@@ -0,0 +1,9 b'' | |||
|
1 | #notification_area { | |
|
2 | position: absolute; | |
|
3 | right: 0px; | |
|
4 | top: 0px; | |
|
5 | height: 25px; | |
|
6 | padding: 3px 0px; | |
|
7 | padding-right: 3px; | |
|
8 | z-index: 10; | |
|
9 | } |
@@ -0,0 +1,8 b'' | |||
|
1 | .notification_widget{ | |
|
2 | float : right; | |
|
3 | right: 0px; | |
|
4 | top: 1px; | |
|
5 | height: 25px; | |
|
6 | padding: 3px 6px; | |
|
7 | z-index: 10; | |
|
8 | } |
@@ -0,0 +1,96 b'' | |||
|
1 | /* This class is the outer container of all output sections. */ | |
|
2 | div.output_area { | |
|
3 | padding: 0px; | |
|
4 | page-break-inside: avoid; | |
|
5 | .hbox(); | |
|
6 | } | |
|
7 | ||
|
8 | ||
|
9 | /* This is needed to protect the pre formating from global settings such | |
|
10 | as that of bootstrap */ | |
|
11 | div.output_area pre { | |
|
12 | font-family: @monoFontFamily; | |
|
13 | margin: 0; | |
|
14 | padding: 0; | |
|
15 | border: 0; | |
|
16 | font-size: 100%; | |
|
17 | vertical-align: baseline; | |
|
18 | color: black; | |
|
19 | background-color: white; | |
|
20 | .border-radius(0); | |
|
21 | line-height: inherit; | |
|
22 | } | |
|
23 | ||
|
24 | /* This class is for the output subarea inside the output_area and after | |
|
25 | the prompt div. */ | |
|
26 | div.output_subarea { | |
|
27 | padding: 0.44em 0.4em 0.4em 1px; | |
|
28 | .box-flex1(); | |
|
29 | } | |
|
30 | ||
|
31 | /* The rest of the output_* classes are for special styling of the different | |
|
32 | output types */ | |
|
33 | ||
|
34 | /* all text output has this class: */ | |
|
35 | div.output_text { | |
|
36 | text-align: left; | |
|
37 | color: @textColor; | |
|
38 | font-family: @monoFontFamily; | |
|
39 | /* This has to match that of the the CodeMirror class line-height below */ | |
|
40 | line-height: @baseLineHeight; | |
|
41 | } | |
|
42 | ||
|
43 | /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */ | |
|
44 | div.output_stream { | |
|
45 | padding-top: 0.0em; | |
|
46 | padding-bottom: 0.0em; | |
|
47 | } | |
|
48 | div.output_stdout { | |
|
49 | } | |
|
50 | div.output_stderr { | |
|
51 | background: #fdd; /* very light red background for stderr */ | |
|
52 | } | |
|
53 | ||
|
54 | div.output_latex { | |
|
55 | text-align: left; | |
|
56 | } | |
|
57 | ||
|
58 | div.output_html { | |
|
59 | } | |
|
60 | ||
|
61 | div.output_png { | |
|
62 | } | |
|
63 | ||
|
64 | div.output_jpeg { | |
|
65 | } | |
|
66 | ||
|
67 | .js-error { | |
|
68 | color: darkred; | |
|
69 | } | |
|
70 | ||
|
71 | /* raw_input styles */ | |
|
72 | ||
|
73 | div.raw_input { | |
|
74 | padding-top: 0px; | |
|
75 | padding-bottom: 0px; | |
|
76 | height: 1em; | |
|
77 | line-height: 1em; | |
|
78 | font-family: @monoFontFamily; | |
|
79 | } | |
|
80 | span.input_prompt { | |
|
81 | font-family: inherit; | |
|
82 | } | |
|
83 | input.raw_input { | |
|
84 | font-family: inherit; | |
|
85 | font-size: inherit; | |
|
86 | color: inherit; | |
|
87 | width: auto; | |
|
88 | margin: -2px 0px 0px 1px; | |
|
89 | padding-left: 1px; | |
|
90 | padding-top: 2px; | |
|
91 | height: 1em; | |
|
92 | } | |
|
93 | ||
|
94 | p.p-space { | |
|
95 | margin-bottom: 10px; | |
|
96 | } No newline at end of file |
@@ -0,0 +1,21 b'' | |||
|
1 | div#pager_splitter { | |
|
2 | height: 8px; | |
|
3 | } | |
|
4 | ||
|
5 | #pager_container { | |
|
6 | position : relative; | |
|
7 | } | |
|
8 | ||
|
9 | div#pager { | |
|
10 | padding: 15px; | |
|
11 | overflow: auto; | |
|
12 | display: none; | |
|
13 | ||
|
14 | pre { | |
|
15 | font-size: @baseFontSize; | |
|
16 | line-height: @baseLineHeight; | |
|
17 | color: @textColor; | |
|
18 | background-color: @cell_background; | |
|
19 | padding: 0.4em; | |
|
20 | } | |
|
21 | } |
@@ -0,0 +1,9 b'' | |||
|
1 | .shortcut_key { | |
|
2 | display: inline-block; | |
|
3 | width: 15ex; | |
|
4 | text-align: right; | |
|
5 | font-family: @monoFontFamily; | |
|
6 | } | |
|
7 | ||
|
8 | .shortcut_descr { | |
|
9 | } |
@@ -0,0 +1,9 b'' | |||
|
1 | span#save_widget { | |
|
2 | padding: 5px; | |
|
3 | margin: 0px 0px 0px 300px; | |
|
4 | display:inline-block; | |
|
5 | } | |
|
6 | ||
|
7 | span#checkpoint_status span#autosave_status { | |
|
8 | font-size: small; | |
|
9 | } |
@@ -0,0 +1,21 b'' | |||
|
1 | div.text_cell { | |
|
2 | padding: 5px 5px 5px 5px; | |
|
3 | } | |
|
4 | ||
|
5 | div.text_cell_input { | |
|
6 | color: @textColor; | |
|
7 | border: 1px solid @light_border_color; | |
|
8 | .corner-all; | |
|
9 | background: @cell_background; | |
|
10 | } | |
|
11 | ||
|
12 | div.text_cell_render { | |
|
13 | /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/ | |
|
14 | outline: none; | |
|
15 | resize: none; | |
|
16 | width: inherit; | |
|
17 | border-style: none; | |
|
18 | padding: 5px; | |
|
19 | color: @textColor; | |
|
20 | } | |
|
21 |
@@ -0,0 +1,26 b'' | |||
|
1 | .toolbar { | |
|
2 | padding: 3px 15px; | |
|
3 | border-bottom: @border_width @border_color solid; | |
|
4 | ||
|
5 | button { | |
|
6 | margin-top:2px; | |
|
7 | margin-bottom:2px; | |
|
8 | } | |
|
9 | ||
|
10 | ||
|
11 | select, label { | |
|
12 | height : 19px; | |
|
13 | vertical-align:middle; | |
|
14 | margin-right:2px; | |
|
15 | margin-bottom:0; | |
|
16 | display: inline; | |
|
17 | font-size: 92%; | |
|
18 | margin-left:0.3em; | |
|
19 | margin-right:0.3em; | |
|
20 | padding: 0px; | |
|
21 | } | |
|
22 | } | |
|
23 | ||
|
24 | .toolbar select{ | |
|
25 | width:auto; | |
|
26 | } |
@@ -7,19 +7,24 b' import os' | |||
|
7 | 7 | static_dir = 'static' |
|
8 | 8 | components_dir = os.path.join(static_dir, 'components') |
|
9 | 9 | |
|
10 | def css(minify=True): | |
|
10 | def css(minify=True, verbose=False): | |
|
11 | 11 | """generate the css from less files""" |
|
12 | 12 | source = os.path.join('style', 'style.less') |
|
13 | 13 | target = os.path.join('style', 'style.min.css') |
|
14 | _compile_less(source, target, minify) | |
|
14 | _compile_less(source, target, minify, verbose) | |
|
15 | 15 | |
|
16 | def _compile_less(source, target, minify=True): | |
|
16 | def _to_bool(b): | |
|
17 | if not b in ['True', 'False', True, False]: | |
|
18 | abort('boolean expected, got: %s' % b) | |
|
19 | return (b in ['True', True]) | |
|
20 | ||
|
21 | def _compile_less(source, target, minify=True, verbose=False): | |
|
17 | 22 | """Complie a less file by source and target relative to static_dir""" |
|
18 | if minify not in ['True', 'False', True, False]: | |
|
19 | abort('minify must be Boolean') | |
|
20 | minify = (minify in ['True',True]) | |
|
21 |
|
|
|
23 | minify = _to_bool(minify) | |
|
24 | verbose = _to_bool(verbose) | |
|
25 | min_flag = '-x' if minify is True else '' | |
|
26 | ver_flag = '--verbose' if verbose is True else '' | |
|
22 | 27 | lessc = os.path.join('components', 'less.js', 'bin', 'lessc') |
|
23 | 28 | with lcd(static_dir): |
|
24 | local('{lessc} {min_flag} {source} {target}'.format(**locals())) | |
|
29 | local('{lessc} {min_flag} {ver_flag} {source} {target}'.format(**locals())) | |
|
25 | 30 |
@@ -44,7 +44,7 b' $(document).ready(function () {' | |||
|
44 | 44 | IPython.page = new IPython.Page(); |
|
45 | 45 | IPython.layout_manager = new IPython.LayoutManager(); |
|
46 | 46 | IPython.pager = new IPython.Pager('div#pager', 'div#pager_splitter'); |
|
47 |
IPython.quick_help = new IPython.QuickHelp( |
|
|
47 | IPython.quick_help = new IPython.QuickHelp(); | |
|
48 | 48 | IPython.login_widget = new IPython.LoginWidget('span#login_widget',{baseProjectUrl:baseProjectUrl}); |
|
49 | 49 | IPython.notebook = new IPython.Notebook('div#notebook',{baseProjectUrl:baseProjectUrl, read_only:IPython.read_only}); |
|
50 | 50 | IPython.save_widget = new IPython.SaveWidget('span#save_widget'); |
@@ -1,11 +1,3 b'' | |||
|
1 | /** | |
|
2 | * Primary styles | |
|
3 | * | |
|
4 | * Author: IPython Development Team | |
|
5 | */ | |
|
6 | ||
|
7 | @import "variables.less"; | |
|
8 | @import "highlight.less"; | |
|
9 | 1 | |
|
10 | 2 | body { |
|
11 | 3 | background-color: @bodyBackground; |
@@ -15,26 +7,6 b' body.notebook_app {' | |||
|
15 | 7 | overflow: hidden; |
|
16 | 8 | } |
|
17 | 9 | |
|
18 | blockquote { | |
|
19 | border-left: 4px solid #DDD; | |
|
20 | padding: 0 15px; | |
|
21 | color: #777; | |
|
22 | } | |
|
23 | ||
|
24 | span#save_widget { | |
|
25 | padding: 5px; | |
|
26 | margin: 0px 0px 0px 300px; | |
|
27 | display:inline-block; | |
|
28 | } | |
|
29 | ||
|
30 | span#checkpoint_status span#autosave_status { | |
|
31 | font-size: small; | |
|
32 | } | |
|
33 | ||
|
34 | /*span#save_widget > span#autosave_status { | |
|
35 | font-size: x-small; | |
|
36 | } | |
|
37 | */ | |
|
38 | 10 | span#notebook_name { |
|
39 | 11 | height: 1em; |
|
40 | 12 | line-height: 1em; |
@@ -43,98 +15,6 b' span#notebook_name {' | |||
|
43 | 15 | font-size: 146.5%; |
|
44 | 16 | } |
|
45 | 17 | |
|
46 | ||
|
47 | .ui-menubar-item .ui-button .ui-button-text { | |
|
48 | padding: 0.4em 1.0em; | |
|
49 | font-size: 100%; | |
|
50 | } | |
|
51 | ||
|
52 | .ui-menu { | |
|
53 | .box-shadow(0px 6px 10px -1px #adadad); | |
|
54 | } | |
|
55 | ||
|
56 | .ui-menu .ui-menu-item a { | |
|
57 | border: 1px solid transparent; | |
|
58 | padding: 2px 1.6em; | |
|
59 | } | |
|
60 | ||
|
61 | .ui-menu .ui-menu-item a.ui-state-focus { | |
|
62 | margin: 0; | |
|
63 | } | |
|
64 | ||
|
65 | .ui-menu hr { | |
|
66 | margin: 0.3em 0; | |
|
67 | } | |
|
68 | ||
|
69 | #menubar_container { | |
|
70 | position: relative; | |
|
71 | } | |
|
72 | ||
|
73 | #notification_area { | |
|
74 | position: absolute; | |
|
75 | right: 0px; | |
|
76 | top: 0px; | |
|
77 | height: 25px; | |
|
78 | padding: 3px 0px; | |
|
79 | padding-right: 3px; | |
|
80 | z-index: 10; | |
|
81 | } | |
|
82 | ||
|
83 | .notification_widget{ | |
|
84 | float : right; | |
|
85 | right: 0px; | |
|
86 | top: 1px; | |
|
87 | height: 25px; | |
|
88 | padding: 3px 6px; | |
|
89 | z-index: 10; | |
|
90 | } | |
|
91 | ||
|
92 | .toolbar { | |
|
93 | padding: 3px 15px; | |
|
94 | border-bottom: @border_width @border_color solid; | |
|
95 | ||
|
96 | button { | |
|
97 | margin-top:2px; | |
|
98 | margin-bottom:2px; | |
|
99 | } | |
|
100 | ||
|
101 | ||
|
102 | select, label { | |
|
103 | height : 19px; | |
|
104 | vertical-align:middle; | |
|
105 | margin-right:2px; | |
|
106 | margin-bottom:0; | |
|
107 | display: inline; | |
|
108 | font-size: 92%; | |
|
109 | margin-left:0.3em; | |
|
110 | margin-right:0.3em; | |
|
111 | padding: 0px; | |
|
112 | } | |
|
113 | } | |
|
114 | ||
|
115 | .toolbar select{ | |
|
116 | width:auto; | |
|
117 | } | |
|
118 | ||
|
119 | span#quick_help_area { | |
|
120 | position: static; | |
|
121 | padding: 5px 0px; | |
|
122 | margin: 0px 0px 0px 0px; | |
|
123 | } | |
|
124 | ||
|
125 | .help_string { | |
|
126 | float: right; | |
|
127 | width: 170px; | |
|
128 | padding: 0px 5px; | |
|
129 | text-align: left; | |
|
130 | font-size: 85%; | |
|
131 | } | |
|
132 | ||
|
133 | .help_string_label { | |
|
134 | float: right; | |
|
135 | font-size: 85%; | |
|
136 | } | |
|
137 | ||
|
138 | 18 | div#notebook_panel { |
|
139 | 19 | margin: 0px 0px 0px 0px; |
|
140 | 20 | padding: 0px; |
@@ -149,296 +29,11 b' div#notebook {' | |||
|
149 | 29 | margin: 0px; |
|
150 | 30 | } |
|
151 | 31 | |
|
152 | div#pager_splitter { | |
|
153 | height: 8px; | |
|
154 | } | |
|
155 | ||
|
156 | #pager_container { | |
|
157 | position : relative; | |
|
158 | } | |
|
159 | ||
|
160 | div#pager { | |
|
161 | padding: 15px; | |
|
162 | overflow: auto; | |
|
163 | display: none; | |
|
164 | ||
|
165 | pre { | |
|
166 | font-size: @baseFontSize; | |
|
167 | line-height: @baseLineHeight; | |
|
168 | color: @textColor; | |
|
169 | background-color: @cell_background; | |
|
170 | padding: 0.4em; | |
|
171 | } | |
|
172 | } | |
|
173 | ||
|
174 | 32 | div.ui-widget-content { |
|
175 | 33 | border: 1px solid @border_color; |
|
176 | 34 | outline: none; |
|
177 | 35 | } |
|
178 | 36 | |
|
179 | .cell { | |
|
180 | border: 1px solid transparent; | |
|
181 | .vbox(); | |
|
182 | ||
|
183 | &.selected { | |
|
184 | .corner-all; | |
|
185 | border : thin @border_color solid; | |
|
186 | } | |
|
187 | } | |
|
188 | ||
|
189 | div.cell { | |
|
190 | width: 100%; | |
|
191 | padding: 5px 5px 5px 0px; | |
|
192 | /* This acts as a spacer between cells, that is outside the border */ | |
|
193 | margin: 2px 0px 2px 0px; | |
|
194 | outline: none; | |
|
195 | } | |
|
196 | ||
|
197 | div.code_cell { | |
|
198 | } | |
|
199 | ||
|
200 | /* any special styling for code cells that are currently running goes here */ | |
|
201 | div.code_cell.running { | |
|
202 | } | |
|
203 | ||
|
204 | div.prompt { | |
|
205 | /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */ | |
|
206 | width: 11ex; | |
|
207 | /* This 0.4em is tuned to match the padding on the CodeMirror editor. */ | |
|
208 | padding: 0.4em; | |
|
209 | margin: 0px; | |
|
210 | font-family: @monoFontFamily; | |
|
211 | text-align: right; | |
|
212 | /* This has to match that of the the CodeMirror class line-height below */ | |
|
213 | line-height: @baseLineHeight; | |
|
214 | } | |
|
215 | ||
|
216 | div.input { | |
|
217 | page-break-inside: avoid; | |
|
218 | .hbox(); | |
|
219 | } | |
|
220 | ||
|
221 | /* input_area and input_prompt must match in top border and margin for alignment */ | |
|
222 | div.input_area { | |
|
223 | border: 1px solid @light_border_color; | |
|
224 | .corner-all; | |
|
225 | background: @cell_background; | |
|
226 | } | |
|
227 | ||
|
228 | div.input_prompt { | |
|
229 | color: navy; | |
|
230 | border-top: 1px solid transparent; | |
|
231 | } | |
|
232 | ||
|
233 | div.output_wrapper { | |
|
234 | /* This is a spacer between the input and output of each cell */ | |
|
235 | margin-top: 5px; | |
|
236 | margin-left: 5px; | |
|
237 | /* FF needs explicit width to stretch */ | |
|
238 | width: 100%; | |
|
239 | /* this position must be relative to enable descendents to be absolute within it */ | |
|
240 | position: relative; | |
|
241 | } | |
|
242 | ||
|
243 | /* class for the output area when it should be height-limited */ | |
|
244 | div.output_scroll { | |
|
245 | /* ideally, this would be max-height, but FF barfs all over that */ | |
|
246 | height: 24em; | |
|
247 | /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */ | |
|
248 | width: 100%; | |
|
249 | ||
|
250 | overflow: auto; | |
|
251 | .corner-all; | |
|
252 | .box-shadow(inset 0 2px 8px rgba(0, 0, 0, .8)); | |
|
253 | } | |
|
254 | ||
|
255 | /* output div while it is collapsed */ | |
|
256 | div.output_collapsed { | |
|
257 | margin-right: 5px; | |
|
258 | } | |
|
259 | ||
|
260 | div.out_prompt_overlay { | |
|
261 | height: 100%; | |
|
262 | padding: 0px; | |
|
263 | position: absolute; | |
|
264 | .corner-all; | |
|
265 | } | |
|
266 | ||
|
267 | div.out_prompt_overlay:hover { | |
|
268 | /* use inner shadow to get border that is computed the same on WebKit/FF */ | |
|
269 | .box-shadow(inset 0 0 1px #000); | |
|
270 | background: rgba(240, 240, 240, 0.5); | |
|
271 | } | |
|
272 | ||
|
273 | div.output_prompt { | |
|
274 | color: darkred; | |
|
275 | /* 5px right shift to account for margin in parent container */ | |
|
276 | margin: 0 5px 0 -5px; | |
|
277 | } | |
|
278 | ||
|
279 | /* This class is the outer container of all output sections. */ | |
|
280 | div.output_area { | |
|
281 | padding: 0px; | |
|
282 | page-break-inside: avoid; | |
|
283 | .hbox(); | |
|
284 | } | |
|
285 | ||
|
286 | ||
|
287 | /* This is needed to protect the pre formating from global settings such | |
|
288 | as that of bootstrap */ | |
|
289 | div.output_area pre { | |
|
290 | font-family: @monoFontFamily; | |
|
291 | margin: 0; | |
|
292 | padding: 0; | |
|
293 | border: 0; | |
|
294 | font-size: 100%; | |
|
295 | vertical-align: baseline; | |
|
296 | color: black; | |
|
297 | background-color: white; | |
|
298 | .border-radius(0); | |
|
299 | line-height: inherit; | |
|
300 | } | |
|
301 | ||
|
302 | /* This class is for the output subarea inside the output_area and after | |
|
303 | the prompt div. */ | |
|
304 | div.output_subarea { | |
|
305 | padding: 0.44em 0.4em 0.4em 1px; | |
|
306 | .box-flex1(); | |
|
307 | } | |
|
308 | ||
|
309 | /* The rest of the output_* classes are for special styling of the different | |
|
310 | output types */ | |
|
311 | ||
|
312 | /* all text output has this class: */ | |
|
313 | div.output_text { | |
|
314 | text-align: left; | |
|
315 | color: @textColor; | |
|
316 | font-family: @monoFontFamily; | |
|
317 | /* This has to match that of the the CodeMirror class line-height below */ | |
|
318 | line-height: @baseLineHeight; | |
|
319 | } | |
|
320 | ||
|
321 | /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */ | |
|
322 | div.output_stream { | |
|
323 | padding-top: 0.0em; | |
|
324 | padding-bottom: 0.0em; | |
|
325 | } | |
|
326 | div.output_stdout { | |
|
327 | } | |
|
328 | div.output_stderr { | |
|
329 | background: #fdd; /* very light red background for stderr */ | |
|
330 | } | |
|
331 | ||
|
332 | div.output_latex { | |
|
333 | text-align: left; | |
|
334 | } | |
|
335 | ||
|
336 | div.output_html { | |
|
337 | } | |
|
338 | ||
|
339 | div.output_png { | |
|
340 | } | |
|
341 | ||
|
342 | div.output_jpeg { | |
|
343 | } | |
|
344 | ||
|
345 | div.text_cell { | |
|
346 | padding: 5px 5px 5px 5px; | |
|
347 | } | |
|
348 | ||
|
349 | div.text_cell_input { | |
|
350 | color: @textColor; | |
|
351 | border: 1px solid @light_border_color; | |
|
352 | .corner-all; | |
|
353 | background: @cell_background; | |
|
354 | } | |
|
355 | ||
|
356 | div.text_cell_render { | |
|
357 | /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/ | |
|
358 | outline: none; | |
|
359 | resize: none; | |
|
360 | width: inherit; | |
|
361 | border-style: none; | |
|
362 | padding: 5px; | |
|
363 | color: @textColor; | |
|
364 | } | |
|
365 | ||
|
366 | /* The following gets added to the <head> if it is detected that the user has a | |
|
367 | * monospace font with inconsistent normal/bold/italic height. See | |
|
368 | * notebookmain.js. Such fonts will have keywords vertically offset with | |
|
369 | * respect to the rest of the text. The user should select a better font. | |
|
370 | * See: https://github.com/ipython/ipython/issues/1503 | |
|
371 | * | |
|
372 | * .CodeMirror span { | |
|
373 | * vertical-align: bottom; | |
|
374 | * } | |
|
375 | */ | |
|
376 | ||
|
377 | .CodeMirror { | |
|
378 | line-height: @baseLineHeight; /* Changed from 1em to our global default */ | |
|
379 | height: auto; /* Changed to auto to autogrow */ | |
|
380 | background: none; /* Changed from white to allow our bg to show through */ | |
|
381 | } | |
|
382 | ||
|
383 | .CodeMirror-scroll { | |
|
384 | /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/ | |
|
385 | /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/ | |
|
386 | overflow-y: hidden; | |
|
387 | overflow-x: auto; /* Changed from auto to remove scrollbar */ | |
|
388 | } | |
|
389 | ||
|
390 | .CodeMirror-lines { | |
|
391 | /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */ | |
|
392 | /* we have set a different line-height and want this to scale with that. */ | |
|
393 | padding: 0.4em; | |
|
394 | } | |
|
395 | ||
|
396 | .CodeMirror pre { | |
|
397 | /* In CM3 this went to 4px from 0 in CM2. We need the 0 value because of how we size */ | |
|
398 | /* .CodeMirror-lines */ | |
|
399 | padding: 0; | |
|
400 | border: 0; | |
|
401 | .border-radius(0) | |
|
402 | } | |
|
403 | ||
|
404 | /* CSS font colors for translated ANSI colors. */ | |
|
405 | ||
|
406 | ||
|
407 | .ansiblack {color: @textColor;} | |
|
408 | .ansired {color: darkred;} | |
|
409 | .ansigreen {color: darkgreen;} | |
|
410 | .ansiyellow {color: brown;} | |
|
411 | .ansiblue {color: darkblue;} | |
|
412 | .ansipurple {color: darkviolet;} | |
|
413 | .ansicyan {color: steelblue;} | |
|
414 | .ansigrey {color: grey;} | |
|
415 | .ansibold {font-weight: bold;} | |
|
416 | ||
|
417 | .completions { | |
|
418 | position: absolute; | |
|
419 | z-index: 10; | |
|
420 | overflow: hidden; | |
|
421 | border: 1px solid @border_color; | |
|
422 | .corner-all; | |
|
423 | .box-shadow(0px 6px 10px -1px #adadad); | |
|
424 | } | |
|
425 | ||
|
426 | .completions select { | |
|
427 | background: white; | |
|
428 | outline: none; | |
|
429 | border: none; | |
|
430 | padding: 0px; | |
|
431 | margin: 0px; | |
|
432 | overflow: auto; | |
|
433 | font-family: @monoFontFamily; | |
|
434 | font-size: 110%; | |
|
435 | color: @textColor; | |
|
436 | } | |
|
437 | ||
|
438 | .completions select option.context { | |
|
439 | color: @blueDark; | |
|
440 | } | |
|
441 | ||
|
442 | 37 | pre.dialog { |
|
443 | 38 | background-color: @cell_background; |
|
444 | 39 | border: 1px solid #ddd; |
@@ -451,16 +46,6 b' p.dialog {' | |||
|
451 | 46 | padding : 0.2em; |
|
452 | 47 | } |
|
453 | 48 | |
|
454 | .shortcut_key { | |
|
455 | display: inline-block; | |
|
456 | width: 15ex; | |
|
457 | text-align: right; | |
|
458 | font-family: @monoFontFamily; | |
|
459 | } | |
|
460 | ||
|
461 | .shortcut_descr { | |
|
462 | } | |
|
463 | ||
|
464 | 49 | /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems |
|
465 | 50 | to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do. |
|
466 | 51 | */ |
@@ -470,18 +55,12 b' pre, code, kbd, samp { white-space: pre-wrap; }' | |||
|
470 | 55 | font-family: @monoFontFamily; |
|
471 | 56 | } |
|
472 | 57 | |
|
473 | .js-error { | |
|
474 | color: darkred; | |
|
475 | } | |
|
476 | ||
|
477 | 58 | a { |
|
478 |
|
|
|
59 | text-decoration: underline; | |
|
479 | 60 | } |
|
480 | 61 | |
|
481 | 62 | p { |
|
482 | ||
|
483 | margin-bottom:0; | |
|
484 | ||
|
63 | margin-bottom:0; | |
|
485 | 64 | } |
|
486 | 65 | |
|
487 | 66 | a.heading-anchor:link, a.heading-anchor:visited { |
@@ -489,30 +68,5 b' a.heading-anchor:link, a.heading-anchor:visited {' | |||
|
489 | 68 | color: inherit; |
|
490 | 69 | } |
|
491 | 70 | |
|
492 | /* raw_input styles */ | |
|
493 | 71 | |
|
494 | div.raw_input { | |
|
495 | padding-top: 0px; | |
|
496 | padding-bottom: 0px; | |
|
497 | height: 1em; | |
|
498 | line-height: 1em; | |
|
499 | font-family: @monoFontFamily; | |
|
500 | } | |
|
501 | span.input_prompt { | |
|
502 | font-family: inherit; | |
|
503 | } | |
|
504 | input.raw_input { | |
|
505 | font-family: inherit; | |
|
506 | font-size: inherit; | |
|
507 | color: inherit; | |
|
508 | width: auto; | |
|
509 | margin: -2px 0px 0px 1px; | |
|
510 | padding-left: 1px; | |
|
511 | padding-top: 2px; | |
|
512 | height: 1em; | |
|
513 | } | |
|
514 | ||
|
515 | p.p-space { | |
|
516 | margin-bottom: 10px; | |
|
517 | } | |
|
518 | 72 |
@@ -1,5 +1,20 b'' | |||
|
1 | @import "variables.less"; | |
|
2 | @import "ansicolors.less"; | |
|
3 | @import "cell.less"; | |
|
4 | @import "celltoolbar.less"; | |
|
5 | @import "codecell.less"; | |
|
6 | @import "codemirror.less"; | |
|
7 | @import "completer.less"; | |
|
8 | @import "highlight.less"; | |
|
9 | @import "menubar.less"; | |
|
1 | 10 | @import "notebook.less"; |
|
11 | @import "notificationarea.less"; | |
|
12 | @import "notificationwidget.less"; | |
|
13 | @import "outputarea.less"; | |
|
14 | @import "pager.less"; | |
|
15 | @import "quickhelp.less"; | |
|
2 | 16 | @import "renderedhtml.less"; |
|
17 | @import "savewidget.less"; | |
|
18 | @import "textcell.less"; | |
|
19 | @import "toolbar.less"; | |
|
3 | 20 | @import "tooltip.less"; |
|
4 | @import "celltoolbar.less"; | |
|
5 | @import "highlight.less"; |
@@ -901,6 +901,51 b' span#login_widget{float:right;}' | |||
|
901 | 901 | .ui-tabs .ui-tabs-nav li a{padding:.3em .5em;} |
|
902 | 902 | #project_name>.breadcrumb{padding:0;background-color:transparent;} |
|
903 | 903 | input.engine_num_input{height:20px;margin-bottom:2px;padding-top:0;padding-bottom:0;width:90px;} |
|
904 | .ansiblack{color:black;} | |
|
905 | .ansired{color:darkred;} | |
|
906 | .ansigreen{color:darkgreen;} | |
|
907 | .ansiyellow{color:brown;} | |
|
908 | .ansiblue{color:darkblue;} | |
|
909 | .ansipurple{color:darkviolet;} | |
|
910 | .ansicyan{color:steelblue;} | |
|
911 | .ansigrey{color:grey;} | |
|
912 | .ansibold{font-weight:bold;} | |
|
913 | .cell{border:1px solid transparent;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;width:100%;}.cell.selected{border-radius:4px;border:thin #ababab solid;} | |
|
914 | div.cell{width:100%;padding:5px 5px 5px 0px;margin:2px 0px 2px 0px;outline:none;} | |
|
915 | div.prompt{width:11ex;padding:0.4em;margin:0px;font-family:monospace;text-align:right;line-height:1.231;} | |
|
916 | .celltoolbar{border:thin solid #CFCFCF;border-bottom:none;background:#EEE;border-top-right-radius:3px;border-top-left-radius:3px;width:100%;-webkit-box-pack:end;height:20px;} | |
|
917 | .no_input_radius{border-top-right-radius:0px;border-top-left-radius:0px;} | |
|
918 | .text_cell .ctb_prompt{display:none;} | |
|
919 | .code_cell .ctb_prompt{display:block;} | |
|
920 | .ctb_hideshow{display:none;vertical-align:bottom;padding-right:2px;} | |
|
921 | .celltoolbar>div{padding-top:0px;} | |
|
922 | .ctb_area{margin:0;padding:0;width:100%;} | |
|
923 | .ctb_show.ctb_hideshow,.ctb_show .ctb_hideshow{display:block;} | |
|
924 | .ctb_show .input_area,.ctb_show .ctb_hideshow+div.text_cell_input{border-top-right-radius:0px;border-top-left-radius:0px;} | |
|
925 | .ctb_show>.celltoolbar{border-bottom-right-radius:0px;border-bottom-left-radius:0px;} | |
|
926 | .button_container{margin-top:0;margin-bottom:0;} | |
|
927 | .ui-button{min-width:30px;} | |
|
928 | .celltoolbar .button_container select{margin:10px;margin-top:1px;margin-bottom:0px;padding:0;font-size:87%;width:auto;display:inline-block;height:18px;line-height:18px;vertical-align:top;} | |
|
929 | .celltoolbar label{display:inline-block;height:15px;line-height:15px;vertical-align:top;} | |
|
930 | .celltoolbar label span{font-size:85%;} | |
|
931 | .celltoolbar input[type=checkbox]{margin:0px;margin-left:4px;margin-right:4px;} | |
|
932 | .celltoolbar .ui-button{border:none;vertical-align:top;height:20px;} | |
|
933 | div.input{page-break-inside:avoid;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;} | |
|
934 | div.input_area{border:1px solid #cfcfcf;border-radius:4px;background:#f7f7f7;} | |
|
935 | div.input_prompt{color:navy;border-top:1px solid transparent;} | |
|
936 | div.output_wrapper{margin-top:5px;margin-left:5px;width:100%;position:relative;} | |
|
937 | div.output_scroll{height:24em;width:100%;overflow:auto;border-radius:4px;-webkit-box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.8);-moz-box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.8);box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.8);} | |
|
938 | div.output_collapsed{margin-right:5px;} | |
|
939 | div.out_prompt_overlay{height:100%;padding:0px;position:absolute;border-radius:4px;} | |
|
940 | div.out_prompt_overlay:hover{-webkit-box-shadow:inset 0 0 1px #000000;-moz-box-shadow:inset 0 0 1px #000000;box-shadow:inset 0 0 1px #000000;background:rgba(240, 240, 240, 0.5);} | |
|
941 | div.output_prompt{color:darkred;margin:0 5px 0 -5px;} | |
|
942 | .CodeMirror{line-height:1.231;height:auto;background:none;} | |
|
943 | .CodeMirror-scroll{overflow-y:hidden;overflow-x:auto;} | |
|
944 | .CodeMirror-lines{padding:0.4em;} | |
|
945 | .CodeMirror pre{padding:0;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} | |
|
946 | .completions{position:absolute;z-index:10;overflow:hidden;border:1px solid #ababab;border-radius:4px;-webkit-box-shadow:0px 6px 10px -1px #adadad;-moz-box-shadow:0px 6px 10px -1px #adadad;box-shadow:0px 6px 10px -1px #adadad;} | |
|
947 | .completions select{background:white;outline:none;border:none;padding:0px;margin:0px;overflow:auto;font-family:monospace;font-size:110%;color:#000000;} | |
|
948 | .completions select option.context{color:#0064cd;} | |
|
904 | 949 | pre code{display:block;padding:0.5em;} |
|
905 | 950 | .highlight-base,pre code,pre .subst,pre .tag .title,pre .lisp .title,pre .clojure .built_in,pre .nginx .title{color:black;} |
|
906 | 951 | .highlight-string,pre .string,pre .constant,pre .parent,pre .tag .value,pre .rules .value,pre .rules .value .number,pre .preprocessor,pre .ruby .symbol,pre .ruby .symbol .string,pre .aggregate,pre .template_tag,pre .django .variable,pre .smalltalk .class,pre .addition,pre .flow,pre .stream,pre .bash .variable,pre .apache .tag,pre .apache .cbracket,pre .tex .command,pre .tex .special,pre .erlang_repl .function_or_atom,pre .markdown .header{color:#BA2121;} |
@@ -921,44 +966,27 b' pre .coffeescript .javascript,pre .javascript .xml,pre .tex .formula,pre .xml .j' | |||
|
921 | 966 | .cm-s-ipython span.cm-error{color:#f00;} |
|
922 | 967 | .cm-s-ipython span.cm-operator{color:#AA22FF;font-weight:bold;} |
|
923 | 968 | .cm-s-ipython span.cm-meta{color:#AA22FF;} |
|
924 | body{background-color:#ffffff;} | |
|
925 | body.notebook_app{overflow:hidden;} | |
|
926 | blockquote{border-left:4px solid #DDD;padding:0 15px;color:#777;} | |
|
927 | span#save_widget{padding:5px;margin:0px 0px 0px 300px;display:inline-block;} | |
|
928 | span#checkpoint_status span#autosave_status{font-size:small;} | |
|
929 | span#notebook_name{height:1em;line-height:1em;padding:3px;border:none;font-size:146.5%;} | |
|
930 | 969 | .ui-menubar-item .ui-button .ui-button-text{padding:0.4em 1.0em;font-size:100%;} |
|
931 | 970 | .ui-menu{-webkit-box-shadow:0px 6px 10px -1px #adadad;-moz-box-shadow:0px 6px 10px -1px #adadad;box-shadow:0px 6px 10px -1px #adadad;} |
|
932 | 971 | .ui-menu .ui-menu-item a{border:1px solid transparent;padding:2px 1.6em;} |
|
933 | 972 | .ui-menu .ui-menu-item a.ui-state-focus{margin:0;} |
|
934 | 973 | .ui-menu hr{margin:0.3em 0;} |
|
935 | 974 | #menubar_container{position:relative;} |
|
936 | #notification_area{position:absolute;right:0px;top:0px;height:25px;padding:3px 0px;padding-right:3px;z-index:10;} | |
|
937 | .notification_widget{float:right;right:0px;top:1px;height:25px;padding:3px 6px;z-index:10;} | |
|
938 | .toolbar{padding:3px 15px;border-bottom:1px #ababab solid;}.toolbar button{margin-top:2px;margin-bottom:2px;} | |
|
939 | .toolbar select,.toolbar label{height:19px;vertical-align:middle;margin-right:2px;margin-bottom:0;display:inline;font-size:92%;margin-left:0.3em;margin-right:0.3em;padding:0px;} | |
|
940 | .toolbar select{width:auto;} | |
|
941 | span#quick_help_area{position:static;padding:5px 0px;margin:0px 0px 0px 0px;} | |
|
942 | .help_string{float:right;width:170px;padding:0px 5px;text-align:left;font-size:85%;} | |
|
943 | .help_string_label{float:right;font-size:85%;} | |
|
975 | body{background-color:#ffffff;} | |
|
976 | body.notebook_app{overflow:hidden;} | |
|
977 | span#notebook_name{height:1em;line-height:1em;padding:3px;border:none;font-size:146.5%;} | |
|
944 | 978 | div#notebook_panel{margin:0px 0px 0px 0px;padding:0px;} |
|
945 | 979 | div#notebook{overflow-y:scroll;overflow-x:auto;width:100%;padding:5px 5px 15px 5px;margin:0px;} |
|
946 | div#pager_splitter{height:8px;} | |
|
947 | #pager_container{position:relative;} | |
|
948 | div#pager{padding:15px;overflow:auto;display:none;}div#pager pre{font-size:13px;line-height:1.231;color:#000000;background-color:#f7f7f7;padding:0.4em;} | |
|
949 | 980 | div.ui-widget-content{border:1px solid #ababab;outline:none;} |
|
950 | .cell{border:1px solid transparent;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;width:100%;}.cell.selected{border-radius:4px;border:thin #ababab solid;} | |
|
951 | div.cell{width:100%;padding:5px 5px 5px 0px;margin:2px 0px 2px 0px;outline:none;} | |
|
952 | div.prompt{width:11ex;padding:0.4em;margin:0px;font-family:monospace;text-align:right;line-height:1.231;} | |
|
953 | div.input{page-break-inside:avoid;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;} | |
|
954 | div.input_area{border:1px solid #cfcfcf;border-radius:4px;background:#f7f7f7;} | |
|
955 | div.input_prompt{color:navy;border-top:1px solid transparent;} | |
|
956 | div.output_wrapper{margin-top:5px;margin-left:5px;width:100%;position:relative;} | |
|
957 | div.output_scroll{height:24em;width:100%;overflow:auto;border-radius:4px;-webkit-box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.8);-moz-box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.8);box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.8);} | |
|
958 | div.output_collapsed{margin-right:5px;} | |
|
959 | div.out_prompt_overlay{height:100%;padding:0px;position:absolute;border-radius:4px;} | |
|
960 | div.out_prompt_overlay:hover{-webkit-box-shadow:inset 0 0 1px #000000;-moz-box-shadow:inset 0 0 1px #000000;box-shadow:inset 0 0 1px #000000;background:rgba(240, 240, 240, 0.5);} | |
|
961 | div.output_prompt{color:darkred;margin:0 5px 0 -5px;} | |
|
981 | pre.dialog{background-color:#f7f7f7;border:1px solid #ddd;border-radius:4px;padding:0.4em;padding-left:2em;} | |
|
982 | p.dialog{padding:0.2em;} | |
|
983 | pre,code,kbd,samp{white-space:pre-wrap;} | |
|
984 | #fonttest{font-family:monospace;} | |
|
985 | a{text-decoration:underline;} | |
|
986 | p{margin-bottom:0;} | |
|
987 | a.heading-anchor:link,a.heading-anchor:visited{text-decoration:none;color:inherit;} | |
|
988 | #notification_area{position:absolute;right:0px;top:0px;height:25px;padding:3px 0px;padding-right:3px;z-index:10;} | |
|
989 | .notification_widget{float:right;right:0px;top:1px;height:25px;padding:3px 6px;z-index:10;} | |
|
962 | 990 | div.output_area{padding:0px;page-break-inside:avoid;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;} |
|
963 | 991 | div.output_area pre{font-family:monospace;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;color:black;background-color:white;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:inherit;} |
|
964 | 992 | div.output_subarea{padding:0.44em 0.4em 0.4em 1px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;} |
@@ -966,38 +994,15 b' div.output_text{text-align:left;color:#000000;font-family:monospace;line-height:' | |||
|
966 | 994 | div.output_stream{padding-top:0.0em;padding-bottom:0.0em;} |
|
967 | 995 | div.output_stderr{background:#fdd;} |
|
968 | 996 | div.output_latex{text-align:left;} |
|
969 | div.text_cell{padding:5px 5px 5px 5px;} | |
|
970 | div.text_cell_input{color:#000000;border:1px solid #cfcfcf;border-radius:4px;background:#f7f7f7;} | |
|
971 | div.text_cell_render{outline:none;resize:none;width:inherit;border-style:none;padding:5px;color:#000000;} | |
|
972 | .CodeMirror{line-height:1.231;height:auto;background:none;} | |
|
973 | .CodeMirror-scroll{overflow-y:hidden;overflow-x:auto;} | |
|
974 | .CodeMirror-lines{padding:0.4em;} | |
|
975 | .CodeMirror pre{padding:0;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} | |
|
976 | .ansiblack{color:#000000;} | |
|
977 | .ansired{color:darkred;} | |
|
978 | .ansigreen{color:darkgreen;} | |
|
979 | .ansiyellow{color:brown;} | |
|
980 | .ansiblue{color:darkblue;} | |
|
981 | .ansipurple{color:darkviolet;} | |
|
982 | .ansicyan{color:steelblue;} | |
|
983 | .ansigrey{color:grey;} | |
|
984 | .ansibold{font-weight:bold;} | |
|
985 | .completions{position:absolute;z-index:10;overflow:hidden;border:1px solid #ababab;border-radius:4px;-webkit-box-shadow:0px 6px 10px -1px #adadad;-moz-box-shadow:0px 6px 10px -1px #adadad;box-shadow:0px 6px 10px -1px #adadad;} | |
|
986 | .completions select{background:white;outline:none;border:none;padding:0px;margin:0px;overflow:auto;font-family:monospace;font-size:110%;color:#000000;} | |
|
987 | .completions select option.context{color:#0064cd;} | |
|
988 | pre.dialog{background-color:#f7f7f7;border:1px solid #ddd;border-radius:4px;padding:0.4em;padding-left:2em;} | |
|
989 | p.dialog{padding:0.2em;} | |
|
990 | .shortcut_key{display:inline-block;width:15ex;text-align:right;font-family:monospace;} | |
|
991 | pre,code,kbd,samp{white-space:pre-wrap;} | |
|
992 | #fonttest{font-family:monospace;} | |
|
993 | 997 | .js-error{color:darkred;} |
|
994 | a{text-decoration:underline;} | |
|
995 | p{margin-bottom:0;} | |
|
996 | a.heading-anchor:link,a.heading-anchor:visited{text-decoration:none;color:inherit;} | |
|
997 | 998 | div.raw_input{padding-top:0px;padding-bottom:0px;height:1em;line-height:1em;font-family:monospace;} |
|
998 | 999 | span.input_prompt{font-family:inherit;} |
|
999 | 1000 | input.raw_input{font-family:inherit;font-size:inherit;color:inherit;width:auto;margin:-2px 0px 0px 1px;padding-left:1px;padding-top:2px;height:1em;} |
|
1000 | 1001 | p.p-space{margin-bottom:10px;} |
|
1002 | div#pager_splitter{height:8px;} | |
|
1003 | #pager_container{position:relative;} | |
|
1004 | div#pager{padding:15px;overflow:auto;display:none;}div#pager pre{font-size:13px;line-height:1.231;color:#000000;background-color:#f7f7f7;padding:0.4em;} | |
|
1005 | .shortcut_key{display:inline-block;width:15ex;text-align:right;font-family:monospace;} | |
|
1001 | 1006 | .rendered_html{color:black;}.rendered_html em{font-style:italic;} |
|
1002 | 1007 | .rendered_html strong{font-weight:bold;} |
|
1003 | 1008 | .rendered_html u{text-decoration:underline;} |
@@ -1025,6 +1030,14 b' p.p-space{margin-bottom:10px;}' | |||
|
1025 | 1030 | .rendered_html th{font-weight:bold;} |
|
1026 | 1031 | .rendered_html p{text-align:justify;} |
|
1027 | 1032 | .rendered_html p+p{margin-top:1em;} |
|
1033 | span#save_widget{padding:5px;margin:0px 0px 0px 300px;display:inline-block;} | |
|
1034 | span#checkpoint_status span#autosave_status{font-size:small;} | |
|
1035 | div.text_cell{padding:5px 5px 5px 5px;} | |
|
1036 | div.text_cell_input{color:#000000;border:1px solid #cfcfcf;border-radius:4px;background:#f7f7f7;} | |
|
1037 | div.text_cell_render{outline:none;resize:none;width:inherit;border-style:none;padding:5px;color:#000000;} | |
|
1038 | .toolbar{padding:3px 15px;border-bottom:1px #ababab solid;}.toolbar button{margin-top:2px;margin-bottom:2px;} | |
|
1039 | .toolbar select,.toolbar label{height:19px;vertical-align:middle;margin-right:2px;margin-bottom:0;display:inline;font-size:92%;margin-left:0.3em;margin-right:0.3em;padding:0px;} | |
|
1040 | .toolbar select{width:auto;} | |
|
1028 | 1041 | @-moz-keyframes fadeOut{from{opacity:1;} to{opacity:0;}}@-webkit-keyframes fadeOut{from{opacity:1;} to{opacity:0;}}@-moz-keyframes fadeIn{from{opacity:0;} to{opacity:1;}}@-webkit-keyframes fadeIn{from{opacity:0;} to{opacity:1;}}.bigtooltip{overflow:auto;height:200px;-webkit-transition-property:height;-webkit-transition-duration:500ms;-moz-transition-property:height;-moz-transition-duration:500ms;transition-property:height;transition-duration:500ms;} |
|
1029 | 1042 | .smalltooltip{-webkit-transition-property:height;-webkit-transition-duration:500ms;-moz-transition-property:height;-moz-transition-duration:500ms;transition-property:height;transition-duration:500ms;text-overflow:ellipsis;overflow:hidden;height:80px;} |
|
1030 | 1043 | .tooltipbuttons{position:absolute;padding-right:15px;top:0px;right:0px;} |
@@ -1033,40 +1046,3 b' p.p-space{margin-bottom:10px;}' | |||
|
1033 | 1046 | .ipython_tooltip .tooltiptext pre{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:100%;background-color:#f7f7f7;} |
|
1034 | 1047 | .pretooltiparrow{left:0px;margin:0px;top:-16px;width:40px;height:16px;overflow:hidden;position:absolute;} |
|
1035 | 1048 | .pretooltiparrow:before{background-color:#f7f7f7;border:1px #ababab solid;z-index:11;content:"";position:absolute;left:15px;top:10px;width:25px;height:25px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} |
|
1036 | .celltoolbar{border:thin solid #CFCFCF;border-bottom:none;background:#EEE;border-top-right-radius:3px;border-top-left-radius:3px;width:100%;-webkit-box-pack:end;height:20px;} | |
|
1037 | .no_input_radius{border-top-right-radius:0px;border-top-left-radius:0px;} | |
|
1038 | .text_cell .ctb_prompt{display:none;} | |
|
1039 | .code_cell .ctb_prompt{display:block;} | |
|
1040 | .ctb_hideshow{display:none;vertical-align:bottom;padding-right:2px;} | |
|
1041 | .celltoolbar>div{padding-top:0px;} | |
|
1042 | .ctb_area{margin:0;padding:0;width:100%;} | |
|
1043 | .ctb_show.ctb_hideshow,.ctb_show .ctb_hideshow{display:block;} | |
|
1044 | .ctb_show .input_area,.ctb_show .ctb_hideshow+div.text_cell_input{border-top-right-radius:0px;border-top-left-radius:0px;} | |
|
1045 | .ctb_show>.celltoolbar{border-bottom-right-radius:0px;border-bottom-left-radius:0px;} | |
|
1046 | .button_container{margin-top:0;margin-bottom:0;} | |
|
1047 | .ui-button{min-width:30px;} | |
|
1048 | .celltoolbar .button_container select{margin:10px;margin-top:1px;margin-bottom:0px;padding:0;font-size:87%;width:auto;display:inline-block;height:18px;line-height:18px;vertical-align:top;} | |
|
1049 | .celltoolbar label{display:inline-block;height:15px;line-height:15px;vertical-align:top;} | |
|
1050 | .celltoolbar label span{font-size:85%;} | |
|
1051 | .celltoolbar input[type=checkbox]{margin:0px;margin-left:4px;margin-right:4px;} | |
|
1052 | .celltoolbar .ui-button{border:none;vertical-align:top;height:20px;} | |
|
1053 | pre code{display:block;padding:0.5em;} | |
|
1054 | .highlight-base,pre code,pre .subst,pre .tag .title,pre .lisp .title,pre .clojure .built_in,pre .nginx .title{color:black;} | |
|
1055 | .highlight-string,pre .string,pre .constant,pre .parent,pre .tag .value,pre .rules .value,pre .rules .value .number,pre .preprocessor,pre .ruby .symbol,pre .ruby .symbol .string,pre .aggregate,pre .template_tag,pre .django .variable,pre .smalltalk .class,pre .addition,pre .flow,pre .stream,pre .bash .variable,pre .apache .tag,pre .apache .cbracket,pre .tex .command,pre .tex .special,pre .erlang_repl .function_or_atom,pre .markdown .header{color:#BA2121;} | |
|
1056 | .highlight-comment,pre .comment,pre .annotation,pre .template_comment,pre .diff .header,pre .chunk,pre .markdown .blockquote{color:#408080;font-style:italic;} | |
|
1057 | .highlight-number,pre .number,pre .date,pre .regexp,pre .literal,pre .smalltalk .symbol,pre .smalltalk .char,pre .go .constant,pre .change,pre .markdown .bullet,pre .markdown .link_url{color:#080;} | |
|
1058 | pre .label,pre .javadoc,pre .ruby .string,pre .decorator,pre .filter .argument,pre .localvars,pre .array,pre .attr_selector,pre .important,pre .pseudo,pre .pi,pre .doctype,pre .deletion,pre .envvar,pre .shebang,pre .apache .sqbracket,pre .nginx .built_in,pre .tex .formula,pre .erlang_repl .reserved,pre .prompt,pre .markdown .link_label,pre .vhdl .attribute,pre .clojure .attribute,pre .coffeescript .property{color:#8888ff;} | |
|
1059 | .highlight-keyword,pre .keyword,pre .id,pre .phpdoc,pre .aggregate,pre .css .tag,pre .javadoctag,pre .phpdoc,pre .yardoctag,pre .smalltalk .class,pre .winutils,pre .bash .variable,pre .apache .tag,pre .go .typename,pre .tex .command,pre .markdown .strong,pre .request,pre .status{color:#008000;font-weight:bold;} | |
|
1060 | .highlight-builtin,pre .built_in{color:#008000;} | |
|
1061 | pre .markdown .emphasis{font-style:italic;} | |
|
1062 | pre .nginx .built_in{font-weight:normal;} | |
|
1063 | pre .coffeescript .javascript,pre .javascript .xml,pre .tex .formula,pre .xml .javascript,pre .xml .vbscript,pre .xml .css,pre .xml .cdata{opacity:0.5;} | |
|
1064 | .cm-s-ipython span.cm-variable{color:black;} | |
|
1065 | .cm-s-ipython span.cm-keyword{color:#008000;font-weight:bold;} | |
|
1066 | .cm-s-ipython span.cm-number{color:#080;} | |
|
1067 | .cm-s-ipython span.cm-comment{color:#408080;font-style:italic;} | |
|
1068 | .cm-s-ipython span.cm-string{color:#BA2121;} | |
|
1069 | .cm-s-ipython span.cm-builtin{color:#008000;} | |
|
1070 | .cm-s-ipython span.cm-error{color:#f00;} | |
|
1071 | .cm-s-ipython span.cm-operator{color:#AA22FF;font-weight:bold;} | |
|
1072 | .cm-s-ipython span.cm-meta{color:#AA22FF;} |
General Comments 0
You need to be logged in to leave comments.
Login now