Change all #content by .content in css files.

In tpl files, id="content" stay here for backward compatibilities.
Add some plugins triggers in index.tpl and picture.tpl.

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

1 files changed, 19 insertions, 19 deletions

diff --git a/template/yoga/theme/wipi/theme.css b/template/yoga/theme/wipi/theme.css
index 000ac4ca2..9c0deea14 100644
--- a/template/yoga/theme/wipi/theme.css
+++ b/template/yoga/theme/wipi/theme.css
@@ -48,14 +48,14 @@ H2, .throw {
 #theAdminPage #menubar DT:after {
  content: ''; 
 }
-#content .pageNumberSelected {
+.content .pageNumberSelected {
   color: #f92;
 }
-#content .infos {
+.content .infos {
   background-color: #69c;
   color: #036;
 }
-#content .errors {
+.content .errors {
   background-color: #fc5;
   border-color: #f92;
   color: #900;
@@ -83,12 +83,12 @@ A {
 A:hover {
   border-color: #f92;
 }
-#content, .content {
+.content {
   background-color: #181818;
   border: 1px solid #eee;
   padding: 5px;
 }
-#theAdminPage #the_page #content, #theAdminPage #the_page .content {
+#theAdminPage #the_page .content {
   background-color: #111;
   border-width: 0px;
   padding: 5px;
@@ -97,7 +97,7 @@ H2, #menubar DT, .throw, TD H3, #theAdminPage H3 {
   background-image: url(images/tableh1_bg.png);
   background-repeat: repeat-x;
 }
-#content H2 {
+.content H2 {
   background: none;
   border: 0px;
   letter-spacing: -0.05em; 
@@ -106,25 +106,25 @@ H2, #menubar DT, .throw, TD H3, #theAdminPage H3 {
   font-weight: lighter;
   margin-bottom: 20px;
 }
-#content ul.thumbnailCategories li div.thumbnailCategory .description h3,
-#content h3 { text-align: center; }
-#content ul.thumbnailCategories li div.thumbnailCategory .description p {
+.content ul.thumbnailCategories li div.thumbnailCategory .description h3,
+.content h3 { text-align: center; }
+.content ul.thumbnailCategories li div.thumbnailCategory .description p {
   color: #f92; text-indent: 0em; 
 }
-#content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
+.content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
   color: #fff; 
 }
 .browsePath A {
   color: #eee;
 }
-#content H2:before, .browsePath:before, .imageNumber:before,
+.content H2:before, .browsePath:before, .imageNumber:before,
 #imageHeaderBar H2:before {
  content: "____\\_ "; 
  color: #69c; 
  font-family: Times, Zapf-Chancery, Cottonwood, Helvetica;
  letter-spacing: 0em; 
 }
-#content H2:after, .browsePath:after, .imageNumber:after,
+.content H2:after, .browsePath:after, .imageNumber:after,
 #imageHeaderBar H2:after {
  content: " _/____"; 
  color: #f92;
@@ -178,18 +178,18 @@ H2, #imageToolBar {
   border-color: #fff;
 }
 
-#content UL.thumbnail IMG {
+.content UL.thumbnail IMG {
   border: 1px solid #a0a0a0;
 }
 .illustration A {
   border: 0px;
 }
 FIELDSET, INPUT, SELECT, TEXTAREA,
-#content DIV.comment  A.illustration IMG,
-#content DIV.thumbnailCategory {
+.content DIV.comment  A.illustration IMG,
+.content DIV.thumbnailCategory {
   border: 1px solid gray;
 }
-#content DIV.thumbnailCategory {
+.content DIV.thumbnailCategory {
   border: 1px solid #69c;
   margin: 8px 4px;
 }
@@ -197,13 +197,13 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
   border-left: 2px solid #696969;
 }
 
-#content UL.thumbnails SPAN.wrap2 {
+.content UL.thumbnails SPAN.wrap2 {
   border: 1px solid #aaaaaa;	/* thumbnails border color and style */
   border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
 }
 
-#content UL.thumbnails SPAN.wrap2:hover,
-#content UL.thumbnailCategories DIV.thumbnailCategory:hover {
+.content UL.thumbnails SPAN.wrap2:hover,
+.content UL.thumbnailCategories DIV.thumbnailCategory:hover {
   background-color: #333;
   border-color: #69c;		/* thumbnails border color when mouse cursor is over it */
 }