- further reduce css rules and remove unused ones

- added a smarty prefilter so that html output is nicely indented now ...

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

4 files changed, 22 insertions, 62 deletions

diff --git a/template/yoga/theme/clear/theme.css b/template/yoga/theme/clear/theme.css
index 033073494..0b65b6647 100644
--- a/template/yoga/theme/clear/theme.css
+++ b/template/yoga/theme/clear/theme.css
@@ -3,16 +3,16 @@
 /* text color */
 BODY, H1, H2, H3, DT,
 INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
-  color:#696969;	/* dimgray */
+	color:#696969;	/* dimgray */
 }
 
 /* backgrounds */
-BODY, H3, .throw {
-  background-color: #ffffff;	/* white */
+BODY, H3 {
+	background-color: #ffffff;	/* white */
 }
 
-H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover, .row1 {
-  background-color: #d3d3d3;
+H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover {
+	background-color: #d3d3d3;
 }
 
 #menubar DL, .content, #imageToolBar, .header_notes {
@@ -33,7 +33,6 @@ H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover, .row1 {
 }
 
 FIELDSET, INPUT, SELECT, TEXTAREA,
-.content DIV.comment  A.illustration IMG,
 .content DIV.thumbnailCategory {
   border: 1px solid gray;
 }
@@ -80,8 +79,3 @@ SPAN.calItem, SPAN.calItemEmpty
 #qsearchInput:focus { color: #005e89; }
 
 
-UL.tabsheet LI.normal_tab { background-color: #d3d3d3; }
-UL.tabsheet LI.selected_tab { background-color: #eeeeee; }
-
-UL.tabsheet, UL.tabsheet LI {border-color: gray;}
-UL.tabsheet LI.normal_tab:hover { border-color: black; }
diff --git a/template/yoga/theme/dark/theme.css b/template/yoga/theme/dark/theme.css
index f89c42a27..959f36f07 100644
--- a/template/yoga/theme/dark/theme.css
+++ b/template/yoga/theme/dark/theme.css
@@ -6,22 +6,22 @@ INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
 	color:#d0d0d0;
 }
 
-H2, #menubar DT, .throw {
+H2, #menubar DT {
 	color: #fff48e;
 }
 
 
 /* backgrounds */
 
-BODY, H3, #imageHeaderBar, #imageToolBar A:hover, .row1, UL.tabsheet LI.normal_tab {
+BODY, H3, #imageHeaderBar, #imageToolBar A:hover {
 	background-color: #2f2f2f;
 }
 
-#menubar DL, .content, #imageToolBar, .header_notes, UL.tabsheet LI.selected_tab {
+#menubar DL, .content, #imageToolBar, .header_notes {
 	background-color: #505050;
 }
 
-H2, #menubar DT, .throw {
+H2, #menubar DT {
 	background-image: url(images/tableh1_bg.png);
 }
 
@@ -50,7 +50,6 @@ H2, #menubar DT, #imageToolBar {
 }
 
 FIELDSET, INPUT, SELECT, TEXTAREA,
-.content DIV.comment  A.illustration IMG,
 .content DIV.thumbnailCategory {
 	border: 1px solid gray;
 }
@@ -68,7 +67,6 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
 	color: black;
 }
 
-UL.tabsheet LI.normal_tab:hover { border-color: #fff48e; }
 
 /* links */
 A, INPUT.rateButton {
diff --git a/template/yoga/theme/p0w0/theme.css b/template/yoga/theme/p0w0/theme.css
index d7fd45003..98a165292 100644
--- a/template/yoga/theme/p0w0/theme.css
+++ b/template/yoga/theme/p0w0/theme.css
@@ -17,8 +17,8 @@
 
 /******************************************************************************/
 /* Texts Only */
-BODY, H1, H3, DT, H2, .throw { color: #369; }
-H2, #menubar DT, .throw, TD H3 {
+BODY, H1, H3, DT, H2 { color: #369; }
+H2, #menubar DT, TD H3 {
   color: #fff;
 }
 #menubar DT, #menubar DT A {
@@ -71,7 +71,7 @@ input.rateButtonSelected,
  font-weight: normal;
  letter-spacing: 0em;
 }
-#thePicturePage #comments H2 {
+#thePicturePage #comments H3 {
   color: #69c;
 }
 .content ul.thumbnailCategories li div.thumbnailCategory .description p {
@@ -80,11 +80,10 @@ input.rateButtonSelected,
 .content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
   color: #369;
 }
-.tabsheet li, .tabsheet li a,
 .content div.thumbnailCategory .description h3 a {
   color: #fff;
 }
-.tabsheet li a:hover, .content div.thumbnailCategory .description h3 a:hover {
+.content div.thumbnailCategory .description h3 a:hover {
   color: #f92;
 }
 
@@ -97,15 +96,14 @@ BODY { background: #cde; }
 #thePicturePage #theImage,
 .content { background-color: #dfe8ff; }
 #the_page { background-color: #dfe8ff; }
-#menubar, H3, #imageHeaderBar,
-.row1  { background-color: #eef; }
-H2, #menubar DT, .throw, TD H3,
+#menubar, H3, #imageHeaderBar { background-color: #eef; }
+H2, #menubar DT, TD H3,
 #imageToolBar,
-#imageHeaderBar, #imageHeaderBar H2, .tabsheet li,
+#imageHeaderBar, #imageHeaderBar H2,
 .content H2 { background-color: #369; }
 .content .infos { background-color: #47a; ;}
 .content .errors { background-color: #fc5; ;}
-#thePicturePage #comments H2 { background-color: #eef; ;}
+#thePicturePage #comments H3 { background-color: #eef; ;}
 .content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
   background-color: #69c; 
 }
@@ -119,7 +117,6 @@ H2, #menubar DT, .throw, TD H3,
 }
 input#qsearchInput { background-color: #cde; }
 .virtual_cat { background: #fff !important; }
-.selected_tab { background-color: #69c !important; }
 /******************************************************************************/
 /* Borders, Margins, Padding Only */
 BODY { margin: 0px;  padding: 0px; }
@@ -158,7 +155,7 @@ A:hover { text-decoration: none; border: 0px; }
   margin: 0px;
   padding: 3px 0px 15px 0px;
 }
-#thePicturePage #comments H2 {
+#thePicturePage #comments H3 {
   border-top: 2px solid #69c;
   border-bottom: 1px solid #369;
 }
@@ -180,7 +177,6 @@ H2, #imageToolBar {
   border: 0px;
 }
 FIELDSET, INPUT, SELECT, TEXTAREA,
-.content DIV.comment  A.illustration IMG,
 .content DIV.thumbnailCategory {
   border: 1px solid #69c;
   background-color: #dfe8ff;
@@ -205,8 +201,6 @@ A.navThumb, A.navThumb:hover,
   padding: 5px 0px 30px 0px;
   margin: 0px;
 }
-ul.tabsheet, ul.tabsheet li { border-color: #369 !important; }
-.tabsheet li:hover { border-color: #f92 !important; }
 
 /******************************************************************************/
 /* Display, Visibility, buttons and others */
@@ -253,5 +247,3 @@ input.submit:active {
 }
 * { outline: none; }
 
-tr.throw td a { color: #fff; }
-tr.throw td a:focus { color: #f92; }
\ No newline at end of file
diff --git a/template/yoga/theme/wipi/theme.css b/template/yoga/theme/wipi/theme.css
index 60829051c..880153011 100644
--- a/template/yoga/theme/wipi/theme.css
+++ b/template/yoga/theme/wipi/theme.css
@@ -10,7 +10,7 @@ INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
   background-color: transparent;
   border: 0px;
 }
-H2, .throw {
+H2 {
   color: #eee;
 }
 #menubar DT, #menubar DT A {
@@ -62,7 +62,7 @@ BODY {
   margin: 0px;
   padding: 0px;
 }
-H3, #imageToolBar A:hover, .row1, .tabsheet li  {
+H3, #imageToolBar A:hover {
   background-color: #222;
 }
 
@@ -72,7 +72,6 @@ H3, #imageToolBar A:hover, .row1, .tabsheet li  {
 #imageToolBar, .header_notes {
   background-color: #333;
 }
-.selected_tab { background-color: eee !important; }
 A {
   border-color: #69c;
 }
@@ -85,7 +84,7 @@ A:hover {
   padding: 5px;
 }
 
-H2, #menubar DT, .throw, TD H3 {
+H2, #menubar DT, TD H3 {
   background-image: url(images/tableh1_bg.png);
   background-repeat: repeat-x;
 }
@@ -145,7 +144,7 @@ H2, #menubar DT, .throw, TD H3 {
   padding: 3px 0px 15px 0px;
 }
 
-#thePicturePage #comments H2 {
+#thePicturePage #comments H3 {
   background-image: none;
   background-color: #222;
   border-top: 2px solid #69c;
@@ -174,7 +173,6 @@ H2, #imageToolBar {
   border: 0px;
 }
 FIELDSET, INPUT, SELECT, TEXTAREA,
-.content DIV.comment  A.illustration IMG,
 .content DIV.thumbnailCategory {
   border: 1px solid gray;
 }
@@ -194,15 +192,6 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
   border-color: #69c;		/* thumbnails border color when mouse cursor is over it */
 }
 
-#menubar .buttonmenu {
-  margin: 0 2px;
-  width: auto;
-  padding: 0;
-  text-indent: 0;
-  list-style: none;
-  text-align: center;
-  float: left;
-}
 /* links */
 A, INPUT.rateButton, legend {
   color: #69c;
@@ -286,16 +275,3 @@ a.PWG:hover .G { color : #f92; }
 #menubar .menuInfoCatByChild,
 h2.showtitle, #theImage p.showlegend { display: none }
 * { outline-width: 0px; }
-ul.tabsheet, ul.tabsheet li {
-  border-color: #69c;
-}
-ul.tabsheet li.normal_tab {
-  background-image: url(images/tableh1_bg.png);
-  background-repeat: repeat-x;
-}
-ul.tabsheet li.normal_tab:hover { border-color: #f92 }
-ul.tabsheet li {
-  -moz-border-radius: 0px 0px 3px 3px;
-  border-radius:  0px 0px 12px 12px;
-  -webkit-border-radius: 0px 0px 3px 3px;
-}