From dda885b71abcf0ecc753bcda3e639f6aea352632 Mon Sep 17 00:00:00 2001 From: uriel Date: Thu, 31 Oct 2013 00:49:07 +0200 Subject: move the slide-number out of the controls to a proper position and little fix to the updating event. --- css/reveal.css | 24 +++++++++++++++--------- css/theme/beige.css | 11 +++++++---- css/theme/default.css | 11 +++++++---- css/theme/moon.css | 11 +++++++---- css/theme/night.css | 10 +++++++--- css/theme/serif.css | 10 +++++++--- css/theme/simple.css | 10 +++++++--- css/theme/sky.css | 10 +++++++--- css/theme/solarized.css | 10 +++++++--- 9 files changed, 71 insertions(+), 36 deletions(-) (limited to 'css') diff --git a/css/reveal.css b/css/reveal.css index 6dc6594..77494bd 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -391,15 +391,6 @@ body { transition: all 0.2s ease; } -.reveal .controls .slide-number { - font-size: 11px; - top: 10px; - left: -10px; - opacity: 0.5; - width: 45px; - text-align: center; -} - .reveal .controls div.enabled { opacity: 0.7; cursor: pointer; @@ -485,6 +476,21 @@ body { transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); } +/********************************************* + * SLIDE NUMBER + *********************************************/ + +.reveal .slide-number { + position: fixed; + display: block; + opacity: 0.5; + z-index: 31; + width: 110px; + bottom: 58px; + right: 11px; + font-size: 12px; + text-align: center; +} /********************************************* * SLIDES diff --git a/css/theme/beige.css b/css/theme/beige.css index fd80f70..7caa3d8 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -115,10 +115,6 @@ body { .reveal .controls div.navigate-down.enabled { border-top-color: #8b743d; } -.reveal .controls .slide-number { - color: #8b743d; -} - .reveal .controls div.navigate-left.enabled:hover { border-right-color: #c0a86e; } @@ -131,6 +127,13 @@ body { .reveal .controls div.navigate-down.enabled:hover { border-top-color: #c0a86e; } +/********************************************* + * SLIDE NUMBER + *********************************************/ +.reveal .slide-number { + color: #8b743d; +} + /********************************************* * PROGRESS BAR *********************************************/ diff --git a/css/theme/default.css b/css/theme/default.css index 09e2055..60c40a3 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -115,10 +115,6 @@ body { .reveal .controls div.navigate-down.enabled { border-top-color: #13daec; } -.reveal .controls .slide-number { - color: #13daec; -} - .reveal .controls div.navigate-left.enabled:hover { border-right-color: #71e9f4; } @@ -131,6 +127,13 @@ body { .reveal .controls div.navigate-down.enabled:hover { border-top-color: #71e9f4; } +/********************************************* + * SLIDE NUMBER + *********************************************/ +.reveal .slide-number { + color: #13daec; +} + /********************************************* * PROGRESS BAR *********************************************/ diff --git a/css/theme/moon.css b/css/theme/moon.css index 44dfe85..13831ac 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -115,10 +115,6 @@ body { .reveal .controls div.navigate-down.enabled { border-top-color: #268bd2; } -.reveal .controls .slide-number { - color: #268bd2; -} - .reveal .controls div.navigate-left.enabled:hover { border-right-color: #78b9e6; } @@ -131,6 +127,13 @@ body { .reveal .controls div.navigate-down.enabled:hover { border-top-color: #78b9e6; } +/********************************************* + * SLIDE NUMBER + *********************************************/ +.reveal .slide-number { + color: #268bd2; +} + /********************************************* * PROGRESS BAR *********************************************/ diff --git a/css/theme/night.css b/css/theme/night.css index 7aaf960..609442b 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -103,9 +103,6 @@ body { .reveal .controls div.navigate-down.enabled { border-top-color: #e7ad52; } -.reveal .controls .slide-number { - color: #e7ad52; -} .reveal .controls div.navigate-left.enabled:hover { border-right-color: #f3d7ac; } @@ -118,6 +115,13 @@ body { .reveal .controls div.navigate-down.enabled:hover { border-top-color: #f3d7ac; } +/********************************************* + * SLIDE NUMBER + *********************************************/ +.reveal .slide-number { + color: #e7ad52; +} + /********************************************* * PROGRESS BAR *********************************************/ diff --git a/css/theme/serif.css b/css/theme/serif.css index 859991c..16d1ab0 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -105,9 +105,6 @@ body { .reveal .controls div.navigate-down.enabled { border-top-color: #51483d; } -.reveal .controls .slide-number { - color: #51483d; -} .reveal .controls div.navigate-left.enabled:hover { border-right-color: #8b7c69; } @@ -120,6 +117,13 @@ body { .reveal .controls div.navigate-down.enabled:hover { border-top-color: #8b7c69; } +/********************************************* + * SLIDE NUMBER + *********************************************/ +.reveal .slide-number { + color: #51483d; +} + /********************************************* * PROGRESS BAR *********************************************/ diff --git a/css/theme/simple.css b/css/theme/simple.css index b74d809..c6a1294 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -105,9 +105,6 @@ body { .reveal .controls div.navigate-down.enabled { border-top-color: darkblue; } -.reveal .controls .slide-number { - color: darkblue; -} .reveal .controls div.navigate-left.enabled:hover { border-right-color: #0000f1; } @@ -120,6 +117,13 @@ body { .reveal .controls div.navigate-down.enabled:hover { border-top-color: #0000f1; } +/********************************************* + * SLIDE NUMBER + *********************************************/ +.reveal .slide-number { + color: darkblue; +} + /********************************************* * PROGRESS BAR *********************************************/ diff --git a/css/theme/sky.css b/css/theme/sky.css index eee7b08..983def2 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -112,9 +112,6 @@ body { .reveal .controls div.navigate-down.enabled { border-top-color: #3b759e; } -.reveal .controls .slide-number { - color: #3b759e; -} .reveal .controls div.navigate-left.enabled:hover { border-right-color: #74a7cb; } @@ -127,6 +124,13 @@ body { .reveal .controls div.navigate-down.enabled:hover { border-top-color: #74a7cb; } +/********************************************* + * SLIDE NUMBER + *********************************************/ +.reveal .slide-number { + color: #3b759e; +} + /********************************************* * PROGRESS BAR *********************************************/ diff --git a/css/theme/solarized.css b/css/theme/solarized.css index 2b11d26..7bf2845 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -115,9 +115,6 @@ body { .reveal .controls div.navigate-down.enabled { border-top-color: #268bd2; } -.reveal .controls .slide-number { - color: #268bd2; -} .reveal .controls div.navigate-left.enabled:hover { border-right-color: #78b9e6; } @@ -130,6 +127,13 @@ body { .reveal .controls div.navigate-down.enabled:hover { border-top-color: #78b9e6; } +/********************************************* + * SLIDE NUMBER + *********************************************/ +.reveal .slide-number { + color: #268bd2; +} + /********************************************* * PROGRESS BAR *********************************************/ -- cgit v1.2.3