/* #------------------------------#d27244------------------------------------------ # Steak House - Joomla! template (for Joomla 2.5) # # Copyright (C) 2007-2014 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com */ /* Style 1 */ /* template.css */ a, #gkMainbody header h1 a:active, #gkMainbody header h1 a:focus, #gkMainbody header h1 a:hover, #gkMainbody header h2 a:active, #gkMainbody header h2 a:focus, #gkMainbody header h2 a:hover, #k2Container article header h2 a:active, #k2Container article header h2 a:focus, #k2Container article header h2 a:hover, #community-wrap .joms-stream-box article>a, .faq li a:hover, #login-form ul li a:hover { color: #000; } .breadcrumbs li a:hover { color: #000; } #gkFooter a:active, #gkFooter a:focus, #gkFooter a:hover { color: #000; } .bigtitle .header > a:active, .bigtitle .header > a:focus, .bigtitle .header > a:hover, .bigtitle > header > a:active, .bigtitle > header > a:focus, .bigtitle > header > a:hover { color: #000; } .box.dark a:active, .box.dark a:focus, .box.dark a:hover { color: #000!important; } .box.color2 .box-wrap { background: #d27244; } .box.border1 .box-wrap { border-color: #d27244; } .box.border1 .header { border-bottom-color: #d27244; color: #000; } .box.big-icon a:active, .box.big-icon a:focus, .box.big-icon a:hover { color: #000; } .menu li a:active { color: #000 !important; } .box.map:before { background: rgba(210, 114, 68, .8); } /* joomla.css */ button, .button, input.button, span.button, button.button, div.button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, #gkMainbody .itemReadMore, #gkMainbody .readmore > a, .button.invert:active, .button.invert:focus, .button.invert:hover, body #cWindow a.plupload_button, .readon, #comments-form .btn A, #comments-report-form .btn A { /* text */ text-decoration: none; font: 0,8em; font-weight: normal; text-shadow: rgba(255,255,255,.5) 0 1px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-family: 'Tahoma', serif; line-height: 20px; font-size: 18px; /* layout */ padding: .5em .5em .5em .5em; margin: 0 0em 1em 0em; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /* effects */ border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(0,0,0,0.1); background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )); background-image: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )); -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; transition: background .2s ease-in-out; /* color */ color: rgb(36, 37, 37) !important; background-color: hsl(0, 0%, 75%); -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ } /* -------------- button (tag) -------------- */ .button:hover { background-color: hsl(0, 0%, 93%)!important; } #comments-form .btn A:hover, #comments-report-form .btn A:hover{ background-color: hsl(0, 0%, 93%)!important; } #comments-form[id="comments-form"] .btn A:active, #comments-report-form[id="comments-report-form"] .btn A:active,.button[class="button"]:active{ background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ))!important; background-image: -moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ))!important; background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ))!important; -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, rgba(0,0,0,0.4) 0 .1em 1px, rgba(0,0,0,0.2) 0 .2em 6px!important; /* drop shadow */ -moz-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, rgba(0,0,0,0.4) 0 .1em 1px, rgba(0,0,0,0.2) 0 .2em 6px!important; /* drop shadow */ box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, rgba(0,0,0,0.4) 0 .1em 1px, rgba(0,0,0,0.2) 0 .2em 6px!important; /* drop shadow */ -webkit-transform: translateY(.2em)!important; -moz-transform: translateY(.2em)!important; transform: translateY(.2em)!important; } .button-border { background: #fff; border-color: #d27244; color: #000!important; } section.category .children h3, section.blog .children h3 { color: #000; } tbody tr td a:hover, section.category .children li a:hover { color: #000 } article header.itemHasImage h1 a:active, article header.itemHasImage h1 a:focus, article header.itemHasImage h1 a:hover { color: #000!important; } .tip-title { background: #d27244; } .pagination ul li a:hover { background: #d27244; } div.bannerfooter { color: #000; } dl#tabs dt.tabs.open span h3, dl.tabs dt.tabs.open span h3 { border: 2px solid #d27244; } dl#tabs dt.tabs.open span h3 a:hover, dl.tabs dt.tabs.open span h3 a:hover, dl#tabs dt.tabs.open span h3 a:focus, dl.tabs dt.tabs.open span h3 a:focus { color: #000 } .autocompleter-queried { color: #000!important } .gk-menu-container dd strong { color: #000; } .gk-photo-overlay-prev:active, .gk-photo-overlay-prev:focus, .gk-photo-overlay-prev:hover, .gk-photo-overlay-next:active, .gk-photo-overlay-next:focus, .gk-photo-overlay-next:hover { border-color: #d27244; } /* gk.stuff.css */ .nspPagination li:hover, .nspPagination li.active { background: #d27244; } .nspNext:hover:after, .nspPrev:hover:after { color: #000; } .nspArt .nspHeader a:hover, .nspLinks ul li h4 a:hover { color: #000 !important; } .box.dark a.readon:active, .box.dark a.readon:focus, .box.dark a.readon:hover { color: #000!important; } .box.dark .nspNext:hover:after, .box.dark .nspPrev:hover:after { color: #000!important; } .box.dark .nspPagination li.active { background: #d27244!important; } .box.color2 .readon { color: #000!important; } .gkNspPM-GridNews figcaption a:active, .gkNspPM-GridNews figcaption a:focus, .gkNspPM-GridNews figcaption a:hover { color: #000!important; } .gkNspPM-GridNews > a { background: #d27244; } .gkTabsWrap ol li:hover, .gkTabsWrap ol li.active, .gkTabsWrap ol li.active:hover { border-color: #d27244!important; color: #000; } .gkContactForm input { border-color: #d27244; } .gkContactForm textarea { border-color: #d27244; } .gk-menu dd strong { color: #000; } .gk-testimonials-prev:active, .gk-testimonials-prev:focus, .gk-testimonials-prev:hover, .gk-testimonials-next:active, .gk-testimonials-next:focus, .gk-testimonials-next:hover { border-color: #d27244; } .gk-testimonials-pagination li.active { background: #d27244; } .gk-special-link:active, .gk-special-link:focus, .gk-special-link:hover { background: #d27244; } .gkreservation-party-info .button-border { border-color: #d27244; color: #000!important; } .kalendae .k-today { background: #d27244!important; } /* menu.css */ .gkMenu > ul > li > a:active, .gkMenu > ul > li > a:focus, .gkMenu > ul > li > a:hover, .gkMenu > ul > li.active > a:active, .gkMenu > ul > li.active > a:focus, .gkMenu > ul > li.active > a:hover { color: #000; } .gkMenu > ul > li.active > a { color: #000; } .gkMenu > ul > li.haschild > a:before { border-bottom-color: #d27244; } .gkMenu > ul li div.childcontent { background: #d27244; } #close-menu { color: #fff; } #aside-menu li a.active, #aside-menu li a:active, #aside-menu li a:focus, #aside-menu li a:hover { color: #999; } /* k2.css */ .k2FeedIcon a:before, a.k2FeedIcon:before { color: #000; } .itemComments .icon-comments { background: #d27244; } .itemAuthorContent li a:active, .itemAuthorContent li a:focus, .itemAuthorContent li a:hover { color: #000; } .k2AuthorsListBlock ul li a.abAuthorLatestItem:hover { color: #d27244; } .k2CalendarBlock table.calendar tr td.calendarDateLinked a:hover { background: #d27244; } .k2CalendarBlock table.calendar tr td.calendarToday { background: #d27244; } table.calendar tr td.calendarTodayLinked a { color: #000; } .k2CalendarBlock table.calendar tr td.calendarTodayLinked a:hover { background: #d27244; } .calendarNavLink { color: #000; } .k2TagCloudBlock a:active, .k2TagCloudBlock a:focus, .k2TagCloudBlock a:hover { border-color: #d27244; color: #000; } .box ul.menu li.active{ box-shadow: 0 0.3em 0.3em rgba(255, 255, 255, 0.6) inset, 0 -0.1em 0.3em rgba(0, 0, 0, 0.2) inset, 0 0.1em 1px rgba(0, 0, 0, 0.4), 0 0.2em 6px rgba(0, 0, 0, 0.2)!important; transform: translateY(0.2em)!important; } .box ul.menu li.active a{ color: #000; font-weight: bold; } .menu li{ /* text */ text-decoration: none; font: 0,8em; font-weight: normal; text-shadow: rgba(255,255,255,.5) 0 1px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-family: 'Tahoma', serif; line-height: 30px; font-size: 18px; /* layout */ padding: .5em .5em .5em .5em; margin: 0 0em 1em 0em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /* effects */ border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(0,0,0,0.1); background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )); background-image: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )); -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; transition: background .2s ease-in-out; /* color */ color: rgb(36, 37, 37) !important; background-color: hsl(0, 0%, 75%); -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ } /* -------------- button (tag) -------------- */ .menu li a { line-height: 1.5em!important; color: #000!important; } #gkMainMenu .gkMenu > ul > li,#scroller{ /* text */ text-decoration: none; font: 0,8em; font-weight: normal; text-shadow: rgba(255,255,255,.5) 0 1px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-family: 'Tahoma', serif; line-height: 30px; font-size: 18px; /* layout */ padding: .5em .5em .5em .5em; margin: 0 0em 1em 0em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; vertical-align: bottom; /* effects */ border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(0,0,0,0.1); background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )); background-image: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )); -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; transition: background .2s ease-in-out; /* color */ color: rgb(36, 37, 37) !important; background-color: hsl(0, 0%, 75%); -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ } /* -------------- button (tag) -------------- */ #gkMainMenu .gkMenu > ul > li:hover,#scroller:hover{ background-color: hsl(208, 100%, 83%); } #scroller{ background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url('../images/system/arrow_top.png')!important; background-image: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url('../images/system/arrow_top.png')!important; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; border-radius: 50%!important; } #scroller:active,a[rel="next"]:active, a[rel="prev"]:active{ box-shadow: 0 0.3em 0.3em rgba(255, 255, 255, 0.6) inset, 0 -0.1em 0.3em rgba(0, 0, 0, 0.2) inset, 0 0.1em 1px rgba(0, 0, 0, 0.4), 0 0.2em 6px rgba(0, 0, 0, 0.2)!important; transform: translateY(0.2em)!important; } #scroller:hover{ background-color: #cdcdcd; opacity: 1; } .menu li a:hover{ color: #000!important; } .menu li:active{ box-shadow: 0 0.3em 0.3em rgba(255, 255, 255, 0.6) inset, 0 -0.1em 0.3em rgba(0, 0, 0, 0.2) inset, 0 0.1em 1px rgba(0, 0, 0, 0.4), 0 0.2em 6px rgba(0, 0, 0, 0.2)!important; transform: translateY(0.2em)!important; } .menu li:hover { background-color: hsl(0, 0%, 93%)!important; } #header_cell[id="header_cell"] { text-decoration: none!important; font: 0,8em!important; font-weight: bold!important; text-shadow: rgba(255,255,255,.5) 0 1px 0!important; -webkit-user-select: none!important; -moz-user-select: none!important; font-family: 'Tahoma', serif!important; line-height: 30px!important; font-size: 22px!important; padding: .1em .1em .1em .1em!important; margin: 0 0em 1em 0em!important; display: block!important; position: relative!important; text-transform: uppercase!important; } .gkMenu > ul > li > a{ color: #000!important; height: 100%!important; } #gkMainMenu .gkMenu > ul > li { padding: 0!important; margin-right: 10px; } #gkMainMenu .gkMenu > ul > li:hover { background-color: hsl(0, 0%, 93%)!important; } #gkMainMenu .gkMenu > ul > li:active { box-shadow: 0 0.3em 0.3em rgba(255, 255, 255, 0.6) inset, 0 -0.1em 0.3em rgba(0, 0, 0, 0.2) inset, 0 0.1em 1px rgba(0, 0, 0, 0.4), 0 0.2em 6px rgba(0, 0, 0, 0.2)!important; transform: translateY(0.2em)!important; } #comments-form P, #comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder{ overflow: visible !important; } /** Keyboard */ .box ul.menu li.active { background: hsl(0, 0%, 93%) none repeat scroll 0 0; } button.ui-keyboard-button.btn { /* effects */ border-top: 1px solid rgba(255,255,255,0.8)!important; border-bottom: 1px solid rgba(0,0,0,0.1)!important; background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ))!important; background-image: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%)!important; background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ))!important; -webkit-transition: background .2s ease-in-out!important; -moz-transition: background .2s ease-in-out!important; transition: background .2s ease-in-out!important; /* color */ color: rgb(36, 37, 37) !important; background-color: hsl(0, 0%, 75%)!important; -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px!important; /* drop shadow */ -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px!important; /* drop shadow */ box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px!important; /* drop shadow */ } button.ui-keyboard-button.btn.active { background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ))!important; background-image: -moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ))!important; background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ))!important; -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ rgba(0,0,0,0.4) 0 .1em 1px, /* border */ rgba(0,0,0,0.2) 0 .2em 6px!important; /* drop shadow */ -moz-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ rgba(0,0,0,0.4) 0 .1em 1px, /* border */ rgba(0,0,0,0.2) 0 .2em 6px!important; /* drop shadow */ box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ rgba(0,0,0,0.4) 0 .1em 1px, /* border */ rgba(0,0,0,0.2) 0 .2em 6px!important; /* drop shadow */ -webkit-transform: translateY(.2em); -moz-transform: translateY(.2em); transform: translateY(.2em); } button.ui-keyboard-button.btn[name="cancel"] { background: #fff!important; } button.ui-keyboard-button.btn[name="space"]{ width: 50%; } /* enable/disable icons */ button.ui-keyboard-toggle span { width: .8em; height: .8em; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: contain; } /* unlocked icon (enabled) */ button.ui-keyboard-toggle span { /* fill: #eee */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==); /* fill: #111 */ /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==); */ } /* locked icon (disabled) */ button.ui-keyboard-toggle.ui-keyboard-disabled span { /* fill: #eee */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=); /* fill: #111 */ /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=); */ }