Commit 380aeea9 authored by frjo's avatar frjo
Browse files

Updated the included styles with changes in the Colorbox plugin exaple styles.

parent 8ca4da91
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
/**
* ColorBox Core Style:
* The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
......@@ -21,18 +19,10 @@
}
#cboxContent {
position: relative;
overflow: hidden;
}
#cboxLoadedContent {
color: #000;
overflow: auto;
}
#cboxLoadedContent iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
#cboxTitle {
margin: 0;
}
......@@ -45,12 +35,24 @@
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
/**
* Colorbox module default style:
* The styles are ordered & tabbed in a way that represents
* the nesting of the generated HTML.
*/
#cboxOverlay {
background: #000;
}
......@@ -92,8 +94,13 @@
}
#cboxContent {
background: #fff;
overflow: hidden;
font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
margin-bottom: 28px;
}
......@@ -180,6 +187,6 @@
}
/* The following are fixes for IE. */
.cboxIE #cboxTitle {
.cboxIE6 #cboxTitle {
background: #fff;
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
/**
* ColorBox Core Style:
* The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
......@@ -11,12 +9,6 @@
z-index: 9999;
overflow: hidden;
}
#colorbox {
background: url(images/bg_tab.png) -49px -50px repeat-x #000;
}
#colorbox, #colorbox div {
overflow: visible; /* Required by the close button. */
}
#cboxOverlay {
position: fixed;
width: 100%;
......@@ -27,15 +19,10 @@
}
#cboxContent {
position: relative;
overflow: hidden;
}
#cboxLoadedContent {
overflow: auto;
}
#cboxLoadedContent iframe {
display: block;
border: 0;
}
#cboxTitle {
margin: 0;
}
......@@ -48,12 +35,24 @@
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
/**
* Colorbox module Stockholm syndrome style:
* The styles are ordered & tabbed in a way that represents
* the nesting of the generated HTML.
*/
#cboxOverlay {
background: #000;
opacity: 0.4 !important;
......@@ -70,6 +69,9 @@
-moz-border-radius-bottomright: 9px;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
}
#colorbox, #colorbox div {
overflow: visible; /* Required by the close button. */
}
#cboxWrapper {
border-bottom-left-radius: 9px;
......@@ -109,9 +111,14 @@
}
#cboxContent {
background: #fff;
overflow: hidden;
font: 11px Arial, sans-serif;
margin-bottom: 28px;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
}
#cboxTitle {
......@@ -186,6 +193,6 @@
}
/* The following are fixes for IE. */
.cboxIE #cboxTitle {
.cboxIE6 #cboxTitle {
background: #fff;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment