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>
</section>
</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>
<section>
<header>

View File

@ -8,8 +8,6 @@ BODY {
/* Slide
---------------------------------------- */
.slide {
}
.slide:after {
counter-increment:paging;
content:counter(paging, decimal-leading-zero);
@ -327,6 +325,19 @@ BODY {
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 */
.full .progress {
position:absolute;