styles and demo slide for inner navigation

This commit is contained in:
Vadim Makeev 2011-07-23 08:28:57 +04:00
parent c58e59445a
commit a69fdf5654
2 changed files with 44 additions and 20 deletions

View File

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

View File

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