move the slide-number out of the controls to a proper position and little fix to the updating event.

This commit is contained in:
uriel
2013-10-31 00:49:07 +02:00
parent 7b63cda19d
commit dda885b71a
10 changed files with 98 additions and 69 deletions

View File

@ -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

View File

@ -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
*********************************************/

View File

@ -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
*********************************************/

View File

@ -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
*********************************************/

View File

@ -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
*********************************************/

View File

@ -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
*********************************************/

View File

@ -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
*********************************************/

View File

@ -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
*********************************************/

View File

@ -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
*********************************************/