diff --git a/index.htm b/index.htm index e67a9ff..561f386 100755 --- a/index.htm +++ b/index.htm @@ -144,6 +144,19 @@ +
+
+
+

Inner Navigation

+
+
    +
  1. This tool is provided
  2. +
  3. Without warranty, guarantee
  4. +
  5. Or much in the way of explanation +
  6. Erase your hard driveā€¦
  7. +
+
+
diff --git a/themes/ribbon/styles/style.css b/themes/ribbon/styles/style.css index fd8cce4..5184399 100644 --- a/themes/ribbon/styles/style.css +++ b/themes/ribbon/styles/style.css @@ -8,28 +8,26 @@ BODY { /* Slide ---------------------------------------- */ -.slide { +.slide:after { + counter-increment:paging; + content:counter(paging, decimal-leading-zero); } - .slide:after { - counter-increment:paging; - content:counter(paging, decimal-leading-zero); +.slide SECTION { + padding:80px 120px 0; + width:784px; + height:560px; + background:#FFF; + color:#000; + } + .slide SECTION:before { + position:absolute; + top:0; + right:120px; + width:40px; + height:120px; + background:url(../images/ribbon.svg) no-repeat; + content:''; } - .slide SECTION { - padding:80px 120px 0; - width:784px; - height:560px; - background:#FFF; - color:#000; - } - .slide SECTION:before { - position:absolute; - top:0; - right:120px; - width:40px; - height:120px; - background:url(../images/ribbon.svg) no-repeat; - content:''; - } /* Header */ .slide HEADER { @@ -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;