szurubooru/public_html/css/top-navigation.css
Marcin Kurczewski ace8aee142 Improved access keys
- Added underscore hint
- Changed algorithm to provide access key for every button
2014-10-18 18:48:38 +02:00

54 lines
808 B
CSS

#top-navigation {
width: 100%;
}
#top-navigation ul {
list-style-type: none;
padding: 0 2em;
margin: 0;
}
#top-navigation li {
display: inline-block;
}
#top-navigation li a {
display: inline-block;
text-transform: lowercase;
font-variant: small-caps;
padding: 0.5em 1em;
font-size: 15px;
}
#top-navigation li a:focus,
#top-navigation li a:hover {
outline: 0;
}
#top-navigation li:first-child a {
margin-left: -1em;
}
#top-navigation li:last-child a {
margin-right: -1em;
}
#top-navigation i {
font-size: 40px;
margin: 0 10px 5px;
}
#top-navigation .accesskey:before {
position: absolute;
display: inline-block;
right: 0;
left: 0;
content: '\a0';
border-bottom: 1px solid;
opacity: .35;
height: 90%;
}
#top-navigation .accesskey {
position: relative;
text-decoration: none;
}