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