notebook.css
202 lines
| 4.3 KiB
| text/css
|
CssLexer
|
r4299 | /** | ||
* HTML5 ✰ Boilerplate | ||||
* | ||||
* style.css contains a reset, font normalization and some base styles. | ||||
* | ||||
* Credit is left where credit is due. | ||||
* Much inspiration was taken from these projects: | ||||
* - yui.yahooapis.com/2.8.1/build/base/base.css | ||||
* - camendesign.com/design/ | ||||
* - praegnanz.de/weblog/htmlcssjs-kickstart | ||||
*/ | ||||
/** | ||||
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) | ||||
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark | ||||
* html5doctor.com/html-5-reset-stylesheet/ | ||||
*/ | ||||
html, body, div, span, object, iframe, | ||||
|
r4292 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
|
r4299 | abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, | ||
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, | ||||
|
r4292 | fieldset, form, label, legend, | ||
table, caption, tbody, tfoot, thead, tr, th, td, | ||||
|
r4299 | article, aside, canvas, details, figcaption, figure, | ||
footer, header, hgroup, menu, nav, section, summary, | ||||
|
r4292 | time, mark, audio, video { | ||
|
r4299 | margin: 0; | ||
padding: 0; | ||||
border: 0; | ||||
font-size: 100%; | ||||
font: inherit; | ||||
vertical-align: baseline; | ||||
} | ||||
article, aside, details, figcaption, figure, | ||||
footer, header, hgroup, menu, nav, section { | ||||
display: block; | ||||
|
r4292 | } | ||
|
r4299 | blockquote, q { quotes: none; } | ||
blockquote:before, blockquote:after, | ||||
q:before, q:after { content: ""; content: none; } | ||||
ins { background-color: #ff9; color: #000; text-decoration: none; } | ||||
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } | ||||
del { text-decoration: line-through; } | ||||
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } | ||||
table { border-collapse: collapse; border-spacing: 0; } | ||||
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } | ||||
input, select { vertical-align: middle; } | ||||
/* Normalize monospace sizing: | ||||
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ | ||||
pre, code, kbd, samp { font-family: monospace, sans-serif; } | ||||
|
r4292 | body { | ||
background-color: white; | ||||
|
r4307 | font-size: 10pt; | ||
|
r4292 | } | ||
span#ipython_notebook h1 { | ||||
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | ||||
font-size: 32pt; | ||||
padding: 10px; | ||||
margin: 10px; | ||||
} | ||||
div#toolbar { | ||||
width: 100%; | ||||
height: auto; | ||||
border-bottom-width: 2px; | ||||
border-bottom-style: solid; | ||||
border-bottom-color: black; | ||||
|
r4299 | padding: 5px; | ||
|
r4292 | } | ||
div.notebook { | ||||
|
r4299 | width: 790px; | ||
|
r4300 | height: 650px; /*We might have to detect window height for this*/ | ||
overflow: auto; | ||||
|
r4292 | margin-left: auto; | ||
margin-right: auto; | ||||
padding-top: 5px; | ||||
padding-bottom: 5px; | ||||
background-color: white; | ||||
} | ||||
div.cell { | ||||
width: 740px; | ||||
|
r4299 | margin: 5px auto 5px 5px; | ||
|
r4292 | padding: 5px; | ||
position: relative; | ||||
|
r4299 | display: table; | ||
|
r4292 | } | ||
div.code_cell { | ||||
background-color: white; | ||||
} | ||||
div.prompt { | ||||
vertical-align: top; | ||||
display: table-cell; | ||||
|
r4299 | width: 80px; | ||
padding: 0px; | ||||
margin: 0px; | ||||
|
r4292 | font-family: Menlo, "Courier New", Courier, mono; | ||
font-weight: normal; | ||||
font-style: normal; | ||||
} | ||||
div.input { | ||||
|
r4299 | display: table-row; | ||
padding: 0px; | ||||
margin: 0px; | ||||
|
r4292 | } | ||
div.input_prompt { | ||||
color: blue; | ||||
} | ||||
textarea.input_area { | ||||
text-align: left; | ||||
font-family: Menlo, "Courier New", Courier, mono; | ||||
font-size: inherit; | ||||
border-style: none; | ||||
display: table-cell; | ||||
|
r4299 | padding: 0px; | ||
margin: 0px; | ||||
|
r4292 | overflow: auto; | ||
font-weight: normal; | ||||
font-style: normal; | ||||
|
r4299 | width: 650px; | ||
|
r4292 | outline: none; | ||
resize: none; | ||||
} | ||||
div.output { | ||||
|
r4299 | display: table-row; | ||
padding: 0px; | ||||
margin: 0px; | ||||
|
r4292 | } | ||
div.output_prompt { | ||||
color: red; | ||||
} | ||||
div.output_area { | ||||
text-align: left; | ||||
font-family: Menlo, "Courier New", Courier, mono; | ||||
|
r4299 | padding: 0px; | ||
margin: 0px; | ||||
|
r4292 | display: table-cell; | ||
|
r4299 | width: 650px; | ||
|
r4292 | } | ||
div.text_cell { | ||||
background-color: white; | ||||
} | ||||
textarea.text_cell_input { | ||||
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | ||||
font-size: inherit; | ||||
outline: none; | ||||
resize: none; | ||||
width: inherit; | ||||
border-style: none; | ||||
padding: 0; | ||||
margin: 0; | ||||
color: black; | ||||
} | ||||
div.text_cell_render { | ||||
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | ||||
font-size: inherit; | ||||
outline: none; | ||||
resize: none; | ||||
width: inherit; | ||||
border-style: none; | ||||
padding: 0; | ||||
margin: 0; | ||||
color: black; | ||||
} | ||||
div.text_cell_render em { | ||||
font-style: italic; | ||||
} | ||||
div.text_cell_render strong { | ||||
font-weight: bold; | ||||
} | ||||