Your IP : 216.73.216.240


Current Path : /home/juvelize/www/media/modals/less/
Upload File :
Current File : /home/juvelize/www/media/modals/less/bootstrap.less

/**
* NoNumber Page stylesheet
*
* @package         Modals
* @version         4.7.0
*
* @author          Peter van Westen <peter@nonumber.nl>
* @link            http://www.nonumber.nl
* @copyright       Copyright © 2013 NoNumber All Rights Reserved
* @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/

/*
* You can override this stylesheet by creating your own in:
* /templates/[YOUR TEMPLATE]/css/modals/bootstrap.css
*/

@import "../../nnframework/less/init.less";
@import "base.less";

/*
* User Style:
* Change the following styles to modify the appearance of ColorBox.  They are
* ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
	background-color: @black;
	.opacity(80);
}
#colorbox {
	outline: 0;
	top: 50%;
	left: 50%;
	background-color: @white;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .3);
	*border: 1px solid #999; /* IE6-7 */
	.border-radius(6px);
	.box-shadow(0 3px 7px rgba(0,0,0,0.3));
	.background-clip(padding-box);
	margin: 0 !important;
}
#cboxContent {
	overflow: hidden;
}
#cboxLoadedContent {
	overflow-y: auto;
	max-height: 400px;
	padding: 15px;
	margin-top: 44px;
	margin-bottom: 0px;
	max-height: none;
}
#cboxTitle {
	border-bottom: 1px solid #eee;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 9px 25px 9px 15px;
	color: @headingsColor;
	text-align: left;
	text-rendering: optimizelegibility;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	min-height: 24px;
	small {
		font-weight: normal;
	}
}

.cbimg {
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	position: absolute;
	width: 14px;
	height: 14px;
	line-height: 14px;
	background: transparent url("../images/bootstrap/controls.png") no-repeat 0 0;
	.ie7-restore-right-whitespace();
	.box-sizing(border-box);
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
	.cbimg();
	top: 50%;
	width: 42px;
	height: 44px;
}
#cboxCurrent,
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
	position: absolute;
	background-color: @white;
	border: 15px solid @white;
	.border-radius(6px);
	.box-shadow(0 0 10px rgba(0,0,0,.5));
	.opacity(0);
}
#cboxContent:hover #cboxCurrent,
#cboxContent:hover #cboxPrevious,
#cboxContent:hover #cboxNext,
#cboxContent:hover #cboxSlideshow {
	.opacity(100);
}
#cboxCurrent {
	font-weight: bold;
	line-height: 1em;
	bottom: 0;
	right: 0;
	.border-radius(6px 0 6px 0);
}
#cboxPrevious {
	background-position: 0 0;
	left: 0;
	.border-radius(0 6px 6px 0);
}
#cboxNext {
	background-position: -24px 0;
	right: 0;
	.border-radius(6px 0 0 6px);
}
#cboxSlideshow {
	background-position: -48px 0;
	left: 50%;
	right: 50%;
}
.cboxSlideshow_on #cboxSlideshow {
	background-position: -72px 0;
}

#cboxClose {
	.cbimg();
	background-position: -96px 0;
	top: 14px;
	right: 15px;
	.opacity(30);
	&:hover {
		.opacity(80);
	}
}

#cboxLoadingGraphic {
	background: transparent url(../images/bootstrap/loading.gif) no-repeat 50% 50%;
	.opacity(80);
	height: 100%;
}