Changeset 16017 for extensions/gally/gally-black-graphite/css/theme.css

Timestamp:

Jun 24, 2012, 9:27:48 PM (12 years ago)

Author:

grum

Message:

feature:2664- compatibility with Piwigo 2.4

File:

• extensions/gally/gally-black-graphite/css/theme.css (modified) (18 diffs)

extensions/gally/gally-black-graphite/css/theme.css

@@ -4 +4 @@
   ------------------------------------------------------------------------------
   file: gally/gally-black-graphite/theme.css
-  file version: 1.0.0
+  file version: 1.5.0
   ------------------------------------------------------------------------------
   author: grum at grum.fr
@@ -194 +194 @@
 #icon_calendar_created:hover {
   background-position:-44px -22px;
+}
+
+#icon_sort {
+  background-position:-1078px 0;
+}
+#icon_sort:hover {
+  background-position:-1078px -22px;
 }
 
@@ -260 +267 @@
 }
 #icon_high_res:hover {
-  background-position:-176px -22;
+  background-position:-176px -22px;
 }
 
@@ -317 +324 @@
 #icon_preferences:hover {
   background-position:-66px -22px;
+}
+
+#icon_derivatives {
+  background-position:-1056px 0;
+}
+#icon_derivatives:hover {
+  background-position:-1056px -22px;
 }
 
@@ -602 +616 @@
 
 .additional_info {
-  padding:8px 8px 8px 16px;
+  padding: 8px 0px 8px 8px;
 }
 
@@ -710 +724 @@
   display:table-cell;
   margin:0;
+  padding:0;
   vertical-align:middle;
-  height:140px;
-  min-width:140px;
+  border:none;
+}
+
+.content ul.thumbnails table.wrap1 tr.imgRow td:hover {
+  vertical-align:middle;
   -moz-border-radius: 8px;  /* round corners with Geko */
   -webkit-border-radius: 8px;  /* round corners with webkit */
   -khtml-border-radius: 8px;  /* round corners with khtml */
   border-radius:8px; /* round corners with CSS3 compliant browsers */
-  background-color:#101010;
+  background-color:#666666;
   border:none;
 }
 
-#content UL.thumbnails SPAN.wrap2:hover {
-  background-color: #666666;
+.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: 220px;
+  width: auto;
+  height: auto;
 }
 
@@ -1047 +1070 @@
 
 input[type="submit"], input[type="button"], input[type="reset"], button {
-/*  font-family: monospace;
-  border-bottom:1px #606060 solid;
-  border-right:1px #606060 solid;
-  border-top:1px #ffffff solid;
-  border-left:1px #ffffff solid;
-*/
   -moz-border-radius: 8px;
   -webkit-border-radius:8px;
@@ -1063 +1080 @@
   font-weight: bold;
   padding: 4px;
+  margin-top:1px;
+  cursor: pointer;
 }
 
@@ -1127 +1146 @@
   picture page
 */
+.switchBox {
+  -moz-border-radius:4px;
+  -webkit-border-radius:4px;
+  -khtml-border-radius:4px;
+  border-radius:4px;
+  background-color: #202020;
+  border: 1px solid #666666;
+  margin-left:4px;
+  z-index:15000;
+  margin-top:12px;
+}
+
+.switchBoxTitle {
+  font-size: 12px;
+  font-weight: bold;
+}
+
+.switchBoxCat {
+  margin-top:25px;
+}
+
 #thePicturePage #titrePageID {
   min-height:0;
@@ -1254 +1294 @@
 #navThumbNext {
   right:auto;
-  margin-left:768px;
+  margin-left:726px;
 }
 
 #navThumbPrev {
   left:auto;
-  margin-left:-14px;
+  margin-left:28px;
 }
 
 #navThumbNext, #navThumbPrev {
-  top:310px;
   max-height:200px;
   height:200px;
+  top:-1px; /* will be calculated automatically */
 }
 
@@ -1297 +1337 @@
 }
 
+#imageInfosRight {
+  display: block;
+  float: right;
+  height: 5px;
+  width: 40px;
+}
+
+table.infoTable td.cTitle {
+  width:10%;
+}
+
+table.infoTable td.cNfo {
+  width:20%;
+}
+
 .infoTable {
   margin:auto;
   font-size:90%;
-  max-width:94%;
+  max-width:98%;
   color:#d9d9d9;
   z-index:200;
@@ -1314 +1369 @@
 
 .infoTable td.value, .infoTable td.label {
-  padding-right:50px;
+  padding-right:10px;
 }
 
@@ -1347 +1402 @@
 #rateForm input[type="button"].rateButtonStarFull:focus,
 #rateForm input[type="submit"].rateButtonStarFull  {
-  background: url('./../icon/buttons.png') no-repeat scroll; background-position:-111px 1px; width:16px; height:16px;
+  background: url('./../icon/buttons.png') no-repeat scroll;
+  background-position:-111px 1px;
+  width:16px;
+  height:16px;
   outline:none;
   -moz-border-radius:0px;
@@ -1358 +1416 @@
 #rateForm input[type="button"].rateButtonStarEmpty:focus,
 #rateForm input[type="submit"].rateButtonStarEmpty {
-  background: url('./../icon/buttons.png') no-repeat scroll; background-position:-89px 1px; width:16px; height:16px;
+  background: url('./../icon/buttons.png') no-repeat scroll;
+  background-position:-89px 1px;
+  width:16px;
+  height:16px;
   outline:none;
   -moz-border-radius:0px;
@@ -1373 +1434 @@
   border:none;
   padding:0;
+}
+
+#privacyLevelBox {
+  font-weight:normal;
+}
+
+#privacyLevelBox a {
+  cursor:pointer;
+}
+
+#iPrivacyLevelLink {
+  cursor:pointer;
+  font-style:italic;
 }
 
@@ -1726 +1800 @@
   font-family: sans-serif;
   font-size: 11px;
-  max-width: 200px;
+  max-width: 250px;
   padding: 4px;
   min-height: 15px;
@@ -1761 +1835 @@
 }
 
+.cSimpleTipArrow {
+    background-image: url("./../icon/sTipArrows.png");
+}
+
+.cSimpleTipArrow {
+    background-repeat: no-repeat;
+    height: 12px;
+    position: absolute;
+    width: 12px;
+}
 
 
@@ -1782 +1866 @@
 
 div.content ul.categoryActions li.menuf ul.flag-pan .flags:hover,
-div.content ul.categoryActions li.menuf a img.flags {
-  border:1px solid #202020;
-}
-
-div.content ul.categoryActions li.menuf ul.flag-pan .flags {
-  border:1px solid #202020;
+div.content ul.categoryActions li.menuf ul.flag-pan .flags,
+div.content ul.categoryActions li.menuf a img.flags,
+li.menuf img.flags {
+  border:0px solid #202020 !important;
+  margin-top:7px;
 }