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