##// END OF EJS Templates
Updates to the css style of rendered html text cells.
Brian E. Granger -
Show More
@@ -0,0 +1,202 b''
1 <?xml version="1.0" encoding="utf-8"?>
2 <notebook>
3 <name>formatting</name>
4 <id>3eaf4ff7-e2c8-46f2-acd3-be16df73aee6</id>
5 <nbformat>2</nbformat>
6 <worksheets>
7 <worksheet>
8 <cells>
9 <markdowncell>
10 <source># Title (h1)
11
12 ## Heading (h2)
13
14 ### Heading (h3)
15
16 Here is a paragraph of text.
17
18 * One.
19 - Sublist
20 - Here we go
21 - Sublist
22 - Here we go
23 - Here we go
24 * Two.
25 - Sublist
26 * Three.
27 - Sublist
28
29 Now another list:
30
31 ---
32
33 1. Here we go
34 1. Sublist
35 2. Sublist
36 2. There we go
37 3. Now this
38
39 And another paragraph.
40
41 ### Heading (h3)
42
43 #### Heading (h4)
44
45 ##### Heading (h5)
46
47 ###### Heading (h6)
48
49 ## Heading (h2)
50
51 </source>
52 <rendered>&lt;h1&gt;Title (h1)&lt;/h1&gt;
53
54 &lt;h2&gt;Heading (h2)&lt;/h2&gt;
55
56 &lt;h3&gt;Heading (h3)&lt;/h3&gt;
57
58 &lt;p&gt;Here is a paragraph of text.&lt;/p&gt;
59
60 &lt;ul&gt;
61 &lt;li&gt;One.
62 &lt;ul&gt;&lt;li&gt;Sublist
63 &lt;ul&gt;&lt;li&gt;Here we go&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;
64 &lt;li&gt;Sublist
65 &lt;ul&gt;&lt;li&gt;Here we go&lt;/li&gt;
66 &lt;li&gt;Here we go&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;
67 &lt;li&gt;Two.
68 &lt;ul&gt;&lt;li&gt;Sublist&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;
69 &lt;li&gt;Three.
70 &lt;ul&gt;&lt;li&gt;Sublist&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;
71 &lt;/ul&gt;
72
73 &lt;p&gt;Now another list:&lt;/p&gt;
74
75 &lt;hr&gt;
76
77 &lt;ol&gt;
78 &lt;li&gt;Here we go
79 &lt;ol&gt;&lt;li&gt;Sublist&lt;/li&gt;
80 &lt;li&gt;Sublist&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;
81 &lt;li&gt;There we go&lt;/li&gt;
82 &lt;li&gt;Now this&lt;/li&gt;
83 &lt;/ol&gt;
84
85 &lt;p&gt;And another paragraph.&lt;/p&gt;
86
87 &lt;h3&gt;Heading (h3)&lt;/h3&gt;
88
89 &lt;h4&gt;Heading (h4)&lt;/h4&gt;
90
91 &lt;h5&gt;Heading (h5)&lt;/h5&gt;
92
93 &lt;h6&gt;Heading (h6)&lt;/h6&gt;
94
95 &lt;h2&gt;Heading (h2)&lt;/h2&gt;</rendered>
96 </markdowncell>
97 <markdowncell>
98 <source># Heading (h1)
99
100 ## Heading (h2)
101
102 ### Heading (h3)
103
104 #### Heading (h4)
105
106 ##### Heading (h5)
107
108 ###### Heading (h6)
109
110 Now for a simpel code example:
111
112 for i in range(10):
113 print i
114
115 Now more text</source>
116 <rendered>&lt;h1&gt;Heading (h1)&lt;/h1&gt;
117
118 &lt;h2&gt;Heading (h2)&lt;/h2&gt;
119
120 &lt;h3&gt;Heading (h3)&lt;/h3&gt;
121
122 &lt;h4&gt;Heading (h4)&lt;/h4&gt;
123
124 &lt;h5&gt;Heading (h5)&lt;/h5&gt;
125
126 &lt;h6&gt;Heading (h6)&lt;/h6&gt;
127
128 &lt;p&gt;Now for a simpel code example:&lt;/p&gt;
129
130 &lt;pre&gt;&lt;code&gt;for i in range(10):
131 print i
132 &lt;/code&gt;&lt;/pre&gt;
133
134 &lt;p&gt;Now more text&lt;/p&gt;</rendered>
135 </markdowncell>
136 <markdowncell>
137 <source>## Heading (h2)
138
139 Here is text.
140
141 &gt; This is a *block* quote. This is a block quote. This is a block quote.
142 &gt; This is a **block** quote. This is a block quote. This is a block quote.
143 &gt; This is a `block` quote. This is a block quote. This is a block quote.
144 &gt; This is a block quote. This is a block quote. This is a block quote.
145 &gt; This is a block quote. This is a block quote. This is a block quote.
146 &gt; This is a block quote. This is a block quote. This is a block quote.
147
148 Here is text
149
150 &lt;table&gt;
151 &lt;tr&gt;
152 &lt;th&gt;Header 1&lt;/th&gt;
153 &lt;th&gt;Header 2&lt;/th&gt;
154 &lt;/tr&gt;
155 &lt;tr&gt;
156 &lt;td&gt;row 1, cell 1&lt;/td&gt;
157 &lt;td&gt;row 1, cell 2&lt;/td&gt;
158 &lt;/tr&gt;
159 &lt;tr&gt;
160 &lt;td&gt;row 2, cell 1&lt;/td&gt;
161 &lt;td&gt;row 2, cell 2&lt;/td&gt;
162 &lt;/tr&gt;
163 &lt;/table&gt;</source>
164 <rendered>&lt;h2&gt;Heading (h2)&lt;/h2&gt;
165
166 &lt;p&gt;Here is text.&lt;/p&gt;
167
168 &lt;blockquote&gt;
169 &lt;p&gt;This is a &lt;em&gt;block&lt;/em&gt; quote. This is a block quote. This is a block quote. &lt;br&gt;
170 This is a &lt;strong&gt;block&lt;/strong&gt; quote. This is a block quote. This is a block quote. &lt;br&gt;
171 This is a &lt;code&gt;block&lt;/code&gt; quote. This is a block quote. This is a block quote. &lt;br&gt;
172 This is a block quote. This is a block quote. This is a block quote. &lt;br&gt;
173 This is a block quote. This is a block quote. This is a block quote. &lt;br&gt;
174 This is a block quote. This is a block quote. This is a block quote. &lt;/p&gt;
175 &lt;/blockquote&gt;
176
177 &lt;p&gt;Here is text&lt;/p&gt;
178
179 &lt;table&gt;
180 &lt;tbody&gt;&lt;tr&gt;
181 &lt;th&gt;Header 1&lt;/th&gt;
182 &lt;th&gt;Header 2&lt;/th&gt;
183 &lt;/tr&gt;
184 &lt;tr&gt;
185 &lt;td&gt;row 1, cell 1&lt;/td&gt;
186 &lt;td&gt;row 1, cell 2&lt;/td&gt;
187 &lt;/tr&gt;
188 &lt;tr&gt;
189 &lt;td&gt;row 2, cell 1&lt;/td&gt;
190 &lt;td&gt;row 2, cell 2&lt;/td&gt;
191 &lt;/tr&gt;
192 &lt;/tbody&gt;&lt;/table&gt;</rendered>
193 </markdowncell>
194 <codecell>
195 <input />
196 <language>python</language>
197 <outputs />
198 </codecell>
199 </cells>
200 </worksheet>
201 </worksheets>
202 </notebook>
@@ -199,7 +199,7 b' div.output_stream {'
199
199
200 div.output_latex {
200 div.output_latex {
201 /* Slightly bigger than the rest of the notebook */
201 /* Slightly bigger than the rest of the notebook */
202 font-size: 116%;
202 font-size: 100%;
203 }
203 }
204
204
205 div.output_html {
205 div.output_html {
@@ -219,7 +219,7 b' div.text_cell_input {'
219 div.text_cell_render {
219 div.text_cell_render {
220 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
220 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
221 /* Slightly bigger than the rest of the notebook */
221 /* Slightly bigger than the rest of the notebook */
222 font-size: 116%;
222 font-size: 100%;
223 outline: none;
223 outline: none;
224 resize: none;
224 resize: none;
225 width: inherit;
225 width: inherit;
@@ -4,17 +4,56 b''
4 .rendered_html u {text-decoration: underline;}
4 .rendered_html u {text-decoration: underline;}
5 .rendered_html :link { text-decoration: underline }
5 .rendered_html :link { text-decoration: underline }
6 .rendered_html :visited { text-decoration: underline }
6 .rendered_html :visited { text-decoration: underline }
7 .rendered_html h1 {font-size: 197%; margin: .67em 0; font-weight: bold;}
7 .rendered_html h1 {font-size: 197%; margin: .65em 0; font-weight: bold;}
8 .rendered_html h2 {font-size: 153.9%; margin: .75em 0; font-weight: bold;}
8 .rendered_html h2 {font-size: 153.9%; margin: .75em 0; font-weight: bold;}
9 .rendered_html h3 {font-size: 116%; margin: .83em 0; font-weight: bold;}
9 .rendered_html h3 {font-size: 123.1%; margin: .85em 0; font-weight: bold;}
10 .rendered_html h4 {margin: 1.12em 0; font-weight: bold;}
10 .rendered_html h4 {font-size: 100% margin: 0.95em 0; font-weight: bold;}
11 .rendered_html h5 {font-size: 85%.; margin: 1.5em 0; font-weight: bold;}
11 .rendered_html h5 {font-size: 85%; margin: 1.5em 0; font-weight: bold;}
12 .rendered_html h6 {font-size: 77%; margin: 1.67em 0; font-weight: bold;}
12 .rendered_html h6 {font-size: 77%; margin: 1.65em 0; font-weight: bold;}
13 .rendered_html ul {list-style:disc; margin-left: 40px;}
13 .rendered_html ul {list-style:disc; margin: 1em 2em;}
14 .rendered_html ul ul {list-style:square; margin-left: 40px;}
14 .rendered_html ul ul {list-style:square; margin: 0em 2em;}
15 .rendered_html ul ul ul {list-style:circle; margin-left: 40px;}
15 .rendered_html ul ul ul {list-style:circle; margin-left: 0em 2em;}
16 .rendered_html ol {list-style:upper-roman; margin-left: 40px;}
16 .rendered_html ol {list-style:upper-roman; margin: 1em 2em;}
17 .rendered_html ol ol {list-style:upper-alpha;}
17 .rendered_html ol ol {list-style:upper-alpha; margin: 0em 2em;}
18 .rendered_html ol ol ol {list-style:decimal;}
18 .rendered_html ol ol ol {list-style:decimal; margin: 0em 2em;}
19 .rendered_html ol ol ol ol {list-style:lower-alpha;}
19 .rendered_html ol ol ol ol {list-style:lower-alpha; margin 0em 2em;}
20 .rendered_html ol ol ol ol ol {list-style:lower-roman;} No newline at end of file
20 .rendered_html ol ol ol ol ol {list-style:lower-roman; 0em 2em;}
21
22 .rendered_html hr {
23 color: black;
24 background-color: black;
25 }
26
27 .rendered_html pre {
28 margin: 1em 2em;
29 }
30
31 .rendered_html blockquote {
32 margin: 1em 2em;
33 }
34
35 .rendered_html table {
36 border: 1px solid black;
37 border-collapse: collapse;
38 margin: 1em 2em;
39 }
40
41 .rendered_html td {
42 border: 1px solid black;
43 text-align: left;
44 vertical-align: middle;
45 padding: 4px;
46 }
47
48 .rendered_html th {
49 border: 1px solid black;
50 text-align: left;
51 vertical-align: middle;
52 padding: 4px;
53 font-weight: bold;
54 }
55
56 .rendered_html tr {
57 border: 1px solid black;
58 }
59
General Comments 0
You need to be logged in to leave comments. Login now