Difference between revisions of "Template:HZAU-China"

Line 36: Line 36:
 
     .menu_item >a{
 
     .menu_item >a{
 
         display: block;
 
         display: block;
−
        text-decoration: none;
 
 
         padding: 0px;
 
         padding: 0px;
 
         transition: 0.4s ;
 
         transition: 0.4s ;
Line 44: Line 43:
 
     }
 
     }
 
     .ssubmenu {
 
     .ssubmenu {
−
         font-size: 16px;
+
        visibility: hidden;
 +
        background-color: #989edb;
 +
        width: 150px;
 +
         font-size: 14px;
 +
        font-weight: bold;
 
         list-style: none;
 
         list-style: none;
 +
        float: none;
 +
        display: block;
 +
        border: 0;
 
         position: absolute;
 
         position: absolute;
−
         left:-40px;
+
         left: 0px;
 
         top:100px;
 
         top:100px;
−
         margin:auto;
+
        padding: 0;
−
         display: none;
+
        border-radius: 5px;
 +
        opacity: 0;
 +
         margin: 20px 0 0 0;
 +
         transition: all 0.3s ease-in-out;
 
     }
 
     }
 
     .ssubmenu a{
 
     .ssubmenu a{
−
         color: #0d5786;
+
         color: #403762;
−
        background-color: white;
+
−
        border: 1px solid white;
+
−
        text-decoration: none;
+
 
         display: block;
 
         display: block;
 +
        text-decoration: none;
 +
        background-color: #8ca3b4;
 +
        transition: 0.2s;
 
     }
 
     }
 
     .ssubmenu a:hover
 
     .ssubmenu a:hover
 
     {
 
     {
−
         color: #c99797;
+
         background-color: #c9aba7;
−
        text-decoration: none;
+
 
     }
 
     }
 
     .menu_item:hover .ssubmenu{
 
     .menu_item:hover .ssubmenu{
−
         display: block;
+
         opacity: 1;
 +
        visibility: visible;
 +
        margin: 0;
 +
    }
 +
    .ssubmenu li:first-child >a{
 +
        border-radius: 5px 5px 0 0;
 +
    }
 +
    .ssubmenu li:last-child >a{
 +
        border-radius: 0 0 5px 5px;
 +
    }
 +
    .ssubmenu li:first-child >a:before{
 +
        content: "";
 +
        position: absolute;
 +
        left: 40px;
 +
        top: -6px;
 +
        border-left: 6px solid transparent;
 +
        border-right: 6px solid transparent;
 +
        border-bottom: 6px solid #8ca3b4;
 +
    }
 +
    .ssubmenu li:first-child >a:hover:before{
 +
        border-bottom-color: #c9aba7;
 
     }
 
     }
  

Revision as of 15:54, 11 October 2016