slippery 0.3.0 → 0.4.0

data/assets/deck.js/themes/style/web-2.0.scss

@@ -0,0 +1,228 @@
+@mixin rotate($deg) {
+  -webkit-transform:rotate($deg);
+  -ms-transform:rotate($deg);
+  transform:rotate($deg);
+}
+
+@import "reset";
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
+}
+
+h1 {
+  color:#08455f;
+}
+
+h2 {
+  color:#0b7495;
+  border-bottom:0;
+
+  .cssreflections & {
+    line-height:1;
+    -webkit-box-reflect:below -0.5555em -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), color-stop(0.7, rgba(255,255,255,.1)), to(transparent));
+    -moz-box-reflect:below -0.5555em -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255,255,255,.3) 100%);
+  }
+}
+
+h3 {
+  color:#000;
+}
+
+pre {
+  border-color:#cde;
+  background:#fff;
+  position:relative;
+  z-index:auto;
+  border-radius:5px;
+
+  /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */
+  .csstransforms.boxshadow & {
+    > :first-child:before {
+      content:"";
+      position:absolute;
+      z-index:-1;
+      background:#fff;
+      top:0;
+      bottom:0;
+      left:0;
+      right:0;
+    }
+
+    &:before, &:after {
+      content:"";
+      position:absolute;
+      z-index:-2;
+      bottom:15px;
+      width:50%;
+      height:20%;
+      max-width:300px;
+      box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+    }
+
+    &:before {
+      left:10px;
+      @include rotate(-3deg);
+    }
+
+    &:after {
+      right:10px;
+      @include rotate(3deg);
+    }
+  }
+}
+
+code {
+  color:#789;
+}
+
+blockquote {
+  font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
+  font-size:2em;
+  padding:1em 2em .5em 2em;
+  color:#000;
+  background:#fff;
+  position:relative;
+  border:1px solid #cde;
+  z-index:auto;
+  border-radius:5px;
+
+  .boxshadow & {
+    > :first-child:before {
+      content:"";
+      position:absolute;
+      z-index:-1;
+      background:#fff;
+      top:0;
+      bottom:0;
+      left:0;
+      right:0;
+    }
+
+    &:after {
+      content:"";
+      position:absolute;
+      z-index:-2;
+      top: 10px;
+      bottom: 10px;
+      left: 0;
+      right: 50%;
+      -moz-border-radius: 10px / 100px;
+      border-radius: 10px / 100px;
+      box-shadow:0 0 15px rgba(0,0,0,0.6);
+    }
+  }
+
+  p {
+    margin:0;
+  }
+
+  cite {
+    font-size:.5em;
+    font-style:normal;
+    font-weight:bold;
+    color:#888;
+  }
+
+  &:before {
+    content:"“";
+    position:absolute;
+    top:0;
+    left:0;
+    font-size:5em;
+    line-height:1;
+    color:#ccf0f0;
+    z-index:1;
+  }
+}
+
+::-moz-selection{ background:#08455f; color:#fff; }
+::selection { background:#08455f; color:#fff; }
+
+a {
+  &, &:hover, &:focus, &:active, &:visited {
+    color:#599;
+    text-decoration:none;
+  }
+
+  &:hover, &:focus {
+    text-decoration:underline;
+  }
+}
+
+.deck-container {
+  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+  font-size:1.75em;
+  background: rgb(244,250,254); /* Old browsers */
+  background: -moz-linear-gradient(top, rgba(244,250,254,1) 0%, rgba(204,240,240,1) 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,250,254,1)), color-stop(100%,rgba(204,240,240,1))); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* Opera11.10+ */
+  background: -ms-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* IE10+ */
+  background: linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* W3C */
+  background-attachment: fixed;
+  text-shadow:1px 1px 1px rgba(255,255,255,.5);
+
+  > .slide {
+    padding:0 48px;
+  }
+}
+
+.slide {
+  .deck-before, .deck-previous {
+    opacity:0.4;
+
+    &:not(.deck-child-current) {
+      .deck-before, .deck-previous {
+        opacity:1;
+      }
+    }
+  }
+
+  .deck-child-current {
+    opacity:1;
+  }
+}
+
+.deck-prev-link, .deck-next-link {
+  background:#fff;
+  opacity:0.5;
+
+  &, &:hover, &:focus, &:active, &:visited {
+    color:#599;
+  }
+
+  &:hover, &:focus {
+    opacity:1;
+    text-decoration:none;
+  }
+}
+
+.deck-status {
+  font-size:0.6666em;
+}
+
+.deck-menu {
+  .slide {
+    background:transparent;
+    border-radius:5px;
+
+    .rgba & {
+      background:rgba(0,0,0,.1);
+    }
+
+    &.deck-current, .rgba &.deck-current, .no-touch &:hover {
+      background:#fff;
+    }
+  }
+}
+
+.goto-form {
+  background:#fff;
+  border:1px solid #cde;
+  border-radius:5px;
+
+  .boxshadow & {
+    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+  }
+}

data/assets/deck.js/themes/transition/fade.css

@@ -0,0 +1,35 @@
+.csstransitions.csstransforms .deck-container .slide {
+  -webkit-transition: opacity 500ms ease-in-out 0ms;
+  transition: opacity 500ms ease-in-out 0ms;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide {
+  position: relative;
+  left: 0;
+  top: 0;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-after {
+  opacity: 0;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-current {
+  opacity: 1;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after {
+  opacity: 0;
+  pointer-events: none;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide {
+  visibility: visible;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-after {
+  visibility: hidden;
+}

data/assets/deck.js/themes/transition/fade.scss

@@ -0,0 +1,59 @@
+@mixin translate($x: 0, $y: 0, $z: 0) {
+  -webkit-transform:translate3d($x, $y, $z);
+  -ms-transform:translate($x, $y);
+  transform:translate3d($x, $y, $z);
+}
+
+@mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) {
+  -webkit-transition:$prop $duration $easing $delay;
+  transition:$prop $duration $easing $delay;
+}
+
+.csstransitions.csstransforms {
+  .deck-container .slide {
+    @include transition(opacity, 500ms);
+  }
+
+  .deck-container:not(.deck-menu) {
+    > .slide {
+      position:absolute;
+      top:0;
+      left:0;
+
+      .slide {
+        position:relative;
+        left:0;
+        top:0;
+      }
+
+      .deck-next, .deck-after {
+        opacity:0;
+      }
+
+      .deck-current {
+        opacity:1;
+      }
+    }
+
+    > .deck-previous, > .deck-before, > .deck-next, > .deck-after {
+      opacity:0;
+      pointer-events:none;
+    }
+
+    > .deck-before, > .deck-previous {
+      .slide {
+        visibility:visible;
+      }
+    }
+
+    > .deck-child-current {
+      opacity:1;
+      visibility:visible;
+      pointer-events:auto;
+
+      .deck-next, .deck-after {
+        visibility:hidden;
+      }
+    }
+  }
+}

data/assets/deck.js/themes/transition/horizontal-slide.css

@@ -0,0 +1,53 @@
+.csstransitions.csstransforms {
+  overflow-x: hidden;
+}
+.csstransitions.csstransforms .deck-container > .slide {
+  -webkit-transition: -webkit-transform 500ms ease-in-out;
+  transition: transform 500ms ease-in-out;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide {
+  position: relative;
+  left: 0;
+  top: 0;
+  -webkit-transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+  transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-after {
+  visibility: visible;
+  -webkit-transform: translate3d(200%, 0, 0);
+  -ms-transform: translate(200%, 0);
+  transform: translate3d(200%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous {
+  -webkit-transform: translate3d(-200%, 0, 0);
+  -ms-transform: translate(-200%, 0);
+  transform: translate3d(-200%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before {
+  -webkit-transform: translate3d(-400%, 0, 0);
+  -ms-transform: translate(-400%, 0);
+  transform: translate3d(-400%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next {
+  -webkit-transform: translate3d(200%, 0, 0);
+  -ms-transform: translate(200%, 0);
+  transform: translate3d(200%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after {
+  -webkit-transform: translate3d(400%, 0, 0);
+  -ms-transform: translate(400%, 0);
+  transform: translate3d(400%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide {
+  visibility: visible;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current {
+  -webkit-transform: none;
+  -ms-transform: none;
+  transform: none;
+}

data/assets/deck.js/themes/transition/horizontal-slide.scss

@@ -0,0 +1,72 @@
+@mixin translate($x: 0, $y: 0, $z: 0) {
+  -webkit-transform:translate3d($x, $y, $z);
+  -ms-transform:translate($x, $y);
+  transform:translate3d($x, $y, $z);
+}
+
+@mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) {
+  -webkit-transition:$prop $duration $easing $delay;
+  transition:$prop $duration $easing $delay;
+}
+
+@mixin transform($val) {
+  -webkit-transform:$val;
+  -ms-transform:$val;
+  transform:$val;
+}
+
+.csstransitions.csstransforms {
+  overflow-x:hidden;
+
+  .deck-container > .slide {
+    -webkit-transition:-webkit-transform 500ms ease-in-out;
+    transition:transform 500ms ease-in-out;
+  }
+
+  .deck-container:not(.deck-menu) {
+    > .slide {
+      position:absolute;
+      top:0;
+      left:0;
+
+      .slide {
+        position:relative;
+        left:0;
+        top:0;
+        -webkit-transition:-webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+        transition:transform 500ms ease-in-out, opacity 500ms ease-in-out;
+      }
+
+      .deck-next, .deck-after {
+        visibility:visible;
+        @include translate(200%);
+      }
+    }
+
+    > .deck-previous {
+      @include translate(-200%);
+    }
+
+    > .deck-before {
+      @include translate(-400%);
+    }
+
+    > .deck-next {
+      @include translate(200%);
+    }
+
+    > .deck-after {
+      @include translate(400%);
+    }
+
+    > .deck-before, > .deck-previous {
+      .slide {
+        visibility:visible;
+      }
+    }
+
+    > .deck-child-current {
+      @include transform(none);
+    }
+  }
+}