Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #menu-bar {
- width: 95%;
- margin: 0px 0px 0px 0px;
- padding: 6px 6px 4px 6px;
- 'height: 40px;
- line-height: 100%;
- border-radius: 24px;
- -webkit-border-radius: 24px;
- -moz-border-radius: 24px;
- box-shadow: 2px 2px 3px #666666;
- -webkit-box-shadow: 2px 2px 3px #666666;
- -moz-box-shadow: 2px 2px 3px #666666;
- background: #8b8b8b;
- background: linear-gradient(top, #a9a9a9, #7a7a7a);
- background: -ms-linear-gradient(top, #a9a9a9, #7a7a7a);
- background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
- background: -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
- border: solid 1px #6d6d6d;
- position:fixed;
- z-index:999;
- }
- #menu-bar li {
- margin: 0px 0px 6px 0px;
- padding: 0px 6px 0px 6px;
- float: left;
- position: relative;
- list-style: none;
- }
- #menu-bar a {
- font-weight: bold;
- font-family: arial;
- font-style: normal;
- font-size: 12px;
- color: #e7e5e5;
- text-decoration: none;
- display: block;
- padding: 6px 20px 6px 20px;
- margin: 0;
- margin-bottom: 6px;
- border-radius: 10px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- text-shadow: 2px 2px 3px #000000;
- }
- #menu-bar li ul li a {
- margin: 0;
- }
- #menu-bar .active a, #menu-bar li:hover > a {
- background: #0399d4;
- background: linear-gradient(top, #ebebeb, #a1a1a1);
- background: -ms-linear-gradient(top, #ebebeb, #a1a1a1);
- background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1));
- background: -moz-linear-gradient(top, #ebebeb, #a1a1a1);
- color: #444444;
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
- -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
- box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
- text-shadow: 2px 2px 3px #ffffff;
- }
- #menu-bar ul li:hover a, #menu-bar li:hover li a {
- background: none;
- border: none;
- color: #666;
- -box-shadow: none;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- }
- #menu-bar ul a:hover {
- background: #0399d4 !important;
- background: linear-gradient(top, #04acec, #0186ba) !important;
- background: -ms-linear-gradient(top, #04acec, #0186ba) !important;
- background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important;
- background: -moz-linear-gradient(top, #04acec, #0186ba) !important;
- color: #ffffff !important;
- border-radius: 0;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- text-shadow: 2px 2px 3px #ffffff;
- }
- #menu-bar li:hover > ul {
- display: block;
- }
- #menu-bar ul {
- background: #dddddd;
- background: linear-gradient(top, #ffffff, #cfcfcf);
- background: -ms-linear-gradient(top, #ffffff, #cfcfcf);
- background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf));
- background: -moz-linear-gradient(top, #ffffff, #cfcfcf);
- display: none;
- margin: 0;
- padding: 0;
- width: 185px;
- position: absolute;
- top: 30px;
- left: 0;
- border: solid 1px #b4b4b4;
- border-radius: 10px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- -webkit-box-shadow: 2px 2px 3px #222222;
- -moz-box-shadow: 2px 2px 3px #222222;
- box-shadow: 2px 2px 3px #222222;
- }
- #menu-bar ul li {
- float: none;
- margin: 0;
- padding: 0;
- }
- #menu-bar ul a {
- padding:10px 0px 10px 15px;
- color:#424242 !important;
- font-size:12px;
- font-style:normal;
- font-family:arial;
- font-weight: normal;
- text-shadow: 2px 2px 3px #ffffff;
- }
- #menu-bar ul li:first-child > a {
- border-top-left-radius: 10px;
- -webkit-border-top-left-radius: 10px;
- -moz-border-radius-topleft: 10px;
- border-top-right-radius: 10px;
- -webkit-border-top-right-radius: 10px;
- -moz-border-radius-topright: 10px;
- }
- #menu-bar ul li:last-child > a {
- border-bottom-left-radius: 10px;
- -webkit-border-bottom-left-radius: 10px;
- -moz-border-radius-bottomleft: 10px;
- border-bottom-right-radius: 10px;
- -webkit-border-bottom-right-radius: 10px;
- -moz-border-radius-bottomright: 10px;
- }
- #menu-bar:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- #menu-bar {
- display: inline-block;
- }
- html[xmlns] #menu-bar {
- display: block;
- }
- * html #menu-bar {
- height: 1%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement