408 .source { |
408 .source { |
409 pre { |
409 pre { |
410 font-family: 'Source Code Pro', monospace; |
410 font-family: 'Source Code Pro', monospace; |
411 } |
411 } |
412 } |
412 } |
|
413 |
|
414 |
|
415 /** |
|
416 * Modal dialogs |
|
417 */ |
|
418 |
|
419 .modal-backdrop, |
|
420 .modal-backdrop.fade.in { |
|
421 position: fixed; |
|
422 width: 100%; |
|
423 height: 100%; |
|
424 z-index: 990; |
|
425 } |
|
426 .modal-dialog.modal-max { |
|
427 width: 98%; |
|
428 max-width: 98%; |
|
429 } |
|
430 @media only screen and (min-width: 768px) { |
|
431 .modal-dialog.modal-xlarge { |
|
432 width: 95%; |
|
433 max-width: 1000px; |
|
434 } |
|
435 } |
|
436 @media only screen and (min-width: 768px) { |
|
437 .modal-dialog.modal-large { |
|
438 width: 80%; |
|
439 max-width: 900px; |
|
440 } |
|
441 } |
|
442 @media only screen and (min-width: 768px) { |
|
443 .modal-dialog.modal-medium { |
|
444 width: 60%; |
|
445 max-width: 650px; |
|
446 } |
|
447 } |
|
448 @media only screen and (min-width: 768px) { |
|
449 .modal-dialog.modal-small { |
|
450 width: 40%; |
|
451 max-width: 450px; |
|
452 } |
|
453 } |
|
454 .modal-dialog .modal-body .modal-viewport { |
|
455 min-height: 140px; |
|
456 } |
|
457 .modal-dialog .close:hover { |
|
458 background-color: white; |
|
459 } |
|
460 .modal-dialog .suffix .alert { |
|
461 margin-bottom: 0; |
|
462 } |
|
463 .modal-dialog .suffix .alert:last-child { |
|
464 border-radius: 0 0 5px 5px; |
|
465 } |
|
466 .modal-header { |
|
467 position: relative; |
|
468 cursor: move; |
|
469 } |
|
470 .modal-header .toolbar { |
|
471 position: absolute; |
|
472 right: 25px; |
|
473 bottom: -19px; |
|
474 z-index: 1; |
|
475 } |
|
476 .modal-title { |
|
477 min-height: 1.1em; |
|
478 } |
|
479 .modal-title img { |
|
480 margin: 0 15px 0 0; |
|
481 } |
|
482 .modal-overflow { |
|
483 position: relative; |
|
484 height: 98%; |
|
485 } |
|
486 .modal-overflow .modal-body { |
|
487 overflow: hidden; |
|
488 } |
|
489 .modal-overflow .scrollmarker { |
|
490 position: absolute; |
|
491 width: 100%; |
|
492 height: 20px; |
|
493 } |
|
494 .modal-overflow .scrollmarker.top { |
|
495 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
496 /* FF3.6+ */ |
|
497 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
|
498 /* Chrome,Safari4+ */ |
|
499 background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
500 /* Chrome10+,Safari5.1+ */ |
|
501 background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
502 /* Opera 11.10+ */ |
|
503 background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
504 /* IE10+ */ |
|
505 background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
506 /* W3C */ |
|
507 } |
|
508 .modal-overflow .scrollmarker.bottom { |
|
509 background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
510 /* FF3.6+ */ |
|
511 background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
|
512 /* Chrome,Safari4+ */ |
|
513 background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
514 /* Chrome10+,Safari5.1+ */ |
|
515 background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
516 /* Opera 11.10+ */ |
|
517 background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
518 /* IE10+ */ |
|
519 background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
520 /* W3C */ |
|
521 } |
|
522 .modal-viewport { |
|
523 overflow-x: hidden; |
|
524 overflow-y: auto; |
|
525 } |
|
526 .modal-viewport fieldset .alert { |
|
527 margin: 0 -5px 5px !important; |
|
528 } |