themes/style/web-2.0.css

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