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