##// END OF EJS Templates
start mixins
Matthias BUSSONNIER -
Show More
@@ -6,7 +6,6 b''
6
6
7 @import "variables.less";
7 @import "variables.less";
8
8
9
10 body {
9 body {
11 overflow: hidden;
10 overflow: hidden;
12 }
11 }
@@ -153,7 +152,7 b' div.ui-widget-content {'
153 border: 1px solid transparent;
152 border: 1px solid transparent;
154
153
155 &.selected {
154 &.selected {
156 border-radius: @corner_radius;
155 .corner-all;
157 background-color:@cell_selected_background;
156 background-color:@cell_selected_background;
158 border : thin @border_color solid;
157 border : thin @border_color solid;
159 }
158 }
@@ -194,7 +193,7 b' div.input {'
194 div.input_area {
193 div.input_area {
195 color: black;
194 color: black;
196 border: 1px solid @border_color;
195 border: 1px solid @border_color;
197 border-radius: @corner_radius;
196 .corner-all;
198 background: @cell_background;
197 background: @cell_background;
199 }
198 }
200
199
@@ -221,7 +220,7 b' div.output_scroll {'
221 width: 100%;
220 width: 100%;
222
221
223 overflow: auto;
222 overflow: auto;
224 border-radius: @corner_radius;
223 .corner-all;
225 box-shadow: inset 0 2px 8px rgba(0, 0, 0, .8);
224 box-shadow: inset 0 2px 8px rgba(0, 0, 0, .8);
226 }
225 }
227
226
@@ -234,7 +233,7 b' div.out_prompt_overlay {'
234 height: 100%;
233 height: 100%;
235 padding: 0px;
234 padding: 0px;
236 position: absolute;
235 position: absolute;
237 border-radius: @corner_radius;
236 .corner-all;
238 }
237 }
239
238
240 div.out_prompt_overlay:hover {
239 div.out_prompt_overlay:hover {
@@ -320,7 +319,7 b' div.text_cell {'
320 div.text_cell_input {
319 div.text_cell_input {
321 color: black;
320 color: black;
322 border: 1px solid @border_color;
321 border: 1px solid @border_color;
323 border-radius: @corner_radius;
322 .corner-all;
324 background: @cell_background;
323 background: @cell_background;
325 }
324 }
326
325
@@ -411,7 +410,7 b' option.introspection {'
411 pre.dialog {
410 pre.dialog {
412 background-color: @cell_background;
411 background-color: @cell_background;
413 border: 1px solid #ddd;
412 border: 1px solid #ddd;
414 border-radius: @corner_radius;
413 .corner-all;
415 padding: 0.4em;
414 padding: 0.4em;
416 padding-left: 2em;
415 padding-left: 2em;
417 }
416 }
@@ -442,3 +441,7 b' pre, code, kbd, samp { white-space: pre-wrap; }'
442 .js-error {
441 .js-error {
443 color: darkred;
442 color: darkred;
444 }
443 }
444
445
446
447
@@ -3,3 +3,13 b''
3 @cell_selected_background: darken(@notebook_background, 2%);
3 @cell_selected_background: darken(@notebook_background, 2%);
4 @cell_background: darken(@notebook_background, 3.2%);
4 @cell_background: darken(@notebook_background, 3.2%);
5 @border_color: darken(@cell_selected_background, 10%);
5 @border_color: darken(@cell_selected_background, 10%);
6
7
8
9
10
11 // utilities mixins
12
13 .corner-all {
14 border-radius:@corner_radius;
15 }
@@ -174,7 +174,7 b' data-notebook-id={{notebook_id}}'
174 </div>
174 </div>
175
175
176 </div>
176 </div>
177 <div id='tooltip' class='ipython_tooltip ui-corner-all' style='display:none'></div>
177 <div id='tooltip' class='ipython_tooltip corner-all' style='display:none'></div>
178
178
179
179
180 {% endblock %}
180 {% endblock %}
General Comments 0
You need to be logged in to leave comments. Login now