Show More
@@ -1,97 +1,98 b'' | |||||
1 | /** |
|
1 | /** | |
2 | * Primary styles |
|
2 | * Primary styles | |
3 | * |
|
3 | * | |
4 | * Author: IPython Development Team |
|
4 | * Author: IPython Development Team | |
5 | */ |
|
5 | */ | |
6 |
|
6 | |||
7 |
|
7 | |||
8 | body { |
|
8 | body { | |
9 | background-color: white; |
|
9 | background-color: white; | |
10 | /* This makes sure that the body covers the entire window and needs to |
|
10 | /* This makes sure that the body covers the entire window and needs to | |
11 | be in a different element than the display: box in wrapper below */ |
|
11 | be in a different element than the display: box in wrapper below */ | |
12 | position: absolute; |
|
12 | position: absolute; | |
13 | left: 0px; |
|
13 | left: 0px; | |
14 | right: 0px; |
|
14 | right: 0px; | |
15 | top: 0px; |
|
15 | top: 0px; | |
16 | bottom: 0px; |
|
16 | bottom: 0px; | |
17 | overflow: visible; |
|
17 | overflow: visible; | |
18 | } |
|
18 | } | |
19 |
|
19 | |||
20 | div#header { |
|
20 | div#header { | |
21 | /* Initially hidden to prevent FLOUC */ |
|
21 | /* Initially hidden to prevent FLOUC */ | |
22 | display: none; |
|
22 | display: none; | |
|
23 | margin-bottom: 0px; | |||
23 | } |
|
24 | } | |
24 |
|
25 | |||
25 | #ipython_notebook { |
|
26 | #ipython_notebook { | |
26 | padding-left: 16px; |
|
27 | padding-left: 16px; | |
27 | } |
|
28 | } | |
28 |
|
29 | |||
29 | #noscript { |
|
30 | #noscript { | |
30 | width: auto; |
|
31 | width: auto; | |
31 | padding-top: 16px; |
|
32 | padding-top: 16px; | |
32 | padding-bottom: 16px; |
|
33 | padding-bottom: 16px; | |
33 | text-align: center; |
|
34 | text-align: center; | |
34 | font-size: 22px; |
|
35 | font-size: 22px; | |
35 | color: red; |
|
36 | color: red; | |
36 | font-weight: bold; |
|
37 | font-weight: bold; | |
37 | } |
|
38 | } | |
38 |
|
39 | |||
39 | #ipython_notebook img { |
|
40 | #ipython_notebook img { | |
40 | font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; |
|
41 | font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | |
41 | height: 24px; |
|
42 | height: 24px; | |
42 | text-decoration:none; |
|
43 | text-decoration:none; | |
43 | color: black; |
|
44 | color: black; | |
44 | } |
|
45 | } | |
45 |
|
46 | |||
46 | #site { |
|
47 | #site { | |
47 | width: 100%; |
|
48 | width: 100%; | |
48 | display: none; |
|
49 | display: none; | |
49 | } |
|
50 | } | |
50 |
|
51 | |||
51 | /* Smaller buttons */ |
|
52 | /* Smaller buttons */ | |
52 | .ui-button .ui-button-text { |
|
53 | .ui-button .ui-button-text { | |
53 | padding: 0.2em 0.8em; |
|
54 | padding: 0.2em 0.8em; | |
54 | font-size: 77%; |
|
55 | font-size: 77%; | |
55 | } |
|
56 | } | |
56 |
|
57 | |||
57 | input.ui-button { |
|
58 | input.ui-button { | |
58 | padding: 0.3em 0.9em; |
|
59 | padding: 0.3em 0.9em; | |
59 | } |
|
60 | } | |
60 | .navbar span { |
|
61 | .navbar span { | |
61 | margin-top: 3px; |
|
62 | margin-top: 3px; | |
62 | } |
|
63 | } | |
63 |
|
64 | |||
64 | span#login_widget { |
|
65 | span#login_widget { | |
65 | float: right; |
|
66 | float: right; | |
66 | } |
|
67 | } | |
67 |
|
68 | |||
68 | .nav-header { |
|
69 | .nav-header { | |
69 | text-transform: none; |
|
70 | text-transform: none; | |
70 | } |
|
71 | } | |
71 |
|
72 | |||
72 | .navbar-nobg { |
|
73 | .navbar-nobg { | |
73 | background-color: transparent; |
|
74 | background-color: transparent; | |
74 | background-image: none; |
|
75 | background-image: none; | |
75 | } |
|
76 | } | |
76 |
|
77 | |||
77 | #header > span { |
|
78 | #header > span { | |
78 | margin-top: 10px; |
|
79 | margin-top: 10px; | |
79 | } |
|
80 | } | |
80 |
|
81 | |||
81 | // class for stretching dialogs to fill the screen |
|
82 | // class for stretching dialogs to fill the screen | |
82 | .modal_stretch { |
|
83 | .modal_stretch { | |
83 | .vbox(); |
|
84 | .vbox(); | |
84 | height: 80%; |
|
85 | height: 80%; | |
85 | .modal-body { |
|
86 | .modal-body { | |
86 | max-height: none; |
|
87 | max-height: none; | |
87 | flex: 1; |
|
88 | flex: 1; | |
88 | } |
|
89 | } | |
89 | } |
|
90 | } | |
90 |
|
91 | |||
91 | @media (min-width: 768px) { |
|
92 | @media (min-width: 768px) { | |
92 | .modal { |
|
93 | .modal { | |
93 | width: 700px; |
|
94 | width: 700px; | |
94 | margin-left: -350px; |
|
95 | margin-left: -350px; | |
95 | } |
|
96 | } | |
96 | } |
|
97 | } | |
97 |
|
98 |
@@ -1,33 +1,37 b'' | |||||
1 | #menubar { |
|
1 | #menubar { | |
2 | } |
|
2 | } | |
3 |
|
3 | |||
4 | #menubar .navbar-inner { |
|
4 | #menubar .navbar-inner { | |
5 | min-height: 28px; |
|
5 | min-height: 28px; | |
6 | border-top: 1px; |
|
6 | border-top: 1px; | |
7 | border-radius: 0px 0px @border-radius-base @border-radius-base; |
|
7 | border-radius: 0px 0px @border-radius-base @border-radius-base; | |
8 | } |
|
8 | } | |
9 |
|
9 | |||
10 | #menubar .navbar { |
|
10 | #menubar .navbar { | |
11 | margin-bottom: 8px; |
|
11 | margin-bottom: 8px; | |
12 | } |
|
12 | } | |
13 |
|
13 | |||
14 | .nav-wrapper { |
|
14 | .nav-wrapper { | |
15 | border-bottom: 1px solid @navbar-default-border; |
|
15 | border-bottom: 1px solid @navbar-default-border; | |
16 | } |
|
16 | } | |
17 |
|
17 | |||
18 | #menubar li.dropdown { |
|
18 | #menubar li.dropdown { | |
19 | line-height: 12px; |
|
19 | line-height: 12px; | |
20 | } |
|
20 | } | |
21 |
|
21 | |||
22 | i.menu-icon { |
|
22 | i.menu-icon { | |
23 | // add padding to account for float-right |
|
23 | // add padding to account for float-right | |
24 | padding-top: 4px; |
|
24 | padding-top: 4px; | |
25 | } |
|
25 | } | |
26 |
|
26 | |||
27 | ul#help_menu li a{ |
|
27 | ul#help_menu li a{ | |
28 | overflow: hidden; |
|
28 | overflow: hidden; | |
29 | padding-right: 2.2em; |
|
29 | padding-right: 2.2em; | |
30 | i { |
|
30 | i { | |
31 | margin-right: -1.2em; |
|
31 | margin-right: -1.2em; | |
32 | } |
|
32 | } | |
33 | } No newline at end of file |
|
33 | } | |
|
34 | ||||
|
35 | ul#menus { | |||
|
36 | float: left; | |||
|
37 | } |
@@ -1,81 +1,77 b'' | |||||
1 |
|
1 | |||
2 | body { |
|
2 | body { | |
3 | background-color: @body-bg; |
|
3 | background-color: @body-bg; | |
4 | } |
|
4 | } | |
5 |
|
5 | |||
6 | body.notebook_app { |
|
6 | body.notebook_app { | |
7 | overflow: hidden; |
|
7 | overflow: hidden; | |
8 | } |
|
8 | } | |
9 |
|
9 | |||
10 | @media (max-width: 767px) { |
|
10 | @media (max-width: 767px) { | |
11 | // remove bootstrap-responsive's body padding on small screens |
|
11 | // remove bootstrap-responsive's body padding on small screens | |
12 | body.notebook_app { |
|
12 | body.notebook_app { | |
13 | padding-left: 0px; |
|
13 | padding-left: 0px; | |
14 | padding-right: 0px; |
|
14 | padding-right: 0px; | |
15 | } |
|
15 | } | |
16 | } |
|
16 | } | |
17 |
|
17 | |||
18 | span#notebook_name { |
|
18 | span#notebook_name { | |
19 | height: 1em; |
|
19 | height: 1em; | |
20 | line-height: 1em; |
|
20 | line-height: 1em; | |
21 | padding: 3px; |
|
21 | padding: 3px; | |
22 | border: none; |
|
22 | border: none; | |
23 | font-size: 146.5%; |
|
23 | font-size: 146.5%; | |
24 | } |
|
24 | } | |
25 |
|
25 | |||
26 | div#notebook_panel { |
|
26 | div#notebook_panel { | |
27 | margin: 0px 0px 0px 0px; |
|
27 | margin: 0px 0px 0px 0px; | |
28 | padding: 0px; |
|
28 | padding: 0px; | |
29 | .box-shadow(0 -1px 10px rgba(0,0,0,.1)); |
|
29 | .box-shadow(0 -1px 10px rgba(0,0,0,.1)); | |
30 | } |
|
30 | } | |
31 | div#notebook { |
|
31 | div#notebook { | |
32 | font-size: @notebook_font_size; |
|
32 | font-size: @notebook_font_size; | |
33 | line-height: @notebook_line_height; |
|
33 | line-height: @notebook_line_height; | |
34 | overflow-y: scroll; |
|
34 | overflow-y: scroll; | |
35 | overflow-x: auto; |
|
35 | overflow-x: auto; | |
36 | width: 100%; |
|
36 | width: 100%; | |
37 | /* This spaces the cell away from the edge of the notebook area */ |
|
37 | /* This spaces the cell away from the edge of the notebook area */ | |
38 | padding: 1em 0 1em 0; |
|
38 | padding: 1em 0 1em 0; | |
39 | margin: 0px; |
|
39 | margin: 0px; | |
40 | border-top: 1px solid @border_color; |
|
40 | border-top: 1px solid @border_color; | |
41 | outline: none; |
|
41 | outline: none; | |
42 | .border-box-sizing(); |
|
42 | .border-box-sizing(); | |
43 | } |
|
43 | } | |
44 |
|
44 | |||
45 | div.ui-widget-content { |
|
45 | div.ui-widget-content { | |
46 | border: 1px solid @border_color; |
|
46 | border: 1px solid @border_color; | |
47 | outline: none; |
|
47 | outline: none; | |
48 | } |
|
48 | } | |
49 |
|
49 | |||
50 | pre.dialog { |
|
50 | pre.dialog { | |
51 | background-color: @cell_background; |
|
51 | background-color: @cell_background; | |
52 | border: 1px solid #ddd; |
|
52 | border: 1px solid #ddd; | |
53 | .corner-all; |
|
53 | .corner-all; | |
54 | padding: 0.4em; |
|
54 | padding: 0.4em; | |
55 | padding-left: 2em; |
|
55 | padding-left: 2em; | |
56 | } |
|
56 | } | |
57 |
|
57 | |||
58 | p.dialog { |
|
58 | p.dialog { | |
59 | padding : 0.2em; |
|
59 | padding : 0.2em; | |
60 | } |
|
60 | } | |
61 |
|
61 | |||
62 | /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems |
|
62 | /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems | |
63 | to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do. |
|
63 | to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do. | |
64 | */ |
|
64 | */ | |
65 | pre, code, kbd, samp { white-space: pre-wrap; } |
|
65 | pre, code, kbd, samp { white-space: pre-wrap; } | |
66 |
|
66 | |||
67 | #fonttest { |
|
67 | #fonttest { | |
68 | font-family: @font-family-monospace; |
|
68 | font-family: @font-family-monospace; | |
69 | } |
|
69 | } | |
70 |
|
70 | |||
71 | p { |
|
71 | p { | |
72 | margin-bottom:0; |
|
72 | margin-bottom:0; | |
73 | } |
|
73 | } | |
74 |
|
74 | |||
75 | .end_space { |
|
75 | .end_space { | |
76 | height: 200px; |
|
76 | height: 200px; | |
77 | } |
|
77 | } | |
78 |
|
||||
79 | #header { |
|
|||
80 | margin-bottom: 0px; |
|
|||
81 | } |
|
General Comments 0
You need to be logged in to leave comments.
Login now