gio-android-slides/themes/style/web-2.0.scss

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