docs/com/css/theme/OPNFV-Berlin.css

   1 /**
   2  * White theme for reveal.js. This is the opposite of the 'black' theme.
   3  *
   4  * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
   5  */
   6 section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
   7   color: #fff; }
   8
   9 /*********************************************
  10  * GLOBAL STYLES
  11  *********************************************/
  12 body {
  13    background-color: #39324c;
  14   }
  15
  16
  17
  18 .reveal {
  19   font-family: Helvetica, sans-serif;
  20   font-size: 38px;
  21   font-weight: normal;
  22   color: #fff; }
  23
  24 ::selection {
  25   color: #fff;
  26   background: #98bdef;
  27   text-shadow: none; }
  28
  29 .reveal .footer {
  30   position: absolute;
  31   bottom: 1em;
  32   left: 1em;
  33   font-size: 0.5em;
  34
  35         }
  36
  37 .reveal .slides > section, .reveal .slides > section > section {
  38   line-height: 1.3;
  39   font-weight: inherit; }
  40
  41 .reveal .opnfv-title {
  42   background-image: url("../../img/title-bg-berlin.png" no-repeat);
  43 }
  44
  45
  46 .transition {
  47 }
  48
  49 .imageflottante
  50 {
  51     float: left;
  52 }
  53
  54 /*********************************************
  55  * HEADERS
  56  *********************************************/
  57 .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
  58   margin: 0 0 20px 0;
  59   color: #222;
  60   font-family: Helvetica, sans-serif;
  61   font-weight: 600;
  62   line-height: 1.2;
  63   letter-spacing: normal;
  64   text-transform: uppercase;
  65   text-shadow: none;
  66   word-wrap: break-word; }
  67
  68 .reveal h1 {
  69   font-size: 1.7em;
  70   color: #E6EFF2 }
  71
  72 .reveal h2 {
  73   font-size: 1.5em;
  74   color: #DCD3E0 }
  75
  76 .reveal h3 {
  77   font-size: 1.3em;
  78   color: #FFFFFF }
  79
  80 .reveal h4 {
  81   font-size: 1em;
  82   color: #FFFFFF }
  83
  84 .reveal h5 {
  85   font-size: 0.6em;
  86   color: #FFFFFF }
  87
  88 .reveal h1 {
  89   text-shadow: none; }
  90
  91
  92 /*********************************************
  93  * OTHER
  94  *********************************************/
  95 .reveal p {
  96   margin: 20px 0;
  97   line-height: 1.3; }
  98
  99 /* Ensure certain elements are never larger than the slide itself */
 100 .reveal img, .reveal video, .reveal iframe {
 101   max-width: 95%;
 102   max-height: 95%; }
 103
 104 .reveal strong, .reveal b {
 105   font-weight: bold; }
 106
 107 .reveal em {
 108   font-style: italic; }
 109
 110 .reveal ol, .reveal dl, .reveal ul {
 111   display: inline-block;
 112   text-align: left;
 113   margin: 0 0 0 1em; }
 114
 115 .reveal ol {
 116   list-style-type: decimal; }
 117
 118 .reveal ul {
 119   list-style-type: disc; }
 120
 121 .reveal ul ul {
 122   list-style-type: square; }
 123
 124 .reveal ul ul ul {
 125   list-style-type: circle; }
 126
 127 .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
 128   display: block;
 129   margin-left: 40px; }
 130
 131 .reveal dt {
 132   font-weight: bold; }
 133
 134 .reveal dd {
 135   margin-left: 40px; }
 136
 137 .reveal q, .reveal blockquote {
 138   quotes: none; }
 139
 140 .reveal blockquote {
 141   display: block;
 142   position: relative;
 143   width: 70%;
 144   margin: 20px auto;
 145   padding: 5px;
 146   font-style: italic;
 147   background: rgba(255, 255, 255, 0.05);
 148   box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
 149
 150 .reveal blockquote p:first-child, .reveal blockquote p:last-child {
 151   display: inline-block; }
 152
 153 .reveal q {
 154   font-style: italic; }
 155
 156 .reveal pre {
 157   display: block;
 158   position: relative;
 159   width: 90%;
 160   margin: 20px auto;
 161   text-align: left;
 162   font-size: 0.55em;
 163   font-family: monospace;
 164   line-height: 1.2em;
 165   word-wrap: break-word;
 166   box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
 167
 168 .reveal code {
 169   font-family: monospace; }
 170
 171 .reveal pre code {
 172   display: block;
 173   padding: 5px;
 174   overflow: auto;
 175   max-height: 400px;
 176   word-wrap: normal; }
 177
 178 .reveal table {
 179   margin: auto;
 180   border-collapse: collapse;
 181   border-spacing: 0; }
 182
 183 .reveal table th {
 184   font-weight: bold; }
 185
 186 .reveal table th, .reveal table td {
 187   text-align: left;
 188   padding: 0.2em 0.5em 0.2em 0.5em;
 189   border-bottom: 1px solid; }
 190
 191 .reveal table th[align="center"], .reveal table td[align="center"] {
 192   text-align: center; }
 193
 194 .reveal table th[align="right"], .reveal table td[align="right"] {
 195   text-align: right; }
 196
 197 .reveal table tr:last-child td {
 198   border-bottom: none; }
 199
 200 .reveal sup {
 201   vertical-align: super; }
 202
 203 .reveal sub {
 204   vertical-align: sub; }
 205
 206 .reveal small {
 207   display: inline-block;
 208   font-size: 0.6em;
 209   line-height: 1.2em;
 210   vertical-align: top; }
 211
 212 .reveal small * {
 213   vertical-align: top; }
 214
 215 /*********************************************
 216  * LINKS
 217  *********************************************/
 218 .reveal a {
 219   color: #08cec7;
 220   text-decoration: none;
 221   -webkit-transition: color 0.15s ease;
 222   -moz-transition: color 0.15s ease;
 223   transition: color 0.15s ease; }
 224
 225 .reveal a:hover {
 226   color: #6ca2e8;
 227   text-shadow: none;
 228   border: none; }
 229
 230 .reveal .roll span:after {
 231   color: #fff;
 232   background: #1a54a1; }
 233
 234 /*********************************************
 235  * IMAGES
 236  *********************************************/
 237 .reveal section img {
 238   margin: 15px 0px;
 239   background: rgba(255, 255, 255, 0.12);
 240   border: 4px solid #222;
 241   box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
 242
 243 .reveal section img.plain {
 244   border: 0;
 245   box-shadow: none; }
 246
 247 .reveal a img {
 248   -webkit-transition: all 0.15s linear;
 249   -moz-transition: all 0.15s linear;
 250   transition: all 0.15s linear; }
 251
 252 .reveal a:hover img {
 253   background: rgba(255, 255, 255, 0.2);
 254   border-color: #2a76dd;
 255   box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
 256
 257 /*********************************************
 258  * NAVIGATION CONTROLS
 259  *********************************************/
 260 .reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
 261   border-right-color: #2a76dd; }
 262
 263 .reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
 264   border-left-color: #2a76dd; }
 265
 266 .reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
 267   border-bottom-color: #2a76dd; }
 268
 269 .reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
 270   border-top-color: #2a76dd; }
 271
 272 .reveal .controls .navigate-left.enabled:hover {
 273   border-right-color: #6ca2e8; }
 274
 275 .reveal .controls .navigate-right.enabled:hover {
 276   border-left-color: #6ca2e8; }
 277
 278 .reveal .controls .navigate-up.enabled:hover {
 279   border-bottom-color: #6ca2e8; }
 280
 281 .reveal .controls .navigate-down.enabled:hover {
 282   border-top-color: #6ca2e8; }
 283
 284 /*********************************************
 285  * PROGRESS BAR
 286  *********************************************/
 287 .reveal .progress {
 288   background: rgba(0, 0, 0, 0.2); }
 289
 290 .reveal .progress span {
 291   background: #2a76dd;
 292   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
 293   -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
 294   transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
 295
 296 /*********************************************
 297  * SLIDE NUMBER
 298  *********************************************/
 299 .reveal .slide-number {
 300   color: #2a76dd; }
 301