1 /* slidy.css 2 3 Copyright (c) 2005-2010 W3C (MIT, ERCIM, Keio), All Rights Reserved. 4 W3C liability, trademark, document use and software licensing 5 rules apply, see: 6 7 http://www.w3.org/Consortium/Legal/copyright-documents 8 http://www.w3.org/Consortium/Legal/copyright-software 9 */ 10 11 /* 12 SJR: 2010-09-29: Modified for AsciiDoc slidy backend. 13 Mostly just commented out stuff that is handled by AsciiDoc's CSS files. 14 */ 15 16 body 17 { 18 margin: 0 0 0 0; 19 padding: 0 0 0 0; 20 width: 100%; 21 height: 100%; 22 color: black; 23 background-color: white; 24 /* 25 font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif; 26 */ 27 font-size: 14pt; 28 } 29 30 div.toolbar { 31 position: fixed; z-index: 200; 32 top: auto; bottom: 0; left: 0; right: 0; 33 height: 1.2em; text-align: right; 34 padding-left: 1em; 35 padding-right: 1em; 36 font-size: 60%; 37 color: red; 38 background-color: rgb(240,240,240); 39 border-top: solid 1px rgb(180,180,180); 40 } 41 42 div.toolbar span.copyright { 43 color: black; 44 margin-left: 0.5em; 45 } 46 47 div.initial_prompt { 48 position: absolute; 49 z-index: 1000; 50 bottom: 1.2em; 51 width: 90%; 52 background-color: rgb(200,200,200); 53 opacity: 0.35; 54 background-color: rgb(200,200,200, 0.35); 55 cursor: pointer; 56 } 57 58 div.initial_prompt p.help { 59 text-align: center; 60 } 61 62 div.initial_prompt p.close { 63 text-align: right; 64 font-style: italic; 65 } 66 67 div.slidy_toc { 68 position: absolute; 69 z-index: 300; 70 width: 60%; 71 max-width: 30em; 72 height: 30em; 73 overflow: auto; 74 top: auto; 75 right: auto; 76 left: 4em; 77 bottom: 4em; 78 padding: 1em; 79 background: rgb(240,240,240); 80 border-style: solid; 81 border-width: 2px; 82 font-size: 60%; 83 } 84 85 div.slidy_toc .toc_heading { 86 text-align: center; 87 width: 100%; 88 margin: 0; 89 margin-bottom: 1em; 90 border-bottom-style: solid; 91 border-bottom-color: rgb(180,180,180); 92 border-bottom-width: 1px; 93 } 94 95 div.slide { 96 z-index: 20; 97 margin: 0 0 0 0; 98 padding-top: 0; 99 padding-bottom: 0; 100 padding-left: 20px; 101 padding-right: 20px; 102 border-width: 0; 103 clear: both; 104 top: 0; 105 bottom: 0; 106 left: 0; 107 right: 0; 108 line-height: 120%; 109 background-color: transparent; 110 } 111 112 div.background { 113 display: none; 114 } 115 116 div.handout { 117 margin-left: 20px; 118 margin-right: 20px; 119 } 120 121 div.slide.titlepage { 122 text-align: center; 123 } 124 125 div.slide.titlepage.h1 { 126 padding-top: 10%; 127 } 128 129 div.slide h1 { 130 padding-left: 0; 131 padding-right: 20pt; 132 padding-top: 4pt; 133 padding-bottom: 4pt; 134 margin-top: 0; 135 margin-left: 0; 136 margin-right: 60pt; 137 margin-bottom: 0.5em; 138 display: block; 139 font-size: 160%; 140 line-height: 1.2em; 141 background: transparent; 142 } 143 144 div.toc { 145 position: absolute; 146 top: auto; 147 bottom: 4em; 148 left: 4em; 149 right: auto; 150 width: 60%; 151 max-width: 30em; 152 height: 30em; 153 border: solid thin black; 154 padding: 1em; 155 background: rgb(240,240,240); 156 color: black; 157 z-index: 300; 158 overflow: auto; 159 display: block; 160 visibility: visible; 161 } 162 163 div.toc-heading { 164 width: 100%; 165 border-bottom: solid 1px rgb(180,180,180); 166 margin-bottom: 1em; 167 text-align: center; 168 } 169 170 /* 171 pre { 172 font-size: 80%; 173 font-weight: bold; 174 line-height: 120%; 175 padding-top: 0.2em; 176 padding-bottom: 0.2em; 177 padding-left: 1em; 178 padding-right: 1em; 179 border-style: solid; 180 border-left-width: 1em; 181 border-top-width: thin; 182 border-right-width: thin; 183 border-bottom-width: thin; 184 border-color: #95ABD0; 185 color: #00428C; 186 background-color: #E4E5E7; 187 } 188 */ 189 190 /* 191 li pre { margin-left: 0; } 192 193 blockquote { font-style: italic } 194 195 img { background-color: transparent } 196 197 p.copyright { font-size: smaller } 198 */ 199 200 .center { text-align: center } 201 .footnote { font-size: smaller; margin-left: 2em; } 202 203 /* 204 a img { border-width: 0; border-style: none } 205 */ 206 207 a:visited { color: navy } 208 a:link { color: navy } 209 a:hover { color: red; text-decoration: underline } 210 a:active { color: red; text-decoration: underline } 211 212 a {text-decoration: none} 213 .navbar a:link {color: white} 214 .navbar a:visited {color: yellow} 215 .navbar a:active {color: red} 216 .navbar a:hover {color: red} 217 218 /* 219 ul { list-style-type: square; } 220 ul ul { list-style-type: disc; } 221 ul ul ul { list-style-type: circle; } 222 ul ul ul ul { list-style-type: disc; } 223 li { margin-left: 0.5em; margin-top: 0.5em; } 224 li li { font-size: 85%; font-style: italic } 225 li li li { font-size: 85%; font-style: normal } 226 */ 227 228 div dt 229 { 230 margin-left: 0; 231 margin-top: 1em; 232 margin-bottom: 0.5em; 233 font-weight: bold; 234 } 235 div dd 236 { 237 margin-left: 2em; 238 margin-bottom: 0.5em; 239 } 240 241 242 /* 243 p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table { 244 margin-left: 1em; 245 margin-right: 1em; 246 } 247 */ 248 249 p.subhead { font-weight: bold; margin-top: 2em; } 250 251 .smaller { font-size: smaller } 252 .bigger { font-size: 130% } 253 254 /* 255 td,th { padding: 0.2em } 256 */ 257 258 ul { 259 margin: 0.5em 1.5em 0.5em 1.5em; 260 padding: 0; 261 } 262 263 ol { 264 margin: 0.5em 1.5em 0.5em 1.5em; 265 padding: 0; 266 } 267 268 ul { list-style-type: square; } 269 ul ul { list-style-type: disc; } 270 ul ul ul { list-style-type: circle; } 271 ul ul ul ul { list-style-type: disc; } 272 273 /* 274 ul li { 275 list-style: square; 276 margin: 0.1em 0em 0.6em 0; 277 padding: 0 0 0 0; 278 line-height: 140%; 279 } 280 281 ol li { 282 margin: 0.1em 0em 0.6em 1.5em; 283 padding: 0 0 0 0px; 284 line-height: 140%; 285 list-style-type: decimal; 286 } 287 288 li ul li { 289 font-size: 85%; 290 font-style: italic; 291 list-style-type: disc; 292 background: transparent; 293 padding: 0 0 0 0; 294 } 295 li li ul li { 296 font-size: 85%; 297 font-style: normal; 298 list-style-type: circle; 299 background: transparent; 300 padding: 0 0 0 0; 301 } 302 li li li ul li { 303 list-style-type: disc; 304 background: transparent; 305 padding: 0 0 0 0; 306 } 307 308 li ol li { 309 list-style-type: decimal; 310 } 311 312 313 li li ol li { 314 list-style-type: decimal; 315 } 316 */ 317 318 /* 319 setting class="outline" on ol or ul makes it behave as an 320 ouline list where blocklevel content in li elements is 321 hidden by default and can be expanded or collapsed with 322 mouse click. Set class="expand" on li to override default 323 */ 324 325 ol.outline li:hover { cursor: pointer } 326 ol.outline li.nofold:hover { cursor: default } 327 328 ul.outline li:hover { cursor: pointer } 329 ul.outline li.nofold:hover { cursor: default } 330 331 ol.outline { list-style:decimal; } 332 ol.outline ol { list-style-type:lower-alpha } 333 334 ol.outline li.nofold { 335 padding: 0 0 0 20px; 336 background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em; 337 } 338 ol.outline li.unfolded { 339 padding: 0 0 0 20px; 340 background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em; 341 } 342 ol.outline li.folded { 343 padding: 0 0 0 20px; 344 background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em; 345 } 346 ol.outline li.unfolded:hover { 347 padding: 0 0 0 20px; 348 background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em; 349 } 350 ol.outline li.folded:hover { 351 padding: 0 0 0 20px; 352 background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em; 353 } 354 355 ul.outline li.nofold { 356 padding: 0 0 0 20px; 357 background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em; 358 } 359 ul.outline li.unfolded { 360 padding: 0 0 0 20px; 361 background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em; 362 } 363 ul.outline li.folded { 364 padding: 0 0 0 20px; 365 background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em; 366 } 367 ul.outline li.unfolded:hover { 368 padding: 0 0 0 20px; 369 background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em; 370 } 371 ul.outline li.folded:hover { 372 padding: 0 0 0 20px; 373 background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em; 374 } 375 376 /* for slides with class "title" in table of contents */ 377 a.titleslide { font-weight: bold; font-style: italic } 378 379 /* 380 hide images for work around for save as bug 381 where browsers fail to save images used by CSS 382 */ 383 img.hidden { display: none; visibility: hidden } 384 div.initial_prompt { display: none; visibility: hidden } 385 386 div.slide { 387 visibility: visible; 388 position: inherit; 389 } 390 div.handout { 391 border-top-style: solid; 392 border-top-width: thin; 393 border-top-color: black; 394 } 395 396 @media screen { 397 .hidden { display: none; visibility: visible } 398 399 div.slide.hidden { display: block; visibility: visible } 400 div.handout.hidden { display: block; visibility: visible } 401 div.background { display: none; visibility: hidden } 402 body.single_slide div.initial_prompt { display: block; visibility: visible } 403 body.single_slide div.background { display: block; visibility: visible } 404 body.single_slide div.background.hidden { display: none; visibility: hidden } 405 body.single_slide .invisible { visibility: hidden } 406 body.single_slide .hidden { display: none; visibility: hidden } 407 body.single_slide div.slide { position: absolute } 408 body.single_slide div.handout { display: none; visibility: hidden } 409 } 410 411 @media print { 412 .hidden { display: block; visibility: visible } 413 414 /* 415 div.slide pre { font-size: 60%; padding-left: 0.5em; } 416 */ 417 div.toolbar { display: none; visibility: hidden; } 418 div.slidy_toc { display: none; visibility: hidden; } 419 div.background { display: none; visibility: hidden; } 420 div.slide { page-break-before: always } 421 /* :first-child isn't reliable for print media */ 422 div.slide.first-slide { page-break-before: avoid } 423 } 424 425 426 /* SJR: AsciiDoc slidy backend tweaks */ 427 428 ol, ul { 429 margin: 0.8em 1.5em 0.8em 1.8em; 430 } 431 li > ul, li > ol { 432 margin-top: 0.5em; 433 } 434 435 .outline > li.folded, 436 .outline > li.unfolded { 437 color: #527bbd; 438 } 439 ul > li{ color: #aaa; } 440 ul > li > *, ol > li > * { color: black; } 441 442 li { 443 margin-top: 0.5em; 444 margin-bottom: 0.5em; 445 } 446