{"sections":[{"urls":[],"urlPrefixes":[],"domains":[],"regexps":[],"code":"/*\r\n Display accesskeys, enhanced\r\n http://userstyles.org/styles/2193\r\n BEGIN\r\n*/\r\n\r\n@namespace\r\n url(http://www.w3.org/1999/xhtml);"},{"urls":[],"urlPrefixes":["http://","https://"],"domains":[],"regexps":[],"code":"/*\r\n default appearance for either userscript or css-generated content\r\n*/\r\nspan.my_accesskey  ,\r\nlabel[accesskey]::after  ,\r\nlegend[accesskey]::after  ,\r\nbutton[accesskey]::after  ,\r\na[accesskey]::after  {\r\n content: attr(accesskey) !important;\r\n position: static !important;\r\n display: inline !important;\r\n text-decoration: none !important;\r\n text-indent: 0 !important;\r\n text-transform: uppercase !important;\r\n font-family: \"Courier new\", Courier, monospace !important;\r\n font-size: 12px !important;\r\n font-weight: normal !important;\r\n border: none !important;\r\n color: #000 !important;\r\n background-color: #eee !important;\r\n border-radius: 0.7em !important;\r\n opacity: 0.8 !important;\r\n padding: 0 4px 0 4px !important;\r\n margin: 0 0 0 -15px !important;\r\n}\r\n\r\n/*\r\n :hover and his best friend :focus\r\n hiding, but for checkboxes see below\r\n*/\r\n\r\nspan.my_accesskey:hover  ,\r\n\r\ntextarea[accesskey]:focus + span.my_accesskey  ,\r\ninput[accesskey]:focus + span.my_accesskey  ,\r\nselect[accesskey]:focus + span.my_accesskey  ,\r\nlabel[accesskey]:focus::after  ,\r\nlegend[accesskey]:focus::after  ,\r\nbutton[accesskey]:focus::after  ,\r\na[accesskey]:focus::after  ,\r\n\r\ntextarea[accesskey]:hover + span.my_accesskey  ,\r\ninput[accesskey]:hover + span.my_accesskey  ,\r\nselect[accesskey]:hover + span.my_accesskey  ,\r\nlabel[accesskey]:hover::after  ,\r\nlegend[accesskey]:hover::after  ,\r\nbutton[accesskey]:hover::after  ,\r\na[accesskey]:hover::after  {\r\n visibility: hidden !important;\r\n}\r\n\r\n/*\r\n this can spoil something\r\n but is necessary\r\n 13:40:26 hopefully, not anymore (?)\r\n*/\r\n/*\r\na[accesskey]  {\r\n white-space: nowrap !important;\r\n}\r\n*/\r\n\r\n\r\n/*\r\n supposing textarea will have scrollbar\r\n*/\r\ntextarea[accesskey] + span.my_accesskey {\r\n margin: 0 0 0 -30px !important;\r\n padding: 0 19px 0 4px !important;\r\n}\r\n\r\n/*\r\n border for checkboxes and radios\r\n*/\r\ninput[accesskey][type=\"checkbox\"] + span.my_accesskey ,\r\ninput[accesskey][type=\"radio\"] + span.my_accesskey {\r\n border: 1px solid #000 !important;\r\n padding: 0 3px 0 3px !important;\r\n}\r\n\r\ninput[accesskey][type=\"checkbox\"] + span.my_accesskey {\r\n border-radius: 0 !important;\r\n}\r\n\r\n/*\r\n inverting colours for checked radios / checkboxes\r\n*/\r\ninput[accesskey][type=\"radio\"]:checked + span.my_accesskey ,\r\ninput[accesskey][type=\"checkbox\"]:checked + span.my_accesskey {\r\n color: #fff !important;\r\n border-color: #fff !important;\r\n background-color: #000 !important;\r\n}\r\n\r\n/*\r\n focus: for radio and checkbox do not hide but emphasize\r\n*/\r\ninput[accesskey][type=\"radio\"]:focus + span.my_accesskey ,\r\ninput[accesskey][type=\"checkbox\"]:focus + span.my_accesskey {\r\n outline: 1px dotted red !important;\r\n visibility: visible !important;\r\n}\r\n/*\r\n focus: others - hide\r\n*/\r\ninput[accesskey][type=\"radio\"]:focus + span.my_accesskey:hover ,\r\ninput[accesskey][type=\"checkbox\"]:focus + span.my_accesskey:hover ,\r\ninput[accesskey][type=\"radio\"]:focus:hover + span.my_accesskey ,\r\ninput[accesskey][type=\"checkbox\"]:focus:hover + span.my_accesskey {\r\n visibility: hidden !important;\r\n}\r\n\r\n/*\r\n red for submits\r\n*/\r\ninput[accesskey][type=\"submit\"] + span.my_accesskey {\r\n background-color: #f99 !important;\r\n}"}],"url":"http://userstyles.org/styles/2193","updateUrl":"https://userstyles.org/styles/chrome/2193.json","md5Url":"https://update.userstyles.org/2193.md5","originalMd5":"3ceb9b12b11484d22cacc1fc56145b83","name":"Display accesskeys, enhanced","thumbnail":"https://userstyles.org/style_screenshots/2193_after.png?r=1774519211"}