Show More
@@ -0,0 +1,5 b'' | |||
|
1 | @corner_radius: 3px; | |
|
2 | @notebook_background : white; | |
|
3 | @cell_selected_background: darken(@notebook_background, 2%); | |
|
4 | @cell_background: darken(@notebook_background, 3.2%); | |
|
5 | @border_color: darken(@cell_selected_background, 10%); |
@@ -4,6 +4,8 b'' | |||
|
4 | 4 | * Author: IPython Development Team |
|
5 | 5 | */ |
|
6 | 6 | |
|
7 | @import "variables.less"; | |
|
8 | ||
|
7 | 9 | |
|
8 | 10 | body { |
|
9 | 11 | overflow: hidden; |
@@ -125,7 +127,7 b' div#notebook {' | |||
|
125 | 127 | /* This spaces the cell away from the edge of the notebook area */ |
|
126 | 128 | padding: 5px 5px 15px 5px; |
|
127 | 129 | margin: 0px; |
|
128 |
background-color: |
|
|
130 | background-color: @notebook_background; | |
|
129 | 131 | } |
|
130 | 132 | |
|
131 | 133 | div#pager_splitter { |
@@ -143,12 +145,18 b' div#pager {' | |||
|
143 | 145 | } |
|
144 | 146 | |
|
145 | 147 | div.ui-widget-content { |
|
146 |
border: 1px solid |
|
|
148 | border: 1px solid @border_color; | |
|
147 | 149 | outline: none; |
|
148 | 150 | } |
|
149 | 151 | |
|
150 | 152 | .cell { |
|
151 | 153 | border: 1px solid transparent; |
|
154 | ||
|
155 | &.selected { | |
|
156 | border-radius: @corner_radius; | |
|
157 | background-color:@cell_selected_background; | |
|
158 | border : thin @border_color solid; | |
|
159 | } | |
|
152 | 160 | } |
|
153 | 161 | |
|
154 | 162 | div.cell { |
@@ -160,7 +168,6 b' div.cell {' | |||
|
160 | 168 | } |
|
161 | 169 | |
|
162 | 170 | div.code_cell { |
|
163 | background-color: white; | |
|
164 | 171 | } |
|
165 | 172 | |
|
166 | 173 | /* any special styling for code cells that are currently running goes here */ |
@@ -186,9 +193,9 b' div.input {' | |||
|
186 | 193 | /* input_area and input_prompt must match in top border and margin for alignment */ |
|
187 | 194 | div.input_area { |
|
188 | 195 | color: black; |
|
189 |
border: 1px solid |
|
|
190 |
border-radius: |
|
|
191 | background: #f7f7f7; | |
|
196 | border: 1px solid @border_color; | |
|
197 | border-radius: @corner_radius; | |
|
198 | background: @cell_background; | |
|
192 | 199 | } |
|
193 | 200 | |
|
194 | 201 | div.input_prompt { |
@@ -214,7 +221,7 b' div.output_scroll {' | |||
|
214 | 221 | width: 100%; |
|
215 | 222 | |
|
216 | 223 | overflow: auto; |
|
217 |
border-radius: |
|
|
224 | border-radius: @corner_radius; | |
|
218 | 225 | box-shadow: inset 0 2px 8px rgba(0, 0, 0, .8); |
|
219 | 226 | } |
|
220 | 227 | |
@@ -227,7 +234,7 b' div.out_prompt_overlay {' | |||
|
227 | 234 | height: 100%; |
|
228 | 235 | padding: 0px; |
|
229 | 236 | position: absolute; |
|
230 |
border-radius: |
|
|
237 | border-radius: @corner_radius; | |
|
231 | 238 | } |
|
232 | 239 | |
|
233 | 240 | div.out_prompt_overlay:hover { |
@@ -307,15 +314,14 b' div.output_jpeg {' | |||
|
307 | 314 | } |
|
308 | 315 | |
|
309 | 316 | div.text_cell { |
|
310 | background-color: white; | |
|
311 | 317 | padding: 5px 5px 5px 5px; |
|
312 | 318 | } |
|
313 | 319 | |
|
314 | 320 | div.text_cell_input { |
|
315 | 321 | color: black; |
|
316 |
border: 1px solid |
|
|
317 |
border-radius: |
|
|
318 | background: #f7f7f7; | |
|
322 | border: 1px solid @border_color; | |
|
323 | border-radius: @corner_radius; | |
|
324 | background: @cell_background; | |
|
319 | 325 | } |
|
320 | 326 | |
|
321 | 327 | div.text_cell_render { |
@@ -368,7 +374,7 b' div.text_cell_render {' | |||
|
368 | 374 | position: absolute; |
|
369 | 375 | z-index: 10; |
|
370 | 376 | overflow: hidden; |
|
371 |
border: 1px solid |
|
|
377 | border: 1px solid @border_color; | |
|
372 | 378 | } |
|
373 | 379 | |
|
374 | 380 | .completions select { |
@@ -403,9 +409,9 b' option.introspection {' | |||
|
403 | 409 | } |
|
404 | 410 | |
|
405 | 411 | pre.dialog { |
|
406 |
background-color: |
|
|
412 | background-color: @cell_background; | |
|
407 | 413 | border: 1px solid #ddd; |
|
408 |
border-radius: |
|
|
414 | border-radius: @corner_radius; | |
|
409 | 415 | padding: 0.4em; |
|
410 | 416 | padding-left: 2em; |
|
411 | 417 | } |
@@ -91,7 +91,7 b' var IPython = (function (IPython) {' | |||
|
91 | 91 | * @method select |
|
92 | 92 | */ |
|
93 | 93 | Cell.prototype.select = function () { |
|
94 |
this.element.addClass(' |
|
|
94 | this.element.addClass('selected'); | |
|
95 | 95 | this.selected = true; |
|
96 | 96 | }; |
|
97 | 97 | |
@@ -101,7 +101,7 b' var IPython = (function (IPython) {' | |||
|
101 | 101 | * @method unselect |
|
102 | 102 | */ |
|
103 | 103 | Cell.prototype.unselect = function () { |
|
104 |
this.element.removeClass(' |
|
|
104 | this.element.removeClass('selected'); | |
|
105 | 105 | this.selected = false; |
|
106 | 106 | }; |
|
107 | 107 |
General Comments 0
You need to be logged in to leave comments.
Login now