|
12
|
1 /*
|
|
|
2 * Copyright (C) 2014 Frederic Ciminera
|
|
|
3 *
|
|
|
4 * Popoto.js is free software: you can redistribute it and/or modify
|
|
|
5 * it under the terms of the GNU General Public License as published by
|
|
|
6 * the Free Software Foundation, either version 3 of the License, or
|
|
|
7 * (at your option) any later version.
|
|
|
8 *
|
|
|
9 * Popoto.js is distributed in the hope that it will be useful,
|
|
|
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
12 * GNU General Public License for more details.
|
|
|
13 *
|
|
|
14 * You should have received a copy of the GNU General Public License
|
|
|
15 * along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
|
16 *
|
|
|
17 * contact@popotojs.com
|
|
|
18 */
|
|
|
19
|
|
|
20 /***********************************************************/
|
|
|
21 /* Asap font*/
|
|
|
22 @font-face {
|
|
|
23 font-family: "Asap";
|
|
|
24 src: url("font/asap/Asap-Regular.otf");
|
|
|
25 }
|
|
|
26
|
|
|
27 @font-face {
|
|
|
28 font-family: "Asap";
|
|
|
29 src: url("font/asap/Asap-Bold.otf");
|
|
|
30 font-weight: bold;
|
|
|
31 }
|
|
|
32
|
|
|
33 @font-face {
|
|
|
34 font-family: "Asap";
|
|
|
35 src: url("font/asap/Asap-Italic.otf");
|
|
|
36 font-style: italic;
|
|
|
37 }
|
|
|
38
|
|
|
39 @font-face {
|
|
|
40 font-family: "Asap";
|
|
|
41 src: url("font/asap/Asap-BoldItalic.otf");
|
|
|
42 font-weight: bold;
|
|
|
43 font-style: italic;
|
|
|
44 }
|
|
|
45
|
|
|
46 /**********************************************************************************/
|
|
|
47 .ppt-body {
|
|
|
48 background-color: #2e3138;
|
|
|
49 margin: 22px;
|
|
|
50 font-family: Asap, sans-serif;
|
|
|
51 color: #ffffff;
|
|
|
52 }
|
|
|
53
|
|
|
54 /* Main HTML container element containing the taxonomy filter and graph */
|
|
|
55 .ppt-container-graph {
|
|
|
56 background-color: #22252a;
|
|
|
57 height: 750px;
|
|
|
58 padding: 0 0 0;
|
|
|
59 border-bottom-right-radius: 5px 5px;
|
|
|
60 border-bottom-left-radius: 5px 5px;
|
|
|
61 overflow: hidden;
|
|
|
62 }
|
|
|
63
|
|
|
64 /**************************/
|
|
|
65 /* Taxonomy Filter*/
|
|
|
66 .ppt-taxo-nav {
|
|
|
67 overflow: auto;
|
|
|
68 padding: 18px 35px 18px 18px;
|
|
|
69 background-color: #444951;
|
|
|
70 height: 100%;
|
|
|
71 float: left;
|
|
|
72 white-space: nowrap;
|
|
|
73 }
|
|
|
74
|
|
|
75 .ppt-taxo-nav.disabled {
|
|
|
76 display: none;
|
|
|
77 }
|
|
|
78
|
|
|
79 .ppt-taxo-nav ul {
|
|
|
80 list-style-type: none;
|
|
|
81 display: block;
|
|
|
82 vertical-align: top; /* | top | bottom */
|
|
|
83 padding: 0 0 0 10px;
|
|
|
84 margin: 0;
|
|
|
85 }
|
|
|
86
|
|
|
87 .ppt-taxo-nav li {
|
|
|
88 }
|
|
|
89
|
|
|
90 .ppt-taxo-nav li img {
|
|
|
91 vertical-align: middle; /* | top | bottom */
|
|
|
92 }
|
|
|
93
|
|
|
94 /**************************/
|
|
|
95 /* Div containing SVG element*/
|
|
|
96 .ppt-div-graph {
|
|
|
97 position: relative;
|
|
|
98 background-color: #22252a;
|
|
|
99 height: 100%;
|
|
|
100 padding: 0;
|
|
|
101 border-bottom-right-radius: 5px 5px;
|
|
|
102 overflow: hidden;
|
|
|
103 }
|
|
|
104
|
|
|
105 .ppt-div-graph:-webkit-full-screen {
|
|
|
106 width: 100%;
|
|
|
107 height: 100%;
|
|
|
108 }
|
|
|
109
|
|
|
110 .ppt-div-graph:fullscreen {
|
|
|
111 width: 100%;
|
|
|
112 height: 100%;
|
|
|
113 }
|
|
|
114
|
|
|
115 /**********************************************************************************/
|
|
|
116
|
|
|
117 .ppt-header {
|
|
|
118 padding-left: 16px;
|
|
|
119 padding-right: 16px;
|
|
|
120 background-color: #525863;
|
|
|
121 border-radius: 5px 5px;
|
|
|
122 height: 70px;
|
|
|
123 min-width: 560px;
|
|
|
124 line-height: 70px;
|
|
|
125 font-weight: bold;
|
|
|
126 font-size: 22px;
|
|
|
127 }
|
|
|
128
|
|
|
129 .ppt-section-header {
|
|
|
130 min-width: 560px;
|
|
|
131 padding-left: 18px;
|
|
|
132 padding-right: 18px;
|
|
|
133 background-color: #525863;
|
|
|
134 height: 68px;
|
|
|
135 line-height: 67px;
|
|
|
136 margin-top: 22px;
|
|
|
137 border-top-right-radius: 5px 5px;
|
|
|
138 border-top-left-radius: 5px 5px;
|
|
|
139 font-weight: bold;
|
|
|
140 }
|
|
|
141
|
|
|
142 .ppt-section-tips {
|
|
|
143 min-width: 560px;
|
|
|
144 padding-left: 18px;
|
|
|
145 padding-right: 18px;
|
|
|
146 background-color: #525863;
|
|
|
147 margin-top: 22px;
|
|
|
148 border-top-left-radius: 5px;
|
|
|
149 border-top-right-radius: 5px;
|
|
|
150 font-size: 14px;
|
|
|
151 line-height: 35px;
|
|
|
152 }
|
|
|
153
|
|
|
154 .ppt-section-tips a {
|
|
|
155 color: #8bb71a;
|
|
|
156 }
|
|
|
157
|
|
|
158 .ppt-section-tips p {
|
|
|
159 margin-bottom: 0;
|
|
|
160 margin-top: 0;
|
|
|
161 }
|
|
|
162
|
|
|
163 .ppt-toolbar {
|
|
|
164 padding: 12px;
|
|
|
165 position: absolute;
|
|
|
166 right: 0;
|
|
|
167 }
|
|
|
168
|
|
|
169 .ppt-header-span {
|
|
|
170 color: #8bb71a;
|
|
|
171 }
|
|
|
172
|
|
|
173 .ppt-section-main {
|
|
|
174 }
|
|
|
175
|
|
|
176 .ppt-container-query {
|
|
|
177 text-align: center;
|
|
|
178 margin-top: 22px;
|
|
|
179 min-width: 560px;
|
|
|
180 background-color: #22252a;
|
|
|
181 border-radius: 5px 5px;
|
|
|
182 padding: 18px;
|
|
|
183 }
|
|
|
184
|
|
|
185 .ppt-container-cypher {
|
|
|
186 text-align: center;
|
|
|
187 margin-top: 22px;
|
|
|
188 min-width: 560px;
|
|
|
189 background-color: #22252a;
|
|
|
190 border-radius: 5px 5px;
|
|
|
191 padding: 18px;
|
|
|
192 }
|
|
|
193
|
|
|
194 .ppt-container-results {
|
|
|
195 width: 100%;
|
|
|
196 float: left;
|
|
|
197 min-width: 300px;
|
|
|
198 background-color: #22252a;
|
|
|
199 padding: 0;
|
|
|
200 border-bottom-right-radius: 5px 5px;
|
|
|
201 border-bottom-left-radius: 5px 5px;
|
|
|
202 overflow: auto;
|
|
|
203 }
|
|
|
204
|
|
|
205 .ppt-footer {
|
|
|
206 padding-left: 16px;
|
|
|
207 padding-right: 16px;
|
|
|
208 background-color: #525863;
|
|
|
209 border-radius: 5px 5px;
|
|
|
210
|
|
|
211 height: 70px;
|
|
|
212 min-width: 560px;
|
|
|
213 line-height: 70px;
|
|
|
214
|
|
|
215 font-weight: bold;
|
|
|
216 font-size: 22px;
|
|
|
217 }
|
|
|
218
|
|
|
219 /*****************************/
|
|
|
220
|
|
|
221 .ppt-menu {
|
|
|
222 width: 32px;
|
|
|
223 height: 32px;
|
|
|
224 display: inline-block;
|
|
|
225 vertical-align: middle;
|
|
|
226 cursor: pointer;
|
|
|
227 margin-left: 12px;
|
|
|
228 background: url("image/tools.png") no-repeat 0 0;
|
|
|
229 }
|
|
|
230
|
|
|
231 .ppt-menu.taxonomy {
|
|
|
232 background-position: 0 0;
|
|
|
233 }
|
|
|
234
|
|
|
235 .ppt-menu.reset {
|
|
|
236 background-position: -288px 0;
|
|
|
237 }
|
|
|
238
|
|
|
239 .ppt-menu.fullscreen {
|
|
|
240 background-position: -256px 0;
|
|
|
241 }
|
|
|
242
|
|
|
243 .ppt-menu.center {
|
|
|
244 background-position: -96px 0;
|
|
|
245 }
|
|
|
246
|
|
|
247 .ppt-menu.taxonomy:hover {
|
|
|
248 background-position: 0 -32px;
|
|
|
249 }
|
|
|
250
|
|
|
251 .ppt-menu.reset:hover {
|
|
|
252 background-position: -288px -32px;
|
|
|
253 }
|
|
|
254
|
|
|
255 .ppt-menu.fullscreen:hover {
|
|
|
256 background-position: -256px -32px;
|
|
|
257 }
|
|
|
258
|
|
|
259 .ppt-menu.center:hover {
|
|
|
260 background-position: -96px -32px;
|
|
|
261 }
|
|
|
262
|
|
|
263 .ppt-count {
|
|
|
264 cursor: pointer;
|
|
|
265 color: #2aa1d3;
|
|
|
266 }
|
|
|
267
|
|
|
268 .ppt-label {
|
|
|
269 cursor: pointer;
|
|
|
270 }
|
|
|
271
|
|
|
272 .ppt-label:hover {
|
|
|
273 color: #f0b017;
|
|
|
274 }
|
|
|
275
|
|
|
276 .ppt-result {
|
|
|
277 background-color: #444951;
|
|
|
278 padding: 9px 18px;
|
|
|
279 margin: 1px 0 0;
|
|
|
280 }
|
|
|
281
|
|
|
282 .ppt-result:hover {
|
|
|
283 background-color: #525863;
|
|
|
284 }
|
|
|
285
|
|
|
286 .ppt-result-table {
|
|
|
287 }
|
|
|
288
|
|
|
289 .ppt-result-table th,td {
|
|
|
290 text-align: left;
|
|
|
291 }
|
|
|
292 /****************** Query span Styles *************************/
|
|
|
293
|
|
|
294 /* P elements containing query constraints */
|
|
|
295 .ppt-query-constraint-elements {
|
|
|
296 }
|
|
|
297
|
|
|
298 /* P elements containing query inactive constraints */
|
|
|
299 .ppt-query-elements {
|
|
|
300 }
|
|
|
301
|
|
|
302 .ppt-span {
|
|
|
303 color: #ffffff;
|
|
|
304 }
|
|
|
305
|
|
|
306 .ppt-span-link {
|
|
|
307 color: #ffffff;
|
|
|
308 }
|
|
|
309
|
|
|
310 .ppt-span-root {
|
|
|
311 color: #2aa1d3;
|
|
|
312 cursor: pointer;
|
|
|
313 }
|
|
|
314
|
|
|
315 .ppt-span-choose {
|
|
|
316 color: #8bb71a;
|
|
|
317 cursor: pointer;
|
|
|
318 }
|
|
|
319
|
|
|
320 .ppt-span-group {
|
|
|
321 color: #8e8e8e;
|
|
|
322 cursor: pointer;
|
|
|
323 }
|
|
|
324
|
|
|
325 .ppt-span-value {
|
|
|
326 color: #f0b017;
|
|
|
327 cursor: pointer;
|
|
|
328 }
|
|
|
329
|
|
|
330 .ppt-span-link.hover {
|
|
|
331 color: #ee4e10;
|
|
|
332 font-weight: bold;
|
|
|
333 }
|
|
|
334
|
|
|
335 .ppt-span-root.hover {
|
|
|
336 color: #ee4e10;
|
|
|
337 font-weight: bold;
|
|
|
338 }
|
|
|
339
|
|
|
340 .ppt-span-choose.hover {
|
|
|
341 color: #ee4e10;
|
|
|
342 font-weight: bold;
|
|
|
343 }
|
|
|
344
|
|
|
345 .ppt-span-group.hover {
|
|
|
346 color: #ee4e10;
|
|
|
347 font-weight: bold;
|
|
|
348 }
|
|
|
349
|
|
|
350 .ppt-span-value.hover {
|
|
|
351 color: #ee4e10;
|
|
|
352 font-weight: bold;
|
|
|
353 }
|
|
|
354
|
