Club Drupal

/**

 * Colorbox Core Style:

 * The following CSS is consistent between example themes and should not be altered.

 */

#colorbox,

#cboxOverlay,

#cboxWrapper {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 9999;

  overflow: hidden;

}

#cboxOverlay {

  position: fixed;

  width: 100%;

  height: 100%;

}

#cboxMiddleLeft,

#cboxBottomLeft {

  clear: left;

}

#cboxContent {

  position: relative;

}

#cboxLoadedContent {

  overflow: auto;

  -webkit-overflow-scrolling: touch;

}

#cboxTitle {

  margin: 0;

}

#cboxLoadingOverlay,

#cboxLoadingGraphic {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

/**

 * These elements are buttons, and may need to have additional

 * styles reset to avoid unwanted base styles.

 */

#cboxPrevious,

#cboxNext,

#cboxClose,

#cboxSlideshow {

  border: 0;

  padding: 0;

  margin: 0;

  overflow: visible;

  width: auto;

  background: none;

  cursor: pointer;

}

/**

 * Avoid outlines on :active (mouseclick),

 * but preserve outlines on :focus (tabbed navigating)

 */

#cboxPrevious:active,

#cboxNext:active,

#cboxClose:active,

#cboxSlideshow:active {

  outline: 0;

}

.cboxPhoto {

  float: left;

  margin: auto;

  border: 0;

  display: block;

  max-width: 100%;

  max-height: 100%;

}

.cboxIframe {

  width: 100%;

  height: 100%;

  display: block;

  border: 0;

}

/* Reset box sizing to content-box if theme is using border-box. */

#colorbox,

#cboxContent,

#cboxLoadedContent {

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}

/**

 * Colorbox module default style:

 * The styles are ordered & tabbed in a way that represents

 * the nesting of the generated HTML.

 */

#cboxOverlay {

  background: #000;

}

#colorbox {

  outline: 0;

}

#cboxWrapper {

  background: #fff;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

}

#cboxTopLeft {

  width: 15px;

  height: 15px;

}

#cboxTopCenter {

  height: 15px;

}

#cboxTopRight {

  width: 15px;

  height: 15px;

}

#cboxBottomLeft {

  width: 15px;

  height: 10px;

}

#cboxBottomCenter {

  height: 10px;

}

#cboxBottomRight {

  width: 15px;

  height: 10px;

}

#cboxMiddleLeft {

  width: 15px;

}

#cboxMiddleRight {

  width: 15px;

}

#cboxContent {

  background: #fff;

  overflow: hidden;

}

#cboxError {

  padding: 50px;

  border: 1px solid #ccc;

}

#cboxLoadedContent {

  margin-bottom: 28px;

}

#cboxTitle {

  position: absolute;

  background: rgba(255, 255, 255, 0.7);

  bottom: 28px;

  left: 0;

  color: #535353;

  width: 100%;

  padding: 4px 6px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

#cboxCurrent {

  position: absolute;

  bottom: 4px;

  left: 60px;

  color: #949494;

}

.cboxSlideshow_on #cboxSlideshow {

  position: absolute;

  bottom: 0px;

  right: 30px;

  background: url(images/controls.png) no-repeat -75px -50px;

  width: 25px;

  height: 25px;

  text-indent: -9999px;

}

.cboxSlideshow_on #cboxSlideshow:hover {

  background-position: -101px -50px;

}

.cboxSlideshow_off #cboxSlideshow {

  position: absolute;

  bottom: 0px;

  right: 30px;

  background: url(images/controls.png) no-repeat -25px -50px;

  width: 25px;

  height: 25px;

  text-indent: -9999px;

}

.cboxSlideshow_off #cboxSlideshow:hover {

  background-position: -49px -50px;

}

#cboxPrevious {

  position: absolute;

  bottom: 0;

  left: 0;

  background: url(images/controls.png) no-repeat -75px 0px;

  width: 25px;

  height: 25px;

  text-indent: -9999px;

}

#cboxPrevious:hover {

  background-position: -75px -25px;

}

#cboxNext {

  position: absolute;

  bottom: 0;

  left: 27px;

  background: url(images/controls.png) no-repeat -50px 0px;

  width: 25px;

  height: 25px;

  text-indent: -9999px;

}

#cboxNext:hover {

  background-position: -50px -25px;

}

#cboxLoadingOverlay {

  background: #fff;

}

#cboxLoadingGraphic {

  background: url(images/loading_animation.gif) no-repeat center center;

}

#cboxClose {

  position: absolute;

  bottom: 0;

  right: 0;

  background: url(images/controls.png) no-repeat -25px 0px;

  width: 25px;

  height: 25px;

  text-indent: -9999px;

}

#cboxClose:hover {

  background-position: -25px -25px;

}