Show More
| @@ -1,10 +1,7 b'' | |||||
| 1 | c = get_config() |
|
1 | c = get_config() | |
| 2 |
|
2 | |||
|
|
3 | load_subconfig('base_html.nbcv') | |||
| 3 |
|
4 | |||
| 4 | c.ConverterTemplate.extract_figures=False |
|
|||
| 5 | c.ConverterTemplate.template_file='reveal' |
|
5 | c.ConverterTemplate.template_file='reveal' | |
| 6 | c.ConverterTemplate.tex_environement=False |
|
6 | c.NbconvertApp.fileext='reveal.html' | |
| 7 |
|
7 | |||
| 8 | c.NbconvertApp.fileext='html' |
|
|||
| 9 |
|
||||
| 10 | c.ExtractFigureTransformer.enabled = False |
|
|||
| @@ -1,6 +1,6 b'' | |||||
| 1 | {%- extends 'basichtml.tpl' -%} |
|
1 | {%- extends 'basichtml.tpl' -%} | |
| 2 |
|
2 | |||
| 3 | {%- block header -%} |
|
3 | {%- block header -%}<!DOCTYPE html> | |
| 4 | <html> |
|
4 | <html> | |
| 5 | <head> |
|
5 | <head> | |
| 6 | <meta charset="UTF-8"> |
|
6 | <meta charset="UTF-8"> | |
| This diff has been collapsed as it changes many lines, (766 lines changed) Show them Hide them | |||||
| @@ -104,773 +104,47 b' document.write( \'<link rel="stylesheet" href="reveal/css/print/\' + ( window.loca' | |||||
| 104 | <script src="reveal/lib/js/html5shiv.js"></script> |
|
104 | <script src="reveal/lib/js/html5shiv.js"></script> | |
| 105 | <![endif]--> |
|
105 | <![endif]--> | |
| 106 |
|
106 | |||
|
|
107 | {% for css in inlining.css -%} | |||
| 107 | <style type="text/css"> |
|
108 | <style type="text/css"> | |
| 108 | /** |
|
109 | {{css}} | |
| 109 | * HTML5 ✰ Boilerplate |
|
|||
| 110 | * |
|
|||
| 111 | * style.css contains a reset, font normalization and some base styles. |
|
|||
| 112 | * |
|
|||
| 113 | * Credit is left where credit is due. |
|
|||
| 114 | * Much inspiration was taken from these projects: |
|
|||
| 115 | * - yui.yahooapis.com/2.8.1/build/base/base.css |
|
|||
| 116 | * - camendesign.com/design/ |
|
|||
| 117 | * - praegnanz.de/weblog/htmlcssjs-kickstart |
|
|||
| 118 | */ |
|
|||
| 119 |
|
||||
| 120 |
|
||||
| 121 | /** |
|
|||
| 122 | * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) |
|
|||
| 123 | * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark |
|
|||
| 124 | * html5doctor.com/html-5-reset-stylesheet/ |
|
|||
| 125 | */ |
|
|||
| 126 |
|
||||
| 127 | html, body, div, span, object, iframe, |
|
|||
| 128 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
|||
| 129 | abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, |
|
|||
| 130 | small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, |
|
|||
| 131 | fieldset, form, label, legend, |
|
|||
| 132 | table, caption, tbody, tfoot, thead, tr, th, td, |
|
|||
| 133 | article, aside, canvas, details, figcaption, figure, |
|
|||
| 134 | footer, header, hgroup, menu, nav, section, summary, |
|
|||
| 135 | time, mark, audio, video { |
|
|||
| 136 | margin: 0; |
|
|||
| 137 | padding: 0; |
|
|||
| 138 | border: 0; |
|
|||
| 139 | font-size: 100%; |
|
|||
| 140 | font: inherit; |
|
|||
| 141 | vertical-align: baseline; |
|
|||
| 142 | } |
|
|||
| 143 |
|
||||
| 144 | sup { vertical-align: super; } |
|
|||
| 145 | sub { vertical-align: sub; } |
|
|||
| 146 |
|
||||
| 147 | article, aside, details, figcaption, figure, |
|
|||
| 148 | footer, header, hgroup, menu, nav, section { |
|
|||
| 149 | display: block; |
|
|||
| 150 | } |
|
|||
| 151 |
|
||||
| 152 | blockquote, q { quotes: none; } |
|
|||
| 153 |
|
||||
| 154 | blockquote:before, blockquote:after, |
|
|||
| 155 | q:before, q:after { content: ""; content: none; } |
|
|||
| 156 |
|
||||
| 157 | ins { background-color: #ff9; color: #000; text-decoration: none; } |
|
|||
| 158 |
|
||||
| 159 | mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } |
|
|||
| 160 |
|
||||
| 161 | del { text-decoration: line-through; } |
|
|||
| 162 |
|
||||
| 163 | abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } |
|
|||
| 164 |
|
||||
| 165 | table { border-collapse: collapse; border-spacing: 0; } |
|
|||
| 166 |
|
||||
| 167 | hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } |
|
|||
| 168 |
|
||||
| 169 | input, select { vertical-align: middle; } |
|
|||
| 170 |
|
||||
| 171 |
|
||||
| 172 | /** |
|
|||
| 173 | * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ |
|
|||
| 174 | */ |
|
|||
| 175 |
|
||||
| 176 | body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */ |
|
|||
| 177 | select, input, textarea, button { font:99% sans-serif; } |
|
|||
| 178 |
|
||||
| 179 | /* Normalize monospace sizing: |
|
|||
| 180 | en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ |
|
|||
| 181 | pre, code, kbd, samp { font-family: monospace, sans-serif; } |
|
|||
| 182 |
|
||||
| 183 | em,i { font-style: italic; } |
|
|||
| 184 | b,strong { font-weight: bold; } |
|
|||
| 185 |
|
||||
| 186 | </style> |
|
|||
| 187 | <style type="text/css"> |
|
|||
| 188 |
|
||||
| 189 | /* Flexible box model classes */ |
|
|||
| 190 | /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */ |
|
|||
| 191 |
|
||||
| 192 | .hbox { |
|
|||
| 193 | display: -webkit-box; |
|
|||
| 194 | -webkit-box-orient: horizontal; |
|
|||
| 195 | -webkit-box-align: stretch; |
|
|||
| 196 |
|
||||
| 197 | display: -moz-box; |
|
|||
| 198 | -moz-box-orient: horizontal; |
|
|||
| 199 | -moz-box-align: stretch; |
|
|||
| 200 |
|
||||
| 201 | display: box; |
|
|||
| 202 | box-orient: horizontal; |
|
|||
| 203 | box-align: stretch; |
|
|||
| 204 | } |
|
|||
| 205 |
|
||||
| 206 | .hbox > * { |
|
|||
| 207 | -webkit-box-flex: 0; |
|
|||
| 208 | -moz-box-flex: 0; |
|
|||
| 209 | box-flex: 0; |
|
|||
| 210 | } |
|
|||
| 211 |
|
||||
| 212 | .vbox { |
|
|||
| 213 | display: -webkit-box; |
|
|||
| 214 | -webkit-box-orient: vertical; |
|
|||
| 215 | -webkit-box-align: stretch; |
|
|||
| 216 |
|
||||
| 217 | display: -moz-box; |
|
|||
| 218 | -moz-box-orient: vertical; |
|
|||
| 219 | -moz-box-align: stretch; |
|
|||
| 220 |
|
||||
| 221 | display: box; |
|
|||
| 222 | box-orient: vertical; |
|
|||
| 223 | box-align: stretch; |
|
|||
| 224 | } |
|
|||
| 225 |
|
||||
| 226 | .vbox > * { |
|
|||
| 227 | -webkit-box-flex: 0; |
|
|||
| 228 | -moz-box-flex: 0; |
|
|||
| 229 | box-flex: 0; |
|
|||
| 230 | } |
|
|||
| 231 |
|
||||
| 232 | .reverse { |
|
|||
| 233 | -webkit-box-direction: reverse; |
|
|||
| 234 | -moz-box-direction: reverse; |
|
|||
| 235 | box-direction: reverse; |
|
|||
| 236 | } |
|
|||
| 237 |
|
||||
| 238 | .box-flex0 { |
|
|||
| 239 | -webkit-box-flex: 0; |
|
|||
| 240 | -moz-box-flex: 0; |
|
|||
| 241 | box-flex: 0; |
|
|||
| 242 | } |
|
|||
| 243 |
|
||||
| 244 | .box-flex1, .box-flex { |
|
|||
| 245 | -webkit-box-flex: 1; |
|
|||
| 246 | -moz-box-flex: 1; |
|
|||
| 247 | box-flex: 1; |
|
|||
| 248 | } |
|
|||
| 249 |
|
||||
| 250 | .box-flex2 { |
|
|||
| 251 | -webkit-box-flex: 2; |
|
|||
| 252 | -moz-box-flex: 2; |
|
|||
| 253 | box-flex: 2; |
|
|||
| 254 | } |
|
|||
| 255 |
|
||||
| 256 | .box-group1 { |
|
|||
| 257 | -webkit-box-flex-group: 1; |
|
|||
| 258 | -moz-box-flex-group: 1; |
|
|||
| 259 | box-flex-group: 1; |
|
|||
| 260 | } |
|
|||
| 261 |
|
||||
| 262 | .box-group2 { |
|
|||
| 263 | -webkit-box-flex-group: 2; |
|
|||
| 264 | -moz-box-flex-group: 2; |
|
|||
| 265 | box-flex-group: 2; |
|
|||
| 266 | } |
|
|||
| 267 |
|
||||
| 268 | .start { |
|
|||
| 269 | -webkit-box-pack: start; |
|
|||
| 270 | -moz-box-pack: start; |
|
|||
| 271 | box-pack: start; |
|
|||
| 272 | } |
|
|||
| 273 |
|
||||
| 274 | .end { |
|
|||
| 275 | -webkit-box-pack: end; |
|
|||
| 276 | -moz-box-pack: end; |
|
|||
| 277 | box-pack: end; |
|
|||
| 278 | } |
|
|||
| 279 |
|
||||
| 280 | .center { |
|
|||
| 281 | -webkit-box-pack: center; |
|
|||
| 282 | -moz-box-pack: center; |
|
|||
| 283 | box-pack: center; |
|
|||
| 284 | } |
|
|||
| 285 |
|
||||
| 286 | </style> |
|
|||
| 287 | <style type="text/css"> |
|
|||
| 288 | /** |
|
|||
| 289 | * Primary styles |
|
|||
| 290 | * |
|
|||
| 291 | * Author: IPython Development Team |
|
|||
| 292 | */ |
|
|||
| 293 |
|
||||
| 294 |
|
||||
| 295 | body { |
|
|||
| 296 | overflow: hidden; |
|
|||
| 297 | } |
|
|||
| 298 |
|
||||
| 299 | blockquote { |
|
|||
| 300 | border-left: 4px solid #DDD; |
|
|||
| 301 | padding: 0 15px; |
|
|||
| 302 | color: #777; |
|
|||
| 303 | } |
|
|||
| 304 |
|
||||
| 305 | span#save_widget { |
|
|||
| 306 | padding: 5px; |
|
|||
| 307 | margin: 0px 0px 0px 300px; |
|
|||
| 308 | display:inline-block; |
|
|||
| 309 | } |
|
|||
| 310 |
|
||||
| 311 | span#notebook_name { |
|
|||
| 312 | height: 1em; |
|
|||
| 313 | line-height: 1em; |
|
|||
| 314 | padding: 3px; |
|
|||
| 315 | border: none; |
|
|||
| 316 | font-size: 146.5%; |
|
|||
| 317 | } |
|
|||
| 318 |
|
||||
| 319 | .ui-menubar-item .ui-button .ui-button-text { |
|
|||
| 320 | padding: 0.4em 1.0em; |
|
|||
| 321 | font-size: 100%; |
|
|||
| 322 | } |
|
|||
| 323 |
|
||||
| 324 | .ui-menu { |
|
|||
| 325 | -moz-box-shadow: 0px 6px 10px -1px #adadad; |
|
|||
| 326 | -webkit-box-shadow: 0px 6px 10px -1px #adadad; |
|
|||
| 327 | box-shadow: 0px 6px 10px -1px #adadad; |
|
|||
| 328 | } |
|
|||
| 329 |
|
||||
| 330 | .ui-menu .ui-menu-item a { |
|
|||
| 331 | border: 1px solid transparent; |
|
|||
| 332 | padding: 2px 1.6em; |
|
|||
| 333 | } |
|
|||
| 334 |
|
||||
| 335 | .ui-menu .ui-menu-item a.ui-state-focus { |
|
|||
| 336 | margin: 0; |
|
|||
| 337 | } |
|
|||
| 338 |
|
||||
| 339 | .ui-menu hr { |
|
|||
| 340 | margin: 0.3em 0; |
|
|||
| 341 | } |
|
|||
| 342 |
|
||||
| 343 | #menubar_container { |
|
|||
| 344 | position: relative; |
|
|||
| 345 | } |
|
|||
| 346 |
|
||||
| 347 | #notification_area { |
|
|||
| 348 | position: absolute; |
|
|||
| 349 | right: 0px; |
|
|||
| 350 | top: 0px; |
|
|||
| 351 | height: 25px; |
|
|||
| 352 | padding: 3px 0px; |
|
|||
| 353 | padding-right: 3px; |
|
|||
| 354 | z-index: 10; |
|
|||
| 355 | } |
|
|||
| 356 |
|
||||
| 357 | .notification_widget{ |
|
|||
| 358 | float : right; |
|
|||
| 359 | right: 0px; |
|
|||
| 360 | top: 1px; |
|
|||
| 361 | height: 25px; |
|
|||
| 362 | padding: 3px 6px; |
|
|||
| 363 | z-index: 10; |
|
|||
| 364 | } |
|
|||
| 365 |
|
||||
| 366 | .toolbar { |
|
|||
| 367 | padding: 3px 15px; |
|
|||
| 368 | } |
|
|||
| 369 |
|
||||
| 370 | #maintoolbar > select, #maintoolbar label { |
|
|||
| 371 | font-size: 85%; |
|
|||
| 372 | margin-left:0.3em; |
|
|||
| 373 | margin-right:0.3em; |
|
|||
| 374 |
|
||||
| 375 | } |
|
|||
| 376 |
|
||||
| 377 |
|
||||
| 378 | div#main_app { |
|
|||
| 379 | width: 100%; |
|
|||
| 380 | position: relative; |
|
|||
| 381 | } |
|
|||
| 382 |
|
||||
| 383 | span#quick_help_area { |
|
|||
| 384 | position: static; |
|
|||
| 385 | padding: 5px 0px; |
|
|||
| 386 | margin: 0px 0px 0px 0px; |
|
|||
| 387 | } |
|
|||
| 388 |
|
||||
| 389 | .help_string { |
|
|||
| 390 | float: right; |
|
|||
| 391 | width: 170px; |
|
|||
| 392 | padding: 0px 5px; |
|
|||
| 393 | text-align: left; |
|
|||
| 394 | font-size: 85%; |
|
|||
| 395 | } |
|
|||
| 396 |
|
||||
| 397 | .help_string_label { |
|
|||
| 398 | float: right; |
|
|||
| 399 | font-size: 85%; |
|
|||
| 400 | } |
|
|||
| 401 |
|
||||
| 402 | div#notebook_panel { |
|
|||
| 403 | margin: 0px 0px 0px 0px; |
|
|||
| 404 | padding: 0px; |
|
|||
| 405 | } |
|
|||
| 406 |
|
||||
| 407 | div#notebook { |
|
|||
| 408 | overflow-y: scroll; |
|
|||
| 409 | overflow-x: auto; |
|
|||
| 410 | width: 100%; |
|
|||
| 411 | /* This spaces the cell away from the edge of the notebook area */ |
|
|||
| 412 | padding: 5px 5px 15px 5px; |
|
|||
| 413 | margin: 0px; |
|
|||
| 414 | background-color: white; |
|
|||
| 415 | } |
|
|||
| 416 |
|
||||
| 417 | div#pager_splitter { |
|
|||
| 418 | height: 8px; |
|
|||
| 419 | } |
|
|||
| 420 |
|
||||
| 421 | #pager_container { |
|
|||
| 422 | position : relative; |
|
|||
| 423 | } |
|
|||
| 424 |
|
||||
| 425 |
|
||||
| 426 | div#pager { |
|
|||
| 427 | padding: 15px; |
|
|||
| 428 | overflow: auto; |
|
|||
| 429 | display: none; |
|
|||
| 430 | } |
|
|||
| 431 |
|
||||
| 432 | div.ui-widget-content { |
|
|||
| 433 | border: 1px solid #aaa; |
|
|||
| 434 | outline: none; |
|
|||
| 435 | } |
|
|||
| 436 |
|
||||
| 437 | .cell { |
|
|||
| 438 | border: 1px solid transparent; |
|
|||
| 439 | } |
|
|||
| 440 |
|
||||
| 441 | div.cell { |
|
|||
| 442 | width: 100%; |
|
|||
| 443 | padding: 5px 5px 5px 0px; |
|
|||
| 444 | /* This acts as a spacer between cells, that is outside the border */ |
|
|||
| 445 | margin: 2px 0px 2px 0px; |
|
|||
| 446 | outline: none; |
|
|||
| 447 | } |
|
|||
| 448 |
|
||||
| 449 | div.code_cell { |
|
|||
| 450 | background-color: white; |
|
|||
| 451 | } |
|
|||
| 452 |
|
||||
| 453 | /* any special styling for code cells that are currently running goes here */ |
|
|||
| 454 | div.code_cell.running { |
|
|||
| 455 | } |
|
|||
| 456 |
|
||||
| 457 | div.prompt { |
|
|||
| 458 | /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */ |
|
|||
| 459 | width: 11ex; |
|
|||
| 460 | /* This 0.4em is tuned to match the padding on the CodeMirror editor. */ |
|
|||
| 461 | padding: 0.4em; |
|
|||
| 462 | margin: 0px; |
|
|||
| 463 | font-family: monospace; |
|
|||
| 464 | text-align:right; |
|
|||
| 465 | } |
|
|||
| 466 |
|
||||
| 467 | div.input { |
|
|||
| 468 | page-break-inside: avoid; |
|
|||
| 469 | } |
|
|||
| 470 |
|
||||
| 471 | /* input_area and input_prompt must match in top border and margin for alignment */ |
|
|||
| 472 | div.input_area { |
|
|||
| 473 | color: black; |
|
|||
| 474 | border: 1px solid #ddd; |
|
|||
| 475 | border-radius: 3px; |
|
|||
| 476 | background: #f7f7f7; |
|
|||
| 477 | } |
|
|||
| 478 |
|
||||
| 479 | div.input_prompt { |
|
|||
| 480 | color: navy; |
|
|||
| 481 | border-top: 1px solid transparent; |
|
|||
| 482 | } |
|
|||
| 483 |
|
||||
| 484 | div.output_wrapper { |
|
|||
| 485 | /* This is a spacer between the input and output of each cell */ |
|
|||
| 486 | margin-top: 5px; |
|
|||
| 487 | margin-left: 5px; |
|
|||
| 488 | /* FF needs explicit width to stretch */ |
|
|||
| 489 | width: 100%; |
|
|||
| 490 | /* this position must be relative to enable descendents to be absolute within it */ |
|
|||
| 491 | position: relative; |
|
|||
| 492 | } |
|
|||
| 493 |
|
||||
| 494 | /* class for the output area when it should be height-limited */ |
|
|||
| 495 | div.output_scroll { |
|
|||
| 496 | /* ideally, this would be max-height, but FF barfs all over that */ |
|
|||
| 497 | height: 24em; |
|
|||
| 498 | /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */ |
|
|||
| 499 | width: 100%; |
|
|||
| 500 |
|
||||
| 501 | overflow: auto; |
|
|||
| 502 | border-radius: 3px; |
|
|||
| 503 | box-shadow: inset 0 2px 8px rgba(0, 0, 0, .8); |
|
|||
| 504 | } |
|
|||
| 505 |
|
||||
| 506 | /* output div while it is collapsed */ |
|
|||
| 507 | div.output_collapsed { |
|
|||
| 508 | margin-right: 5px; |
|
|||
| 509 | } |
|
|||
| 510 |
|
||||
| 511 | div.out_prompt_overlay { |
|
|||
| 512 | height: 100%; |
|
|||
| 513 | padding: 0px; |
|
|||
| 514 | position: absolute; |
|
|||
| 515 | border-radius: 3px; |
|
|||
| 516 | } |
|
|||
| 517 |
|
||||
| 518 | div.out_prompt_overlay:hover { |
|
|||
| 519 | /* use inner shadow to get border that is computed the same on WebKit/FF */ |
|
|||
| 520 | box-shadow: inset 0 0 1px #000; |
|
|||
| 521 | background: rgba(240, 240, 240, 0.5); |
|
|||
| 522 | } |
|
|||
| 523 |
|
||||
| 524 | div.output_prompt { |
|
|||
| 525 | color: darkred; |
|
|||
| 526 | /* 5px right shift to account for margin in parent container */ |
|
|||
| 527 | margin: 0 5px 0 -5px; |
|
|||
| 528 | } |
|
|||
| 529 |
|
||||
| 530 | /* This class is the outer container of all output sections. */ |
|
|||
| 531 | div.output_area { |
|
|||
| 532 | padding: 0px; |
|
|||
| 533 | page-break-inside: avoid; |
|
|||
| 534 | } |
|
|||
| 535 |
|
||||
| 536 | /* This class is for the output subarea inside the output_area and after |
|
|||
| 537 | the prompt div. */ |
|
|||
| 538 | div.output_subarea { |
|
|||
| 539 | padding: 0.4em 0.4em 0.4em 0.4em; |
|
|||
| 540 | } |
|
|||
| 541 |
|
||||
| 542 | /* The rest of the output_* classes are for special styling of the different |
|
|||
| 543 | output types */ |
|
|||
| 544 |
|
||||
| 545 | /* all text output has this class: */ |
|
|||
| 546 | div.output_text { |
|
|||
| 547 | text-align: left; |
|
|||
| 548 | color: black; |
|
|||
| 549 | font-family: monospace; |
|
|||
| 550 | } |
|
|||
| 551 |
|
||||
| 552 | /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */ |
|
|||
| 553 | div.output_stream { |
|
|||
| 554 | padding-top: 0.0em; |
|
|||
| 555 | padding-bottom: 0.0em; |
|
|||
| 556 | } |
|
|||
| 557 | div.output_stdout { |
|
|||
| 558 | } |
|
|||
| 559 | div.output_stderr { |
|
|||
| 560 | background: #fdd; /* very light red background for stderr */ |
|
|||
| 561 | } |
|
|||
| 562 |
|
||||
| 563 | div.output_latex { |
|
|||
| 564 | text-align: left; |
|
|||
| 565 | color: black; |
|
|||
| 566 | } |
|
|||
| 567 |
|
||||
| 568 | div.output_html { |
|
|||
| 569 | } |
|
|||
| 570 |
|
||||
| 571 | div.output_png { |
|
|||
| 572 | } |
|
|||
| 573 |
|
||||
| 574 | div.output_jpeg { |
|
|||
| 575 | } |
|
|||
| 576 |
|
||||
| 577 | div.text_cell { |
|
|||
| 578 | background-color: white; |
|
|||
| 579 | padding: 5px 5px 5px 5px; |
|
|||
| 580 | } |
|
|||
| 581 |
|
||||
| 582 | div.text_cell_input { |
|
|||
| 583 | color: black; |
|
|||
| 584 | border: 1px solid #ddd; |
|
|||
| 585 | border-radius: 3px; |
|
|||
| 586 | background: #f7f7f7; |
|
|||
| 587 | } |
|
|||
| 588 |
|
||||
| 589 | div.text_cell_render { |
|
|||
| 590 | font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; |
|
|||
| 591 | outline: none; |
|
|||
| 592 | resize: none; |
|
|||
| 593 | width: inherit; |
|
|||
| 594 | border-style: none; |
|
|||
| 595 | padding: 5px; |
|
|||
| 596 | color: black; |
|
|||
| 597 | } |
|
|||
| 598 |
|
||||
| 599 | /* The following gets added to the <head> if it is detected that the user has a |
|
|||
| 600 | * monospace font with inconsistent normal/bold/italic height. See |
|
|||
| 601 | * notebookmain.js. Such fonts will have keywords vertically offset with |
|
|||
| 602 | * respect to the rest of the text. The user should select a better font. |
|
|||
| 603 | * See: https://github.com/ipython/ipython/issues/1503 |
|
|||
| 604 | * |
|
|||
| 605 | * .CodeMirror span { |
|
|||
| 606 | * vertical-align: bottom; |
|
|||
| 607 | * } |
|
|||
| 608 | */ |
|
|||
| 609 |
|
||||
| 610 | .CodeMirror { |
|
|||
| 611 | line-height: 1.231; /* Changed from 1em to our global default */ |
|
|||
| 612 | } |
|
|||
| 613 |
|
||||
| 614 | .CodeMirror-scroll { |
|
|||
| 615 | height: auto; /* Changed to auto to autogrow */ |
|
|||
| 616 | /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/ |
|
|||
| 617 | /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/ |
|
|||
| 618 | overflow-y: hidden; |
|
|||
| 619 | overflow-x: auto; /* Changed from auto to remove scrollbar */ |
|
|||
| 620 | } |
|
|||
| 621 |
|
||||
| 622 | /* CSS font colors for translated ANSI colors. */ |
|
|||
| 623 |
|
||||
| 624 |
|
||||
| 625 | .ansiblack {color: black;} |
|
|||
| 626 | .ansired {color: darkred;} |
|
|||
| 627 | .ansigreen {color: darkgreen;} |
|
|||
| 628 | .ansiyellow {color: brown;} |
|
|||
| 629 | .ansiblue {color: darkblue;} |
|
|||
| 630 | .ansipurple {color: darkviolet;} |
|
|||
| 631 | .ansicyan {color: steelblue;} |
|
|||
| 632 | .ansigrey {color: grey;} |
|
|||
| 633 | .ansibold {font-weight: bold;} |
|
|||
| 634 |
|
||||
| 635 | .completions { |
|
|||
| 636 | position: absolute; |
|
|||
| 637 | z-index: 10; |
|
|||
| 638 | overflow: hidden; |
|
|||
| 639 | border: 1px solid grey; |
|
|||
| 640 | } |
|
|||
| 641 |
|
||||
| 642 | .completions select { |
|
|||
| 643 | background: white; |
|
|||
| 644 | outline: none; |
|
|||
| 645 | border: none; |
|
|||
| 646 | padding: 0px; |
|
|||
| 647 | margin: 0px; |
|
|||
| 648 | overflow: auto; |
|
|||
| 649 | font-family: monospace; |
|
|||
| 650 | } |
|
|||
| 651 |
|
||||
| 652 | option.context { |
|
|||
| 653 | background-color: #DEF7FF; |
|
|||
| 654 | } |
|
|||
| 655 | option.introspection { |
|
|||
| 656 | background-color: #EBF4EB; |
|
|||
| 657 | } |
|
|||
| 658 |
|
||||
| 659 | /*fixed part of the completion*/ |
|
|||
| 660 | .completions p b { |
|
|||
| 661 | font-weight:bold; |
|
|||
| 662 | } |
|
|||
| 663 |
|
||||
| 664 | .completions p { |
|
|||
| 665 | background: #DDF; |
|
|||
| 666 | /*outline: none; |
|
|||
| 667 | padding: 0px;*/ |
|
|||
| 668 | border-bottom: black solid 1px; |
|
|||
| 669 | padding: 1px; |
|
|||
| 670 | font-family: monospace; |
|
|||
| 671 | } |
|
|||
| 672 |
|
||||
| 673 | pre.dialog { |
|
|||
| 674 | background-color: #f7f7f7; |
|
|||
| 675 | border: 1px solid #ddd; |
|
|||
| 676 | border-radius: 3px; |
|
|||
| 677 | padding: 0.4em; |
|
|||
| 678 | padding-left: 2em; |
|
|||
| 679 | } |
|
|||
| 680 |
|
||||
| 681 | p.dialog { |
|
|||
| 682 | padding : 0.2em; |
|
|||
| 683 | } |
|
|||
| 684 |
|
||||
| 685 | .shortcut_key { |
|
|||
| 686 | display: inline-block; |
|
|||
| 687 | width: 15ex; |
|
|||
| 688 | text-align: right; |
|
|||
| 689 | font-family: monospace; |
|
|||
| 690 | } |
|
|||
| 691 |
|
||||
| 692 | .shortcut_descr { |
|
|||
| 693 | } |
|
|||
| 694 |
|
||||
| 695 | /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems |
|
|||
| 696 | to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do. |
|
|||
| 697 | */ |
|
|||
| 698 | pre, code, kbd, samp { white-space: pre-wrap; } |
|
|||
| 699 |
|
||||
| 700 | #fonttest { |
|
|||
| 701 | font-family: monospace; |
|
|||
| 702 | } |
|
|||
| 703 |
|
||||
| 704 | </style> |
|
110 | </style> | |
| 705 | <style type="text/css"> |
|
111 | {% endfor %} | |
| 706 | .rendered_html {color: black;} |
|
|||
| 707 | .rendered_html em {font-style: italic;} |
|
|||
| 708 | .rendered_html strong {font-weight: bold;} |
|
|||
| 709 | .rendered_html u {text-decoration: underline;} |
|
|||
| 710 | .rendered_html :link { text-decoration: underline } |
|
|||
| 711 | .rendered_html :visited { text-decoration: underline } |
|
|||
| 712 | .rendered_html h1 {font-size: 197%; margin: .65em 0; font-weight: bold;} |
|
|||
| 713 | .rendered_html h2 {font-size: 153.9%; margin: .75em 0; font-weight: bold;} |
|
|||
| 714 | .rendered_html h3 {font-size: 123.1%; margin: .85em 0; font-weight: bold;} |
|
|||
| 715 | .rendered_html h4 {font-size: 100% margin: 0.95em 0; font-weight: bold;} |
|
|||
| 716 | .rendered_html h5 {font-size: 85%; margin: 1.5em 0; font-weight: bold;} |
|
|||
| 717 | .rendered_html h6 {font-size: 77%; margin: 1.65em 0; font-weight: bold;} |
|
|||
| 718 | .rendered_html ul {list-style:disc; margin: 1em 2em;} |
|
|||
| 719 | .rendered_html ul ul {list-style:square; margin: 0em 2em;} |
|
|||
| 720 | .rendered_html ul ul ul {list-style:circle; margin-left: 0em 2em;} |
|
|||
| 721 | .rendered_html ol {list-style:upper-roman; margin: 1em 2em;} |
|
|||
| 722 | .rendered_html ol ol {list-style:upper-alpha; margin: 0em 2em;} |
|
|||
| 723 | .rendered_html ol ol ol {list-style:decimal; margin: 0em 2em;} |
|
|||
| 724 | .rendered_html ol ol ol ol {list-style:lower-alpha; margin 0em 2em;} |
|
|||
| 725 | .rendered_html ol ol ol ol ol {list-style:lower-roman; 0em 2em;} |
|
|||
| 726 |
|
||||
| 727 | .rendered_html hr { |
|
|||
| 728 | color: black; |
|
|||
| 729 | background-color: black; |
|
|||
| 730 | } |
|
|||
| 731 |
|
||||
| 732 | .rendered_html pre { |
|
|||
| 733 | margin: 1em 2em; |
|
|||
| 734 | } |
|
|||
| 735 |
|
112 | |||
| 736 | .rendered_html blockquote { |
|
|||
| 737 | margin: 1em 2em; |
|
|||
| 738 | } |
|
|||
| 739 |
|
||||
| 740 | .rendered_html table { |
|
|||
| 741 | border: 1px solid black; |
|
|||
| 742 | border-collapse: collapse; |
|
|||
| 743 | margin: 1em 2em; |
|
|||
| 744 | } |
|
|||
| 745 |
|
||||
| 746 | .rendered_html td { |
|
|||
| 747 | border: 1px solid black; |
|
|||
| 748 | text-align: left; |
|
|||
| 749 | vertical-align: middle; |
|
|||
| 750 | padding: 4px; |
|
|||
| 751 | } |
|
|||
| 752 |
|
||||
| 753 | .rendered_html th { |
|
|||
| 754 | border: 1px solid black; |
|
|||
| 755 | text-align: left; |
|
|||
| 756 | vertical-align: middle; |
|
|||
| 757 | padding: 4px; |
|
|||
| 758 | font-weight: bold; |
|
|||
| 759 | } |
|
|||
| 760 |
|
||||
| 761 | .rendered_html tr { |
|
|||
| 762 | border: 1px solid black; |
|
|||
| 763 | } |
|
|||
| 764 |
|
||||
| 765 | .rendered_html p + p { |
|
|||
| 766 | margin-top: 1em; |
|
|||
| 767 | } |
|
|||
| 768 |
|
||||
| 769 |
|
||||
| 770 | </style> |
|
|||
| 771 | <style type="text/css"> |
|
113 | <style type="text/css"> | |
| 772 | /* Overrides of notebook CSS for static HTML export |
|
114 | /* Overrides of notebook CSS for static HTML export */ | |
| 773 |
|
||||
| 774 | */ |
|
|||
| 775 |
|
115 | |||
| 776 | .reveal { |
|
116 | .reveal { | |
| 777 | font-size: 20px; |
|
117 | font-size: 20px; | |
| 778 | } |
|
118 | } | |
| 779 | .reveal pre { |
|
119 | .reveal pre { | |
| 780 | width: 100%; |
|
120 | width: 100%; | |
| 781 | padding: 0.2em; |
|
121 | padding: 0.2em; | |
| 782 | margin: 0px auto; |
|
122 | margin: 0px auto; | |
| 783 | font-family: monospace, sans-serif; |
|
123 | font-family: monospace, sans-serif; | |
| 784 | font-size: 60%; |
|
124 | font-size: 60%; | |
| 785 | box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); |
|
125 | box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); | |
| 786 | } |
|
126 | } | |
| 787 | .reveal section img { |
|
127 | .reveal section img { | |
| 788 | border: 0px solid black; |
|
128 | border: 0px solid black; | |
| 789 | box-shadow: 0 0 10px rgba(0, 0, 0, 0); |
|
129 | box-shadow: 0 0 10px rgba(0, 0, 0, 0); | |
| 790 | } |
|
130 | } | |
| 791 | div.input_area { |
|
131 | div.input_area { | |
| 792 | padding: 0.2em; |
|
132 | padding: 0.2em; | |
| 793 | } |
|
133 | } | |
| 794 | div.code_cell { |
|
134 | div.code_cell { | |
| 795 | background-color: transparent; |
|
135 | background-color: transparent; | |
| 796 | } |
|
136 | } | |
| 797 | div.prompt { |
|
137 | div.prompt { | |
| 798 | width: 11ex; |
|
138 | width: 11ex; | |
| 799 | padding: 0.0em; |
|
139 | padding: 0.0em; | |
| 800 | margin: 0px; |
|
140 | margin: 0px; | |
| 801 | font-family: monospace; |
|
141 | font-family: monospace; | |
| 802 | font-size: 60%; |
|
142 | font-size: 60%; | |
| 803 | text-align: center; |
|
143 | text-align: center; | |
| 804 | } |
|
144 | } | |
| 805 | div.output_prompt { |
|
145 | div.output_prompt { | |
| 806 | /* 5px right shift to account for margin in parent container */ |
|
146 | /* 5px right shift to account for margin in parent container */ | |
| 807 | margin: 5px 5px 0 -5px; |
|
147 | margin: 5px 5px 0 -5px; | |
| 808 | } |
|
148 | } | |
| 809 |
|
||||
| 810 | </style> |
|
|||
| 811 | <meta charset="UTF-8"> |
|
|||
| 812 | <style type="text/css"> |
|
|||
| 813 | .highlight .hll { background-color: #ffffcc } |
|
|||
| 814 | .highlight { background: #f8f8f8; } |
|
|||
| 815 | .highlight .c { color: #408080; font-style: italic } /* Comment */ |
|
|||
| 816 | .highlight .err { border: 1px solid #FF0000 } /* Error */ |
|
|||
| 817 | .highlight .k { color: #008000; font-weight: bold } /* Keyword */ |
|
|||
| 818 | .highlight .o { color: #666666 } /* Operator */ |
|
|||
| 819 | .highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */ |
|
|||
| 820 | .highlight .cp { color: #BC7A00 } /* Comment.Preproc */ |
|
|||
| 821 | .highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */ |
|
|||
| 822 | .highlight .cs { color: #408080; font-style: italic } /* Comment.Special */ |
|
|||
| 823 | .highlight .gd { color: #A00000 } /* Generic.Deleted */ |
|
|||
| 824 | .highlight .ge { font-style: italic } /* Generic.Emph */ |
|
|||
| 825 | .highlight .gr { color: #FF0000 } /* Generic.Error */ |
|
|||
| 826 | .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ |
|
|||
| 827 | .highlight .gi { color: #00A000 } /* Generic.Inserted */ |
|
|||
| 828 | .highlight .go { color: #808080 } /* Generic.Output */ |
|
|||
| 829 | .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */ |
|
|||
| 830 | .highlight .gs { font-weight: bold } /* Generic.Strong */ |
|
|||
| 831 | .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ |
|
|||
| 832 | .highlight .gt { color: #0040D0 } /* Generic.Traceback */ |
|
|||
| 833 | .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */ |
|
|||
| 834 | .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */ |
|
|||
| 835 | .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */ |
|
|||
| 836 | .highlight .kp { color: #008000 } /* Keyword.Pseudo */ |
|
|||
| 837 | .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */ |
|
|||
| 838 | .highlight .kt { color: #B00040 } /* Keyword.Type */ |
|
|||
| 839 | .highlight .m { color: #666666 } /* Literal.Number */ |
|
|||
| 840 | .highlight .s { color: #BA2121 } /* Literal.String */ |
|
|||
| 841 | .highlight .na { color: #7D9029 } /* Name.Attribute */ |
|
|||
| 842 | .highlight .nb { color: #008000 } /* Name.Builtin */ |
|
|||
| 843 | .highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */ |
|
|||
| 844 | .highlight .no { color: #880000 } /* Name.Constant */ |
|
|||
| 845 | .highlight .nd { color: #AA22FF } /* Name.Decorator */ |
|
|||
| 846 | .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */ |
|
|||
| 847 | .highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */ |
|
|||
| 848 | .highlight .nf { color: #0000FF } /* Name.Function */ |
|
|||
| 849 | .highlight .nl { color: #A0A000 } /* Name.Label */ |
|
|||
| 850 | .highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */ |
|
|||
| 851 | .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */ |
|
|||
| 852 | .highlight .nv { color: #19177C } /* Name.Variable */ |
|
|||
| 853 | .highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */ |
|
|||
| 854 | .highlight .w { color: #bbbbbb } /* Text.Whitespace */ |
|
|||
| 855 | .highlight .mf { color: #666666 } /* Literal.Number.Float */ |
|
|||
| 856 | .highlight .mh { color: #666666 } /* Literal.Number.Hex */ |
|
|||
| 857 | .highlight .mi { color: #666666 } /* Literal.Number.Integer */ |
|
|||
| 858 | .highlight .mo { color: #666666 } /* Literal.Number.Oct */ |
|
|||
| 859 | .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */ |
|
|||
| 860 | .highlight .sc { color: #BA2121 } /* Literal.String.Char */ |
|
|||
| 861 | .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */ |
|
|||
| 862 | .highlight .s2 { color: #BA2121 } /* Literal.String.Double */ |
|
|||
| 863 | .highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */ |
|
|||
| 864 | .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */ |
|
|||
| 865 | .highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */ |
|
|||
| 866 | .highlight .sx { color: #008000 } /* Literal.String.Other */ |
|
|||
| 867 | .highlight .sr { color: #BB6688 } /* Literal.String.Regex */ |
|
|||
| 868 | .highlight .s1 { color: #BA2121 } /* Literal.String.Single */ |
|
|||
| 869 | .highlight .ss { color: #19177C } /* Literal.String.Symbol */ |
|
|||
| 870 | .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */ |
|
|||
| 871 | .highlight .vc { color: #19177C } /* Name.Variable.Class */ |
|
|||
| 872 | .highlight .vg { color: #19177C } /* Name.Variable.Global */ |
|
|||
| 873 | .highlight .vi { color: #19177C } /* Name.Variable.Instance */ |
|
|||
| 874 | .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */ |
|
|||
| 875 | </style> |
|
149 | </style> | |
| 876 | </head>{% endblock %} |
|
150 | </head>{% endblock %} | |
General Comments 0
You need to be logged in to leave comments.
Login now