summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorStella Power2007-09-27 13:17:08 (GMT)
committerStella Power2007-09-27 13:17:08 (GMT)
commit56e85a9c9816c2742af10ff05ebb40a964f1fd7c (patch)
tree4441515420e538c386ef8d9e609b2624fac50fea
parent120536e183f4685b67cc51609352a71d7f72fe3e (diff)
moved css files to css/ subdirectory6.x-1.0
-rw-r--r--css/lightbox.css139
-rw-r--r--css/lightbox_lite.css28
-rw-r--r--lightbox.css151
-rw-r--r--lightbox_lite.css36
4 files changed, 167 insertions, 187 deletions
diff --git a/css/lightbox.css b/css/lightbox.css
new file mode 100644
index 0000000..878a832
--- /dev/null
+++ b/css/lightbox.css
@@ -0,0 +1,139 @@
+#lightbox {
+ position: absolute;
+ top: 40px;
+ left: 0;
+ width: 100%;
+ z-index: 100;
+ text-align: center;
+ line-height: 0;
+}
+
+#lightbox a img { border: none; }
+
+#outerImageContainer {
+ position: relative;
+ background-color: #fff;
+ width: 250px;
+ height: 250px;
+ margin: 0 auto;
+ min-width: 240px;
+}
+
+#imageContainer {
+ padding: 10px;
+}
+
+#loading {
+ position: absolute;
+ top: 40%;
+ left: 45%;
+ *left: 0%;
+ height: 25%;
+ width: 100%;
+ text-align: center;
+ line-height: 0;
+}
+
+#hoverNav {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 10;
+}
+
+#imageContainer>#hoverNav{ left: 0; }
+#hoverNav a { outline: none; }
+
+#prevLink, #nextLink {
+ width: 49%;
+ height: 100%;
+ background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
+ display: block;
+}
+
+#prevLink { left: 0; float: left; }
+#nextLink { right: 0; float: right; }
+#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
+#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
+
+
+#imageDataContainer {
+ font: 10px Verdana, Helvetica, sans-serif;
+ background-color: #fff;
+ margin: 0 auto;
+ line-height: 1.4em;
+ min-width: 240px;
+}
+
+#imageData {
+ padding: 0 10px;
+}
+
+#imageData #imageDetails { width: 70%; float: left; text-align: left; }
+#imageData #caption { font-weight: bold; }
+#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;}
+#imageData #bottomNavClose { width: 66px; float: right; padding-top: 0.7em; }
+#imageData #bottomNav { height: 57px; }
+
+
+
+#overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 90;
+ width: 100%;
+ height: 500px;
+ background-color: #000;
+ filter:alpha(opacity=60);
+ -moz-opacity: 0.6;
+ opacity: 0.6;
+}
+
+
+.clearfix:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+* html>body .clearfix {
+ display: inline;
+ width: 100%;
+}
+
+* html .clearfix {
+ /* Hides from IE-mac \*/
+ height: 1%;
+ /* End hide from IE-mac */
+}
+
+/*Image location mod*/
+#bottomNavClose {
+ display: block;
+ background: url(../images/closelabel.gif) no-repeat;
+ width: 66px;
+ height: 22px;
+ position: relative;
+ top: 35px;
+}
+
+#loadingLink {
+ display: block;
+ background: url(../images/loading.gif) no-repeat;
+ width: 32px;
+ height: 32px;
+}
+#bottomNavZoom {
+ display: block;
+ background: url(../images/expand.gif) no-repeat;
+ width: 34px;
+ height: 34px;
+ position: relative;
+ float: right;
+ left: 66px;
+}
diff --git a/css/lightbox_lite.css b/css/lightbox_lite.css
new file mode 100644
index 0000000..01c1bb5
--- /dev/null
+++ b/css/lightbox_lite.css
@@ -0,0 +1,28 @@
+#lightbox {
+ background-color: #eee;
+ padding: 10px;
+ border-bottom: 2px solid #666;
+ border-right: 2px solid #666;
+}
+
+#lightboxDetails {
+ font-size: 1.2em;
+ padding-top: 0.6em;
+}
+
+#lightboxCaption { float: left; }
+#keyboardMsg { float: right; }
+#closeButton { top: 5px; right: 5px; }
+
+#lightbox img { border: none; clear: both;}
+#overlay img { border: none; }
+
+#overlay { background-image: url(../images/overlay.png); }
+
+* html #overlay {
+ background-color: #333;
+ back\ground-color: transparent;
+ background-image: url(../images/blank.gif);
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
+}
+
diff --git a/lightbox.css b/lightbox.css
deleted file mode 100644
index f76729b..0000000
--- a/lightbox.css
+++ /dev/null
@@ -1,151 +0,0 @@
-#lightbox {
- position: absolute;
- top: 40px;
- left: 0;
- width: 100%;
- z-index: 100;
- text-align: center;
- line-height: 0;
-}
-#lightbox a img {
- border: none;
-}
-#outerImageContainer {
- position: relative;
- background-color: #fff;
- width: 250px;
- height: 250px;
- margin: 0 auto;
- min-width: 240px;
-}
-#imageContainer {
- padding: 10px;
-}
-#loading {
- position: absolute;
- top: 40%;
- left: 45%;
- *left: 0%;
- height: 25%;
- width: 100%;
- text-align: center;
- line-height: 0;
-}
-#hoverNav {
- position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- z-index: 10;
-}
-#imageContainer>#hoverNav {
- left: 0;
-}
-#hoverNav a {
- outline: none;
-}
-#prevLink, #nextLink {
- width: 49%;
- height: 100%;
- background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
- display: block;
-}
-#prevLink {
- left: 0;
- float: left;
-}
-#nextLink {
- right: 0;
- float: right;
-}
-#prevLink:hover, #prevLink:visited:hover {
- background: url(images/prevlabel.gif) left 15% no-repeat;
-}
-#nextLink:hover, #nextLink:visited:hover {
- background: url(images/nextlabel.gif) right 15% no-repeat;
-}
-#imageDataContainer {
- font: 10px Verdana, Helvetica, sans-serif;
- background-color: #fff;
- margin: 0 auto;
- line-height: 1.4em;
- min-width: 240px;
-}
-#imageData {
- padding: 0 10px;
-}
-#imageData #imageDetails {
- width: 70%;
- float: left;
- text-align: left;
-}
-#imageData #caption {
- font-weight: bold;
-}
-#imageData #numberDisplay {
- display: block;
- clear: left;
- padding-bottom: 1.0em;
-}
-#imageData #bottomNavClose {
- width: 66px;
- float: right;
- padding-top: 0.7em;
-}
-#imageData #bottomNav {
- height: 57px;
-}
-#overlay {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 90;
- width: 100%;
- height: 500px;
- background-color: #000;
- filter:alpha(opacity=60);
- -moz-opacity: 0.6;
- opacity: 0.6;
-}
-.clearfix:after {
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
-}
-* html>body .clearfix {
- display: inline;
- width: 100%;
-}
-* html .clearfix {
- /* Hides from IE-mac \*/
- height: 1%;
- /* End hide from IE-mac */
-}
-
-/* Image location mod */
-#bottomNavClose {
- display: block;
- background: url(images/closelabel.gif) no-repeat;
- width: 66px;
- height: 22px;
- position: relative;
- top: 35px;
-}
-#loadingLink {
- display: block;
- background: url(images/loading.gif) no-repeat;
- width: 32px;
- height: 32px;
-}
-#bottomNavZoom {
- display: block;
- background: url(images/expand.gif) no-repeat;
- width: 34px;
- height: 34px;
- position: relative;
- float: right;
- left: 66px;
-}
diff --git a/lightbox_lite.css b/lightbox_lite.css
deleted file mode 100644
index 2a3e36f..0000000
--- a/lightbox_lite.css
+++ /dev/null
@@ -1,36 +0,0 @@
-#lightbox {
- background-color: #eee;
- padding: 10px;
- border-bottom: 2px solid #666;
- border-right: 2px solid #666;
-}
-#lightboxDetails {
- font-size: 1.2em;
- padding-top: 0.6em;
-}
-#lightboxCaption {
- float: left;
-}
-#keyboardMsg {
- float: right;
-}
-#closeButton {
- top: 5px;
- right: 5px;
-}
-#lightbox img {
- border: none;
- clear: both;
-}
-#overlay img {
- border: none;
-}
-#overlay {
- background-image: url(/modules/lightbox2/images/overlay.png);
-}
-* html #overlay {
- background-color: #333;
- back\ground-color: transparent;
- background-image: url(/modules/lightbox2/images/blank.gif);
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/modules/lightbox2/images/overlay.png", sizingMethod="scale");
-}