##// END OF EJS Templates
Move header padding removal to base page style
Jonathan Frederic -
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