annotate my_theme/css/screen.css @ 13:3547bba86af2

Removed *.html from .hgignore because we are using our own theme now (that includes a base.html file), and it is convenient to control the generated presentation since I won't necessarily have Python and landslide installed on every computer I want to give the presentation.
author Brian Neal <bgneal@gmail.com>
date Wed, 30 Nov 2011 18:46:32 -0600
parents 727c48601d66
children
rev   line source
bgneal@12 1 body {
bgneal@12 2 font: 14px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
bgneal@12 3 background: #778;
bgneal@12 4 padding: 0;
bgneal@12 5 margin: 0;
bgneal@12 6 overflow: hidden;
bgneal@12 7 }
bgneal@12 8
bgneal@12 9 div.presentation {
bgneal@12 10 position: absolute;
bgneal@12 11 width: 100%;
bgneal@12 12 display: table-cell;
bgneal@12 13 vertical-align: middle;
bgneal@12 14 height: 100%;
bgneal@12 15 background: inherit;
bgneal@12 16 }
bgneal@12 17
bgneal@12 18 div.presentation > h1 {
bgneal@12 19 display: none;
bgneal@12 20 }
bgneal@12 21
bgneal@12 22 div.slides, body.expose div.slides.nocontext {
bgneal@12 23 width: 100%;
bgneal@12 24 height: 100%;
bgneal@12 25 left: 0;
bgneal@12 26 top: 0;
bgneal@12 27 position: absolute;
bgneal@12 28 display: block;
bgneal@12 29 }
bgneal@12 30
bgneal@12 31 div.slides.nocontext {
bgneal@12 32 width: 900px;
bgneal@12 33 margin: 0 auto;
bgneal@12 34 overflow: hidden;
bgneal@12 35 position: relative;
bgneal@12 36 left: auto;
bgneal@12 37 top: auto;
bgneal@12 38 }
bgneal@12 39
bgneal@12 40 div.slide {
bgneal@12 41 display: inline;
bgneal@12 42 position: absolute;
bgneal@12 43 overflow: hidden;
bgneal@12 44 width: 900px;
bgneal@12 45 height: 700px;
bgneal@12 46 margin-top: -350px;
bgneal@12 47 margin-left: -400px;
bgneal@12 48 left: 50%;
bgneal@12 49 top: 50%;
bgneal@12 50 background: -webkit-gradient(linear, left bottom, left top, from(#bbd), to(#fff));
bgneal@12 51 background-color: #eee;
bgneal@12 52 background: -moz-linear-gradient(bottom, #bbd, #fff);
bgneal@12 53 -webkit-transition: margin 0.25s ease-in-out;
bgneal@12 54 -moz-transition: margin 0.25s ease-in-out;
bgneal@12 55 -o-transition: margin 0.25s ease-in-out;
bgneal@12 56 border-top-left-radius: 20px;
bgneal@12 57 -moz-border-radius-topleft: 20px;
bgneal@12 58 -webkit-border-top-left-radius: 20px;
bgneal@12 59 border-top-right-radius: 20px;
bgneal@12 60 -moz-border-radius-topright: 20px;
bgneal@12 61 -webkit-border-top-right-radius: 20px;
bgneal@12 62 border-bottom-right-radius: 20px;
bgneal@12 63 -moz-border-radius-bottomright: 20px;
bgneal@12 64 -webkit-border-bottom-right-radius: 20px;
bgneal@12 65 border-bottom-left-radius: 20px;
bgneal@12 66 -moz-border-radius-bottomleft: 20px;
bgneal@12 67 -webkit-border-bottom-left-radius: 20px;
bgneal@12 68 }
bgneal@12 69
bgneal@12 70 /* Expose */
bgneal@12 71
bgneal@12 72 body.expose div.slides {
bgneal@12 73 float: left;
bgneal@12 74 position: relative;
bgneal@12 75 overflow: auto;
bgneal@12 76 margin-bottom: 10px;
bgneal@12 77 }
bgneal@12 78
bgneal@12 79 body.expose div.slide {
bgneal@12 80 display: block;
bgneal@12 81 float: left;
bgneal@12 82 position: relative;
bgneal@12 83 left: auto !important;
bgneal@12 84 top: auto !important;
bgneal@12 85 margin: 10px !important;
bgneal@12 86 -webkit-transition: none;
bgneal@12 87 -moz-transition: none;
bgneal@12 88 -o-transition: none;
bgneal@12 89 -moz-transform: scale(.33, .33);
bgneal@12 90 -moz-transform-origin: 0 0;
bgneal@12 91 -webkit-transform: scale(.33, .33);
bgneal@12 92 -webkit-transform-origin: 0 0;
bgneal@12 93 -o-transform: scale(.33, .33);
bgneal@12 94 -o-transform-origin: 0 0;
bgneal@12 95 -webkit-transition: none;
bgneal@12 96 -moz-transition: none;
bgneal@12 97 -o-transition: none;
bgneal@12 98 cursor: pointer;
bgneal@12 99 }
bgneal@12 100
bgneal@12 101 body.expose div.slide:hover {
bgneal@12 102 background: -webkit-gradient(linear, left bottom, left top, from(#bdd), to(#fff));
bgneal@12 103 background-color: #eee;
bgneal@12 104 background: -moz-linear-gradient(bottom, #bdd, #fff);
bgneal@12 105 }
bgneal@12 106
bgneal@12 107 body.expose .slide-wrapper {
bgneal@12 108 float: left;
bgneal@12 109 position: relative;
bgneal@12 110 margin: .5%;
bgneal@12 111 width: 300px;
bgneal@12 112 height: 233px;
bgneal@12 113 }
bgneal@12 114
bgneal@12 115 body.expose .slide footer {
bgneal@12 116 }
bgneal@12 117
bgneal@12 118 body.expose .slide .inner {
bgneal@12 119 }
bgneal@12 120
bgneal@12 121 body.expose .slide.far-past,
bgneal@12 122 body.expose .slide.past,
bgneal@12 123 body.expose .slide.future,
bgneal@12 124 body.expose .slide.far-future {
bgneal@12 125 margin-left: 0;
bgneal@12 126 }
bgneal@12 127
bgneal@12 128 body.expose .slide.current {
bgneal@12 129 background: -webkit-gradient(linear, left bottom, left top, from(#ddb), to(#fff));
bgneal@12 130 background-color: #eee;
bgneal@12 131 background: -moz-linear-gradient(bottom, #ddb, #fff);
bgneal@12 132 border: 16px solid #fff;
bgneal@12 133 -moz-transform: scale(.315, .315);
bgneal@12 134 -moz-transform-origin: 0 0;
bgneal@12 135 -webkit-transform: scale(.315, .315);
bgneal@12 136 -webkit-transform-origin: 0 0;
bgneal@12 137 -o-transform: scale(.315, .315);
bgneal@12 138 -o-transform-origin: 0 0;
bgneal@12 139 }
bgneal@12 140
bgneal@12 141 /* Presenter Mode */
bgneal@12 142
bgneal@12 143 body.presenter_view div.slide {
bgneal@12 144 display: inline;
bgneal@12 145 position: absolute;
bgneal@12 146 overflow: hidden;
bgneal@12 147 -moz-transform: scale(.5, .5);
bgneal@12 148 -moz-transform-origin: 0 0;
bgneal@12 149 -webkit-transform: scale(.5, .5);
bgneal@12 150 -webkit-transform-origin: 0 0;
bgneal@12 151 -o-transform: scale(.5, .5);
bgneal@12 152 -o-transform-origin: 0 0;
bgneal@12 153 margin-top: -300px;
bgneal@12 154 }
bgneal@12 155
bgneal@12 156 body.presenter_view .slide.far-past {
bgneal@12 157 display: block;
bgneal@12 158 margin-left: -1500px;
bgneal@12 159 }
bgneal@12 160
bgneal@12 161 body.presenter_view .slide.past {
bgneal@12 162 display: block;
bgneal@12 163 margin-left: -975px;
bgneal@12 164 }
bgneal@12 165
bgneal@12 166 body.presenter_view .slide.current {
bgneal@12 167 display: block;
bgneal@12 168 margin-left: -475px;
bgneal@12 169 border: 8px solid maroon;
bgneal@12 170 z-index: 2;
bgneal@12 171 }
bgneal@12 172
bgneal@12 173 body.presenter_view .slide.future {
bgneal@12 174 display: block;
bgneal@12 175 margin-left: 25px;
bgneal@12 176 z-index: 1;
bgneal@12 177 }
bgneal@12 178
bgneal@12 179 body.presenter_view .slide.far-future {
bgneal@12 180 display: block;
bgneal@12 181 margin-left: 525px;
bgneal@12 182 }
bgneal@12 183
bgneal@12 184 body.presenter_view div#current_presenter_notes {
bgneal@12 185 visibility: visible;
bgneal@12 186 display: block;
bgneal@12 187 position: absolute;
bgneal@12 188 overflow: auto;
bgneal@12 189 vertical-align: middle;
bgneal@12 190 left: 50%;
bgneal@12 191 top: 50%;
bgneal@12 192 margin-left: -475px;
bgneal@12 193 margin-top: 100px;
bgneal@12 194 z-index: 2;
bgneal@12 195 width: 950px;
bgneal@12 196 border-style: solid;
bgneal@12 197 height: 30%;
bgneal@12 198 background-color: silver;
bgneal@12 199 }
bgneal@12 200
bgneal@12 201 body.presenter_view div#current_presenter_notes section {
bgneal@12 202 font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
bgneal@12 203 color: black;
bgneal@12 204 text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
bgneal@12 205 display: block;
bgneal@12 206 overflow: visible;
bgneal@12 207 position: relative;
bgneal@12 208 background-color: #fffeff;
bgneal@12 209 height: 120px;
bgneal@12 210 margin-right: 30px;
bgneal@12 211 margin-top: 60px;
bgneal@12 212 margin-left: 30px;
bgneal@12 213 padding-right: 10px;
bgneal@12 214 padding-left: 10px;
bgneal@12 215 padding-top: 10px;
bgneal@12 216 }
bgneal@12 217
bgneal@12 218 body.presenter_view div#current_presenter_notes section p {
bgneal@12 219 margin: 0;
bgneal@12 220 }
bgneal@12 221
bgneal@12 222 body.presenter_view div#current_presenter_notes h1 {
bgneal@12 223 font-size: 50%;
bgneal@12 224 display: block;
bgneal@12 225 }
bgneal@12 226
bgneal@12 227 div#current_presenter_notes {
bgneal@12 228 display: none;
bgneal@12 229 }
bgneal@12 230
bgneal@12 231 div.slide div.presenter_notes, div.slides div.presenter_notes {
bgneal@12 232 display: none;
bgneal@12 233 }
bgneal@12 234
bgneal@12 235 /* Slide styles */
bgneal@12 236
bgneal@12 237 div.slide p {
bgneal@12 238 font-size: 20px;
bgneal@12 239 }
bgneal@12 240
bgneal@12 241 .slide.far-past {
bgneal@12 242 display: block;
bgneal@12 243 margin-left: -2400px;
bgneal@12 244 }
bgneal@12 245
bgneal@12 246 .slide.past {
bgneal@12 247 display: block;
bgneal@12 248 margin-left: -1400px;
bgneal@12 249 }
bgneal@12 250
bgneal@12 251 .slide.current {
bgneal@12 252 display: block;
bgneal@12 253 margin-left: -450px;
bgneal@12 254 }
bgneal@12 255
bgneal@12 256 .slide.future {
bgneal@12 257 display: block;
bgneal@12 258 margin-left: 500px;
bgneal@12 259 }
bgneal@12 260
bgneal@12 261 .slide.far-future {
bgneal@12 262 display: block;
bgneal@12 263 margin-left: 1500px;
bgneal@12 264 }
bgneal@12 265
bgneal@12 266 body.three-d div.slides {
bgneal@12 267 -webkit-transform: translateX(50px) scale(0.8) rotateY(10deg);
bgneal@12 268 -moz-transform: translateX(50px) scale(0.8) rotateY(10deg);
bgneal@12 269 -o-transform: translateX(50px) scale(0.8) rotateY(10deg);
bgneal@12 270 }
bgneal@12 271
bgneal@12 272
bgneal@12 273 /* Content */
bgneal@12 274
bgneal@12 275 header:not(:only-child) {
bgneal@12 276 font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
bgneal@12 277 font-weight: normal;
bgneal@12 278 font-size: 50px;
bgneal@12 279 letter-spacing: -.05em;
bgneal@12 280 color: black;
bgneal@12 281 text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
bgneal@12 282 position: absolute;
bgneal@12 283 left: 30px;
bgneal@12 284 top: 25px;
bgneal@12 285 margin: 0;
bgneal@12 286 padding: 0;
bgneal@12 287 }
bgneal@12 288
bgneal@12 289 header h1, header h2, header h3, header h4, header h5, header h6 {
bgneal@12 290 display: inline;
bgneal@12 291 font-size: 100%;
bgneal@12 292 font-weight: normal;
bgneal@12 293 padding: 0;
bgneal@12 294 margin: 0;
bgneal@12 295 }
bgneal@12 296
bgneal@12 297 header h2:first-child {
bgneal@12 298 margin-top: 0;
bgneal@12 299 }
bgneal@12 300
bgneal@12 301 section, .slide header:only-child h1 {
bgneal@12 302 font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
bgneal@12 303 color: #3f3f3f;
bgneal@12 304 text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
bgneal@12 305 margin-left: 30px;
bgneal@12 306 margin-right: 30px;
bgneal@12 307 margin-top: 100px;
bgneal@12 308 display: block;
bgneal@12 309 overflow: hidden;
bgneal@12 310 }
bgneal@12 311
bgneal@12 312 img { display: block; margin: auto; }
bgneal@12 313
bgneal@12 314 section img.align-center {
bgneal@12 315 display: block;
bgneal@12 316 margin-left: auto;
bgneal@12 317 margin-right: auto;
bgneal@12 318 }
bgneal@12 319
bgneal@12 320 section img.align-right {
bgneal@12 321 display: block;
bgneal@12 322 margin-left: auto;
bgneal@12 323 margin-right: 0;
bgneal@12 324 }
bgneal@12 325
bgneal@12 326 section img.align-left {
bgneal@12 327 display: block;
bgneal@12 328 margin-right: auto;
bgneal@12 329 margin-left: 0;
bgneal@12 330 }
bgneal@12 331
bgneal@12 332 a {
bgneal@12 333 color: inherit;
bgneal@12 334 display: inline-block;
bgneal@12 335 text-decoration: none;
bgneal@12 336 line-height: 110%;
bgneal@12 337 border-bottom: 2px solid #3f3f3f;
bgneal@12 338 }
bgneal@12 339
bgneal@12 340 pre {
bgneal@12 341 font-size: 16px;
bgneal@12 342 font-family: Monaco, Courier, monospace;
bgneal@12 343 }
bgneal@12 344
bgneal@12 345 li {
bgneal@12 346 padding: 10px 0;
bgneal@12 347 font-size: 20px;
bgneal@12 348 }
bgneal@12 349
bgneal@12 350 .slide header:only-child h1 {
bgneal@12 351 line-height: 180%;
bgneal@12 352 text-align: center;
bgneal@12 353 display: table-cell;
bgneal@12 354 vertical-align: middle;
bgneal@12 355 height: 700px;
bgneal@12 356 width: 900px;
bgneal@12 357 font-size: 50px;
bgneal@12 358 margin-top:100px;
bgneal@12 359 margin-bottom:100px;
bgneal@12 360 }
bgneal@12 361
bgneal@12 362 .sidebar {
bgneal@12 363 clear: both;
bgneal@12 364 background: -webkit-gradient(linear, top right, bottom right, from(#dde), to(#fff));
bgneal@12 365 -webkit-transition: margin 0.25s ease-in-out;
bgneal@12 366 background-color: #eee;
bgneal@12 367 background: -moz-linear-gradient(right, #dde, #fff);
bgneal@12 368 border-right: 5px solid #ccd;
bgneal@12 369 z-index: 9999999;
bgneal@12 370 height: 100%;
bgneal@12 371 overflow: hidden;
bgneal@12 372 top: 0;
bgneal@12 373 position: absolute;
bgneal@12 374 display: block;
bgneal@12 375 margin: 0;
bgneal@12 376 margin-left: -400px;
bgneal@12 377 padding: 10px 16px;
bgneal@12 378 overflow: auto;
bgneal@12 379 -webkit-transition: margin 0.2s ease-in-out;
bgneal@12 380 -moz-transition: margin 0.2s ease-in-out;
bgneal@12 381 -o-transition: margin 0.2s ease-in-out;
bgneal@12 382 }
bgneal@12 383
bgneal@12 384 .sidebar h2 {
bgneal@12 385 text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
bgneal@12 386 margin: 0 0 16px;
bgneal@12 387 padding: 0;
bgneal@12 388 }
bgneal@12 389
bgneal@12 390 .sidebar table {
bgneal@12 391 width: 100%;
bgneal@12 392 margin: 0;
bgneal@12 393 padding: 0;
bgneal@12 394 border-collapse: collapse;
bgneal@12 395 }
bgneal@12 396
bgneal@12 397 .sidebar table caption {
bgneal@12 398 display: none;
bgneal@12 399 }
bgneal@12 400
bgneal@12 401 .sidebar tr {
bgneal@12 402 margin: 2px 0;
bgneal@12 403 border-bottom: 1px solid #ccc;
bgneal@12 404 }
bgneal@12 405
bgneal@12 406 .sidebar th {
bgneal@12 407 text-align: left;
bgneal@12 408 font-weight: normal;
bgneal@12 409 max-width: 300px;
bgneal@12 410 overflow: hidden;
bgneal@12 411 }
bgneal@12 412
bgneal@12 413 .sidebar tr.sub th {
bgneal@12 414 text-indent: 20px;
bgneal@12 415 }
bgneal@12 416
bgneal@12 417 .sidebar td {
bgneal@12 418 text-align: right;
bgneal@12 419 min-width: 20px;
bgneal@12 420 }
bgneal@12 421
bgneal@12 422 .sidebar a {
bgneal@12 423 display: block;
bgneal@12 424 text-decoration: none;
bgneal@12 425 border-bottom: none;
bgneal@12 426 padding: 4px 0;
bgneal@12 427 }
bgneal@12 428
bgneal@12 429 .sidebar tr.active {
bgneal@12 430 background: #ff0;
bgneal@12 431 }
bgneal@12 432
bgneal@12 433 aside {
bgneal@12 434 display: none;
bgneal@12 435 }
bgneal@12 436 aside.source {
bgneal@12 437 position: absolute;
bgneal@12 438 bottom: 6px;
bgneal@12 439 left: 10px;
bgneal@12 440 text-indent: 10px;
bgneal@12 441 }
bgneal@12 442 aside.page_number {
bgneal@12 443 position: absolute;
bgneal@12 444 bottom: 6px;
bgneal@12 445 right: 10px;
bgneal@12 446 text-indent: 10px;
bgneal@12 447 }
bgneal@12 448
bgneal@12 449 .notes {
bgneal@12 450 display: none;
bgneal@12 451 padding: 10px;
bgneal@12 452 background: #ccc;
bgneal@12 453 border-radius: 10px;
bgneal@12 454 -moz-border-radius: 10px;
bgneal@12 455 -webkit-border-radius: 10px;
bgneal@12 456 }
bgneal@12 457 div.slide p.notes {
bgneal@12 458 font-size: 90%;
bgneal@12 459 }
bgneal@12 460
bgneal@12 461 /* Pygments default theme */
bgneal@12 462 .hll { background-color: #ffffcc }
bgneal@12 463 .c { color: #408080; font-style: italic } /* Comment */
bgneal@12 464 .err { border: 1px solid #FF0000 } /* Error */
bgneal@12 465 .k { color: #008000; font-weight: bold } /* Keyword */
bgneal@12 466 .o { color: #666666 } /* Operator */
bgneal@12 467 .cm { color: #408080; font-style: italic } /* Comment.Multiline */
bgneal@12 468 .cp { color: #BC7A00 } /* Comment.Preproc */
bgneal@12 469 .c1 { color: #408080; font-style: italic } /* Comment.Single */
bgneal@12 470 .cs { color: #408080; font-style: italic } /* Comment.Special */
bgneal@12 471 .gd { color: #A00000 } /* Generic.Deleted */
bgneal@12 472 .ge { font-style: italic } /* Generic.Emph */
bgneal@12 473 .gr { color: #FF0000 } /* Generic.Error */
bgneal@12 474 .gh { color: #000080; font-weight: bold } /* Generic.Heading */
bgneal@12 475 .gi { color: #00A000 } /* Generic.Inserted */
bgneal@12 476 .go { color: #808080 } /* Generic.Output */
bgneal@12 477 .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
bgneal@12 478 .gs { font-weight: bold } /* Generic.Strong */
bgneal@12 479 .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
bgneal@12 480 .gt { color: #0040D0 } /* Generic.Traceback */
bgneal@12 481 .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
bgneal@12 482 .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
bgneal@12 483 .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
bgneal@12 484 .kp { color: #008000 } /* Keyword.Pseudo */
bgneal@12 485 .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
bgneal@12 486 .kt { color: #B00040 } /* Keyword.Type */
bgneal@12 487 .m { color: #666666 } /* Literal.Number */
bgneal@12 488 .s { color: #BA2121 } /* Literal.String */
bgneal@12 489 .na { color: #7D9029 } /* Name.Attribute */
bgneal@12 490 .nb { color: #008000 } /* Name.Builtin */
bgneal@12 491 .nc { color: #0000FF; font-weight: bold } /* Name.Class */
bgneal@12 492 .no { color: #880000 } /* Name.Constant */
bgneal@12 493 .nd { color: #AA22FF } /* Name.Decorator */
bgneal@12 494 .ni { color: #999999; font-weight: bold } /* Name.Entity */
bgneal@12 495 .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
bgneal@12 496 .nf { color: #0000FF } /* Name.Function */
bgneal@12 497 .nl { color: #A0A000 } /* Name.Label */
bgneal@12 498 .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
bgneal@12 499 .nt { color: #008000; font-weight: bold } /* Name.Tag */
bgneal@12 500 .nv { color: #19177C } /* Name.Variable */
bgneal@12 501 .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
bgneal@12 502 .w { color: #bbbbbb } /* Text.Whitespace */
bgneal@12 503 .mf { color: #666666 } /* Literal.Number.Float */
bgneal@12 504 .mh { color: #666666 } /* Literal.Number.Hex */
bgneal@12 505 .mi { color: #666666 } /* Literal.Number.Integer */
bgneal@12 506 .mo { color: #666666 } /* Literal.Number.Oct */
bgneal@12 507 .sb { color: #BA2121 } /* Literal.String.Backtick */
bgneal@12 508 .sc { color: #BA2121 } /* Literal.String.Char */
bgneal@12 509 .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
bgneal@12 510 .s2 { color: #BA2121 } /* Literal.String.Double */
bgneal@12 511 .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
bgneal@12 512 .sh { color: #BA2121 } /* Literal.String.Heredoc */
bgneal@12 513 .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
bgneal@12 514 .sx { color: #008000 } /* Literal.String.Other */
bgneal@12 515 .sr { color: #BB6688 } /* Literal.String.Regex */
bgneal@12 516 .s1 { color: #BA2121 } /* Literal.String.Single */
bgneal@12 517 .ss { color: #19177C } /* Literal.String.Symbol */
bgneal@12 518 .bp { color: #008000 } /* Name.Builtin.Pseudo */
bgneal@12 519 .vc { color: #19177C } /* Name.Variable.Class */
bgneal@12 520 .vg { color: #19177C } /* Name.Variable.Global */
bgneal@12 521 .vi { color: #19177C } /* Name.Variable.Instance */
bgneal@12 522 .il { color: #666666 } /* Literal.Number.Integer.Long */
bgneal@12 523
bgneal@12 524 #blank {
bgneal@12 525 position: absolute;
bgneal@12 526 top: 0;
bgneal@12 527 left: 0;
bgneal@12 528 background-color: black;
bgneal@12 529 width: 100%;
bgneal@12 530 height: 100%;
bgneal@12 531 z-index: 64;
bgneal@12 532 display: none;
bgneal@12 533 }