styles and demo slide for inner navigation
This commit is contained in:
parent
c58e59445a
commit
a69fdf5654
13
index.htm
13
index.htm
|
@ -144,6 +144,19 @@
|
||||||
</blockquote>
|
</blockquote>
|
||||||
</section>
|
</section>
|
||||||
</div></div>
|
</div></div>
|
||||||
|
<div class="slide" id="InnerNavigation"><div>
|
||||||
|
<section>
|
||||||
|
<header>
|
||||||
|
<h2>Inner Navigation</h2>
|
||||||
|
</header>
|
||||||
|
<ol class="inner">
|
||||||
|
<li class="active">This tool is provided</li>
|
||||||
|
<li>Without warranty, guarantee</li>
|
||||||
|
<li>Or much in the way of explanation
|
||||||
|
<li>Erase your hard drive…</li>
|
||||||
|
</ol>
|
||||||
|
</section>
|
||||||
|
</div></div>
|
||||||
<div class="slide" id="ThankYou"><div>
|
<div class="slide" id="ThankYou"><div>
|
||||||
<section>
|
<section>
|
||||||
<header>
|
<header>
|
||||||
|
|
|
@ -8,8 +8,6 @@ BODY {
|
||||||
|
|
||||||
/* Slide
|
/* Slide
|
||||||
---------------------------------------- */
|
---------------------------------------- */
|
||||||
.slide {
|
|
||||||
}
|
|
||||||
.slide:after {
|
.slide:after {
|
||||||
counter-increment:paging;
|
counter-increment:paging;
|
||||||
content:counter(paging, decimal-leading-zero);
|
content:counter(paging, decimal-leading-zero);
|
||||||
|
@ -327,6 +325,19 @@ BODY {
|
||||||
content:'';
|
content:'';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Inner Navigation */
|
||||||
|
.inner > * {
|
||||||
|
opacity:0;
|
||||||
|
-webkit-transition:opacity 0.5s linear;
|
||||||
|
-moz-transition:opacity 0.5s linear;
|
||||||
|
-ms-transition:opacity 0.5s linear;
|
||||||
|
-o-transition:opacity 0.5s linear;
|
||||||
|
transition:opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
.inner > .active {
|
||||||
|
opacity:1;
|
||||||
|
}
|
||||||
|
|
||||||
/* Progress */
|
/* Progress */
|
||||||
.full .progress {
|
.full .progress {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
|
Loading…
Reference in New Issue