Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- main-container{
- max-width: 1200px;
- margin:0 auto;
- width:1200px;
- }
- header .main-container{
- padding: 0 60px;
- height:65px;
- }
- header{
- background-color: #000;
- }
- header p{
- display: block;
- float: left;
- color: #fff;
- text-transform: uppercase;
- line-height: 63px;
- font-weight: 700;
- }
- .logo{
- margin-left: -20px;
- }
- header p span{
- color: #27c7ab;
- }
- header nav {
- float: right;
- }
- header nav .drop{
- position: relative;
- }
- .dropdown{
- position: absolute;
- width: 100px;
- height: 150px;
- padding: 10px;
- top:50px;
- display: none;
- background-color: #000;
- left: -8px;
- z-index: 1;
- }
- .dropdwon_div2{
- position: absolute;
- left: 0;
- width: 100px;
- height: 37px;
- background-color: #fff;
- z-index: 0;
- display: none;
- top: -20px
- }
- .li{
- color: #fff;
- font-size: 10px;
- list-style-type: none;
- }
- .drop:hover.dropdown{
- display: block
- }
- .dropdown_div{
- position: absolute;
- left: 35px;
- width: 18px;
- height: 18px;
- background-color: #000;
- top: -8px;
- clear: both;
- transform: rotate(40deg);
- }
- header nav ul li {
- display:inline-block;
- line-height: 50px;
- text-transform: uppercase;
- font-weight: 700;
- list-style-type: none;
- text-decoration: none;
- color:#fff;
- margin-left: 25px;
- }
- header nav ul li a:link, header nav ul li a:visited{
- color: #fff;
- text-decoration: none;
- }
- header nav ul li a:hover , header nav ul li a:active{
- text-decoration: none;
- list-style-type: none;
- color: #27c7ab;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement