xobs/fa23-si
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactoring and optimization of overview mode

Browse Source
This commit is contained in:
Hakim El Hattab
2015-01-26 20:38:21 +01:00
parent 44548ba357
commit 11293d7c94
3 changed files with 87 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
css/reveal.css
View File

@ -639,9 +639,10 @@ body {
opacity: 1 !important;
visibility: visible !important;
cursor: pointer;
background: rgba(0, 0, 0, 0.1);
-moz-box-sizing: border-box;
box-sizing: border-box; }
box-sizing: border-box;
outline: 10px solid rgba(150, 150, 150, 0.1);
outline-offset: 10px; }
.reveal.overview .slides section, .reveal.overview-deactivating .slides section {
-webkit-transition: none !important;
@ -657,16 +658,14 @@ body {
opacity: 1;
cursor: pointer; }
.reveal.overview .slides section:hover {
background: rgba(0, 0, 0, 0.3); }
.reveal.overview .slides section.present {
background: rgba(0, 0, 0, 0.3); }
.reveal.overview .slides section:hover, .reveal.overview .slides section.present {
outline: 10px solid rgba(150, 150, 150, 0.5); }
.reveal.overview .slides > section.stack {
padding: 0;
top: 0 !important;
background: none;
outline: none;
overflow: visible; }
.reveal.overview .backgrounds {
@ -681,6 +680,10 @@ body {
-webkit-transition: none !important;
transition: none !important; }
.reveal.overview-animated .slides {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease; }
/*********************************************
* PAUSED MODE
*********************************************/

14
css/reveal.scss
View File

@ -753,8 +753,9 @@ body {
opacity: 1 !important;
visibility: visible !important;
cursor: pointer;
background: rgba(0,0,0,0.1);
box-sizing: border-box;
outline: 10px solid rgba(150,150,150,0.1);
outline-offset: 10px;
}
.reveal.overview .slides section,
.reveal.overview-deactivating .slides section {
@ -771,16 +772,15 @@ body {
opacity: 1;
cursor: pointer;
}
.reveal.overview .slides section:hover {
background: rgba(0,0,0,0.3);
}
.reveal.overview .slides section:hover,
.reveal.overview .slides section.present {
background: rgba(0,0,0,0.3);
outline: 10px solid rgba(150,150,150,0.5);
}
.reveal.overview .slides>section.stack {
padding: 0;
top: 0 !important;
background: none;
outline: none;
overflow: visible;
}
@ -796,6 +796,10 @@ body {
transition: none !important;
}
.reveal.overview-animated .slides {
transition: transform 0.4s ease;
}
/*********************************************
* PAUSED MODE