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

5 files changed, 99 insertions, 99 deletions

diff --git a/template/yoga/theme/admin/theme.css b/template/yoga/theme/admin/theme.css
index 9f7bd94d2..7b8e63e9a 100644
--- a/template/yoga/theme/admin/theme.css
+++ b/template/yoga/theme/admin/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: transparent;
   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 */
 }
@@ -326,7 +326,7 @@ body#theAdminPage #menubar {
   repeat-y scroll right top;
   border-bottom: #ccc ridge 2px; width:13.5em; padding: 0; margin: 0;
 }
-body#theAdminPage #content, #theAdminPage #the_page .content { /*default-layout.cs... (line 1)*/
+body#theAdminPage .content { /*default-layout.cs... (line 1)*/
 list-style-type:none; padding: 0px;
  /*default-layout.cs... (line 23) */
 margin: 0px 0px 0px 200px; background-color: transparent;}
@@ -412,13 +412,13 @@ text-decoration:none; width:126px !important;
 .pwgmenu a:hover { /*theme.css (line 344)*/
 background:transparent url(images/onglet_actif_transp.png) no-repeat scroll left 2px;
 color: #ff7700; }
-#content h2:before, #content h2:after, 
+.content h2:before, .content h2:after, 
 #menubar DT:before, #menubar DT:after { content: ""; }
 #theHeader h1 { /*theme.css (line 345) */ color:#441100; }
-#content h2 { /*theme.css (line 100)*/
+.content h2 { /*theme.css (line 100)*/
 letter-spacing:0.1em; margin-right:45px; text-align:right; color: #777777; 
 text-transform:none; }
-#content dl, dd { /*content.css (line 52) */ margin:5px; }
+.content dl, dd { /*content.css (line 52) */ margin:5px; }
 .content h2 { /* default-layout.cs... (line 6) */
 font-weight:bold; margin-right:30px; padding-left:2em; }
 #theAdminPage h3 { /* theme.css (line 96) */
@@ -429,11 +429,11 @@ background:#111111 url(images/top-left-bg.png) no-repeat scroll left top;}
 #theAdminPage #the_page { /*theme.css (line 73)*/
 background:transparent url(images/bottom-left-bg.png) no-repeat fixed left bottom; }
 #the_page { /*theme.css (line 348)*/ padding-bottom:0px;}
-#content, .content {background-color:transparent;}
+.content {background-color:transparent;}
 body#theAdminPage #menubar {  /* theme.css (line 324) */
 background:transparent none repeat-y scroll right top; border-bottom:0px; margin-top:110px;
 float: none; position: absolute; left: 0px; top: 160px;}
-#theAdminPage #the_page #content, #theAdminPage #the_page .content { /*theme.css (line 91)*/
+#theAdminPage #the_page .content { /*theme.css (line 91)*/
 background-color:transparent; border-width:0px; padding:5px 35px 5px 5px; }
 body#theAdminPage #menubar dl.selected dd { padding-bottom: 145px; }
 .header_notes {/*default-colors.cs... (line 91)*/
diff --git a/template/yoga/theme/clear/theme.css b/template/yoga/theme/clear/theme.css
index 98ea0e24c..cff996521 100644
--- a/template/yoga/theme/clear/theme.css
+++ b/template/yoga/theme/clear/theme.css
@@ -15,12 +15,12 @@ H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover, .row1 {
   background-color: #d3d3d3;
 }
 
-#menubar DL, #content, #imageToolBar, .header_notes, .content {
+#menubar DL, .content, #imageToolBar, .header_notes {
   background-color: #eeeeee;
 }
 
 /* borders */
-#menubar DL, #content, #imageToolBar, 
+#menubar DL, .content, #imageToolBar, 
 #comments DIV.comment BLOCKQUOTE {
   border: 1px solid #d3d3d3;
 }
@@ -29,13 +29,13 @@ H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover, .row1 {
   border-color: #d3d3d3;
 }
 
-#content UL.thumbnail IMG {
+.content UL.thumbnail IMG {
     border: 1px solid #a0a0a0;
 }
 
 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;
 }
 
@@ -44,14 +44,14 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
   background-color: #eee;
 }
 
-#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.thumbnailCategories DIV.thumbnailCategory:hover A {
+.content UL.thumbnails SPAN.wrap2:hover,
+.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
+.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
   background-color: #faebd7;
   border-color: yellow;		/* thumbnails border color when mouse cursor is over it */
   color: black;
diff --git a/template/yoga/theme/dark/theme.css b/template/yoga/theme/dark/theme.css
index 799306fe8..690bdda1d 100644
--- a/template/yoga/theme/dark/theme.css
+++ b/template/yoga/theme/dark/theme.css
@@ -17,7 +17,7 @@ BODY, H3, #imageHeaderBar, #imageToolBar A:hover, .row1, UL.tabsheet LI.normal_t
 	background-color: #2f2f2f;
 }
 
-#menubar DL, #content, #imageToolBar, .header_notes, .content, UL.tabsheet LI.selected_tab {
+#menubar DL, .content, #imageToolBar, .header_notes, UL.tabsheet LI.selected_tab {
 	background-color: #505050;
 }
 
@@ -38,7 +38,7 @@ H2, #menubar DT, .throw {
 }
 
 /* borders */
-#menubar DL, #content, .content,
+#menubar DL, .content,
 #comments DIV.comment BLOCKQUOTE {
 	border: 1px solid #000000;
 }
@@ -55,8 +55,8 @@ H2, #menubar DT, #imageToolBar {
 }
 
 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;
 }
 
@@ -64,14 +64,14 @@ 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.thumbnailCategories DIV.thumbnailCategory:hover A {
+.content UL.thumbnails SPAN.wrap2:hover,
+.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
+.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
 	background-color: #faebd7;
 	border-color: yellow;	/* thumbnails border color when mouse cursor is over it */
 	color: black;
diff --git a/template/yoga/theme/p0w0/theme.css b/template/yoga/theme/p0w0/theme.css
index b3db1b779..4a04cf44c 100644
--- a/template/yoga/theme/p0w0/theme.css
+++ b/template/yoga/theme/p0w0/theme.css
@@ -25,7 +25,7 @@ H2, #menubar DT, .throw, TD H3, #theAdminPage H3 {
   color: #fff;
   font-weight: bold;
 }
-#content .titrePage .categoryActions li { color: #cde;}
+.content .titrePage .categoryActions li { color: #cde;}
 #menubar DT A:hover {
   color: #f92;
   font-weight: bold;
@@ -34,27 +34,27 @@ h1 { font-weight: bold; letter-spacing: 0.2em; }
 #mbIdentification dd p,
 #menubar .selected A { color: #c60; font-weight: bold; }
 #copyright { color: #c60; }
-#content .pageNumberSelected,
+.content .pageNumberSelected,
 A, INPUT.rateButton, legend { color: #369; }
 A:hover { color: #f92; }
 INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
   color:#69c;
 }
 .infoTable,
-#theAdminPage #content,
+#theAdminPage .content,
 input#qsearchInput { color: #369; }
-#content .infos { color: #036; }
-#content .errors { color: #900; }
-#content .titrePage H2 A { color: #dfe8ff; }
+.content .infos { color: #036; }
+.content .errors { color: #900; }
+.content .titrePage H2 A { color: #dfe8ff; }
 input.rateButtonSelected,
-#content .titrePage H2 A:hover { color: #f92; }
-#content H2 {
+.content .titrePage H2 A:hover { color: #f92; }
+.content H2 {
   letter-spacing: 0.01em;
   text-indent: 1em;
   font-weight: normal;
 }
-#content ul.thumbnailCategories li div.thumbnailCategory .description h3,
-#content h3 { text-align: center; }
+.content ul.thumbnailCategories li div.thumbnailCategory .description h3,
+.content h3 { text-align: center; }
 .browsePath, .imageNumber,
 #imageHeaderBar H2,
 .browsePath A {
@@ -62,9 +62,9 @@ input.rateButtonSelected,
   font-weight: bold;
 }
 .browsePath A:hover { color: #fff; }
-#content H2:before, .browsePath:before, .imageNumber:before,
+.content H2:before, .browsePath:before, .imageNumber:before,
 #imageHeaderBar H2:before,
-#content H2:after, .browsePath:after, .imageNumber:after,
+.content H2:after, .browsePath:after, .imageNumber:after,
 #imageHeaderBar H2:after {
  content: "   ";
  color: #fff;
@@ -75,17 +75,17 @@ input.rateButtonSelected,
 #thePicturePage #comments H2 {
   color: #69c;
 }
-#content ul.thumbnailCategories li div.thumbnailCategory .description p {
+.content ul.thumbnailCategories li div.thumbnailCategory .description p {
   color: #c60;
 }
-#content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
+.content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
   color: #369;
 }
 .tabsheet li, .tabsheet li a, #theAdminPage h3 a,
-#content div.thumbnailCategory .description h3 a {
+.content div.thumbnailCategory .description h3 a {
   color: #fff;
 }
-.tabsheet li a:hover, #content div.thumbnailCategory .description h3 a:hover {
+.tabsheet li a:hover, .content div.thumbnailCategory .description h3 a:hover {
   color: #f92;
 }
 
@@ -97,7 +97,7 @@ BODY { background: #cde; }
 #thePicturePage #the_page,
 #thePicturePage #theImage,
 #theAdminPage #the_page,
-#content, DIV.content { background-color: #dfe8ff; }
+.content { background-color: #dfe8ff; }
 #the_page { background-color: #dfe8ff; }
 #menubar, H3, #imageHeaderBar,
 .row1  { background-color: #eef; }
@@ -105,19 +105,19 @@ H2, #menubar DT, .throw, TD H3,
 #imageToolBar,
 #imageHeaderBar, #imageHeaderBar H2, .tabsheet li,
 #theAdminPage H3 { background-color: #369; }
-#content H2 { background-color: #369; }
-#content .infos { background-color: #47a; ;}
-#content .errors { background-color: #fc5; ;}
+.content H2 { background-color: #369; }
+.content .infos { background-color: #47a; ;}
+.content .errors { background-color: #fc5; ;}
 #thePicturePage #comments H2 { background-color: #eef; ;}
-#content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
+.content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
   background-color: #69c; 
 }
-#content ul.thumbnailCategories li div.thumbnailCategory,
-#content UL.thumbnails SPAN.wrap2 { background-color: #eef; }
-#content ul.thumbnailCategories li div.thumbnailCategory:hover,
+.content ul.thumbnailCategories li div.thumbnailCategory,
+.content UL.thumbnails SPAN.wrap2 { background-color: #eef; }
+.content ul.thumbnailCategories li div.thumbnailCategory:hover,
 #theImage IMG, .navThumb IMG,
-#content UL.thumbnails SPAN.wrap2:hover { background-color: #fff; }
-#content UL.thumbnails SPAN.wrap2:active img {
+.content UL.thumbnails SPAN.wrap2:hover { background-color: #fff; }
+.content UL.thumbnails SPAN.wrap2:active img {
   outline: 3px ridge #f92;
 }
 input#qsearchInput { background-color: #cde; }
@@ -134,27 +134,27 @@ BODY { margin: 0px;  padding: 0px; }
 }
 A { border: 0px; text-decoration: none; }
 A:hover { text-decoration: none; border: 0px; }
-#content, DIV.content {
+.content {
   border: 1px solid #369;
   padding: 0px;
 }
-#menubar DT, #content H2 {
+#menubar DT, .content H2 {
   background-image: url(images/button-bg.png);
   border: 0px;
   margin-bottom: 3px;
 }
-#content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
+.content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
   background-image: url(images/button-bg.png);
   border-width: 1px;
   border-style: outset;
   border-color: #369;
 }
-#content ul.thumbnailCategories li div.thumbnailCategory .description h3:active
+.content ul.thumbnailCategories li div.thumbnailCategory .description h3:active
 {
 	background: #69c;
 	border: 1px inset #369;
 }
-#content .errors { border-color: #f92; }
+.content .errors { border-color: #f92; }
 #imageHeaderBar H2 { border: 0px; }
 #thePicturePage #imageToolBar { padding: 0px 25px 5px 25px; }
 #thePicturePage #theImage {
@@ -179,27 +179,27 @@ H2, #imageToolBar {
   padding: 1px;
   box-shadow: 0.2em 0.2em #ccc;
 }
-#content UL.thumbnail IMG {
+.content UL.thumbnail IMG {
   border: 1px solid #666;
 }
 .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 #69c;
   background-color: #dfe8ff;
   margin: 3px;
 }
-#content DIV.thumbnailCategory:hover {
+.content DIV.thumbnailCategory:hover {
   border: 1px solid #f92;
 }
-#content UL.thumbnails SPAN.wrap2 {
+.content UL.thumbnails SPAN.wrap2 {
   border: 1px solid #69c;	/* thumbnails border color and style */
   border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
 }
-#content UL.thumbnails SPAN.wrap2:hover {
+.content UL.thumbnails SPAN.wrap2:hover {
   border-color: #f92;		/* thumbnails border color when mouse cursor is over it */
 }
 A.navThumb, A.navThumb:hover,
@@ -211,7 +211,7 @@ A.navThumb, A.navThumb:hover,
   padding: 5px 0px 30px 0px;
   margin: 0px;
 }
-#theAdminPage #content table td { padding: 2px 8px; }
+#theAdminPage .content table td { padding: 2px 8px; }
 ul.tabsheet, ul.tabsheet li { border-color: #369 !important; }
 .tabsheet li:hover { border-color: #f92 !important; }
 
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 */
 }