init commit

www/actualisation/css/lightbox.css

@@ -0,0 +1,126 @@
+/* CSS Lightbox */
+
+#lightbox {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  z-index: 100;
+  text-align: center;
+  line-height: 0;
+}
+#lightbox img {
+  width: auto;
+  height: auto;
+}
+#lightbox a img {
+  border: none;
+}
+
+#outerImageContainer {
+  position: relative;
+  background-color: #fff;
+  width: 100px;
+  height: 100px;
+  margin: 0 auto;
+}
+#imageContainer {
+  padding: 10px;
+}
+
+#loading {
+  position: absolute;
+  top: 40%;
+  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-image: url(data:images/gif;base64,AAAA); /* 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: 11px Arial, Helvetica, sans-serif;
+  background-color: #fff;
+  border-top: 1px #666666 solid;
+  margin: 0 auto;
+  line-height: 1.4em;
+  overflow: auto;
+  width: 100%;
+}
+
+#imageData {
+  padding: 0 10px;
+  color: #666;
+  font-family: Courrier New, Courrier, DejaVu Sans Mono, monospace;
+}
+#imageData #imageDetails {
+  width: 70%;
+  float: left;
+  margin-top: 7px;
+  text-align: left;
+}
+#imageData #caption {
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: bold;
+}
+#imageData #numberDisplay {
+  font: 10px Arial, Helvetica, sans-serif;
+  display: block;
+  clear: left;
+  padding-bottom: 1em;
+}
+#imageData #bottomNavClose {
+  width: 66px;
+  float: right;
+  margin-top: 7px;
+  padding-bottom: 0.7em;
+  outline: none;
+  background: url(../images/closelabel.gif) right 15% no-repeat;
+}
+
+#overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 90;
+  width: 100%;
+  height: 500px;
+  background-color: silver;
+}