- new way to display picture informations (template variables instead of

  template generic blocks)

- new color for A:hover and its solid border-bottom, dotted border-bottom
  for A (same color as link color)

- background color and border color for form input fields (input, select,
  textarea) to accentuate contrast with page background.

- clear:both on #imageHeaderBar H1 let it be center on page

- in infoTable keys are right aligned and values are left aligned (more
  beautiful, isn't it?)

- add "set as representative" button to cclear template in
  picture.tpl. representative.png picture taken from Gorilla theme.

- invisible horizontal rule on picture.tpl to separate user comments from
  the beginning of the page


git-svn-id: http://piwigo.org/svn/trunk@847 68402e56-0260-453c-a942-63ccdbb3a9ee

1 files changed, 10 insertions, 1 deletions

diff --git a/template/cclear/image.css b/template/cclear/image.css
index a4a036be0..4c587f205 100644
--- a/template/cclear/image.css
+++ b/template/cclear/image.css
@@ -7,6 +7,7 @@
 
 #imageHeaderBar H1 {
     margin: 1ex 0; /* override default-layout for less bottom-margin */
+    clear: both;
 }
 
 #imageToolBar {
@@ -73,12 +74,20 @@ de l'image...
 TABLE.infoTable {
     margin: auto;
 }
-TABLE.infoTable TD {
+TABLE.infoTable .value {
     text-align: left;
 }
 
 TABLE.infoTable .label {
     font-weight: bold;
+    text-align: right;
+    padding-right: 0.5em; 
+}
+
+TABLE.infoTable TD.value UL {
+  margin: 0;
+  padding: 0 0 0 1.5em;
+  list-style-type: square;
 }
 
 #comments {