/* lightview.css
http://www.nickstakenburg.com/projects/lightview
*/
#lightview {
position: absolute;
top: 50%;
left: 50%;
height: 150px;
width: 150px;
margin: -75px 0 0 -75px;
padding: 0;
text-align: left;
}
/* The container that holds everything */
.lv_Container {
position: relative;
width: 100%;
height: 100%;
background: none;
padding: 0;
margin: 0;
}
.lv_Button {
cursor: pointer;
text-decoration: none;
border: none;
background: none;
margin: 0;
padding: 0;
}
/* The buttons on the side when you view a gallery */
.lv_Sides {
position: absolute;
top: 50%;
left: 0;
clear: both;
width: 100%;
padding: 0;
margin: 0;
}
.lv_Sides * {
padding: 0;
margin: 0;
}
.lv_Sides li {
list-style-type: none;
position: relative;
}
.lv_PrevSide {
float: left;
}
.lv_NextSide {
float: right;
}
.lv_Sides .lv_Wrapper {
width: 100%;
height: 100%;
cursor: pointer;
}
.lv_Sides .lv_Button {
float: left;
background: none;
}
/* The frames above and below the center,that hold the corners.
It's recommended not to change anything here,a lot is done in
javascript to build further upon this based on your settings.
*/
.lv_Frames {
width: 100%;
height: 100%;
position: relative;
padding: 0;
margin: 0;
}
.lv_Frames li {
list-style-type: none;
margin: 0;
padding: 0;
}
.lv_Frame {
width: 100%;
display: block;
}
.lv_Frame * {
padding: 0;
margin: 0;
}
.lv_FrameTop {
position: absolute;
left: 0;
width: 100%;
display: block;
}
.lv_FrameBottom {
position: relative;
float: left;
clear: both;
}
.lv_Liquid {
position: relative;
float: left;
width: 100%;
overflow: hidden;
clear: both;
}
.lv_Liquid .lv_Filler {
position: absolute;
height: 100%;
width: 2px;
top: 0;
left: 50%;
}
.lv_Half {
display: block;
height: 100%;
clear: both;
line-height: 0px;
}
.lv_Half li {
list-style-type: none;
}
.lv_Corner {
float: left;
position: relative;
}
.lv_CornerTr,.lv_CornerBr {
float: right;
}
.lv_Fill {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.lv_Half .lv_CornerWrapper {
float: left;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper {
float: right;
}
.lv_Corner {
position: relative;
}
.lv_Corner canvas {
position: relative;
}
.lv_HalfLeft .lv_Corner {
float: left;
}
.lv_HalfRight .lv_Corner {
position: relative;
float: right;
}
/* To position content correctly in the center with correct
rounded corner display we need a few wrappers.
This is to get it right on all browsers.
*/
.lv_Center {
position: relative;
clear: both;
height: 100%;
overflow: hidden;
background: none;
padding: 0;
margin: 0;
}
.lv_WrapUp {
position: absolute;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
}
.lv_WrapDown {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
}
.lv_WrapCenter {
position: relative;
padding: 0;
margin: 0;
}
/* The loading indicator */
.lv_Loading {
position: absolute;
top: 50%;
left: 50%;
}
.lv_Loading .lv_Button {
float: left;
height: 100%;
width: 100%;
}
.lv_MediaWrapper {
position: relative;
width: 100%;
display: block;
overflow: hidden;
clear: both;
padding: 0;
margin: 0;
}
.lv_MediaWrapper img {
position: relative;
float: left;
padding: 0;
margin: 0;
}
/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.lv_PrevNext * {
padding: 0;
margin: 0;
}
.lv_PrevNext .lv_Button {
position: relative;
height: 100%;
}
.lv_PrevButton {
float: left;
}
.lv_NextButton {
float: right;
}
/* The bar that holds title,caption,imagenumber,slideshow and closebutton */
.lv_MenuBar {
clear: both;
position: relative;
width: 100%;
font: 11px Arial,Helvetica,sans-serif;
color: #7a7a7a;
padding: 0;
margin: 0;
text-align: left;
}
.lv_MenuBar * {
padding: 0;
margin: 0;
}
.lv_Close {
position: relative;
float: right;
overflow: hidden;
width: 100%;
height: 100%;
}
.lv_Data {
position: relative;
float: left;
padding-bottom: 3px;
line-height: 13px;
overflow: hidden;
}
/* simulates padding-left inside .lv_Data 
.lv_DataText div,.lv_ImgNumber div {
margin-left: 3px;
}
*/
.lv_Data li {
list-style-type: none;
float: left;
margin-top: 3px;
}
.lv_DataText {
width: 100%;
}
.lv_DataText .lv_Title {
font-weight: bold;
margin-bottom: 2px;
}
.lv_DataText .lv_Caption {
clear: both;
}
.lv_Data .lv_ImgNumber {
color: #a7a7a7;
margin-right: 5px;
margin-top: 5px;
}
.lv_Data .lv_innerPrevNext,
.lv_Data .lv_Slideshow {
position: relative;
border-left: 1px solid #d7d7d7;
padding: 0 5px;
margin-top: 5px;
vertical-align: middle;
}
.lv_Data .lv_Slideshow {
padding-right: 0px;
}
.lv_Data .lv_innerPrevNext .lv_Button,
.lv_Data .lv_Slideshow .lv_Button {/* play and stop */
float:left;
background-position: center left;
background-repeat: no-repeat;
}
/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
position: relative;
float: left;
margin: 0;
padding: 0;
clear: both;
}
#lightview iframe {
float: left;
border: 0;
clear: both;
padding: 0;
margin: 0;
background: none;
}
/* The container that hold buttons above the view,currently only topclose */
.lv_topButtons {
position: absolute;
left: 0;
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
.lv_topcloseButtonImage {
cursor: pointer;
}
/* The error/warning/download message that will appear when
a required plugin is not installed.
*/
#lightviewError p {
padding: 0 0 10px 0;
}
#lightviewError div {
padding: 6px;
font: 11px Arial,Helvetica,sans-serif;
}
#lightviewError .message {
background: #fcb5b5;
color: #dd1f1f;
margin-bottom: 3px;
}
#lightviewError .type {
font-weight: bold;
}
#lightviewError .pluginspage {
background: #b5fcbd;
color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
color: #21be30;
text-decoration: none;
background: none;
font-weight: bold;
border-bottom: 1px solid #7de689;
}
#lightviewError p {
margin-left: 0;
padding: 0;
}
#lv_overlay {
position: absolute;/* Opera will use fixed */
top:0;
left: 0;
height: 100%;
width: 100%;
}
/* navbar
Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
position: fixed;
bottom: 0;
top: 0;
left: 50%;
margin: 0;
padding: 0;
color: #d2d2d2;
font: 11px Arial,Helvetica,sans-serif;
}
* html body #lightviewController {/* IE6 */
position:absolute;
top: auto;
margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop :0) + (Lightview.controllerOffset || 0)) + 'px');
}
#lightviewController ul {
display: block;
height: 100%;
float: left;
margin: 0;
padding: 0;
position: relative;
}
.lv_controllerTop,.lv_controllerMiddle,.lv_controllerBottom {
list-style-type: none;
float: left;
display: block;
position: relative;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
}
.lv_controllerCenter {
width: auto;
float: left;
}
.lv_controllerCornerWrapper {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft {
top: 0;
left: -100%;
}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight {
top: 0;
left: 100%;
}
#lightviewController .lv_CornerWrapper {
width: 100%;
}
#lightviewController .lv_Corner {
float: left;
}
#lightviewController .lv_Corner {
float: right;
position: relative;
}
#lightviewController .lv_CornerTr,#lightviewController .lv_CornerBr {
float: left;
}
.lv_controllerBetweenCorners {
position: relative;
height: 100%;
overflow: hidden;
}
.lv_controllerMiddle {
position: relative;
height: 100%;
float: left;
}
.lv_controllerCenter {
float: left;
width: auto;
}
.lv_controllerCenter li {
list-style-type: none;
float: left;
display: inline;
position: relative;
clear: none;
}
.lv_controllerSetNumber {
float: left;
text-align: center;
}
#lightviewController .lv_Button {
float: left;
position: relative;
height: 100%;
clear: none;
}
.lv_controllerSetNumber {
position: relative;
height: 100%;
padding-right: 3px;
}
.lv_controllerPrev,
.lv_controllerNext,
.lv_controllerSlideshow,
.lv_controllerClose {
float: left;
position: relative;
height: 100%;
padding-left: 3px;
}
.lv_controllerPrev {
border-left: 1px solid #3c3c3c;
}
#lightviewController .lv_controllerNext {
padding-right: 3px;
border-right: 1px solid #3c3c3c;
}
* html #lightview {/* IE6 */
position:absolute;
margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop :0) - (Lightview.controllerHeight || 0)) + 'px');
margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft :0) + 'px');
}
/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
position: absolute;
height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.clientHeight].max() :document.documentElement.scrollHeight) + 'px' );
width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth,document.documentElement.scrollWidth,document.body.offsetWidth,document.documentElement.clientHeight].max() :document.documentElement.scrollWidth) + 'px' );
}