##// END OF EJS Templates
Minor changes to notebook css.
Brian Granger -
Show More
@@ -1,209 +1,202 b''
1 /**
1 /**
2 * HTML5 ✰ Boilerplate
2 * HTML5 ✰ Boilerplate
3 *
3 *
4 * style.css contains a reset, font normalization and some base styles.
4 * style.css contains a reset, font normalization and some base styles.
5 *
5 *
6 * Credit is left where credit is due.
6 * Credit is left where credit is due.
7 * Much inspiration was taken from these projects:
7 * Much inspiration was taken from these projects:
8 * - yui.yahooapis.com/2.8.1/build/base/base.css
8 * - yui.yahooapis.com/2.8.1/build/base/base.css
9 * - camendesign.com/design/
9 * - camendesign.com/design/
10 * - praegnanz.de/weblog/htmlcssjs-kickstart
10 * - praegnanz.de/weblog/htmlcssjs-kickstart
11 */
11 */
12
12
13
13
14 /**
14 /**
15 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
15 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
16 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
16 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
17 * html5doctor.com/html-5-reset-stylesheet/
17 * html5doctor.com/html-5-reset-stylesheet/
18 */
18 */
19
19
20 html, body, div, span, object, iframe,
20 html, body, div, span, object, iframe,
21 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
21 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
22 abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
22 abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
23 small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
23 small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
24 fieldset, form, label, legend,
24 fieldset, form, label, legend,
25 table, caption, tbody, tfoot, thead, tr, th, td,
25 table, caption, tbody, tfoot, thead, tr, th, td,
26 article, aside, canvas, details, figcaption, figure,
26 article, aside, canvas, details, figcaption, figure,
27 footer, header, hgroup, menu, nav, section, summary,
27 footer, header, hgroup, menu, nav, section, summary,
28 time, mark, audio, video {
28 time, mark, audio, video {
29 margin: 0;
29 margin: 0;
30 padding: 0;
30 padding: 0;
31 border: 0;
31 border: 0;
32 font-size: 100%;
32 font-size: 100%;
33 font: inherit;
33 font: inherit;
34 vertical-align: baseline;
34 vertical-align: baseline;
35 }
35 }
36
36
37 article, aside, details, figcaption, figure,
37 article, aside, details, figcaption, figure,
38 footer, header, hgroup, menu, nav, section {
38 footer, header, hgroup, menu, nav, section {
39 display: block;
39 display: block;
40 }
40 }
41
41
42 blockquote, q { quotes: none; }
42 blockquote, q { quotes: none; }
43
43
44 blockquote:before, blockquote:after,
44 blockquote:before, blockquote:after,
45 q:before, q:after { content: ""; content: none; }
45 q:before, q:after { content: ""; content: none; }
46
46
47 ins { background-color: #ff9; color: #000; text-decoration: none; }
47 ins { background-color: #ff9; color: #000; text-decoration: none; }
48
48
49 mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
49 mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
50
50
51 del { text-decoration: line-through; }
51 del { text-decoration: line-through; }
52
52
53 abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
53 abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
54
54
55 table { border-collapse: collapse; border-spacing: 0; }
55 table { border-collapse: collapse; border-spacing: 0; }
56
56
57 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
57 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
58
58
59 input, select { vertical-align: middle; }
59 input, select { vertical-align: middle; }
60
60
61
62 /**
63 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
64 */
65
66 body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
67 select, input, textarea, button { font:99% sans-serif; }
68
69 /* Normalize monospace sizing:
61 /* Normalize monospace sizing:
70 en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
62 en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
71 pre, code, kbd, samp { font-family: monospace, sans-serif; }
63 pre, code, kbd, samp { font-family: monospace, sans-serif; }
72
64
73
65
74
66
75 body {
67 body {
76 background-color: white;
68 background-color: white;
69 font-size: 10pt;
77 }
70 }
78
71
79 span#ipython_notebook h1 {
72 span#ipython_notebook h1 {
80 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
73 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
81 font-size: 32pt;
74 font-size: 32pt;
82 padding: 10px;
75 padding: 10px;
83 margin: 10px;
76 margin: 10px;
84 }
77 }
85
78
86 div#toolbar {
79 div#toolbar {
87 width: 100%;
80 width: 100%;
88 height: auto;
81 height: auto;
89 border-bottom-width: 2px;
82 border-bottom-width: 2px;
90 border-bottom-style: solid;
83 border-bottom-style: solid;
91 border-bottom-color: black;
84 border-bottom-color: black;
92 padding: 5px;
85 padding: 5px;
93 }
86 }
94
87
95 div.notebook {
88 div.notebook {
96 width: 790px;
89 width: 790px;
97 height: 650px; /*We might have to detect window height for this*/
90 height: 650px; /*We might have to detect window height for this*/
98 overflow: auto;
91 overflow: auto;
99 margin-left: auto;
92 margin-left: auto;
100 margin-right: auto;
93 margin-right: auto;
101 padding-top: 5px;
94 padding-top: 5px;
102 padding-bottom: 5px;
95 padding-bottom: 5px;
103 background-color: white;
96 background-color: white;
104 }
97 }
105
98
106 div.cell {
99 div.cell {
107 width: 740px;
100 width: 740px;
108 margin: 5px auto 5px 5px;
101 margin: 5px auto 5px 5px;
109 padding: 5px;
102 padding: 5px;
110 position: relative;
103 position: relative;
111 display: table;
104 display: table;
112 }
105 }
113
106
114 div.code_cell {
107 div.code_cell {
115 background-color: white;
108 background-color: white;
116 }
109 }
117
110
118 div.prompt {
111 div.prompt {
119 vertical-align: top;
112 vertical-align: top;
120 display: table-cell;
113 display: table-cell;
121 width: 80px;
114 width: 80px;
122 padding: 0px;
115 padding: 0px;
123 margin: 0px;
116 margin: 0px;
124 font-family: Menlo, "Courier New", Courier, mono;
117 font-family: Menlo, "Courier New", Courier, mono;
125 font-weight: normal;
118 font-weight: normal;
126 font-style: normal;
119 font-style: normal;
127 }
120 }
128
121
129 div.input {
122 div.input {
130 display: table-row;
123 display: table-row;
131 padding: 0px;
124 padding: 0px;
132 margin: 0px;
125 margin: 0px;
133 }
126 }
134
127
135 div.input_prompt {
128 div.input_prompt {
136 color: blue;
129 color: blue;
137 }
130 }
138
131
139 textarea.input_area {
132 textarea.input_area {
140 text-align: left;
133 text-align: left;
141 font-family: Menlo, "Courier New", Courier, mono;
134 font-family: Menlo, "Courier New", Courier, mono;
142 font-size: inherit;
135 font-size: inherit;
143 border-style: none;
136 border-style: none;
144 display: table-cell;
137 display: table-cell;
145 padding: 0px;
138 padding: 0px;
146 margin: 0px;
139 margin: 0px;
147 overflow: auto;
140 overflow: auto;
148 font-weight: normal;
141 font-weight: normal;
149 font-style: normal;
142 font-style: normal;
150 width: 650px;
143 width: 650px;
151 outline: none;
144 outline: none;
152 resize: none;
145 resize: none;
153 }
146 }
154
147
155 div.output {
148 div.output {
156 display: table-row;
149 display: table-row;
157 padding: 0px;
150 padding: 0px;
158 margin: 0px;
151 margin: 0px;
159 }
152 }
160
153
161 div.output_prompt {
154 div.output_prompt {
162 color: red;
155 color: red;
163 }
156 }
164
157
165 div.output_area {
158 div.output_area {
166 text-align: left;
159 text-align: left;
167 font-family: Menlo, "Courier New", Courier, mono;
160 font-family: Menlo, "Courier New", Courier, mono;
168 padding: 0px;
161 padding: 0px;
169 margin: 0px;
162 margin: 0px;
170 display: table-cell;
163 display: table-cell;
171 width: 650px;
164 width: 650px;
172 }
165 }
173
166
174 div.text_cell {
167 div.text_cell {
175 background-color: white;
168 background-color: white;
176 }
169 }
177
170
178 textarea.text_cell_input {
171 textarea.text_cell_input {
179 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
172 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
180 font-size: inherit;
173 font-size: inherit;
181 outline: none;
174 outline: none;
182 resize: none;
175 resize: none;
183 width: inherit;
176 width: inherit;
184 border-style: none;
177 border-style: none;
185 padding: 0;
178 padding: 0;
186 margin: 0;
179 margin: 0;
187 color: black;
180 color: black;
188 }
181 }
189
182
190 div.text_cell_render {
183 div.text_cell_render {
191 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
184 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
192 font-size: inherit;
185 font-size: inherit;
193 outline: none;
186 outline: none;
194 resize: none;
187 resize: none;
195 width: inherit;
188 width: inherit;
196 border-style: none;
189 border-style: none;
197 padding: 0;
190 padding: 0;
198 margin: 0;
191 margin: 0;
199 color: black;
192 color: black;
200 }
193 }
201
194
202 div.text_cell_render em {
195 div.text_cell_render em {
203 font-style: italic;
196 font-style: italic;
204 }
197 }
205
198
206 div.text_cell_render strong {
199 div.text_cell_render strong {
207 font-weight: bold;
200 font-weight: bold;
208 }
201 }
209
202
General Comments 0
You need to be logged in to leave comments. Login now