##// END OF EJS Templates
speedup transition adn use class instead of id
Matthias BUSSONNIER -
Show More
@@ -26,8 +26,8 b' span#notebook_name{height:1em;line-height:1em;padding:3px;border:none;font-size:'
26 #notification_area{position:absolute;right:0px;top:0px;height:25px;padding:3px 0px;padding-right:3px;z-index:10;}
26 #notification_area{position:absolute;right:0px;top:0px;height:25px;padding:3px 0px;padding-right:3px;z-index:10;}
27 .notification_widget{float:right;right:0px;top:1px;height:25px;padding:3px 6px;z-index:10;}
27 .notification_widget{float:right;right:0px;top:1px;height:25px;padding:3px 6px;z-index:10;}
28 .toolbar{padding:3px 15px;border-bottom:1px #e0e0e0 solid;}
28 .toolbar{padding:3px 15px;border-bottom:1px #e0e0e0 solid;}
29 #maintoolbar select,#maintoolbar label{height:23px;vertical-align:top;margin-right:2px;margin-bottom:0;display:inline;font-size:85%;margin-left:0.3em;margin-right:0.3em;}
29 .toolbar select,.toolbar label{height:23px;vertical-align:top;margin-right:2px;margin-bottom:0;display:inline;font-size:85%;margin-left:0.3em;margin-right:0.3em;}
30 #maintoolbar select{width:auto;}
30 .toolbar select{width:auto;}
31 #ipython-main-app{width:100%;position:relative;}
31 #ipython-main-app{width:100%;position:relative;}
32 span#quick_help_area{position:static;padding:5px 0px;margin:0px 0px 0px 0px;}
32 span#quick_help_area{position:static;padding:5px 0px;margin:0px 0px 0px 0px;}
33 .help_string{float:right;width:170px;padding:0px 5px;text-align:left;font-size:85%;}
33 .help_string{float:right;width:170px;padding:0px 5px;text-align:left;font-size:85%;}
@@ -111,8 +111,8 b' pre,code,kbd,samp{white-space:pre-wrap;}'
111 .rendered_html p{text-align:justify;}
111 .rendered_html p{text-align:justify;}
112 .rendered_html p+p{margin-top:1em;}
112 .rendered_html p+p{margin-top:1em;}
113 .corner-all{border-radius:3px;}
113 .corner-all{border-radius:3px;}
114 @-moz-keyframes fadeOut{from{opacity:1;} to{opacity:0;}}@-webkit-keyframes fadeOut{from{opacity:1;} to{opacity:0;}}@-moz-keyframes fadeIn{from{opacity:0;} to{opacity:1;}}@-webkit-keyframes fadeIn{from{opacity:0;} to{opacity:1;}}.bigtooltip{overflow:auto;height:200px;-webkit-transition-property:height;-webkit-transition-duration:1s;-moz-transition-property:height;-moz-transition-duration:1s;transition-property:height;transition-duration:1s;}
114 @-moz-keyframes fadeOut{from{opacity:1;} to{opacity:0;}}@-webkit-keyframes fadeOut{from{opacity:1;} to{opacity:0;}}@-moz-keyframes fadeIn{from{opacity:0;} to{opacity:1;}}@-webkit-keyframes fadeIn{from{opacity:0;} to{opacity:1;}}.bigtooltip{overflow:auto;height:200px;-webkit-transition-property:height;-webkit-transition-duration:500ms;-moz-transition-property:height;-moz-transition-duration:500ms;transition-property:height;transition-duration:500ms;}
115 .smalltooltip{-webkit-transition-property:height;-webkit-transition-duration:1s;-moz-transition-property:height;-moz-transition-duration:1s;transition-property:height;transition-duration:1s;text-overflow:ellipsis;overflow:hidden;height:80px;}
115 .smalltooltip{-webkit-transition-property:height;-webkit-transition-duration:500ms;-moz-transition-property:height;-moz-transition-duration:500ms;transition-property:height;transition-duration:500ms;text-overflow:ellipsis;overflow:hidden;height:80px;}
116 .tooltipbuttons{position:absolute;padding-right:15px;top:0px;right:0px;}
116 .tooltipbuttons{position:absolute;padding-right:15px;top:0px;right:0px;}
117 .tooltiptext{padding-right:30px;}
117 .tooltiptext{padding-right:30px;}
118 .ipython_tooltip{max-width:700px;-webkit-animation:fadeOut 800ms;-moz-animation:fadeOut 800ms;animation:fadeOut 800ms;-webkit-animation:fadeIn 800ms;-moz-animation:fadeIn 800ms;animation:fadeIn 800ms;vertical-align:middle;background-color:#f7f7f7;overflow:visible;border:#e0e0e0 1px solid;outline:none;padding:3px;margin:0px;padding-left:7px;font-family:monospace;min-height:50px;position:absolute;-moz-box-shadow:0px 6px 10px -1px #adadad;-webkit-box-shadow:0px 6px 10px -1px #adadad;box-shadow:0px 6px 10px -1px #adadad;border-radius:3px;}.ipython_tooltip a{float:right;}
118 .ipython_tooltip{max-width:700px;-webkit-animation:fadeOut 800ms;-moz-animation:fadeOut 800ms;animation:fadeOut 800ms;-webkit-animation:fadeIn 800ms;-moz-animation:fadeIn 800ms;animation:fadeIn 800ms;vertical-align:middle;background-color:#f7f7f7;overflow:visible;border:#e0e0e0 1px solid;outline:none;padding:3px;margin:0px;padding-left:7px;font-family:monospace;min-height:50px;position:absolute;-moz-box-shadow:0px 6px 10px -1px #adadad;-webkit-box-shadow:0px 6px 10px -1px #adadad;box-shadow:0px 6px 10px -1px #adadad;border-radius:3px;}.ipython_tooltip a{float:right;}
@@ -87,7 +87,7 b' span#notebook_name {'
87 border-bottom: @borderwidth @border_color solid;
87 border-bottom: @borderwidth @border_color solid;
88 }
88 }
89
89
90 .toolbar select, #maintoolbar label {
90 .toolbar select, .toolbar label {
91 height : 23px;
91 height : 23px;
92 vertical-align: top;
92 vertical-align: top;
93 margin-right:2px;
93 margin-right:2px;
@@ -30,13 +30,13 b''
30 }
30 }
31
31
32 // smoth height adaptation
32 // smoth height adaptation
33 .smoothheight(@t:1s) {
33 .smoothheight(@t:500ms) {
34 -webkit-transition-property: height;
34 -webkit-transition-property: height;
35 -webkit-transition-duration: 1s;
35 -webkit-transition-duration: @t;
36 -moz-transition-property: height;
36 -moz-transition-property: height;
37 -moz-transition-duration: 1s;
37 -moz-transition-duration: @t;
38 transition-property: height;
38 transition-property: height;
39 transition-duration: 1s;
39 transition-duration: @t;
40 }
40 }
41
41
42 @-moz-keyframes fadeOut {
42 @-moz-keyframes fadeOut {
General Comments 0
You need to be logged in to leave comments. Login now