| Current Path : /home/jlgagfroyt/www/media/modals/css/ |
| Current File : /home/jlgagfroyt/www/media/modals/css/colorbox4.css |
/**
* @package Modals
* @version 11.11.1
*
* @author Peter van Westen <info@regularlabs.com>
* @link http://regularlabs.com
* @copyright Copyright © 2022 Regular Labs All Rights Reserved
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/
/**
* @package Modals
* @version 11.11.1
*
* @author Peter van Westen <info@regularlabs.com>
* @link http://regularlabs.com
* @copyright Copyright © 2022 Regular Labs All Rights Reserved
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/
/*
* Core Style:
* The following CSS is consistent between example themes and should not be altered.
*/
#rl_modals,
#rl_modals_overlay,
#rl_modals_wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
}
#rl_modals_wrapper {
max-width: none;
}
#rl_modals_overlay {
position: fixed;
width: 100%;
height: 100%;
}
#rl_modals_middle_left,
#rl_modals_bottom_left {
clear: left;
}
#rl_modals_content {
position: relative;
}
#rl_modals_loaded_content {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#rl_modals_title {
margin: 0;
}
#rl_modals_loading_overlay,
#rl_modals_loading_graphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#rl_modals_previous,
#rl_modals_next,
#rl_modals_close,
#rl_modals_slideshow {
cursor: pointer;
}
#rl_modals.no_navigation #rl_modals_previous,
#rl_modals.no_navigation #rl_modals_next,
#rl_modals.no_navigation #rl_modals_close,
#rl_modals.no_navigation #rl_modals_slideshow,
#rl_modals.no_navigation #rl_modals_current {
display: none !important;
}
.rl_modals_photo {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;
}
.rl_modals_iframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;
}
#rl_modals,
#rl_modals_content,
#rl_modals_loaded_content {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
#rl_modals_title .modals_description {
font-size: 0.7em;
font-weight: normal;
}
.modal_link_hidden {
display: none !important;
}
#rl_modals_overlay {
background: #ffffff;
}
#rl_modals {
outline: 0;
}
#rl_modals_top_left {
width: 25px;
height: 25px;
background: url(../images/colorbox4/border1.png) no-repeat 0 0;
}
#rl_modals_top_center {
height: 25px;
background: url(../images/colorbox4/border1.png) repeat-x 0 -50px;
}
#rl_modals_top_right {
width: 25px;
height: 25px;
background: url(../images/colorbox4/border1.png) no-repeat -25px 0;
}
#rl_modals_bottom_left {
width: 25px;
height: 25px;
background: url(../images/colorbox4/border1.png) no-repeat 0 -25px;
}
#rl_modals_bottom_center {
height: 25px;
background: url(../images/colorbox4/border1.png) repeat-x 0 -75px;
}
#rl_modals_bottom_right {
width: 25px;
height: 25px;
background: url(../images/colorbox4/border1.png) no-repeat -25px -25px;
}
#rl_modals_middle_left {
width: 25px;
background: url(../images/colorbox4/border2.png) repeat-y 0 0;
}
#rl_modals_middle_right {
width: 25px;
background: url(../images/colorbox4/border2.png) repeat-y -25px 0;
}
#rl_modals_content {
background: #ffffff;
overflow: hidden;
}
.rl_modals_iframe {
background: #ffffff;
}
#rl_modals_error {
padding: 50px;
border: 1px solid #cccccc;
}
#rl_modals_loaded_content {
margin-bottom: 20px;
}
#rl_modals_title {
position: absolute;
bottom: 0px;
left: 0;
text-align: center;
width: 100%;
color: #999999;
}
#rl_modals_current {
position: absolute;
bottom: 0px;
left: 100px;
color: #999999;
}
#rl_modals_loading_overlay {
background: #ffffff url(../images/colorbox4/loading.gif) no-repeat 5px 5px;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#rl_modals_previous,
#rl_modals_next,
#rl_modals_slideshow,
#rl_modals_close {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#rl_modals_previous:active,
#rl_modals_next:active,
#rl_modals_slideshow:active,
#rl_modals_close:active {
outline: 0;
}
#rl_modals_slideshow {
position: absolute;
bottom: 0px;
right: 42px;
color: #444444;
}
#rl_modals_previous {
position: absolute;
bottom: 0px;
left: 0;
color: #444444;
}
#rl_modals_next {
position: absolute;
bottom: 0px;
left: 63px;
color: #444444;
}
#rl_modals_close {
position: absolute;
bottom: 0;
right: 0;
display: block;
color: #444444;
}