themes/style/swiss.css

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