SHARE
TWEET

Untitled

a guest Aug 19th, 2019 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .navbar {
  2.   overflow: hidden;
  3.   background-color: #333;
  4.   font-family: Arial, Helvetica, sans-serif;
  5. }
  6.  
  7. .navbar a {
  8.   float: left;
  9.   font-size: 16px;
  10.   color: white;
  11.   text-align: center;
  12.   padding: 14px 16px;
  13.   text-decoration: none;
  14. }
  15.  
  16. .dropdown {
  17.   float: left;
  18.   overflow: hidden;
  19. }
  20.  
  21. .dropdown .dropbtn {
  22.   font-size: 16px;  
  23.   border: none;
  24.   outline: none;
  25.   color: white;
  26.   padding: 14px 16px;
  27.   background-color: inherit;
  28.   font: inherit;
  29.   margin: 0;
  30. }
  31.  
  32. .navbar a:hover, .dropdown:hover .dropbtn {
  33.   background-color: red;
  34. }
  35.  
  36. .dropdown-content {
  37.   display: none;
  38.   position: absolute;
  39.   background-color: #f9f9f9;
  40.   width: 100%;
  41.   left: 0;
  42.   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  43.   z-index: 1;
  44. }
  45.  
  46. .dropdown-content .header {
  47.   background: red;
  48.   padding: 16px;
  49.   color: white;
  50. }
  51.  
  52. .dropdown:hover .dropdown-content {
  53.   display: block;
  54. }
  55.  
  56. /* Create three equal columns that floats next to each other */
  57. .column {
  58.   float: left;
  59.   width: 33.33%;
  60.   background-color: #ccc;
  61.   height: 250px;
  62. }
  63.  
  64. .column a {
  65.   float: none;
  66.   color: black;
  67.   padding: 16px;
  68.   text-decoration: none;
  69.   display: block;
  70.   text-align: left;
  71. }
  72.  
  73. .column a:hover {
  74.   background-color: #ddd;
  75. }
  76.  
  77. /* Clear floats after the columns */
  78. .row:after {
  79.   content: "";
  80.   display: table;
  81.   clear: both;
  82. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top