www/plugins-dist/mediabox/colorbox/bootstrap/colorbox_rtl.css

   1 /*
   2     ColorBox Core Style:
   3     The following CSS is consistent between example themes and should not be altered.
   4 */
   5 #colorbox, #cboxLoadedContent {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
   6 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:4999; overflow:hidden;}
   7 #cboxOverlay{position:fixed; width:100%; height:100%;}
   8 #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
   9 #cboxContent{position:relative; overflow:hidden;}
  10 #cboxLoadedContent{overflow:auto;}
  11 #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
  12 #cboxTitle{margin:0;}
  13 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
  14 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
  15 .cboxPhoto{float:left; margin:auto; border:0; display:block;}
  16 .cboxIframe{width:100%; height:100%; display:block; border:0;}
  17
  18 /*
  19     User Style:
  20     Colorbox à la Bootstrap (inspiré de https://gist.github.com/2012466)
  21 */
  22
  23 #cboxOverlay { background: #222 }
  24 #colorbox { background: #fff url(images/bg_content.png) left bottom repeat-x; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; margin: 0 !important; }
  25 #cboxLoadedContent { padding: 15px; margin-top: 0; margin-bottom: 59px; max-height: none; }
  26 #cboxTitle { padding: 9px 15px; position: absolute; bottom: 20px; left: 0; right: 0; font-size: 14px; font-weight: bold; color: #999; }
  27 #cboxPrevious,
  28 #cboxNext,
  29 #cboxSlideshow,
  30 #cboxClose { border: 0; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; bottom: 8px; width: 20px; height: 20px; line-height: 20px; text-indent: -9999px; opacity: 0.2; }
  31 #cboxPrevious:hover,
  32 #cboxNext:hover,
  33 #cboxSlideshow:hover,
  34 #cboxClose:hover { opacity: 1 }
  35 #cboxCurrent { position: absolute; bottom: 9px; right: 70px; color: #999; }
  36 #cboxPrevious { background-image: url(images/next.png); right: 5px; }
  37 #cboxNext { background-image: url(images/prev.png); right: 25px; }
  38 #cboxSlideshow { background-image: url(images/start_rtl.png); right: 45px; }
  39 #cboxClose { background-image: url(images/close.png); left: 5px; }
  40 .cboxSlideshow_on #cboxSlideshow { background-image: url(images/stop.png) }
  41 .cboxSlideshow_off #cboxSlideshow { background-image: url(images/start_rtl.png) }
  42 #cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center }
  43