##// END OF EJS Templates
fix margin typo on output prompt
MinRK -
Show More
@@ -1,370 +1,370 b''
1 1 /**
2 2 * Primary styles
3 3 *
4 4 * Author: IPython Development Team
5 5 */
6 6
7 7
8 8 body {
9 9 overflow: hidden;
10 10 }
11 11
12 12 span#save_widget {
13 13 padding: 5px;
14 14 margin: 0px 0px 0px 300px;
15 15 display:inline-block;
16 16 }
17 17
18 18 span#notebook_name {
19 19 height: 1em;
20 20 line-height: 1em;
21 21 padding: 3px;
22 22 border: none;
23 23 font-size: 146.5%;
24 24 }
25 25
26 26 .ui-menubar-item .ui-button .ui-button-text {
27 27 padding: 0.4em 1.0em;
28 28 font-size: 100%;
29 29 }
30 30
31 31 .ui-menu {
32 32 -moz-box-shadow: 0px 6px 10px -1px #adadad;
33 33 -webkit-box-shadow: 0px 6px 10px -1px #adadad;
34 34 box-shadow: 0px 6px 10px -1px #adadad;
35 35 }
36 36
37 37 .ui-menu .ui-menu-item a {
38 38 border: 1px solid transparent;
39 39 padding: 2px 1.6em;
40 40 }
41 41
42 42 .ui-menu hr {
43 43 margin: 0.3em 0;
44 44 }
45 45
46 46 #menubar_container {
47 47 position: relative;
48 48 }
49 49
50 50 #notification {
51 51 position: absolute;
52 52 right: 3px;
53 53 top: 3px;
54 54 height: 25px;
55 55 padding: 3px 6px;
56 56 z-index: 10;
57 57 }
58 58
59 59 #toolbar {
60 60 padding: 3px 15px;
61 61 }
62 62
63 63 #cell_type {
64 64 font-size: 85%;
65 65 }
66 66
67 67
68 68 div#main_app {
69 69 width: 100%;
70 70 position: relative;
71 71 }
72 72
73 73 span#quick_help_area {
74 74 position: static;
75 75 padding: 5px 0px;
76 76 margin: 0px 0px 0px 0px;
77 77 }
78 78
79 79 .help_string {
80 80 float: right;
81 81 width: 170px;
82 82 padding: 0px 5px;
83 83 text-align: left;
84 84 font-size: 85%;
85 85 }
86 86
87 87 .help_string_label {
88 88 float: right;
89 89 font-size: 85%;
90 90 }
91 91
92 92 div#notebook_panel {
93 93 margin: 0px 0px 0px 0px;
94 94 padding: 0px;
95 95 }
96 96
97 97 div#notebook {
98 98 overflow-y: scroll;
99 99 overflow-x: auto;
100 100 width: 100%;
101 101 /* This spaces the cell away from the edge of the notebook area */
102 102 padding: 5px 5px 15px 5px;
103 103 margin: 0px;
104 104 background-color: white;
105 105 }
106 106
107 107 div#pager_splitter {
108 108 height: 8px;
109 109 }
110 110
111 111 div#pager {
112 112 padding: 15px;
113 113 overflow: auto;
114 114 display: none;
115 115 }
116 116
117 117 div.ui-widget-content {
118 118 border: 1px solid #aaa;
119 119 outline: none;
120 120 }
121 121
122 122 .cell {
123 123 border: 1px solid transparent;
124 124 }
125 125
126 126 div.cell {
127 127 width: 100%;
128 128 padding: 5px 5px 5px 0px;
129 129 /* This acts as a spacer between cells, that is outside the border */
130 130 margin: 2px 0px 2px 0px;
131 131 }
132 132
133 133 div.code_cell {
134 134 background-color: white;
135 135 }
136 136
137 137 /* any special styling for code cells that are currently running goes here */
138 138 div.code_cell.running {
139 139 }
140 140
141 141 div.prompt {
142 142 /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
143 143 width: 11ex;
144 144 /* This 0.4em is tuned to match the padding on the CodeMirror editor. */
145 145 padding: 0.4em;
146 146 margin: 0px;
147 147 font-family: monospace;
148 148 text-align:right;
149 149 }
150 150
151 151 div.input {
152 152 page-break-inside: avoid;
153 153 }
154 154
155 155 /* input_area and input_prompt must match in top border and margin for alignment */
156 156 div.input_area {
157 157 color: black;
158 158 border: 1px solid #ddd;
159 159 border-radius: 3px;
160 160 background: #f7f7f7;
161 161 }
162 162
163 163 div.input_prompt {
164 164 color: navy;
165 165 border-top: 1px solid transparent;
166 166 }
167 167
168 168 div.output_wrapper {
169 169 /* This is a spacer between the input and output of each cell */
170 170 margin-top: 5px;
171 171 margin-left: 5px;
172 172 /* FF needs explicit width to stretch */
173 173 width: 100%;
174 174 /* this position must be relative to enable descendents to be absolute within it */
175 175 position: relative;
176 176 }
177 177
178 178 /* class for the output area when it should be height-limited */
179 179 div.output_scroll {
180 180 /* ideally, this would be max-height, but FF barfs all over that */
181 181 height: 24em;
182 182 /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
183 183 width: 100%;
184 184
185 185 overflow: auto;
186 186 border-radius: 3px;
187 187 box-shadow: inset 0 2px 8px rgba(0, 0, 0, .8);
188 188 }
189 189
190 190 /* output div while it is collapsed */
191 191 div.output_collapsed {
192 192 margin-right: 5px;
193 193 }
194 194
195 195 div.out_prompt_overlay {
196 196 height: 100%;
197 197 padding: 0px;
198 198 position: absolute;
199 199 border-radius: 3px;
200 200 }
201 201
202 202 div.out_prompt_overlay:hover {
203 203 /* use inner shadow to get border that is computed the same on WebKit/FF */
204 204 box-shadow: inset 0 0 1px #000;
205 205 background: rgba(200, 200, 255, 0.5);
206 206 }
207 207
208 208 div.output_prompt {
209 209 color: darkred;
210 210 /* 5px right shift to account for margin in parent container */
211 margin-left: 0 5px 0 -5px;
211 margin: 0 5px 0 -5px;
212 212 }
213 213
214 214 /* This class is the outer container of all output sections. */
215 215 div.output_area {
216 216 padding: 0px;
217 217 page-break-inside: avoid;
218 218 }
219 219
220 220 /* This class is for the output subarea inside the output_area and after
221 221 the prompt div. */
222 222 div.output_subarea {
223 223 padding: 0.4em 0.4em 0.4em 0.4em;
224 224 }
225 225
226 226 /* The rest of the output_* classes are for special styling of the different
227 227 output types */
228 228
229 229 /* all text output has this class: */
230 230 div.output_text {
231 231 text-align: left;
232 232 color: black;
233 233 font-family: monospace;
234 234 }
235 235
236 236 /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */
237 237 div.output_stream {
238 238 padding-top: 0.0em;
239 239 padding-bottom: 0.0em;
240 240 }
241 241 div.output_stdout {
242 242 }
243 243 div.output_stderr {
244 244 background: #fdd; /* very light red background for stderr */
245 245 }
246 246
247 247 div.output_latex {
248 248 text-align: left;
249 249 color: black;
250 250 }
251 251
252 252 div.output_html {
253 253 }
254 254
255 255 div.output_png {
256 256 }
257 257
258 258 div.output_jpeg {
259 259 }
260 260
261 261 div.text_cell {
262 262 background-color: white;
263 263 padding: 5px 5px 5px 5px;
264 264 }
265 265
266 266 div.text_cell_input {
267 267 color: black;
268 268 border: 1px solid #ddd;
269 269 border-radius: 3px;
270 270 background: #f7f7f7;
271 271 }
272 272
273 273 div.text_cell_render {
274 274 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
275 275 outline: none;
276 276 resize: none;
277 277 width: inherit;
278 278 border-style: none;
279 279 padding: 5px;
280 280 color: black;
281 281 }
282 282
283 283 .CodeMirror {
284 284 line-height: 1.231; /* Changed from 1em to our global default */
285 285 }
286 286
287 287 .CodeMirror-scroll {
288 288 height: auto; /* Changed to auto to autogrow */
289 289 /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
290 290 /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
291 291 overflow-y: hidden;
292 292 overflow-x: auto; /* Changed from auto to remove scrollbar */
293 293 }
294 294
295 295 /* CSS font colors for translated ANSI colors. */
296 296
297 297
298 298 .ansiblack {color: black;}
299 299 .ansired {color: darkred;}
300 300 .ansigreen {color: darkgreen;}
301 301 .ansiyellow {color: brown;}
302 302 .ansiblue {color: darkblue;}
303 303 .ansipurple {color: darkviolet;}
304 304 .ansicyan {color: steelblue;}
305 305 .ansigrey {color: grey;}
306 306 .ansibold {font-weight: bold;}
307 307
308 308 .completions {
309 309 position: absolute;
310 310 z-index: 10;
311 311 overflow: auto;
312 312 border: 1px solid grey;
313 313 }
314 314
315 315 .completions select {
316 316 background: white;
317 317 outline: none;
318 318 border: none;
319 319 padding: 0px;
320 320 margin: 0px;
321 321 font-family: monospace;
322 322 }
323 323
324 324 option.context {
325 325 background-color: #DEF7FF;
326 326 }
327 327 option.introspection {
328 328 background-color: #EBF4EB;
329 329 }
330 330
331 331 /*fixed part of the completion*/
332 332 .completions p b {
333 333 font-weight:bold;
334 334 }
335 335
336 336 .completions p {
337 337 background: #DDF;
338 338 /*outline: none;
339 339 padding: 0px;*/
340 340 border-bottom: black solid 1px;
341 341 padding: 1px;
342 342 font-family: monospace;
343 343 }
344 344
345 345 pre.dialog {
346 346 background-color: #f7f7f7;
347 347 border: 1px solid #ddd;
348 348 border-radius: 3px;
349 349 padding: 0.4em;
350 350 padding-left: 2em;
351 351 }
352 352
353 353 p.dialog {
354 354 padding : 0.2em;
355 355 }
356 356
357 357 .shortcut_key {
358 358 display: inline-block;
359 359 width: 15ex;
360 360 text-align: right;
361 361 font-family: monospace;
362 362 }
363 363
364 364 .shortcut_descr {
365 365 }
366 366
367 367 /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
368 368 to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
369 369 */
370 370 pre, code, kbd, samp { white-space: pre-wrap; }
General Comments 0
You need to be logged in to leave comments. Login now