core/deck.core.scss

   1 html {
   2         height:100%;
   3 }
   4
   5 .deck-container {
   6         position:relative;
   7         height:100%;
   8         width:70%;
   9         margin:0 auto;
  10         padding:0 48px;
  11         font-size:16px;
  12         line-height:1.25;
  13         overflow:hidden;
  14
  15         .js & {
  16                 visibility:hidden;
  17         }
  18
  19         .ready & {
  20                 visibility:visible;
  21         }
  22
  23         .touch & {
  24                 -webkit-text-size-adjust:none;
  25         }
  26
  27         /* Resets and base styles from HTML5 Boilerplate */
  28         div, span, object, iframe,
  29         h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  30         abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
  31         small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
  32         fieldset, form, label, legend,
  33         table, caption, tbody, tfoot, thead, tr, th, td,
  34         article, aside, canvas, details, figcaption, figure,
  35         footer, header, hgroup, menu, nav, section, summary,
  36         time, mark, audio, video {
  37           margin: 0;
  38           padding: 0;
  39           border: 0;
  40           font-size: 100%;
  41           font: inherit;
  42           vertical-align: baseline;
  43         }
  44
  45         article, aside, details, figcaption, figure,
  46         footer, header, hgroup, menu, nav, section {
  47           display: block;
  48         }
  49
  50         blockquote, q {
  51                 quotes:none;
  52
  53                 &:before, &:after {
  54                         content:"";
  55                         content:none;
  56                 }
  57         }
  58
  59         ins {
  60                 background-color:#ff9;
  61                 color:#000;
  62                 text-decoration:none;
  63         }
  64
  65         mark {
  66                 background-color:#ff9;
  67                 color:#000;
  68                 font-style:italic;
  69                 font-weight:bold;
  70         }
  71
  72         del {
  73                 text-decoration:line-through;
  74         }
  75
  76         abbr[title], dfn[title] {
  77                 border-bottom:1px dotted;
  78                 cursor:help;
  79         }
  80
  81         table {
  82                 border-collapse:collapse;
  83                 border-spacing:0;
  84         }
  85
  86         hr {
  87                 display:block;
  88                 height:1px;
  89                 border:0;
  90                 border-top:1px solid #ccc;
  91                 margin:1em 0;
  92                 padding:0;
  93         }
  94
  95         input, select {
  96                 vertical-align:middle;
  97         }
  98
  99         select, input, textarea, button {
 100                 font:99% sans-serif;
 101         }
 102
 103         pre, code, kbd, samp {
 104                 font-family:monospace, sans-serif;
 105         }
 106
 107         a {
 108                 -webkit-tap-highlight-color:rgba(0,0,0,0);
 109
 110                 &:hover, &:active {
 111                         outline:none;
 112                 }
 113         }
 114
 115         ul, ol {
 116                 margin-left:2em;
 117                 vertical-align:top;
 118         }
 119
 120         ol {
 121                 list-style-type:decimal;
 122         }
 123
 124         nav {
 125                 ul, li {
 126                         margin:0;
 127                         list-style:none;
 128                         list-style-image:none;
 129                 }
 130         }
 131
 132         small {
 133                 font-size:85%;
 134         }
 135
 136         strong, th {
 137                 font-weight:bold;
 138         }
 139
 140         td {
 141                 vertical-align:top;
 142         }
 143
 144         sub, sup {
 145                 font-size:75%;
 146                 line-height:0;
 147                 position:relative;
 148         }
 149
 150         sup {
 151                 top:-0.5em;
 152         }
 153
 154         sub { bottom: -0.25em; }
 155
 156         textarea {
 157                 overflow:auto;
 158         }
 159
 160         legend {
 161                 .ie6 &, .ie7 & {
 162                         margin-left:-7px;
 163                 }
 164         }
 165
 166         input[type="radio"] {
 167                 vertical-align:text-bottom;
 168         }
 169
 170         input[type="checkbox"] {
 171                 vertical-align:bottom;
 172         }
 173
 174         .ie7 & input[type="checkbox"] {
 175                 vertical-align:baseline;
 176         }
 177
 178         .ie6 & input {
 179                 vertical-align:text-bottom;
 180         }
 181
 182         label, input[type="button"], input[type="submit"], input[type="image"], button {
 183                 cursor:pointer;
 184         }
 185
 186         button, input, select, textarea {
 187                 margin: 0;
 188         }
 189
 190         input, textarea {
 191                 &:invalid {
 192                         border-radius:1px;
 193                         -moz-box-shadow:0px 0px 5px red;
 194                         -webkit-box-shadow:0px 0px 5px red;
 195                         box-shadow: 0px 0px 5px red;
 196
 197                         .no-boxshadow {
 198                                 background-color: #f0dddd;
 199                         }
 200                 }
 201         }
 202
 203         button {
 204                 width:auto;
 205                 overflow:visible;
 206         }
 207
 208         .ie7 & img {
 209                 -ms-interpolation-mode: bicubic; }
 210
 211         &, select, input, textarea {
 212                 color:#444;
 213         }
 214
 215         a {
 216                 color:#607890;
 217
 218                 &:hover, &:focus {
 219                         color:#036;
 220                 }
 221
 222                 &:link {
 223                         -webkit-tap-highlight-color: #fff;
 224                 }
 225         }
 226         /* End HTML5 Boilerplate adaptations */
 227
 228         &.deck-loading {
 229                 display:none;
 230         }
 231 }
 232
 233 .slide {
 234         width:auto;
 235         min-height:100%;
 236         position:relative;
 237
 238         h1 {
 239                 font-size:4.5em;
 240         }
 241
 242         h1, .vcenter {
 243                 font-weight:bold;
 244                 text-align:center;
 245                 padding-top:1em;
 246                 max-height:100%;
 247
 248                 .csstransforms & {
 249                         padding:0 48px;
 250                         position:absolute;
 251                         left:0;
 252                         right:0;
 253                         top:50%;
 254                         -webkit-transform:translate(0, -50%);
 255                         -moz-transform:translate(0, -50%);
 256                         -ms-transform:translate(0, -50%);
 257                         -o-transform:translate(0, -50%);
 258                         transform:translate(0, -50%);
 259                 }
 260         }
 261
 262         .vcenter h1 {
 263                 position:relative;
 264                 top:auto;
 265                 padding:0;
 266                 -webkit-transform:none;
 267                 -moz-transform:none;
 268                 -ms-transform:none;
 269                 -o-transform:none;
 270                 transform:none;
 271         }
 272
 273         h2 {
 274                 font-size:2.25em;
 275                 font-weight:bold;
 276                 padding-top:.5em;
 277                 margin:0 0 .66666em 0;
 278                 border-bottom:3px solid #888;
 279         }
 280
 281         h3 {
 282                 font-size:1.4375em;
 283                 font-weight:bold;
 284                 margin-bottom:.30435em;
 285         }
 286
 287         h4 {
 288                 font-size:1.25em;
 289                 font-weight:bold;
 290                 margin-bottom:.25em;
 291         }
 292
 293         h5 {
 294                 font-size:1.125em;
 295                 font-weight:bold;
 296                 margin-bottom:.2222em;
 297         }
 298
 299         h6 {
 300                 font-size:1em;
 301                 font-weight:bold;
 302         }
 303
 304         img, iframe, video {
 305                 display:block;
 306                 max-width:100%;
 307         }
 308
 309         video, iframe, img {
 310                 display:block;
 311                 margin:0 auto;
 312         }
 313
 314         p, blockquote, iframe, img, ul, ol, pre, video {
 315                 margin-bottom:1em;
 316         }
 317
 318         pre {
 319                 white-space:pre;
 320                 white-space:pre-wrap;
 321                 word-wrap:break-word;
 322                 padding: 1em;
 323                 border:1px solid #888;
 324         }
 325
 326         em {
 327                 font-style:italic;
 328         }
 329
 330         li {
 331                 padding:.25em 0;
 332                 vertical-align:middle;
 333         }
 334 }
 335
 336 .deck-before, .deck-previous, .deck-next, .deck-after {
 337         position:absolute;
 338         left:-999em;
 339         top:-999em;
 340 }
 341
 342 .deck-current {
 343         z-index:2;
 344 }
 345
 346 .slide .slide {
 347         visibility:hidden;
 348         position:static;
 349         min-height:0;
 350 }
 351
 352 .deck-child-current {
 353         position:static;
 354         z-index:2;
 355
 356         .slide {
 357                 visibility:hidden;
 358         }
 359
 360         .deck-previous, .deck-before, .deck-current {
 361                 visibility:visible;
 362         }
 363 }
 364
 365 body.deck-container {
 366         overflow:visible;
 367 }
 368
 369 @media all and (orientation:portrait) {
 370
 371 }
 372
 373 @media all and (orientation:landscape) {
 374
 375 }
 376
 377 @media screen and (max-device-width: 480px) {
 378
 379   /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
 380 }
 381
 382
 383 @media print {
 384   * {
 385         background: transparent !important;
 386         color: black !important;
 387         text-shadow: none !important;
 388         filter:none !important;
 389         -ms-filter: none !important;
 390         -webkit-box-reflect:none !important;
 391         -moz-box-reflect:none !important;
 392         -webkit-box-shadow:none !important;
 393         -moz-box-shadow:none !important;
 394         box-shadow:none !important;
 395
 396         :before, :after {
 397                 display:none !important;
 398         }
 399 }
 400   a, a:visited { color: #444 !important; text-decoration: underline; }
 401   a[href]:after { content: " (" attr(href) ")"; }
 402   abbr[title]:after { content: " (" attr(title) ")"; }
 403   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
 404   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
 405   thead { display: table-header-group; }
 406   tr, img { page-break-inside: avoid; }
 407   @page { margin: 0.5cm; }
 408   p, h2, h3 { orphans: 3; widows: 3; }
 409   h2, h3{ page-break-after: avoid; }
 410
 411         .slide {
 412                 position:static !important;
 413                 visibility:visible !important;
 414                 display:block !important;
 415                 -webkit-transform:none !important;
 416                 -moz-transform:none !important;
 417                 -o-transform:none !important;
 418                 -ms-transform:none !important;
 419                 transform:none !important;
 420                 opacity:1 !important;
 421         }
 422
 423         h1, .vcenter {
 424                 -webkit-transform:none !important;
 425                 -moz-transform:none !important;
 426                 -o-transform:none !important;
 427                 -ms-transform:none !important;
 428                 transform:none !important;
 429                 padding:0 !important;
 430                 position:static !important;
 431         }
 432
 433         .deck-container > .slide {
 434                 page-break-after: always;
 435         }
 436
 437         .deck-container {
 438                 width:100% !important;
 439                 height:auto !important;
 440                 padding:0 !important;
 441                 display:block !important;
 442         }
 443
 444         script {
 445                 display:none;
 446         }
 447 }