User:Keymanweb/keymanweb.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

#KeymanWebControl
{
 width: 500px !important;
 position: fixed !important;
 height: 22px !important;
 top: 0 !important;
 left: 220px !important;
}
 
#KeymanWebControl div#kmw_controls
{
 font-size: 8pt !important;
 right: 0 !important
}
 
#KeymanWebControl .kmw_selector_region
{
 width: 375px;
}
 
#KeymanWebControl #kmw_controls_start,
#KeymanWebControl .kmw_button,
#KeymanWebControl .kmw_button_disabled,
#KeymanWebControl .kmw_button_selected,
#KeymanWebControl #kmw_img_off,
#KeymanWebControl #kmw_img_keyboards,
#KeymanWebControl #kmw_img_kbd,
#KeymanWebControl #kmw_img_osk,
#KeymanWebControl .kmw_drop,
#KeymanWebControl .kmw_bar,
#KeymanWebControl #kmw_controls_end
{
 background:transparent url(http://s.keymanweb.com/img/toolbar/toolbar16.gif) no-repeat scroll !important;
}
 
#kmw_balloon
{ 
 display: none !important
}
 
#kmw_arrowhead
{ 
 display: none !important
}
 
#KeymanWebControl #kmw_selector.kmw_over
{
 left: auto !important;
 right: 1px !important;
 top: 22px !important
}
 
#KeymanWebControl .kmw_selector_kbd
{ 
 top: 18px !important;
}
 
#KeymanWebControl #kmw_controls_start
{
 height:22px !important; 
 width:22px !important;
}
 
#KeymanWebControl .kmw_button,
#KeymanWebControl .kmw_button_disabled,
#KeymanWebControl .kmw_button_selected
{
 background-position: 0 -22px !important;
 background-repeat: repeat-x !important;
 height:22px !important;
}
 
#KeymanWebControl a.kmw_button_a,
#KeymanWebControl a.kmw_button_a:visited
{
 height: 16px !important; 
 margin: 1px 2px 0 !important; 
 padding: 2px 7px !important;
}
 
#KeymanWebControl a.kmw_norightgap
{ 
 padding-right: 3px !important
}
 
#KeymanWebControl .kmw_button_selected a.kmw_button_a.kmw_norightgap,
#KeymanWebControl .kmw_button_selected a.kmw_button_a.kmw_norightgap:hover,
#KeymanWebControl .kmw_button_selected a.kmw_button_a.kmw_norightgap:visited
{
 padding-right: 2px !important
}
 
#KeymanWebControl a.kmw_noleftgap { padding-left: 3px !important }
#KeymanWebControl .kmw_button_selected a.kmw_button_a.kmw_noleftgap,
#KeymanWebControl .kmw_button_selected a.kmw_button_a.kmw_noleftgap:hover,
#KeymanWebControl .kmw_button_selected a.kmw_button_a.kmw_noleftgap:visited
{
 padding-left: 2px !important
}
 
#KeymanWebControl .kmw_button_selected a.kmw_button_a,
#KeymanWebControl .kmw_button_selected a.kmw_button_a:visited,
#KeymanWebControl .kmw_button_selected a.kmw_button_a:hover
{ 
 border: 1px solid #305080 !important;
 background: #d8f4fd !important; 
 margin-top: 0px !important;
 padding: 2px 6px !important
}
 
#KeymanWebControl a.kmw_button_a:hover,
#KeymanWebControl .kmw_button_selected a.kmw_button_a:hover
{ 
 background: #99cedf !important
}
 
#KeymanWebControl .kmw_img
{
 width: 16px !important;
 height: 16px !important;
}
 
#KeymanWebControl #kmw_img_off
{
 background-position: 0 -76px !important;
}
 
#KeymanWebControl #kmw_img_keyboards
{
 background-position: 0 -92px !important;
 display: none;
}
 
#KeymanWebControl #kmw_img_kbd
{
 background-position: -16px -44px !important;
}
 
#KeymanWebControl #kmw_img_osk
{
 background-position: -0 -44px !important;
}
 
#KeymanWebControl div.kmw_a
{
 padding-top: 1px !important;
}
 
#KeymanWebControl .kmw_drop
{
 background-position: -16px -60px !important;
 height: 16px !important;
 width: 9px !important;
}
 
#KeymanWebControl .kmw_bar {
 background-position: 0 -22px !important;
 height: 22px !important;
 width: 8px !important;
}
 
#KeymanWebControl #kmw_controls_end
{
 background-position: -31px 0 !important;
 height: 22px !important;
}