SHARE
TWEET

Untitled

a guest Jan 12th, 2017 103 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. * {
  2.     padding: 0;
  3.     margin: 0;
  4.     box-sizing: border-box;
  5. }
  6.  
  7. header {
  8.     width: 100%;
  9.     height: 100px;
  10.     background-color: gray;
  11. }
  12.  
  13. #header-wrapper {
  14.     width: 80%;
  15.     margin: 0 auto;
  16. }
  17.  
  18. ul li {
  19.     display: inline-block;
  20.     list-style-type: none;
  21. }
  22.  
  23. a {
  24.     padding: 20px 40px;
  25.     background-color: black;
  26.     text-decoration: none;
  27.     font-family: Arial;
  28.     font-size: 15px;
  29.     text-transform: uppercase;
  30.     color: white;
  31. }
  32.  
  33. a:hover {
  34.     background-color: rgb(70, 70, 70);
  35. }
  36.  
  37. h1 {
  38.     float: left;
  39.     font-family: Arial;
  40.     font-size: 35px;
  41.     color: white;
  42.     font-weight: 800;
  43.     margin-top: 25px;
  44. }
  45.  
  46. nav {
  47.     margin-top: 50px;
  48.     float: right;
  49. }
  50.  
  51. #dropdown-content {
  52.     position: absolute;
  53.     display: none;
  54.     margin-top: 19px;
  55. }
  56.  
  57. #dropdown-content a {
  58.     border-bottom: white solid 1px;
  59.     line-height: 30px;
  60.     text-align: center;
  61.     display: block;
  62.     width: 134px;
  63.     padding: 10px;
  64. }
  65.  
  66. #dropdown-content a:hover {
  67.     background-color: rgb(120, 120, 120);
  68.  
  69. }
  70.  
  71. #dropdown:hover #dropdown-content {
  72.     display: block;
  73. }
RAW Paste Data
Top