Add lightbox css info.

diff --git a/www/include/style.css b/www/include/style.css
index d75e08124fc7978ba0309593f3f807fd7011d2b7..e4618d708b10122d277af3e590e727d98fb2d0ad 100644 (file)
--- a/www/include/style.css
+++ b/www/include/style.css
@@ -852,3 +852,110 @@ table.translate td.lang {
 .even { 
        background-color: #F1F1F1;
 }
+
+#screenshots {
+       background-color: #444;
+       padding: 10px;
+       width: 520px;
+}
+#screenshots ul { list-style: none; }
+#screenshots ul li { display: inline; }
+#screenshots ul img {
+       border: 5px solid #3e3e3e;
+       border-width: 5px 5px 20px;
+}
+#screenshots ul a:hover img {
+       border: 5px solid #fff;
+       border-width: 5px 5px 20px;
+       color: #fff;
+}
+#screenshots ul a:hover { color: #fff; }
+
+#jquery-overlay {
+       position: absolute;
+       top: 0;
+       left: 0;
+       z-index: 90;
+       width: 100%;
+       height: 500px;
+}
+#jquery-lightbox {
+       position: absolute;
+       top: 0;
+       left: 0;
+       width: 100%;
+       z-index: 100;
+       text-align: center;
+       line-height: 0;
+}
+#jquery-lightbox a img { border: none; }
+#lightbox-container-image-box {
+       position: relative;
+       background-color: #fff;
+       width: 250px;
+       height: 250px;
+       margin: 0 auto;
+}
+#lightbox-container-image { padding: 10px; }
+#lightbox-loading {
+       position: absolute;
+       top: 40%;
+       left: 0%;
+       height: 25%;
+       width: 100%;
+       text-align: center;
+       line-height: 0;
+}
+#lightbox-nav {
+       position: absolute;
+       top: 0;
+       left: 0;
+       height: 100%;
+       width: 100%;
+       z-index: 10;
+}
+#lightbox-container-image-box > #lightbox-nav { left: 0; }
+#lightbox-nav a { outline: none;}
+#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
+       width: 49%;
+       height: 100%;
+       zoom: 1;
+       display: block;
+}
+#lightbox-nav-btnPrev { 
+       left: 0; 
+       float: left;
+}
+#lightbox-nav-btnNext { 
+       right: 0; 
+       float: right;
+}
+#lightbox-container-image-data-box {
+       font: 10px Verdana, Helvetica, sans-serif;
+       background-color: #fff;
+       margin: 0 auto;
+       line-height: 1.4em;
+       overflow: auto;
+       width: 100%;
+       padding: 0 10px 0;
+}
+#lightbox-container-image-data {
+       padding: 0 10px; 
+       color: #666; 
+}
+#lightbox-container-image-data #lightbox-image-details { 
+       width: 70%; 
+       float: left; 
+       text-align: left; 
+}      
+#lightbox-image-details-caption { font-weight: bold; }
+#lightbox-image-details-currentNumber {
+       display: block; 
+       clear: left; 
+       padding-bottom: 1.0em;  
+}                      
+#lightbox-secNav-btnClose {
+       width: 66px; 
+       float: right;
+       padding-bottom: 0.7em;  
+}