User:Lanlost/common.css

/* Needed to be able to use width: 100% inside the :hover:before state... */ a[accesskey] { position: relative; }

a[accesskey]:hover { outline: none; text-decoration: none; margin-right: 14px; /* Give space for after the [CHAR]... */ }

/* Creates an underline that doesn't go all the way across to the access key display. This works because that is position absolute and thus, isn't included in the width: 100%... */ a[accesskey]:hover:before { content: " "; position: absolute; bottom: 1px; border-bottom: 1px solid currentColor; width: 100%; }

a[accesskey]:hover:after { content: attr(accesskey); position: absolute; top: -1px; font-family: monospace; text-transform: uppercase; border: solid 1px; margin-left: 0.75ex; padding: 0 0.5ex 0; }

/* Disable the underline on the left navigation and "Read, Edit, View History" blocks... */  display: none; }
 * 1) left-navigation a[accesskey]:hover:before,
 * 2) p-views a[accesskey]:hover:before {

/* Fix positioning for the access key display on the left navigation and "Read, Edit, View History" blocks... */	top: auto; bottom: 6px; }
 * 1) left-navigation a[accesskey]:hover:after,
 * 2) p-views a[accesskey]:hover:after {

/* Remove underlines on elements inside "More" menu... [TODO: Fix this so you can have them! 03-27-16] */
 * 1) p-cactions .menu a[accesskey]:hover:before { width: 0; }
 * 2) p-cactions .menu a[accesskey]:hover:after { top: 5px; }