Changeset 17290 for branches/2.4/admin/themes/default/theme.css

Timestamp:

Aug 1, 2012, 7:00:07 PM (12 years ago)

Author:

rvelices

Message:

merge -r17289 from trunk to 2.4: batch manager improvements/fixes:

• when refreshing photo set, start is set to 0 (otherwise if the new set is smaller that start, it looks like it is empty)
• correct positioning of thumbnails (width/height) is done in template instead of javascript (immediate instead on ready + no reflows)
• less space lost on batch manager page
• fix wrong page title in batch manager because of global variable $title overriden
• fix language keys in element_set_ranks (capital/lowercase issue)

File:

• branches/2.4/admin/themes/default/theme.css (modified) (9 diffs)

branches/2.4/admin/themes/default/theme.css

@@ -43 +43 @@
   background-color: #333;
   color: #666;
-  -moz-border-radius: 5px;
+  border-radius: 5px;
   display: block;
-  width: 104px;
-  height: 104px;
+  width: 120px;
+  height: 120px;
   cursor: move;
-  margin: 10px;
+  margin: 4px;
+        overflow: hidden;
 }
 .clipwrapper {
@@ -59 +60 @@
   position:absolute;
 }
-UL.thumbnails li.rank-of-image input {
-}
+
 UL.thumbnails SPAN.wrap1 {
   margin: 5px;
@@ -72 +72 @@
   display: table-cell;          /* block prevents vertical-align here */
   vertical-align: middle;       /* Ok with Opera and Geko not IE6 */
-}
-UL.thumbnails LABEL { display: block; border-bottom: none; }
+        border-radius: 4px;
+}
+UL.thumbnails LABEL {
+        position: relative;
+        display: block; 
+        border-bottom: none;
+}
+
 UL.thumbnails IMG {
-  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
-}
-UL.thumbnails LABEL { position: relative; }
+        vertical-align: middle;
+        margin-top: 12px;
+}
+
 UL.thumbnails INPUT {
-  position: relative;   /* <= Opera can handle relative here */
-  top: -20px;
-}
-:root UL.thumbnails INPUT { /* hide from Opera */
-  position: absolute;   /* <= Opera hide 1 checkbox over 2 !!! */
+  position: absolute;
   left: 2px; top: 2px;
 }
 UL.thumbnails .levelIndicatorB {
-display:block; position:absolute; z-index:100;padding:0px 0 0 14px; color:black; font-weight:bold; font-size:120%;
+display:block; position:absolute; z-index:100; padding:7px 0 0 2px; color:black; font-weight:bold; font-size:120%;
 }
 UL.thumbnails .levelIndicatorF {
-display:block; position:absolute; z-index:101;padding:1px 0 0 15px; color:white; font-weight:bold; font-size:120%;
+display:block; position:absolute; z-index:101; padding:8px 0 0 3px; color:white; font-weight:bold; font-size:120%;
 }
 
@@ -298 +301 @@
 font-weight: normal;
 font-style:italic;
-padding: 8px 0 0 10px;
+padding: 2px 0 0 10px;
 margin: 0;
 float:left;
@@ -307 +310 @@
 #pwgHead A:hover {color:#fff;border-bottom:1px solid #fff}
 
-#headActions {float:right; height:46px; line-height:46px; margin-right:10px;}
+#headActions {float:right; height:36px; line-height:36px; margin-right:10px;}
 
 A {
@@ -590 +593 @@
 #pwgHead {
   background-color:#464646;
-  height:46px;
+        height: 36px;
 }
 
@@ -604 +607 @@
   bottom:0;
   width:100%;
-  height:46px;
-  background: url(images/logo.png) no-repeat 7px 8px;
-  background-color:#464646;
+        height: 34px;
+        line-height: 34px;
+        background-repeat: no-repeat;
+        background-position: 7px 2px;
+        background-color:#464646;
   color:#aaa;
-  line-height:46px;
 }
 
@@ -768 +772 @@
 #thePopuphelpPage #pwgHead {display:none}
 #thePopuphelpPage #footer  {display:none}
-
-/* Set some sizes according to your maximum thumbnail width and height */
-UL.thumbnails SPAN,
-UL.thumbnails SPAN.wrap2 A,
-UL.thumbnails LABEL {
-  width: 140px;      /* max thumbnail width + 2px */
-}
-UL.thumbnails SPAN.wrap2 {
-  height: 140px;    /* max thumbnail height + 2px */
-}
-
 
 .themeBox {display:inline-table; text-align:center; height:192px; background-color:#eee; margin:5px; -moz-border-radius:5px; overflow:hidden; }
@@ -979 +972 @@
 #batchManagerGlobal ul.thumbnails div.actions a:hover {border-color:#fff;}
 #batchManagerGlobal ul.thumbnails span.wrap1:hover div.actions {display:block;}
-#batchManagerGlobal #selectedMessage {padding:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}
+#batchManagerGlobal #selectedMessage {padding:5px; border-radius:5px;}
 #batchManagerGlobal #selectSet a {border-bottom:1px dotted;}
 #batchManagerGlobal #applyOnDetails {font-style:italic;}