themes/style/web-2.0.css

   1 .deck-container {
   2   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
   3   font-size: 1.25em;
   4   background: #f4fafe;
   5   /* Old browsers */
   6   background: -moz-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
   7   /* FF3.6+ */
   8   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4fafe), color-stop(100%, #ccf0f0));
   9   /* Chrome,Safari4+ */
  10   background: -webkit-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
  11   /* Chrome10+,Safari5.1+ */
  12   background: -o-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
  13   /* Opera11.10+ */
  14   background: -ms-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
  15   /* IE10+ */
  16   background: linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
  17   /* W3C */
  18   background-attachment: fixed;
  19 }
  20 .deck-container > .slide {
  21   text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  22 }
  23 .deck-container h1, .deck-container h2, .deck-container h3, .deck-container h4, .deck-container h5, .deck-container h6 {
  24   font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
  25 }
  26 .deck-container h1 {
  27   color: #08455f;
  28 }
  29 .deck-container h2 {
  30   color: #0b7495;
  31   border-bottom: 0;
  32 }
  33 .cssreflections .deck-container h2 {
  34   line-height: 1;
  35   -webkit-box-reflect: below -0.556em -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), color-stop(0.7, rgba(255, 255, 255, 0.1)), to(transparent));
  36   -moz-box-reflect: below -0.556em -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.3) 100%);
  37 }
  38 .deck-container h3 {
  39   color: #000;
  40 }
  41 .deck-container pre {
  42   border-color: #cde;
  43   background: #fff;
  44   position: relative;
  45   /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */
  46 }
  47 .borderradius .deck-container pre {
  48   -webkit-border-radius: 5px;
  49   -moz-border-radius: 5px;
  50   border-radius: 5px;
  51 }
  52 .csstransforms.boxshadow .deck-container pre:before, .csstransforms.boxshadow .deck-container pre:after {
  53   content: "";
  54   position: absolute;
  55   z-index: -1;
  56   bottom: 15px;
  57   width: 50%;
  58   height: 20%;
  59   max-width: 300px;
  60   -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  61   -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  62   box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  63 }
  64 .csstransforms.boxshadow .deck-container pre:before {
  65   left: 10px;
  66   -webkit-transform: rotate(-3deg);
  67   -moz-transform: rotate(-3deg);
  68   -ms-transform: rotate(-3deg);
  69   -o-transform: rotate(-3deg);
  70   transform: rotate(-3deg);
  71 }
  72 .csstransforms.boxshadow .deck-container pre:after {
  73   right: 10px;
  74   -webkit-transform: rotate(3deg);
  75   -moz-transform: rotate(3deg);
  76   -ms-transform: rotate(3deg);
  77   -o-transform: rotate(3deg);
  78   transform: rotate(3deg);
  79 }
  80 .deck-container code {
  81   color: #789;
  82 }
  83 .deck-container blockquote {
  84   font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
  85   font-size: 2em;
  86   padding: 1em 2em .5em 2em;
  87   color: #000;
  88   background: #fff;
  89   position: relative;
  90   border: 1px solid #cde;
  91 }
  92 .borderradius .deck-container blockquote {
  93   -webkit-border-radius: 5px;
  94   -moz-border-radius: 5px;
  95   border-radius: 5px;
  96 }
  97 .boxshadow .deck-container blockquote:after {
  98   content: "";
  99   position: absolute;
 100   z-index: -1;
 101   top: 10px;
 102   bottom: 10px;
 103   left: 0;
 104   right: 50%;
 105   -moz-border-radius: 10px/100px;
 106   border-radius: 10px/100px;
 107   -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
 108   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
 109   box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
 110 }
 111 .deck-container blockquote p {
 112   margin: 0;
 113 }
 114 .deck-container blockquote cite {
 115   font-size: .5em;
 116   font-style: normal;
 117   font-weight: bold;
 118   color: #888;
 119 }
 120 .deck-container blockquote:before {
 121   content: "“";
 122   position: absolute;
 123   top: 0;
 124   left: 0;
 125   font-size: 5em;
 126   line-height: 1;
 127   color: #ccf0f0;
 128   z-index: 1;
 129 }
 130 .deck-container .borderradius img {
 131   -webkit-border-radius: 5px;
 132   -moz-border-radius: 5px;
 133   border-radius: 5px;
 134 }
 135 .deck-container ::-moz-selection {
 136   background: #08455f;
 137   color: #fff;
 138 }
 139 .deck-container ::selection {
 140   background: #08455f;
 141   color: #fff;
 142 }
 143 .deck-container a, .deck-container a:hover, .deck-container a:focus, .deck-container a:active, .deck-container a:visited {
 144   color: #599;
 145   text-decoration: none;
 146 }
 147 .deck-container a:hover, .deck-container a:focus {
 148   text-decoration: underline;
 149 }
 150 .deck-container .deck-prev-link, .deck-container .deck-next-link {
 151   background: #fff;
 152   opacity: 0.5;
 153 }
 154 .deck-container .deck-prev-link, .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
 155   color: #599;
 156 }
 157 .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus {
 158   opacity: 1;
 159   text-decoration: none;
 160 }
 161 .deck-container .deck-status {
 162   font-size: 0.6666em;
 163 }
 164 .deck-container.deck-menu .slide {
 165   background: transparent;
 166   -webkit-border-radius: 5px;
 167   -moz-border-radius: 5px;
 168   border-radius: 5px;
 169 }
 170 .rgba .deck-container.deck-menu .slide {
 171   background: rgba(0, 0, 0, 0.1);
 172 }
 173 .deck-container.deck-menu .slide.deck-current, .rgba .deck-container.deck-menu .slide.deck-current, .no-touch .deck-container.deck-menu .slide:hover {
 174   background: #fff;
 175 }
 176 .deck-container .goto-form {
 177   background: #fff;
 178   border: 1px solid #cde;
 179   -webkit-border-radius: 5px;
 180   -moz-border-radius: 5px;
 181   border-radius: 5px;
 182 }
 183 .boxshadow .deck-container .goto-form {
 184   -webkit-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;
 185   -moz-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;
 186   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;
 187 }