Changeset 16021 for extensions/gally/gally-lapis-lazuli/css/theme.css

Timestamp:

Jun 24, 2012, 9:32:16 PM (12 years ago)

Author:

grum

Message:

feature:2664- compatibility with Piwigo 2.4

File:

• extensions/gally/gally-lapis-lazuli/css/theme.css (modified) (31 diffs)

extensions/gally/gally-lapis-lazuli/css/theme.css

@@ -1 +1 @@
 /* -----------------------------------------------------------------------------
   LAPIS-LAZULI
-  Theme for Piwigo
+  A Gally's theme for Piwigo
   ------------------------------------------------------------------------------
   file: gally/lapis-lazuli/theme.css
-  file version: 1.2.1
+  file version: 1.5.0
   ------------------------------------------------------------------------------
-  author: grum at grum.dnsalias.com
+  author: grum at grum.fr
   << May the Little SpaceFrog be with you >>
   ------------------------------------------------------------------------------
@@ -22 +22 @@
   font-weight:bold;
 }
+div.errors button {
+  color:#ffffff;
+  background:#802020;
+  outline:none;
+}
+div.errors button:hover {
+  color:#FFB0B0;
+}
+div.errors button:active {
+  color:#802020;
+  background:#ffffff;
+}
+
 
 div.infos {
@@ -32 +45 @@
   color:#008000;
   font-weight:bold;
+}
+div.infos button {
+  color:#ffffff;
+  background:#208020;
+}
+div.infos button:hover {
+  color:#B0FFB0;
+}
+div.infos button:active {
+  color:#208020;
+  background:#ffffff;
 }
 
@@ -71 +95 @@
   width:1012px;
   background:transparent;
+  position:relative;
 }
 
@@ -192 +217 @@
 #icon_calendar_created:hover {
   background-position:-56px -28px;
+}
+
+#icon_sort {
+  background-position:-1457px 0;
+}
+#icon_sort:hover {
+  background-position:-1457px -28px;
 }
 
@@ -316 +348 @@
 }
 
+#icon_derivatives {
+  background-position:-1428px 0;
+}
+#icon_derivatives:hover {
+  background-position:-1428px -28px;
+}
+
 /* tags.tpl */
 #icon_cloud {
@@ -512 +551 @@
   padding:15px;
 }
-
 
 /*
@@ -614 +652 @@
 
 .thumbnailCategory {
+  -moz-border-radius:12px;
+  -webkit-border-radius:12px;
+  -khtml-border-radius:12px;
+  border-radius:12px;
   background-color: #101010;
   border:2px solid #000000;
@@ -619 +661 @@
   margin:8px;
   padding:8px 8px 0 4px;
-  -moz-border-radius:12px;
-  -webkit-border-radius:12px;
-  -khtml-border-radius:12px;
-  border-radius:12px;
 }
 
@@ -639 +677 @@
   margin:auto;
   width:96%;
+}
+
+.fixHeight {
+    clear:both;
 }
 
@@ -684 +726 @@
   display:table-cell;
   margin:0;
+  padding:0;
   vertical-align:middle;
-  height:140px;
-  width:140px;
+  border:none;
+}
+
+.content ul.thumbnails table.wrap1 tr.imgRow td {
+  vertical-align:middle;
   -moz-border-radius: 8px;  /* round corners with Geko */
   -webkit-border-radius: 8px;  /* round corners with webkit */
@@ -695 +741 @@
 }
 
-#content UL.thumbnails SPAN.wrap2:hover {
-  background-color: #FFFFFF;
+.content ul.thumbnails table.wrap1 tr.imgRow td:hover {
+  background-color:#ffffff;
+}
+
+.content ul.thumbnails table.wrap1 tr.nfoRow {
+  visibility:hidden;
+}
+
+.content ul.thumbnails table.wrap1:hover tr.nfoRow {
+  visibility:visible;
 }
 
 table.wrap1 {
-  padding:25px 50px;
-}
+  padding:20px 11px;
+}
+
+div ul.thumbnails li {
+  width: auto;
+  height: auto;
+}
+
 
 /*
@@ -987 +1047 @@
   border-top:1px #ffffff solid;
   border-left:1px #ffffff solid;
+  margin-top:1px;
+  cursor: pointer;
 }
 
@@ -1013 +1075 @@
   picture page
 */
+.switchBox {
+  -moz-border-radius:4px;
+  -webkit-border-radius:4px;
+  -khtml-border-radius:4px;
+  border-radius:4px;
+  background-color: #000000;
+  border: 1px solid #ffffff;
+  margin-left:4px;
+  z-index:15000;
+  margin-top:12px;
+}
+
+.switchBoxTitle {
+  font-size: 12px;
+  font-weight: bold;
+}
+
+.switchBoxCat {
+  margin-top:25px;
+}
+
 #thePicturePage #titrePageID {
   background: none repeat scroll 0 0 transparent;
@@ -1035 +1118 @@
 #theImage {
   position:static;
-  padding-bottom:0px;
+  padding-bottom:1px;
 }
 
@@ -1045 +1128 @@
   border:8px #ffffff solid;
   margin-top:30px;
+}
+
+#theImageHigh {
+  position: fixed;
 }
 
@@ -1062 +1149 @@
 
 #theImgHighCloseButton {
-  width:28px;
-  height:28px;
-  background:transparent url(./../icon/close_high.png) no-repeat scroll 0px 0px;
-  top:15px;
-  right:-15px;
+  width:15px;
+  height:15px;
+  background:transparent url(./../icon/buttons.png) no-repeat scroll -1204px 0px;
+  top:-8px;
+  right:15px;
   cursor:pointer;
 }
+#theImgHighCloseButton:hover {
+  background-position:-1204px -28px;
+}
 
 #theImgHighZoomButton {
-  width:28px;
-  height:28px;
-  top:45px;
-  right:-15px;
+  width:15px;
+  height:15px;
+  top:-8px;
+  right:35px;
   cursor:pointer;
+  background:transparent url(./../icon/buttons.png);
 }
 
 #theImgHighZoomButton.fit {
-  background:transparent url(./../icon/zoom_fit_high.png) no-repeat scroll 0px 0px;
+  background-position:-1260px 0px;
+}
+#theImgHighZoomButton.fit:hover {
+  background-position:-1260px -28px;
 }
 
 #theImgHighZoomButton.full {
-  background:transparent url(./../icon/zoom_1-1_high.png) no-repeat scroll 0px 0px;
+  background-position:-1232px 0px;
+}
+#theImgHighZoomButton.full:hover {
+  background-position:-1232px -28px;
 }
 
@@ -1097 +1194 @@
   margin-left:9px;
   width:992px;
+  z-index:1000;
 }
 
@@ -1121 +1219 @@
 
 #navThumbNext, #navThumbPrev {
-  top:310px;
+ /*  top:310px; */
   max-height:200px;
   height:200px;
+  top:-1px; /* will be calculated automatically */
 }
 
@@ -1164 +1263 @@
 }
 
+table.infoTable td.cTitle {
+  width:10%;
+}
+
+table.infoTable td.cNfo {
+  width:16%;
+}
+
 .infoTable {
   margin:auto;
   font-size:90%;
-  max-width:94%;
+  max-width:98%;
   color:#f0f0f0;
   z-index:200;
   border-collapse:collapse;
   position:relative;
-  left:25px;
 }
 
@@ -1182 +1288 @@
 
 .infoTable td.value, .infoTable td.label {
-  padding-right:50px;
+  padding-right:15px;
 }
 
@@ -1215 +1321 @@
 #rateForm input[type="button"].rateButtonStarFull:focus,
 #rateForm input[type="submit"].rateButtonStarFull  {
-  background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:-16px center; width:16px;
+  background: url('./../icon/buttons.png') no-repeat scroll;
+  background-position:-141px 1px;
+  width:16px;
+  height:16px;
+  outline:none;
 }
 
@@ -1221 +1331 @@
 #rateForm input[type="button"].rateButtonStarEmpty:focus,
 #rateForm input[type="submit"].rateButtonStarEmpty {
-  background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:0 center; width:16px;
+  background: url('./../icon/buttons.png') no-repeat scroll;
+  background-position:-112px 1px;
+  width:16px;
+  height:16px;
+  outline:none;
 }
 
@@ -1233 +1347 @@
 }
 
+#privacyLevelBox {
+  font-weight:normal;
+}
+
+#privacyLevelBox a {
+  cursor:pointer;
+}
+
+#iPrivacyLevelLink {
+  cursor:pointer;
+  font-style:italic;
+}
+
 .commentList {
   margin-left:8px;
@@ -1247 +1374 @@
 .commentDetail {
   border-bottom:1px dotted #606060;
+  clear:both;
 }
 
@@ -1253 +1381 @@
   padding:4px;
 }
-
-.commentDetail ul li {
+#theCommentsPage ul.commentList li .commentDetail ul li {
   display:inline;
 }
@@ -1361 +1488 @@
   tags
 */
-
 #fullTagCloud SPAN a:hover {
   background:#303030 url(./../icon/backgd.png) repeat scroll 0 0;
@@ -1370 +1496 @@
 }
 
+#menuTagCloud {
+  padding:6px;
+}
+
 #menuTagCloud SPAN {
   margin:0px;
@@ -1394 +1524 @@
 
 .tagaddbutton {
-  left:-4px;
   position:relative;
-  top:-3px;
-}
-
+  top:-5px;
+}
+span.add_tag {
+  background:transparent url('./../icon/buttons.png') no-repeat scroll;
+  background-position:-672px 0px;
+  width:9px;
+  height:9px;
+  display:inline-block;
+}
+span.add_tag:hover {
+  background-position:-672px -28px;
+}
 
 .mandatorystar {
@@ -1482 +1620 @@
 
 /*
+ * notification
+ */
+span.rssFeed {
+  display:inline-block;
+  width:11px;
+  height:14px;
+  background-image:url(./../icon/buttons.png);
+  background-repeat:no-repeat;
+  background-position:-1176px 0;
+  margin-right: 4px;
+  position: relative;
+  top: 2px;
+}
+
+
+
+
+/*
+ * tips
+ */
+
+#iSimpleTipContent {
+  background: #ffffff;
+  border: none;
+  color: #303030;
+  font-family: sans-serif;
+  font-size: 11px;
+  max-width: 250px;
+  padding: 4px;
+  min-height: 15px;
+}
+#iSimpleTipShadow, #iSimpleTipContent {
+  -moz-border-radius:4px;
+  -webkit-border-radius:4px;
+  -khtml-border-radius:4px;
+  border-radius:4px;
+}
+
+#iSimpleTipContent span.title {
+  font-weight:bold;
+}
+#iSimpleTipContent ul, #iSimpleTipContent ol {
+  margin:4px;
+  padding-left:15px;
+}
+
+#iSimpleTipContent img {
+  margin:8px;
+}
+
+#iSimpleTipContent span.navDesc {
+  text-align:center;
+  display:block;
+}
+
+#iSimpleTipContent span.navAction {
+  font-weight:bold;
+}
+#iSimpleTipContent span.navTitle {
+  font-style:italic;
+}
+
+.cSimpleTipArrow {
+    background-image: url("./../icon/sTipArrows.png");
+}
+
+.cSimpleTipArrow {
+    background-repeat: no-repeat;
+    height: 12px;
+    position: absolute;
+    width: 12px;
+}
+
+
+/*
  vd language switch plugin
 */
@@ -1615 +1828 @@
   background:url(./../icon/gmaps/i28x28_h.png);
 }
+
+/*
+ * lmt compatibility
+ */
+#copyright img.logo80x15 {
+  position: relative;
+  top: 4px;
+}