diff options
Diffstat (limited to 'reveal.js/dist/theme')
| -rw-r--r-- | reveal.js/dist/theme/statnett_compact.css | 307 |
1 files changed, 307 insertions, 0 deletions
diff --git a/reveal.js/dist/theme/statnett_compact.css b/reveal.js/dist/theme/statnett_compact.css new file mode 100644 index 0000000..b9f8dd8 --- /dev/null +++ b/reveal.js/dist/theme/statnett_compact.css | |||
| @@ -0,0 +1,307 @@ | |||
| 1 | /** | ||
| 2 | * A simple theme for reveal.js presentations, similar | ||
| 3 | * to the default theme. The accent color is brown. | ||
| 4 | * | ||
| 5 | * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed. | ||
| 6 | */ | ||
| 7 | .reveal a { | ||
| 8 | line-height: 1.3em; } | ||
| 9 | |||
| 10 | 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 { | ||
| 11 | color: #fff; } | ||
| 12 | |||
| 13 | /********************************************* | ||
| 14 | * GLOBAL STYLES | ||
| 15 | *********************************************/ | ||
| 16 | :root { | ||
| 17 | --background-color: #F0F1EB; | ||
| 18 | --main-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif; | ||
| 19 | --main-font-size: 40px; | ||
| 20 | --main-color: #000; | ||
| 21 | --block-margin: 20px; | ||
| 22 | --heading-margin: 0 0 20px 0; | ||
| 23 | --heading-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif; | ||
| 24 | --heading-color: #383D3D; | ||
| 25 | --heading-line-height: 1.2; | ||
| 26 | --heading-letter-spacing: normal; | ||
| 27 | --heading-text-transform: none; | ||
| 28 | --heading-text-shadow: none; | ||
| 29 | --heading-font-weight: normal; | ||
| 30 | --heading1-text-shadow: none; | ||
| 31 | --heading1-size: 3.77em; | ||
| 32 | --heading2-size: 2.11em; | ||
| 33 | --heading3-size: 1.55em; | ||
| 34 | --heading4-size: 1em; | ||
| 35 | --code-font: monospace; | ||
| 36 | --link-color: #51483D; | ||
| 37 | --link-color-hover: #8b7c69; | ||
| 38 | --selection-background-color: #26351C; | ||
| 39 | --selection-color: #fff; } | ||
| 40 | |||
| 41 | .reveal-viewport { | ||
| 42 | background: #F0F1EB; | ||
| 43 | background-image: url("statnett.svg"); | ||
| 44 | background-repeat: no-repeat; | ||
| 45 | background-color: #F0F1EB; } | ||
| 46 | |||
| 47 | .reveal { | ||
| 48 | font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; | ||
| 49 | /* font-size: 24px; */ | ||
| 50 | font-size: 20px; | ||
| 51 | font-weight: normal; | ||
| 52 | color: #000; } | ||
| 53 | |||
| 54 | .reveal ::selection { | ||
| 55 | color: #fff; | ||
| 56 | background: #26351C; | ||
| 57 | text-shadow: none; } | ||
| 58 | |||
| 59 | .reveal ::-moz-selection { | ||
| 60 | color: #fff; | ||
| 61 | background: #26351C; | ||
| 62 | text-shadow: none; } | ||
| 63 | |||
| 64 | .reveal .slides section, | ||
| 65 | .reveal .slides section > section { | ||
| 66 | line-height: 1.3; | ||
| 67 | font-weight: inherit; } | ||
| 68 | |||
| 69 | /********************************************* | ||
| 70 | * HEADERS | ||
| 71 | *********************************************/ | ||
| 72 | .reveal h1, | ||
| 73 | .reveal h2, | ||
| 74 | .reveal h3, | ||
| 75 | .reveal h4, | ||
| 76 | .reveal h5, | ||
| 77 | .reveal h6 { | ||
| 78 | /* margin: 0 0 20px 0; */ | ||
| 79 | margin: 0 0 16px 0; | ||
| 80 | color: #383D3D; | ||
| 81 | font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; | ||
| 82 | font-weight: normal; | ||
| 83 | line-height: 1.2; | ||
| 84 | letter-spacing: normal; | ||
| 85 | text-transform: none; | ||
| 86 | text-shadow: none; | ||
| 87 | word-wrap: break-word; } | ||
| 88 | |||
| 89 | .reveal h1 { | ||
| 90 | font-size: 3.77em; } | ||
| 91 | |||
| 92 | .reveal h2 { | ||
| 93 | font-size: 2.11em; } | ||
| 94 | |||
| 95 | .reveal h3 { | ||
| 96 | font-size: 1.55em; } | ||
| 97 | |||
| 98 | .reveal h4 { | ||
| 99 | font-size: 1em; } | ||
| 100 | |||
| 101 | .reveal h1 { | ||
| 102 | text-shadow: none; } | ||
| 103 | |||
| 104 | /********************************************* | ||
| 105 | * OTHER | ||
| 106 | *********************************************/ | ||
| 107 | .reveal p { | ||
| 108 | /* margin: 20px 0; */ | ||
| 109 | margin: 16px 0; | ||
| 110 | line-height: 1.3; } | ||
| 111 | |||
| 112 | /* Remove trailing margins after titles */ | ||
| 113 | .reveal h1:last-child, | ||
| 114 | .reveal h2:last-child, | ||
| 115 | .reveal h3:last-child, | ||
| 116 | .reveal h4:last-child, | ||
| 117 | .reveal h5:last-child, | ||
| 118 | .reveal h6:last-child { | ||
| 119 | margin-bottom: 0; } | ||
| 120 | |||
| 121 | /* Ensure certain elements are never larger than the slide itself */ | ||
| 122 | .reveal img, | ||
| 123 | .reveal video, | ||
| 124 | .reveal iframe { | ||
| 125 | max-width: 95%; | ||
| 126 | max-height: 95%; } | ||
| 127 | |||
| 128 | .reveal strong, | ||
| 129 | .reveal b { | ||
| 130 | font-weight: bold; } | ||
| 131 | |||
| 132 | .reveal em { | ||
| 133 | font-style: italic; } | ||
| 134 | |||
| 135 | .reveal ol, | ||
| 136 | .reveal dl, | ||
| 137 | .reveal ul { | ||
| 138 | display: inline-block; | ||
| 139 | text-align: left; | ||
| 140 | margin: 0 0 0 1em; } | ||
| 141 | |||
| 142 | .reveal ol { | ||
| 143 | list-style-type: decimal; } | ||
| 144 | |||
| 145 | .reveal ul { | ||
| 146 | list-style-type: disc; } | ||
| 147 | |||
| 148 | .reveal ul ul { | ||
| 149 | list-style-type: square; } | ||
| 150 | |||
| 151 | .reveal ul ul ul { | ||
| 152 | list-style-type: circle; } | ||
| 153 | |||
| 154 | .reveal ul ul, | ||
| 155 | .reveal ul ol, | ||
| 156 | .reveal ol ol, | ||
| 157 | .reveal ol ul { | ||
| 158 | display: block; | ||
| 159 | /* margin-left: 40px; } */ | ||
| 160 | margin-left: 34px; } | ||
| 161 | |||
| 162 | .reveal dt { | ||
| 163 | font-weight: bold; } | ||
| 164 | |||
| 165 | .reveal dd { | ||
| 166 | margin-left: 40px; } | ||
| 167 | |||
| 168 | .reveal blockquote { | ||
| 169 | display: block; | ||
| 170 | position: relative; | ||
| 171 | width: 70%; | ||
| 172 | margin: 20px auto; | ||
| 173 | padding: 5px; | ||
| 174 | font-style: italic; | ||
| 175 | background: rgba(255, 255, 255, 0.05); | ||
| 176 | box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } | ||
| 177 | |||
| 178 | .reveal blockquote p:first-child, | ||
| 179 | .reveal blockquote p:last-child { | ||
| 180 | display: inline-block; } | ||
| 181 | |||
| 182 | .reveal q { | ||
| 183 | font-style: italic; } | ||
| 184 | |||
| 185 | .reveal pre { | ||
| 186 | display: block; | ||
| 187 | position: relative; | ||
| 188 | width: 90%; | ||
| 189 | margin: 20px auto; | ||
| 190 | text-align: left; | ||
| 191 | font-size: 0.55em; | ||
| 192 | font-family: monospace; | ||
| 193 | line-height: 1.1em; | ||
| 194 | word-wrap: break-word; } | ||
| 195 | /* box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } */ | ||
| 196 | |||
| 197 | .reveal code { | ||
| 198 | font-family: monospace; | ||
| 199 | text-transform: none; } | ||
| 200 | |||
| 201 | .reveal pre code { | ||
| 202 | display: block; | ||
| 203 | padding: 4px; | ||
| 204 | overflow: auto; | ||
| 205 | max-height: 520px; | ||
| 206 | word-wrap: normal; } | ||
| 207 | |||
| 208 | .reveal table { | ||
| 209 | margin: auto; | ||
| 210 | border-collapse: collapse; | ||
| 211 | border-spacing: 0; } | ||
| 212 | |||
| 213 | .reveal table th { | ||
| 214 | font-weight: bold; } | ||
| 215 | |||
| 216 | .reveal table th, | ||
| 217 | .reveal table td { | ||
| 218 | text-align: left; | ||
| 219 | padding: 0.2em 0.5em 0.2em 0.5em; | ||
| 220 | border-bottom: 1px solid; } | ||
| 221 | |||
| 222 | .reveal table th[align="center"], | ||
| 223 | .reveal table td[align="center"] { | ||
| 224 | text-align: center; } | ||
| 225 | |||
| 226 | .reveal table th[align="right"], | ||
| 227 | .reveal table td[align="right"] { | ||
| 228 | text-align: right; } | ||
| 229 | |||
| 230 | .reveal table tbody tr:last-child th, | ||
| 231 | .reveal table tbody tr:last-child td { | ||
| 232 | border-bottom: none; } | ||
| 233 | |||
| 234 | .reveal sup { | ||
| 235 | vertical-align: super; | ||
| 236 | font-size: smaller; } | ||
| 237 | |||
| 238 | .reveal sub { | ||
| 239 | vertical-align: sub; | ||
| 240 | font-size: smaller; } | ||
| 241 | |||
| 242 | .reveal small { | ||
| 243 | display: inline-block; | ||
| 244 | font-size: 0.6em; | ||
| 245 | line-height: 1.2em; | ||
| 246 | vertical-align: top; } | ||
| 247 | |||
| 248 | .reveal small * { | ||
| 249 | vertical-align: top; } | ||
| 250 | |||
| 251 | .reveal img { | ||
| 252 | margin: 20px 0; } | ||
| 253 | |||
| 254 | /********************************************* | ||
| 255 | * LINKS | ||
| 256 | *********************************************/ | ||
| 257 | .reveal a { | ||
| 258 | color: #51483D; | ||
| 259 | text-decoration: none; | ||
| 260 | transition: color .15s ease; } | ||
| 261 | |||
| 262 | .reveal a:hover { | ||
| 263 | color: #8b7c69; | ||
| 264 | text-shadow: none; | ||
| 265 | border: none; } | ||
| 266 | |||
| 267 | .reveal .roll span:after { | ||
| 268 | color: #fff; | ||
| 269 | background: #25211c; } | ||
| 270 | |||
| 271 | /********************************************* | ||
| 272 | * Frame helper | ||
| 273 | *********************************************/ | ||
| 274 | .reveal .r-frame { | ||
| 275 | border: 4px solid #000; | ||
| 276 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } | ||
| 277 | |||
| 278 | .reveal a .r-frame { | ||
| 279 | transition: all .15s linear; } | ||
| 280 | |||
| 281 | .reveal a:hover .r-frame { | ||
| 282 | border-color: #51483D; | ||
| 283 | box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } | ||
| 284 | |||
| 285 | /********************************************* | ||
| 286 | * NAVIGATION CONTROLS | ||
| 287 | *********************************************/ | ||
| 288 | .reveal .controls { | ||
| 289 | color: #51483D; } | ||
| 290 | |||
| 291 | /********************************************* | ||
| 292 | * PROGRESS BAR | ||
| 293 | *********************************************/ | ||
| 294 | .reveal .progress { | ||
| 295 | background: rgba(0, 0, 0, 0.2); | ||
| 296 | color: #51483D; } | ||
| 297 | |||
| 298 | #smallertext { | ||
| 299 | font-size: 0.48em; | ||
| 300 | } | ||
| 301 | |||
| 302 | /********************************************* | ||
| 303 | * PRINT BACKGROUND | ||
| 304 | *********************************************/ | ||
| 305 | @media print { | ||
| 306 | .backgrounds { | ||
| 307 | background-color: #F0F1EB; } } | ||
