@namespace url(http://www.w3.org/1999/xhtml);
/*
not using the "*" selector, 'cos
it is not possible to add generated
content to any form element :(
*/
/*
this could spoil something
*/
a[accesskey] {
white-space: nowrap !important;
}
a[accesskey]::after {
content: attr(accesskey) !important;
}
span.my_accesskey ,
a[accesskey]::after {
font-family: "Courier new", monospace !important;
text-transform: uppercase !important;
font-weight: normal !important;
text-decoration: none !important;
border: none !important;
color: #000 !important;
background-color: #eee !important;
-moz-border-radius: 0.7em !important;
font-size: 12px !important;
padding: 0 4px 0 4px !important;
margin: 0 0 0 -15px !important;
/*
= - ( [font-size] + [paddings] - 3 ) o_O
*/
}
textarea[accesskey] + span.my_accesskey {
margin: 0 0 0 -30px !important; /* scrollbars */
padding: 0 19px 0 4px !important;
}
input[accesskey][type="checkbox"] + span.my_accesskey ,
input[accesskey][type="radio"] + span.my_accesskey {
border: 1px solid #000 !important;
padding: 0 3px 0 3px !important;
}
input[accesskey][type="checkbox"] + span.my_accesskey {
-moz-border-radius: 0 !important;
}
input[accesskey][type="radio"]:checked + span.my_accesskey ,
input[accesskey][type="checkbox"]:checked + span.my_accesskey {
color: #fff !important;
border-color: #fff !important;
background-color: #000 !important;
}
input[accesskey][type="radio"]:checked + span.my_accesskey ,
input[accesskey][type="checkbox"]:checked + span.my_accesskey ,
input[accesskey][type="radio"]:focus + span.my_accesskey ,
input[accesskey][type="checkbox"]:focus + span.my_accesskey {
visibility: visible !important;
}
a[accesskey]:focus::after ,
a[accesskey]:hover::after ,
span.my_accesskey:hover ,
input[accesskey]:focus + span.my_accesskey ,
input[accesskey]:hover + span.my_accesskey ,
textarea[accesskey]:focus + span.my_accesskey ,
textarea[accesskey]:hover + span.my_accesskey ,
button[accesskey]:focus + span.my_accesskey ,
button[accesskey]:hover + span.my_accesskey ,
input[accesskey][type="radio"]:checked + span.my_accesskey:hover ,
input[accesskey][type="checkbox"]:checked + span.my_accesskey:hover ,
input[accesskey][type="radio"]:checked:hover + span.my_accesskey ,
input[accesskey][type="checkbox"]:checked:hover + span.my_accesskey ,
input[accesskey][type="radio"]:focus:hover + span.my_accesskey ,
input[accesskey][type="checkbox"]:focus:hover + span.my_accesskey {
visibility: hidden !important;
}
input[accesskey][type="submit"] + span.my_accesskey {
background-color: #f99 !important;
}