diff options
Diffstat (limited to 'web/css/main.css')
-rw-r--r-- | web/css/main.css | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/web/css/main.css b/web/css/main.css index 41730777..3979363b 100644 --- a/web/css/main.css +++ b/web/css/main.css @@ -15,6 +15,7 @@ a { color: var(--fg-color-normal); } @media (hover: hover), (min--moz-device-pixel-ratio: 0) { + /* If we have a mouse cursor */ a:hover { text-decoration: underline; } @@ -38,6 +39,7 @@ button, select { cursor: pointer; } @media (hover: hover), (min--moz-device-pixel-ratio: 0) { + /* If we have a mouse cursor */ button:enabled:hover, select:enabled:hover { color: var(--fg-color-intensive); background-color: var(--bg-color-dark) !important; @@ -50,6 +52,7 @@ button, select { } } @media (hover: none) { + /* If we DON'T have a mouse cursor */ button:active, select:active { color: var(--fg-color-intensive); background-color: var(--bg-color-dark); @@ -142,6 +145,12 @@ ul#ctl li a.ctl-item { ul#ctl li a.ctl-item:hover:not(.active) { background-color: var(--bg-color-hovered); } +@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { + /* iPad 8 */ + ul#ctl li a.ctl-item:hover:not(.active) { + background-color: var(--bg-color-ctl) !important; + } +} ul#ctl li a.ctl-item-selected { box-shadow: 0 5px 0 var(--border-color-intensive) inset; background-color: var(--bg-color-selected) !important; |