4
4
*/
5
5
6
6
@import url ("basic.css" );
7
+ @import url (https://fonts.googleapis.com/css?family=Open+Sans:300, 400 , 700 , 600 );
7
8
8
9
/* -- page layout ----------------------------------------------------------- */
9
10
@@ -216,4 +217,160 @@ tt {
216
217
217
218
th {
218
219
background-color : # ede ;
219
- }
220
+ }
221
+
222
+
223
+ # popupmenu {
224
+ position : relative;
225
+ margin : 0 ;
226
+ font-family : 'Open Sans' ;
227
+ line-height : 1 ;
228
+ width : 100% ;
229
+ }
230
+ .align-right {
231
+ float : right;
232
+ }
233
+ # popupmenu ul {
234
+ margin : 0 ;
235
+ padding : 0 ;
236
+ list-style : none;
237
+ display : block;
238
+ }
239
+ # popupmenu ul li {
240
+ position : relative;
241
+ margin : 0 ;
242
+ padding : 0 ;
243
+ }
244
+ # popupmenu ul li a {
245
+ text-decoration : none;
246
+ cursor : pointer;
247
+ }
248
+ # popupmenu > ul > li > a {
249
+ color : # dddddd ;
250
+ display : block;
251
+ padding : 20px ;
252
+ border-top : 1px solid # 000000 ;
253
+ border-left : 1px solid # 000000 ;
254
+ border-right : 1px solid # 000000 ;
255
+ background : # 2d7d9f ;
256
+ letter-spacing : 1px ;
257
+ font-size : 16px ;
258
+ font-weight : 400 ;
259
+ position : relative;
260
+ }
261
+ # popupmenu > ul > li : first-child > a {
262
+ border-top-left-radius : 3px ;
263
+ border-top-right-radius : 3px ;
264
+ }
265
+ # popupmenu > ul > li : last-child > a {
266
+ border-bottom-left-radius : 3px ;
267
+ border-bottom-right-radius : 3px ;
268
+ border-bottom : 1px solid # 000000 ;
269
+ }
270
+ # popupmenu > ul > li : hover > a ,
271
+ # popupmenu > ul > li .open > a ,
272
+ # popupmenu > ul > li .active > a {
273
+ background : # 276d8b ;
274
+ color : # ffffff ;
275
+ }
276
+ # popupmenu ul > ul > li .has-sub > a ::after {
277
+ content : "" ;
278
+ position : absolute;
279
+ display : block;
280
+ }
281
+ # popupmenu ul > li .has-sub > a ::before {
282
+ content : "" ;
283
+ position : absolute;
284
+ display : block;
285
+ }
286
+ # popupmenu ul > li .has-sub ::after {
287
+ content : "" ;
288
+ display : visible;
289
+ position : absolute;
290
+ border : 7px solid transparent;
291
+ border-top-color : # dddddd ;
292
+ right : 20px ;
293
+ top : 24.5px ;
294
+ }
295
+ # popupmenu ul > li : hover ::after ,
296
+ # popupmenu ul > li .active ::after ,
297
+ # popupmenu ul > li .open ::after {
298
+ border-top-color : # ffffff ;
299
+ }
300
+ # popupmenu ul > li .has-sub .open > a ::after {
301
+ opacity : 1 ;
302
+ bottom : -13px ;
303
+ }
304
+ # popupmenu ul > li .has-sub .open > a ::before {
305
+ opacity : 1 ;
306
+ bottom : -12px ;
307
+ }
308
+ # popupmenu ul ul {
309
+ display : none;
310
+ }
311
+ # popupmenu ul ul li {
312
+ border-left : 1px solid # ccc ;
313
+ border-right : 1px solid # ccc ;
314
+ }
315
+ # popupmenu ul ul li a {
316
+ background : # f1f1f1 ;
317
+ display : block;
318
+ position : relative;
319
+ font-size : 15px ;
320
+ padding : 14px 20px ;
321
+ border-bottom : 1px solid # dddddd ;
322
+ color : # 777777 ;
323
+ font-weight : 300 ;
324
+ }
325
+ # popupmenu ul ul li : first-child > a {
326
+ padding-top : 18px ;
327
+ }
328
+ # popupmenu ul ul li : hover > a ,
329
+ # popupmenu ul ul li .open > a ,
330
+ # popupmenu ul ul li .active > a {
331
+ background : # e4e4e4 ;
332
+ color : # 666666 ;
333
+ }
334
+ # popupmenu ul ul > li .has-sub > a ::after {
335
+ border-top : 13px solid # dddddd ;
336
+ }
337
+ # popupmenu ul ul > li .has-sub > a ::before {
338
+ border-top : 13px solid # e4e4e4 ;
339
+ }
340
+ # popupmenu ul ul > li .has-sub ::after {
341
+ top : 18.5px ;
342
+ border-width : 6px ;
343
+ border-top-color : # 777777 ;
344
+ }
345
+ # popupmenu ul ul > li : hover ::after ,
346
+ # popupmenu ul ul > li .active ::after ,
347
+ # popupmenu ul ul > li .open ::after {
348
+ border-top-color : # 666666 ;
349
+ }
350
+
351
+ @-webkit-keyframes changeColor {
352
+ 0% { background-color : # 60b0d2 ; }
353
+ 50% { background-color : # 389cc7 ; }
354
+ 51% { background-color : # 2d7d9f ; }
355
+ 100% { background-color : # 225e77 ; }
356
+ }
357
+
358
+ div .tooltip {
359
+ color : White;
360
+ position : absolute;
361
+ left : 35% ;
362
+ top : -25% ;
363
+ z-index : 1000000 ;
364
+ width : 65% ;
365
+ border-radius : 5px ;
366
+ border-style : solid;
367
+ border-color : # 1c4e63 ;
368
+ border-width : 0.5% ;
369
+ -webkit-animation-name : changeColor;
370
+ -webkit-animation-iteration-count : infinite;
371
+ -webkit-animation-duration : 2s ;
372
+ }
373
+ div .tooltip p {
374
+ margin : 10px ;
375
+ color : White;
376
+ }
0 commit comments