Advertisement
Futz

Untitled

Jan 9th, 2020
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.15 KB | None | 0 0
  1. #menu-bar {
  2.   width: 95%;
  3.   margin: 0px 0px 0px 0px;
  4.   padding: 6px 6px 4px 6px;
  5.   line-height: 100%;
  6.   border-radius: 24px;
  7.   -webkit-border-radius: 24px;
  8.   -moz-border-radius: 24px;
  9.   box-shadow: 2px 2px 3px #666666;
  10.   -webkit-box-shadow: 2px 2px 3px #666666;
  11.   -moz-box-shadow: 2px 2px 3px #666666;
  12.   background: #8b8b8b;
  13.   background: linear-gradient(top,  #a9a9a9,  #7a7a7a);
  14.   background: -ms-linear-gradient(top,  #a9a9a9,  #7a7a7a);
  15.   background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
  16.   background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a);
  17.   border: solid 1px #6d6d6d;
  18.   position:fixed;
  19.   z-index:999;
  20. }
  21. #menu-bar li {
  22.   margin: 0px 0px 6px 0px;
  23.   padding: 0px 6px 0px 6px;
  24.   float: left;
  25.   position: relative;
  26.   list-style: none;
  27. }
  28. #menu-bar a {
  29.   font-weight: bold;
  30.   font-family: arial;
  31.   font-style: normal;
  32.   font-size: 12px;
  33.   color: #e7e5e5;
  34.   text-decoration: none;
  35.   display: block;
  36.   padding: 6px 20px 6px 20px;
  37.   margin: 0;
  38.   margin-bottom: 6px;
  39.   border-radius: 10px;
  40.   -webkit-border-radius: 10px;
  41.   -moz-border-radius: 10px;
  42.   text-shadow: 2px 2px 3px #000000;
  43. }
  44. #menu-bar li ul li a {
  45.   margin: 0;
  46. }
  47. #menu-bar .active a, #menu-bar li:hover > a {
  48.   background: #0399d4;
  49.   background: linear-gradient(top,  #ebebeb,  #a1a1a1);
  50.   background: -ms-linear-gradient(top,  #ebebeb,  #a1a1a1);
  51.   background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1));
  52.   background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1);
  53.   color: #444444;
  54.   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  55.   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  56.   box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  57.   text-shadow: 2px 2px 3px #ffffff;
  58. }
  59. #menu-bar ul li:hover a, #menu-bar li:hover li a {
  60.   background: none;
  61.   border: none;
  62.   color: #666;
  63.   -box-shadow: none;
  64.   -webkit-box-shadow: none;
  65.   -moz-box-shadow: none;
  66. }
  67. #menu-bar ul a:hover {
  68.   background: #0399d4 !important;
  69.   background: linear-gradient(top,  #04acec,  #0186ba) !important;
  70.   background: -ms-linear-gradient(top,  #04acec,  #0186ba) !important;
  71.   background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important;
  72.   background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important;
  73.   color: #ffffff !important;
  74.   border-radius: 0;
  75.   -webkit-border-radius: 0;
  76.   -moz-border-radius: 0;
  77.   text-shadow: 2px 2px 3px #ffffff;
  78. }
  79. #menu-bar li:hover > ul {
  80.   display: block;
  81. }
  82. #menu-bar ul {
  83.   background: #dddddd;
  84.   background: linear-gradient(top,  #ffffff,  #cfcfcf);
  85.   background: -ms-linear-gradient(top,  #ffffff,  #cfcfcf);
  86.   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf));
  87.   background: -moz-linear-gradient(top,  #ffffff,  #cfcfcf);
  88.   display: none;
  89.   margin: 0;
  90.   padding: 0;
  91.   width: 185px;
  92.   position: absolute;
  93.   top: 30px;
  94.   left: 0;
  95.   border: solid 1px #b4b4b4;
  96.   border-radius: 10px;
  97.   -webkit-border-radius: 10px;
  98.   -moz-border-radius: 10px;
  99.   -webkit-box-shadow: 2px 2px 3px #222222;
  100.   -moz-box-shadow: 2px 2px 3px #222222;
  101.   box-shadow: 2px 2px 3px #222222;
  102. }
  103. #menu-bar ul li {
  104.   float: none;
  105.   margin: 0;
  106.   padding: 0;
  107. }
  108. #menu-bar ul a {
  109.   padding:10px 0px 10px 15px;
  110.   color:#424242 !important;
  111.   font-size:12px;
  112.   font-style:normal;
  113.   font-family:arial;
  114.   font-weight: normal;
  115.   text-shadow: 2px 2px 3px #ffffff;
  116. }
  117. #menu-bar ul li:first-child > a {
  118.   border-top-left-radius: 10px;
  119.   -webkit-border-top-left-radius: 10px;
  120.   -moz-border-radius-topleft: 10px;
  121.   border-top-right-radius: 10px;
  122.   -webkit-border-top-right-radius: 10px;
  123.   -moz-border-radius-topright: 10px;
  124. }
  125. #menu-bar ul li:last-child > a {
  126.   border-bottom-left-radius: 10px;
  127.   -webkit-border-bottom-left-radius: 10px;
  128.   -moz-border-radius-bottomleft: 10px;
  129.   border-bottom-right-radius: 10px;
  130.   -webkit-border-bottom-right-radius: 10px;
  131.   -moz-border-radius-bottomright: 10px;
  132. }
  133. #menu-bar:after {
  134.   content: ".";
  135.   display: block;
  136.   clear: both;
  137.   visibility: hidden;
  138.   line-height: 0;
  139.   height: 0;
  140. }
  141. #menu-bar {
  142.   display: inline-block;
  143. }
  144.   html[xmlns] #menu-bar {
  145.   display: block;
  146. }
  147. * html #menu-bar {
  148.   height: 1%;
  149. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement