Difference between revisions of "Template:HZAU-China"

Line 19: Line 19:
 
         width: 94%;
 
         width: 94%;
 
         height: 70px;
 
         height: 70px;
 +
        background-color: #9aaad1;
 
         margin:0 auto;
 
         margin:0 auto;
 
         z-index:900;
 
         z-index:900;
Line 32: Line 33:
 
         position: relative;
 
         position: relative;
 
         width: 70px;
 
         width: 70px;
 +
        padding-right: 10px;
 
     }
 
     }
 
     .menu_item >a{
 
     .menu_item >a{
Line 43: Line 45:
 
     .ssubmenu {
 
     .ssubmenu {
 
         visibility: hidden;
 
         visibility: hidden;
         background-color:white;
+
         background-color: #989edb;
         width: 150px;
+
         width: 140px;
 +
        padding:0;
 
         font-size: 14px;
 
         font-size: 14px;
 
         font-weight: bold;
 
         font-weight: bold;
Line 54: Line 57:
 
         left: 0px;
 
         left: 0px;
 
         top:70px;
 
         top:70px;
        padding: 0;
 
 
         border-radius: 5px;
 
         border-radius: 5px;
 
         opacity: 0;
 
         opacity: 0;
 +
        margin: 0;
 
         transition: all 0.3s ;
 
         transition: all 0.3s ;
 
     }
 
     }
 
     .ssubmenu a{
 
     .ssubmenu a{
         color: #403762;
+
        margin: 0;
 +
         color: #484848;
 
         display: block;
 
         display: block;
 +
        padding-left: 15%;
 +
        padding-top: 0;
 
         text-decoration: none;
 
         text-decoration: none;
         background-color: #8ca3b4;
+
         background-image: linear-gradient(white, #cfd7d8);
         transition: 0.2s;
+
         transition: 0.4s;
 
     }
 
     }
 
     .ssubmenu a:hover
 
     .ssubmenu a:hover
 
     {
 
     {
        background-color: #c9aba7;
+
      color: #178cea;
 
     }
 
     }
 
     .menu_item:hover .ssubmenu{
 
     .menu_item:hover .ssubmenu{
Line 75: Line 81:
 
         margin: 0;
 
         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;
+
    }
+
 
</style>
 
</style>
 
</head>
 
</head>

Revision as of 04:18, 14 October 2016