/* Default Modern Selection Bar */ /* Copy this file and edit it to create your own themes */ /* Include you theme file in your pages */ /* Background of the select bar*/ /* The origional theme uses a gradient. */ .msb { border:1px solid #bbb; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 8%, #ffffff 33%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#efefef), color-stop(33%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 8%,#ffffff 33%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 8%,#ffffff 33%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 8%,#ffffff 33%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 8%,#ffffff 33%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /* Background of the drop-down button */ /* The origional theme uses a gradient. */ .msb > .msb-box { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 8%, #efefef 52%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#ffffff), color-stop(52%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 8%,#efefef 52%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 8%,#efefef 52%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 8%,#efefef 52%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 8%,#efefef 52%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ } /* Background of the list items */ .msb > .msb-items { background-color:white; color:#474747; } /* Font color for the selection bar */ .msb p { color: #afafaf; font-family:'Arial',sans-serif; font-style: italic; padding:2px 0px 2px 6px; font-size:13px; text-align:left; } /* Background color when a selection is hovered/clicked */ .msb-items > li > p:hover,.msb-items > li > p:active{ background-color:#f1f1f1; } /* Color of the arrow in dropdown button - only change the color, 5px and solid must stay the same */ .msb > .msb-box > div{ border-top: 5px solid #1c9bd7; } /* Border colors */ /* It is suggested that you use the same color for the follow borders, and dont change the border width */ .msb, .msb-items{ border:1px solid #ccc; } .msb-current{ border-right:1px solid #ccc; } .msb-items > li:not(:first-child)>p{ border-top:1px solid #ccc; } /* Styles for a disabled bar */ /* Arrow Color */ .msb-disabled > .msb-box > div{ border-top: 5px solid #8a8a8a; } /* Text Color */ .msb-disabled p{ color:#8a8a8a; } /* Custom Layout */ .bprofile { background-color: #c5e4fd; } .disabled_country .menu_flag img { /* for Webkit browsere, Chrome 19+, Safari 6+ ... */ -webkit-filter: grayscale(1); /* this is for Firefox 3.5+, Firefox mobile */ filter: url("data:image/svg+xml;utf8,#gs"); /* for IE6+ */ filter: gray; } .disabled_country p { color:#d9d9d9; } .menu_flag { width:16px; height: 11px; float:left; margin:8px 6px 0 5px !important; }