44 */
55
66@import url ("basic.css" );
7+ @import url (https://fonts.googleapis.com/css?family=Open+Sans:300, 400 , 700 , 600 );
78
89/* -- page layout ----------------------------------------------------------- */
910
@@ -216,4 +217,160 @@ tt {
216217
217218th {
218219 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