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