Show More
@@ -0,0 +1,167 b'' | |||
|
1 | /** | |
|
2 | * Primary styles | |
|
3 | * | |
|
4 | * Author: IPython Development Team | |
|
5 | */ | |
|
6 | ||
|
7 | /** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot | |
|
8 | * of chance of beeing generated from the ../less/[samename].less file, you can | |
|
9 | * try to get back the less file by reverting somme commit in history | |
|
10 | **/ | |
|
11 | ||
|
12 | /* | |
|
13 | * We'll try to get something pretty, so we | |
|
14 | * have some strange css to have the scroll bar on | |
|
15 | * the left of the left with fix button on the top right of the tooltip | |
|
16 | */ | |
|
17 | ||
|
18 | // double slash comment are remove by less compilation | |
|
19 | // ** | |
|
20 | // * Less mixins | |
|
21 | // **/ | |
|
22 | ||
|
23 | // Four color of the background | |
|
24 | @c4 : rgb(247,247,247); | |
|
25 | @bordercolor : #BBB; | |
|
26 | @borderwidth : 1px; | |
|
27 | ||
|
28 | .dropshadow(){ | |
|
29 | -moz-box-shadow: 0px 6px 10px -1px #adadad; | |
|
30 | -webkit-box-shadow: 0px 6px 10px -1px #adadad; | |
|
31 | box-shadow: 0px 6px 10px -1px #adadad; | |
|
32 | } | |
|
33 | ||
|
34 | // smoth height adaptation | |
|
35 | .smoothheight(@t:1s) { | |
|
36 | -webkit-transition-property: height; | |
|
37 | -webkit-transition-duration: 1s; | |
|
38 | -moz-transition-property: height; | |
|
39 | -moz-transition-duration: 1s; | |
|
40 | transition-property: height; | |
|
41 | transition-duration: 1s; | |
|
42 | } | |
|
43 | ||
|
44 | @-moz-keyframes fadeOut { | |
|
45 | from {opacity:1;} | |
|
46 | to {opacity:0;} | |
|
47 | } | |
|
48 | ||
|
49 | @-webkit-keyframes fadeOut { | |
|
50 | from {opacity:1;} | |
|
51 | to {opacity:0;} | |
|
52 | } | |
|
53 | ||
|
54 | //@keyframes fadeOut { | |
|
55 | // from {opacity:1;} | |
|
56 | // to {opacity:0;} | |
|
57 | //} | |
|
58 | ||
|
59 | @-moz-keyframes fadeIn { | |
|
60 | from {opacity:0;} | |
|
61 | to {opacity:1;} | |
|
62 | } | |
|
63 | ||
|
64 | @-webkit-keyframes fadeIn { | |
|
65 | from {opacity:0;} | |
|
66 | to {opacity:1;} | |
|
67 | } | |
|
68 | ||
|
69 | //@keyframes fadeIn { | |
|
70 | // from {opacity:0;} | |
|
71 | // to {opacity:1;} | |
|
72 | //} | |
|
73 | ||
|
74 | .tooltip a { | |
|
75 | float:right; | |
|
76 | } | |
|
77 | ||
|
78 | /*properties of tooltip after "expand"*/ | |
|
79 | .bigtooltip { | |
|
80 | overflow: auto; | |
|
81 | height: 200px; | |
|
82 | .smoothheight(); | |
|
83 | } | |
|
84 | ||
|
85 | /*properties of tooltip before "expand"*/ | |
|
86 | .smalltooltip{ | |
|
87 | .smoothheight(); | |
|
88 | text-overflow: ellipsis; | |
|
89 | overflow: hidden; | |
|
90 | height:80px; | |
|
91 | } | |
|
92 | ||
|
93 | .tooltipbuttons | |
|
94 | { | |
|
95 | position: absolute; | |
|
96 | padding-right : 15px; | |
|
97 | top : 0px; | |
|
98 | right:0px; | |
|
99 | } | |
|
100 | ||
|
101 | .tooltiptext | |
|
102 | { | |
|
103 | /*avoid the button to overlap on some docstring*/ | |
|
104 | padding-right:30px | |
|
105 | } | |
|
106 | ||
|
107 | .tooltip { | |
|
108 | max-width:700px; | |
|
109 | border-radius: 4px; | |
|
110 | .dropshadow; | |
|
111 | /*fade-in animation when inserted*/ | |
|
112 | -webkit-animation: fadeOut 800ms; | |
|
113 | -moz-animation: fadeOut 800ms; | |
|
114 | animation: fadeOut 800ms; | |
|
115 | -webkit-animation: fadeIn 800ms; | |
|
116 | -moz-animation: fadeIn 800ms; | |
|
117 | animation: fadeIn 800ms; | |
|
118 | vertical-align: middle; | |
|
119 | background-color: @c4; | |
|
120 | ||
|
121 | overflow : visible; | |
|
122 | border: @bordercolor @borderwidth solid; | |
|
123 | outline: none; | |
|
124 | padding: 3px; | |
|
125 | margin: 0px; | |
|
126 | padding-left:7px; | |
|
127 | font-family: monospace; | |
|
128 | min-height:50px; | |
|
129 | position: absolute; | |
|
130 | } | |
|
131 | ||
|
132 | ||
|
133 | .pretooltiparrow { | |
|
134 | left: 0px; | |
|
135 | margin: 0px; | |
|
136 | top: -16px; | |
|
137 | width: 40px; | |
|
138 | height: 16px; | |
|
139 | overflow: hidden; | |
|
140 | position: absolute; | |
|
141 | ||
|
142 | } | |
|
143 | ||
|
144 | .pretooltiparrow:before { | |
|
145 | background-color : @c4; | |
|
146 | border : @borderwidth @bordercolor solid; | |
|
147 | z-index:11; | |
|
148 | content: ""; | |
|
149 | position: absolute; | |
|
150 | left: 15px; | |
|
151 | top: 10px; | |
|
152 | width: 25px; | |
|
153 | height: 25px; | |
|
154 | @theta : 45deg; | |
|
155 | -webkit-transform: rotate(@theta); | |
|
156 | -moz-transform: rotate(@theta); | |
|
157 | -ms-transform: rotate(@theta); | |
|
158 | -o-transform: rotate(@theta); | |
|
159 | } | |
|
160 | ||
|
161 | .tooltip.hide | |
|
162 | { | |
|
163 | -webkit-animation: fadeOut 800ms; | |
|
164 | -moz-animation: fadeOut 800ms; | |
|
165 | animation: fadeOut 800ms; | |
|
166 | opacity : 0; | |
|
167 | } |
General Comments 0
You need to be logged in to leave comments.
Login now