diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2016-04-20 13:45:03 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-16 09:45:37 +0200 |
| commit | 1319016957e806af362761e43bd389e6aa9edefe (patch) | |
| tree | 61d801eb101df37bd722a18d475720b1b5f992af /css/theme/serif.css | |
| parent | 963e5c8678d6529dfe796dd522e9d3d9dcf4cb08 (diff) | |
| download | fosdem-2018-presentation-1319016957e806af362761e43bd389e6aa9edefe.tar fosdem-2018-presentation-1319016957e806af362761e43bd389e6aa9edefe.tar.gz | |
new optional controls aligned to screen edges
Diffstat (limited to 'css/theme/serif.css')
| -rw-r--r-- | css/theme/serif.css | 28 |
1 files changed, 16 insertions, 12 deletions
diff --git a/css/theme/serif.css b/css/theme/serif.css index e9b08c6..4049b80 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -251,34 +251,38 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls .navigate-left, -.reveal .controls .navigate-left.enabled { +.reveal .controls[data-controls-type="bottom-right"] .navigate-left, +.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled { border-right-color: #51483D; } -.reveal .controls .navigate-right, -.reveal .controls .navigate-right.enabled { +.reveal .controls[data-controls-type="bottom-right"] .navigate-right, +.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled { border-left-color: #51483D; } -.reveal .controls .navigate-up, -.reveal .controls .navigate-up.enabled { +.reveal .controls[data-controls-type="bottom-right"] .navigate-up, +.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled { border-bottom-color: #51483D; } -.reveal .controls .navigate-down, -.reveal .controls .navigate-down.enabled { +.reveal .controls[data-controls-type="bottom-right"] .navigate-down, +.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled { border-top-color: #51483D; } -.reveal .controls .navigate-left.enabled:hover { +.reveal .controls[data-controls-type="bottom-right"] .navigate-left.enabled:hover { border-right-color: #8b7c69; } -.reveal .controls .navigate-right.enabled:hover { +.reveal .controls[data-controls-type="bottom-right"] .navigate-right.enabled:hover { border-left-color: #8b7c69; } -.reveal .controls .navigate-up.enabled:hover { +.reveal .controls[data-controls-type="bottom-right"] .navigate-up.enabled:hover { border-bottom-color: #8b7c69; } -.reveal .controls .navigate-down.enabled:hover { +.reveal .controls[data-controls-type="bottom-right"] .navigate-down.enabled:hover { border-top-color: #8b7c69; } +.reveal .controls[data-controls-type="edges"] button:before, +.reveal .controls[data-controls-type="edges"] button:after { + background-color: #000; } + /********************************************* * PROGRESS BAR *********************************************/ |