Changeset 16019 for extensions/gally/gally-graphite/css/theme.css

Timestamp:

Jun 24, 2012, 9:29:05 PM (12 years ago)

Author:

grum

Message:

feature:2664- compatibility with Piwigo 2.4

File:

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

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

@@ -4 +4 @@
   ------------------------------------------------------------------------------
   file: gally/graphite/theme.css
-  file version: 1.2.0
-  date: 2008-11-11
+  file version: 1.5.0
   ------------------------------------------------------------------------------
-  author: grum at grum.dnsalias.com
+  author: grum at grum.fr
   << May the Little SpaceFrog be with you >>
   ------------------------------------------------------------------------------
@@ -24 +23 @@
   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 {
@@ -34 +46 @@
   color:#00FF00;
   font-weight:bold;
+}
+div.infos button {
+  color:#ffffff;
+  background:#208020;
+}
+div.infos button:hover {
+  color:#B0FFB0;
+}
+div.infos button:active {
+  color:#208020;
+  background:#ffffff;
 }
 
@@ -59 +82 @@
 
 
-
 /*
  page
@@ -66 +88 @@
   background-color:#333333;
   color:#999999;
-  overflow-x:auto;
+  overflow-x:visible;
 }
 
@@ -76 +98 @@
   font-style:italic;
 }
+
 
 a.button, a.navButton {
@@ -84 +107 @@
 }
 
-
 a.button, a.navButton, span.button, #icon_menu {
   background-image:url(./../icon/buttons.png);
   background-repeat:no-repeat;
 }
-
 
 /* menu */
@@ -189 +210 @@
 #icon_calendar_created:hover {
   background-position:-44px -22px;
+}
+
+#icon_sort {
+  background-position:-1144px 0;
+}
+#icon_sort:hover {
+  background-position:-1144px -22px;
 }
 
@@ -315 +343 @@
 }
 
+#icon_derivatives {
+  background-position:-1122px 0;
+}
+#icon_derivatives:hover {
+  background-position:-1122px -22px;
+}
+
 /* tags.tpl */
 #icon_cloud {
@@ -533 +568 @@
 }
 
-
-.wrap2 a img{
+.titrePage .categoryActions {
+  margin: 2px 2px 0 0;
+}
+
+a span.wrap2 img{
   border:1px #707070 solid;
 }
 
-.wrap2 a:hover img{
+a:hover span.wrap2 img{
   border:1px #f0f0f0 solid;
 }
@@ -562 +600 @@
 }
 
+.fixHeight {
+    clear:both;
+}
+
 .illustration a:hover img {
   border:1px #f0f0f0 solid;
@@ -569 +611 @@
   border-top:1px #606060 dotted;
   text-align:justify;
+}
+
+div ul.thumbnails {
+  padding:0;
 }
 
@@ -578 +624 @@
 }
 
-div ul.thumbnails {
-  margin: 16px 0 0;
-}
+.content ul.thumbnails span.wrap2 {
+  display:table-cell;
+  margin:0;
+  padding:0;
+  vertical-align:middle;
+  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 */
+  -khtml-border-radius: 8px;  /* round corners with khtml */
+  border-radius:8px; /* round corners with CSS3 compliant browsers */
+  border:none;
+}
+
+.content ul.thumbnails table.wrap1 tr.nfoRow {
+  visibility:hidden;
+}
+
+.content ul.thumbnails table.wrap1:hover tr.nfoRow {
+  visibility:visible;
+}
+
+table.wrap1 {
+  padding:20px 15px;
+}
+
+div ul.thumbnails li {
+  width: auto;
+  height: auto;
+}
+
 
 /*
@@ -697 +774 @@
   color:#606060;
 }
+
 
 
@@ -721 +799 @@
   border-top:1px #ffffff solid;
   border-left:1px #ffffff solid;
+  margin-top:1px;
+  cursor: pointer;
 }
 
@@ -737 +817 @@
 
 fieldset legend {
-  background-color:#333333;
   padding-left:3px;
   padding-right:3px;
+  background-color:#333333;
 }
 
@@ -747 +827 @@
   picture page
 */
+.switchBox {
+  -moz-border-radius:4px;
+  -webkit-border-radius:4px;
+  -khtml-border-radius:4px;
+  border-radius:4px;
+  background-color: #333333;
+  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 {
   float: left;
@@ -769 +870 @@
 
 #theImgHighCloseButton {
-  background-image:url(./../icon/buttons.png);
-  background-repeat:no-repeat;
-  background-position:-946px 0px;
   width:15px;
   height:15px;
+  background:transparent url(./../icon/buttons.png) no-repeat scroll -946px 0px;
   top:-8px;
   right:8px;
   cursor:pointer;
 }
-/*
 #theImgHighCloseButton:hover {
   background-position:-946px -22px;
 }
-*/
+
 #theImgHighZoomButton {
-  background-image:url(./../icon/buttons.png);
-  background-repeat:no-repeat;
   width:15px;
   height:15px;
@@ -791 +887 @@
   right:28px;
   cursor:pointer;
+  background:transparent url(./../icon/buttons.png);
 }
 
@@ -796 +893 @@
   background-position:-968px 0px;
 }
-/*
 #theImgHighZoomButton.fit:hover {
   background-position:-968px -22px;
 }
-*/
+
 #theImgHighZoomButton.full {
   background-position:-990px 0px;
 }
-/*
 #theImgHighZoomButton.full:hover {
   background-position:-990px -22px;
 }
-*/
 
 .imageNumber {
@@ -881 +975 @@
 }
 
+table.infoTable td.cTitle {
+  width:10%;
+}
+
+table.infoTable td.cNfo {
+  width:16%;
+}
 
 .infoTable {
@@ -890 +991 @@
   border-collapse:collapse;
   position:relative;
-  left:25px;
 }
 
@@ -900 +1000 @@
 
 .infoTable td.value, .infoTable td.label {
-  padding-right:50px;
+  padding-right:15px;
 }
 
@@ -910 +1010 @@
 .infoTable tr:hover {
   background-color:#606060;
+  cursor:default;
 }
 .infoTable tr.emptyrow:hover {
@@ -931 +1032 @@
 #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;
 }
 
@@ -937 +1042 @@
 #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;
 }
 
@@ -949 +1058 @@
 }
 
-
+#privacyLevelBox {
+  font-weight:normal;
+}
+
+#privacyLevelBox a {
+  cursor:pointer;
+}
+
+#iPrivacyLevelLink {
+  cursor:pointer;
+  font-style:italic;
+}
 #theComments {
   background:#404040;
@@ -969 +1089 @@
 .commentDetail {
   border-bottom:1px dotted #606060;
+  clear:both;
 }
 
@@ -975 +1096 @@
   padding:4px;
 }
-
 .commentDetail ul li {
   display:inline;
@@ -1056 +1176 @@
 
 
+
 /*
   tags
 */
+#fullTagCloud, table.tagLetters  {
+    margin-left:120px;
+    margin-right:120px;
+}
 
 #fullTagCloud SPAN a:hover {
@@ -1120 +1245 @@
 
 
+
+
+/*
+ * 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