Revision 1c8df218

b/cloudcms/static/cloudcms/css/styles.css
460 460
a.button:hover {
461 461
  color: #fff !important;
462 462
}
463
/*
464
    ColorBox Core Style:
465
    The following CSS is consistent between example themes and should not be altered.
466
*/
467
#colorbox, #cboxOverlay, #cboxWrapper {
468
  position: absolute;
469
  top: 0;
470
  left: 0;
471
  z-index: 9999;
472
  overflow: hidden;
473
}
474
#cboxOverlay {
475
  position: fixed;
476
  width: 100%;
477
  height: 100%;
478
}
479
#cboxMiddleLeft, #cboxBottomLeft {
480
  clear: left;
481
}
482
#cboxContent {
483
  position: relative;
484
}
485
#cboxLoadedContent {
486
  overflow: auto;
487
}
488
#cboxTitle {
489
  margin: 0;
490
}
491
#cboxLoadingOverlay, #cboxLoadingGraphic {
492
  position: absolute;
493
  top: 0;
494
  left: 0;
495
  width: 100%;
496
  height: 100%;
497
}
498
#cboxPrevious,
499
#cboxNext,
500
#cboxClose,
501
#cboxSlideshow {
502
  cursor: pointer;
503
}
504
.cboxPhoto {
505
  float: left;
506
  margin: auto;
507
  border: 0;
508
  display: block;
509
}
510
.cboxIframe {
511
  width: 100%;
512
  height: 100%;
513
  display: block;
514
  border: 0;
515
}
516
/* 
517
    User Style:
518
    Change the following styles to modify the appearance of ColorBox.  They are
519
    ordered & tabbed in a way that represents the nesting of the generated HTML.
520
*/
521
#cboxOverlay {
522
  background: #000;
523
}
524
#cboxContent {
525
  margin-top: 20px;
526
}
527
.cboxIframe {
528
  background: #fff;
529
}
530
#cboxError {
531
  padding: 50px;
532
  border: 1px solid #ccc;
533
}
534
#cboxLoadedContent {
535
  border: 5px solid #000;
536
  background: #fff;
537
}
538
#cboxTitle {
539
  position: absolute;
540
  top: -20px;
541
  left: 0;
542
  color: #ccc;
543
}
544
#cboxCurrent {
545
  position: absolute;
546
  top: -20px;
547
  right: 0px;
548
  color: #ccc;
549
}
550
#cboxSlideshow {
551
  position: absolute;
552
  top: -20px;
553
  right: 90px;
554
  color: #fff;
555
}
556
#cboxPrevious {
557
  position: absolute;
558
  top: 50%;
559
  left: 5px;
560
  margin-top: -32px;
561
  background: url(../images/colorbox/controls.png) no-repeat top left;
562
  width: 28px;
563
  height: 65px;
564
  text-indent: -9999px;
565
}
566
#cboxPrevious:hover {
567
  background-position: bottom left;
568
}
569
#cboxNext {
570
  position: absolute;
571
  top: 50%;
572
  right: 5px;
573
  margin-top: -32px;
574
  background: url(../images/colorbox/controls.png) no-repeat top right;
575
  width: 28px;
576
  height: 65px;
577
  text-indent: -9999px;
578
}
579
#cboxNext:hover {
580
  background-position: bottom right;
581
}
582
#cboxLoadingOverlay {
583
  background: #000;
584
}
585
#cboxLoadingGraphic {
586
  background: url(../images/colorbox/loading.gif) no-repeat center center;
587
}
588
#cboxClose {
589
  position: absolute;
590
  top: 5px;
591
  right: 5px;
592
  display: block;
593
  background: url(../images/colorbox/controls.png) no-repeat top center;
594
  width: 38px;
595
  height: 19px;
596
  text-indent: -9999px;
597
}
598
#cboxClose:hover {
599
  background-position: bottom center;
600
}
463 601
.border-box {
464 602
  -moz-box-sizing: border-box;
465 603
  -webkit-box-sizing: border-box;
b/cloudcms/static/cloudcms/less/styles.less
2 2
@import "../less/django_forms.less";
3 3
@import "../less/tables.less";
4 4
@import "../less/xtra.less";
5
@import "../less/colorbox.less";
5 6

  
6 7

  
7 8
// mixins

Also available in: Unified diff