|
|
| 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> |
