##// END OF EJS Templates
remove less CSS
Matthias BUSSONNIER -
Show More
@@ -1,148 +1,139 b''
1 /**
1 /**
2 * Primary styles
2 * Primary styles
3 *
3 *
4 * Author: IPython Development Team
4 * Author: IPython Development Team
5 */
5 *
6 /**
7 * WARNING IF YOU ARE EDITTING THIS FILE,
8 * if this is a .css file, It has a lot of chance of beeing generated from the
9 * ../css/[samename].less file, it might not stay a less file forever,
10 * but as until now it is convenient to developp using less
11 *
12 * it it's a less file, don't forget to recompile it
13 */
14 /*
15 * We'll try to get something prety, so we
6 * We'll try to get something prety, so we
16 * have some strange ccs to have the scroll bar on
7 * have some strange ccs to have the scroll bar on
17 * the left of the left with fix button on the top right of the tooltip
8 * the left of the left with fix button on the top right of the tooltip
18 */
9 */
19 @-moz-keyframes fadeOut {
10 @-moz-keyframes fadeOut {
20 from {
11 from {
21 opacity: 1;
12 opacity: 1;
22 }
13 }
23 to {
14 to {
24 opacity: 0;
15 opacity: 0;
25 }
16 }
26 }
17 }
27 @-webkit-keyframes fadeOut {
18 @-webkit-keyframes fadeOut {
28 from {
19 from {
29 opacity: 1;
20 opacity: 1;
30 }
21 }
31 to {
22 to {
32 opacity: 0;
23 opacity: 0;
33 }
24 }
34 }
25 }
35 @-moz-keyframes fadeIn {
26 @-moz-keyframes fadeIn {
36 from {
27 from {
37 opacity: 0;
28 opacity: 0;
38 }
29 }
39 to {
30 to {
40 opacity: 1;
31 opacity: 1;
41 }
32 }
42 }
33 }
43 @-webkit-keyframes fadeIn {
34 @-webkit-keyframes fadeIn {
44 from {
35 from {
45 opacity: 0;
36 opacity: 0;
46 }
37 }
47 to {
38 to {
48 opacity: 1;
39 opacity: 1;
49 }
40 }
50 }
41 }
51 .tooltip a {
42 .tooltip a {
52 float: right;
43 float: right;
53 }
44 }
54 /*properties of tooltip after "expand"*/
45 /*properties of tooltip after "expand"*/
55 .bigtooltip {
46 .bigtooltip {
56 overflow: auto;
47 overflow: auto;
57 height: 200px;
48 height: 200px;
58 -webkit-transition-property: height;
49 -webkit-transition-property: height;
59 -webkit-transition-duration: 1s;
50 -webkit-transition-duration: 1s;
60 -moz-transition-property: height;
51 -moz-transition-property: height;
61 -moz-transition-duration: 1s;
52 -moz-transition-duration: 1s;
62 transition-property: height;
53 transition-property: height;
63 transition-duration: 1s;
54 transition-duration: 1s;
64 }
55 }
65 /*properties of tooltip before "expand"*/
56 /*properties of tooltip before "expand"*/
66 .smalltooltip {
57 .smalltooltip {
67 -webkit-transition-property: height;
58 -webkit-transition-property: height;
68 -webkit-transition-duration: 1s;
59 -webkit-transition-duration: 1s;
69 -moz-transition-property: height;
60 -moz-transition-property: height;
70 -moz-transition-duration: 1s;
61 -moz-transition-duration: 1s;
71 transition-property: height;
62 transition-property: height;
72 transition-duration: 1s;
63 transition-duration: 1s;
73 text-overflow: ellipsis;
64 text-overflow: ellipsis;
74 overflow: hidden;
65 overflow: hidden;
75 height: 80px;
66 height: 80px;
76 }
67 }
77 .tooltipbuttons {
68 .tooltipbuttons {
78 position: absolute;
69 position: absolute;
79 padding-right: 15px;
70 padding-right: 15px;
80 top: 0px;
71 top: 0px;
81 right: 0px;
72 right: 0px;
82 }
73 }
83 .tooltiptext {
74 .tooltiptext {
84 /*avoid the button to overlap on some docstring*/
75 /*avoid the button to overlap on some docstring*/
85
76
86 padding-right: 30px;
77 padding-right: 30px;
87 }
78 }
88 .tooltip {
79 .tooltip {
89 max-width: 700px;
80 max-width: 700px;
90 border-radius: 10px 10px 10px 10px;
81 border-radius: 10px 10px 10px 10px;
91 box-shadow: 3px 3px 5px #999;
82 box-shadow: 3px 3px 5px #999;
92 /*fade-in animation when inserted*/
83 /*fade-in animation when inserted*/
93
84
94 -webkit-animation: fadeOut 800ms;
85 -webkit-animation: fadeOut 800ms;
95 -moz-animation: fadeOut 800ms;
86 -moz-animation: fadeOut 800ms;
96 animation: fadeOut 800ms;
87 animation: fadeOut 800ms;
97 -webkit-animation: fadeIn 800ms;
88 -webkit-animation: fadeIn 800ms;
98 -moz-animation: fadeIn 800ms;
89 -moz-animation: fadeIn 800ms;
99 animation: fadeIn 800ms;
90 animation: fadeIn 800ms;
100 vertical-align: middle;
91 vertical-align: middle;
101 background-color: #f7f7f7;
92 background-color: #f7f7f7;
102 background-image: -webkit-linear-gradient(center bottom, #d7d7d7 13%, #d2d2d2 39%, #e3e3e3 56%, #f7f7f7 91%);
93 background-image: -webkit-linear-gradient(center bottom, #d7d7d7 13%, #d2d2d2 39%, #e3e3e3 56%, #f7f7f7 91%);
103 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(13%, #d7d7d7), color-stop(39%, #d2d2d2), color-stop(56%, #e3e3e3), color-stop(91%, #f7f7f7));
94 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(13%, #d7d7d7), color-stop(39%, #d2d2d2), color-stop(56%, #e3e3e3), color-stop(91%, #f7f7f7));
104 background-image: -moz-linear-gradient(center bottom, #d7d7d7 13%, #d2d2d2 39%, #e3e3e3 56%, #f7f7f7 91%);
95 background-image: -moz-linear-gradient(center bottom, #d7d7d7 13%, #d2d2d2 39%, #e3e3e3 56%, #f7f7f7 91%);
105 background-image: -ms-linear-gradient(center bottom, #d7d7d7 13%, #d2d2d2 39%, #e3e3e3 56%, #f7f7f7 91%);
96 background-image: -ms-linear-gradient(center bottom, #d7d7d7 13%, #d2d2d2 39%, #e3e3e3 56%, #f7f7f7 91%);
106 background-image: -o-linear-gradient(center bottom, #d7d7d7 13%, #d2d2d2 39%, #e3e3e3 56%, #f7f7f7 91%);
97 background-image: -o-linear-gradient(center bottom, #d7d7d7 13%, #d2d2d2 39%, #e3e3e3 56%, #f7f7f7 91%);
107 background-image: linear-gradient(center bottom, #d7d7d7 13%, #d2d2d2 39%, #e3e3e3 56%, #f7f7f7 91%);
98 background-image: linear-gradient(center bottom, #d7d7d7 13%, #d2d2d2 39%, #e3e3e3 56%, #f7f7f7 91%);
108 overflow: visible;
99 overflow: visible;
109 color: #000000;
100 color: #000000;
110 border: #bbbbbb 1px solid;
101 border: #bbbbbb 1px solid;
111 outline: none;
102 outline: none;
112 padding: 3px;
103 padding: 3px;
113 margin: 0px;
104 margin: 0px;
114 padding-left: 7px;
105 padding-left: 7px;
115 font-family: monospace;
106 font-family: monospace;
116 min-height: 50px;
107 min-height: 50px;
117 position: absolute;
108 position: absolute;
118 }
109 }
119 .pretooltiparrow {
110 .pretooltiparrow {
120 left: 0px;
111 left: 0px;
121 margin: 0px;
112 margin: 0px;
122 top: -16px;
113 top: -16px;
123 width: 40px;
114 width: 40px;
124 height: 16px;
115 height: 16px;
125 overflow: hidden;
116 overflow: hidden;
126 position: absolute;
117 position: absolute;
127 }
118 }
128 .pretooltiparrow:before {
119 .pretooltiparrow:before {
129 background-color: #f7f7f7;
120 background-color: #f7f7f7;
130 border: 1px #bbbbbb solid;
121 border: 1px #bbbbbb solid;
131 z-index: 11;
122 z-index: 11;
132 content: "";
123 content: "";
133 position: absolute;
124 position: absolute;
134 left: 15px;
125 left: 15px;
135 top: 10px;
126 top: 10px;
136 width: 25px;
127 width: 25px;
137 height: 25px;
128 height: 25px;
138 -webkit-transform: rotate(45deg);
129 -webkit-transform: rotate(45deg);
139 -moz-transform: rotate(45deg);
130 -moz-transform: rotate(45deg);
140 -ms-transform: rotate(45deg);
131 -ms-transform: rotate(45deg);
141 -o-transform: rotate(45deg);
132 -o-transform: rotate(45deg);
142 }
133 }
143 .tooltip.hide {
134 .tooltip.hide {
144 -webkit-animation: fadeOut 800ms;
135 -webkit-animation: fadeOut 800ms;
145 -moz-animation: fadeOut 800ms;
136 -moz-animation: fadeOut 800ms;
146 animation: fadeOut 800ms;
137 animation: fadeOut 800ms;
147 opacity: 0;
138 opacity: 0;
148 }
139 }
1 NO CONTENT: file was removed
NO CONTENT: file was removed
General Comments 0
You need to be logged in to leave comments. Login now