|
|
Line 16: |
Line 16: |
| color: white; | | color: white; |
| text-align: center; | | text-align: center; |
− | padding:14px 16px; | + | padding:10px 13px; |
| text-decoration: none; | | text-decoration: none; |
| } | | } |
Line 22: |
Line 22: |
| background-color: #111; | | background-color: #111; |
| } | | } |
− | .active {
| + | |
− | background-color: #4CAF50;
| + | |
− | }
| + | |
− | ul li {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | ul li:hover {
| + | |
− | background: #4b545f;
| + | |
− | background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
| + | |
− | background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
| + | |
− | background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
| + | |
− | }
| + | |
− | nav ul li:hover a {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | ul li a {
| + | |
− | display: block; padding: 25px 40px;
| + | |
− | color: #757575; text-decoration: none;
| + | |
− | }
| + | |
− | ul ul {
| + | |
− | background: #5f6975; border-radius: 0px; padding: 0;
| + | |
− | position: absolute; top: 100%;
| + | |
− | }
| + | |
− | ul ul li {
| + | |
− | float: none;
| + | |
− | border-top: 1px solid #6b727c;
| + | |
− | border-bottom: 1px solid #575f6a;
| + | |
− | position: relative;
| + | |
− | }
| + | |
− | ul ul li a {
| + | |
− | padding: 15px 40px;
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | ul ul li a:hover {
| + | |
− | background: #4b545f;
| + | |
− | }
| + | |
| </style> | | </style> |
| </head> | | </head> |