Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .lblue {
- height:47px;
- border:1px solid #043d72;
- font-family:Arial, Helvetica, sans-serif;
- z-index: 99;
- background-color:#155ea2;
- background-image:-webkit-linear-gradient(top, #206aaf, #0c5396);
- background-image:-moz-linear-gradient(top, #206aaf, #0c5396);
- background-image:-o-linear-gradient(top, #206aaf, #0c5396);
- background-image:-ms-linear-gradient(top, #206aaf, #0c5396);
- background-image:linear-gradient(top, #206aaf, #0c5396);
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- -webkit-box-shadow:inset 0 1px #4d88bf, inset 0 -2px #06427a, 0 1px 3px #ddd;
- -moz-box-shadow:inset 0 1px #4d88bf, inset 0 -2px #06427a, 0 1px 3px #ddd;
- box-shadow:inset 0 1px #4d88bf, inset 0 -2px #06427a, 0 1px 3px #ddd;
- }
- .lblue a {text-decoration:none;}
- .lblue > li > a {
- color:#fff;
- font-weight:bold;
- font-size:14px;
- line-height:18px;
- text-shadow:0 -1px #09223a;
- padding:13px 20px 16px;
- }
- .lblue > li:hover > a {
- background-color:#216fb8;
- -webkit-box-shadow:inset 0 3px #1a63a8, inset 1px 0 #4d8cc6;
- -moz-box-shadow:inset 0 3px #1a63a8, inset 1px 0 #4d8cc6;
- box-shadow:inset 0 3px #1a63a8, inset 1px 0 #4d8cc6;
- border-left:none;
- padding-left:21px;
- }
- .lblue > li {border-right:1px solid #0d3f72;border-right:1px solid rgba(0, 0, 0, .33); z-index: 99;}
- .lblue > li > a {border-left:1px solid #4c8bcb;border-left:1px solid rgba(255, 255, 255, .20);}
- .lblue > li.floatr {
- border-right:none;
- border-left:1px solid #0d3f72;
- border-left:1px solid rgba(0, 0, 0, .33);
- }
- .lblue > li > a img, .lblue li > ul > li > a img {
- border:0;
- margin-right:7px;
- }
- /* notification bubbles ------------------ */
- .lblue > li > a .bubble, .lblue li > a .bubble-alt {
- font-size:11px;
- line-height:11px;
- padding:1px 4px;
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- margin-left:7px;
- position:relative;
- top:-1px;
- }
- .lblue > li > a .bubble {
- color:#fff;
- background-color:#df0a0a;
- text-shadow:0 1px #9d0707;
- -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4982b6;
- -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4982b6;
- box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4982b6;
- }
- .lblue > li > a .bubble-alt {
- color:#fff;
- background-color:#043d71;
- text-shadow:0 1px #032b4f;
- -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
- -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
- box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
- }
- .lblue > li:hover > a .bubble {
- text-shadow:none;
- -webkit-box-shadow:none;
- -moz-box-shadow:none;
- box-shadow:none;
- }
- .lblue ul > li .bubble {
- font-size:11px;
- line-height:12px;
- padding:1px 4px;
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- position:absolute;
- right:10px;
- top:11px;
- color:#fff;
- background-color:#043d71;
- text-shadow:0 1px #242424;
- -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
- -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
- box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
- }
- .lblue ul > li .bubble-red {
- font-size:11px;
- line-height:12px;
- padding:1px 4px;
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- position:absolute;
- right:10px;
- top:11px;
- color:#fff;
- background-color:#df0a0a;
- text-shadow:0 1px #9d0707;
- -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
- -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
- box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #4d85b8;
- }
- .lblue > li > a .bubble-top {
- position:absolute;
- font-size:11px;
- line-height:14px;
- color:#fff;
- padding:0 3px;
- right:4px;
- top:-8px;
- text-shadow:none;
- border:1px solid #a00000;
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- background-color: #df0a0a;
- background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
- background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
- background-image: -o-linear-gradient(top, #f26870, #ec0e23);
- background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
- background-image: linear-gradient(top, #f26870, #ec0e23);
- -webkit-box-shadow:inset 0 1px #ffa7a7;
- -moz-box-shadow:inset 0 1px #ffa7a7;
- box-shadow:inset 0 1px #ffa7a7;
- }
- /* sub menu ------------------------------ */
- .lblue ul {
- background-color:#216fb8;
- border:1px solid #06345e;
- border-top:none;
- left:-1px;
- -webkit-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
- -moz-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
- box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
- }
- .lblue > li.floatr > ul {right:-1px;left:auto;}
- .lblue > li.floatr > ul ul {left:-127px;}
- .lblue ul a {
- color:#fff;
- font-weight:bold;
- font-size:13px;
- line-height:18px;
- padding:9px 12px;
- border-top:1px solid #165691;
- -webkit-box-shadow:inset 0 1px #447fb7;
- -moz-box-shadow:inset 0 1px #447fb7;
- box-shadow:inset 0 1px #447fb7;
- text-shadow:0 -1px #0d3f72;
- }
- .lblue ul a:hover {
- background-color:#1c65aa;
- -webkit-box-shadow:inset 1px 1px #447fb7;
- -moz-box-shadow:inset 1px 1px #447fb7;
- box-shadow:inset 1px 1px #447fb7;
- }
- .lblue ul ul li:first-child a {border-top-color:#06345e;}
- /* mega menu ----------------------------- */
- .lblue li > div {
- background-color:#216fb8;
- border:1px solid #06345e;
- border-top:none;
- left:-1px;
- -webkit-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
- -moz-box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
- box-shadow:0 2px #ddd, inset 1px 0 #4d8cc6;
- padding:10px;
- }
- .lblue > li.floatr > div {right:-1px;left:auto;}
- .lblue h4, .lblue h5 {margin:0;padding:0;}
- .lblue h4 {
- font-size:15px;
- color:#b3cbe2;
- font-weight:normal;
- margin:10px 10px 5px;
- padding-bottom:10px;
- border-bottom:1px solid #508ac1;
- }
- .lblue h5 {
- font-size:14px;
- color:#fff;
- font-weight:bold;
- margin:10px 10px 0;
- text-shadow:0 -1px #0d3f72;
- }
- .lblue ol {
- list-style:none;
- margin:7px 10px;
- padding:0;
- }
- .lblue ol a {
- color:#b8d3ec;
- font-size:12px;
- padding:3px 0;
- }
- .lblue ol a:hover {
- color:#fff;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement