github.com/sentienttechnologies/studio-go-runner@v0.0.0-20201118202441-6d21f2ced8ee/docs/slides/css/theme/sky.css (about) 1 /** 2 * Sky theme for reveal.js. 3 * 4 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 */ 6 @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); 7 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); 8 .reveal a { 9 line-height: 1.3em; } 10 11 /********************************************* 12 * GLOBAL STYLES 13 *********************************************/ 14 body { 15 background: #add9e4; 16 background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); 17 background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4)); 18 background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); 19 background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); 20 background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); 21 background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); 22 background-color: #f7fbfc; } 23 24 .reveal { 25 font-family: "Open Sans", sans-serif; 26 font-size: 40px; 27 font-weight: normal; 28 color: #333; } 29 30 ::selection { 31 color: #fff; 32 background: #134674; 33 text-shadow: none; } 34 35 ::-moz-selection { 36 color: #fff; 37 background: #134674; 38 text-shadow: none; } 39 40 .reveal .slides > section, 41 .reveal .slides > section > section { 42 line-height: 1.3; 43 font-weight: inherit; } 44 45 /********************************************* 46 * HEADERS 47 *********************************************/ 48 .reveal h1, 49 .reveal h2, 50 .reveal h3, 51 .reveal h4, 52 .reveal h5, 53 .reveal h6 { 54 margin: 0 0 20px 0; 55 color: #333; 56 font-family: "Quicksand", sans-serif; 57 font-weight: normal; 58 line-height: 1.2; 59 letter-spacing: -0.08em; 60 text-transform: uppercase; 61 text-shadow: none; 62 word-wrap: break-word; } 63 64 .reveal h1 { 65 font-size: 3.77em; } 66 67 .reveal h2 { 68 font-size: 2.11em; } 69 70 .reveal h3 { 71 font-size: 1.55em; } 72 73 .reveal h4 { 74 font-size: 1em; } 75 76 .reveal h1 { 77 text-shadow: none; } 78 79 /********************************************* 80 * OTHER 81 *********************************************/ 82 .reveal p { 83 margin: 20px 0; 84 line-height: 1.3; } 85 86 /* Ensure certain elements are never larger than the slide itself */ 87 .reveal img, 88 .reveal video, 89 .reveal iframe { 90 max-width: 95%; 91 max-height: 95%; } 92 93 .reveal strong, 94 .reveal b { 95 font-weight: bold; } 96 97 .reveal em { 98 font-style: italic; } 99 100 .reveal ol, 101 .reveal dl, 102 .reveal ul { 103 display: inline-block; 104 text-align: left; 105 margin: 0 0 0 1em; } 106 107 .reveal ol { 108 list-style-type: decimal; } 109 110 .reveal ul { 111 list-style-type: disc; } 112 113 .reveal ul ul { 114 list-style-type: square; } 115 116 .reveal ul ul ul { 117 list-style-type: circle; } 118 119 .reveal ul ul, 120 .reveal ul ol, 121 .reveal ol ol, 122 .reveal ol ul { 123 display: block; 124 margin-left: 40px; } 125 126 .reveal dt { 127 font-weight: bold; } 128 129 .reveal dd { 130 margin-left: 40px; } 131 132 .reveal blockquote { 133 display: block; 134 position: relative; 135 width: 70%; 136 margin: 20px auto; 137 padding: 5px; 138 font-style: italic; 139 background: rgba(255, 255, 255, 0.05); 140 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } 141 142 .reveal blockquote p:first-child, 143 .reveal blockquote p:last-child { 144 display: inline-block; } 145 146 .reveal q { 147 font-style: italic; } 148 149 .reveal pre { 150 display: block; 151 position: relative; 152 width: 90%; 153 margin: 20px auto; 154 text-align: left; 155 font-size: 0.55em; 156 font-family: monospace; 157 line-height: 1.2em; 158 word-wrap: break-word; 159 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); } 160 161 .reveal code { 162 font-family: monospace; 163 text-transform: none; } 164 165 .reveal pre code { 166 display: block; 167 padding: 5px; 168 overflow: auto; 169 max-height: 400px; 170 word-wrap: normal; } 171 172 .reveal table { 173 margin: auto; 174 border-collapse: collapse; 175 border-spacing: 0; } 176 177 .reveal table th { 178 font-weight: bold; } 179 180 .reveal table th, 181 .reveal table td { 182 text-align: left; 183 padding: 0.2em 0.5em 0.2em 0.5em; 184 border-bottom: 1px solid; } 185 186 .reveal table th[align="center"], 187 .reveal table td[align="center"] { 188 text-align: center; } 189 190 .reveal table th[align="right"], 191 .reveal table td[align="right"] { 192 text-align: right; } 193 194 .reveal table tbody tr:last-child th, 195 .reveal table tbody tr:last-child td { 196 border-bottom: none; } 197 198 .reveal sup { 199 vertical-align: super; } 200 201 .reveal sub { 202 vertical-align: sub; } 203 204 .reveal small { 205 display: inline-block; 206 font-size: 0.6em; 207 line-height: 1.2em; 208 vertical-align: top; } 209 210 .reveal small * { 211 vertical-align: top; } 212 213 /********************************************* 214 * LINKS 215 *********************************************/ 216 .reveal a { 217 color: #3b759e; 218 text-decoration: none; 219 -webkit-transition: color .15s ease; 220 -moz-transition: color .15s ease; 221 transition: color .15s ease; } 222 223 .reveal a:hover { 224 color: #74a7cb; 225 text-shadow: none; 226 border: none; } 227 228 .reveal .roll span:after { 229 color: #fff; 230 background: #264c66; } 231 232 /********************************************* 233 * IMAGES 234 *********************************************/ 235 .reveal section img { 236 margin: 15px 0px; 237 background: rgba(255, 255, 255, 0.12); 238 border: 4px solid #333; 239 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } 240 241 .reveal section img.plain { 242 border: 0; 243 box-shadow: none; } 244 245 .reveal a img { 246 -webkit-transition: all .15s linear; 247 -moz-transition: all .15s linear; 248 transition: all .15s linear; } 249 250 .reveal a:hover img { 251 background: rgba(255, 255, 255, 0.2); 252 border-color: #3b759e; 253 box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } 254 255 /********************************************* 256 * NAVIGATION CONTROLS 257 *********************************************/ 258 .reveal .controls { 259 color: #3b759e; } 260 261 /********************************************* 262 * PROGRESS BAR 263 *********************************************/ 264 .reveal .progress { 265 background: rgba(0, 0, 0, 0.2); 266 color: #3b759e; } 267 268 .reveal .progress span { 269 -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 270 -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); 271 transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }