Advertisement
Futz

Untitled

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