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, 42 insertions, 42 deletions

diff --git a/template/yoga/content.css b/template/yoga/content.css
index 2d3af7b9e..05e246069 100644
--- a/template/yoga/content.css
+++ b/template/yoga/content.css
@@ -1,56 +1,56 @@
 /* $Id$ */
-#content {
+.content {
     margin-right: 1em;
     margin-bottom: 1em; /* when it's longer than menu bar */
 }
 
-BODY#theCommentsPage #content,
-BODY#theUploadPage #content,
-BODY#theRegisterPage #content,
-BODY#theIdentificationPage #content,
-BODY#theProfilePage #content,
-BODY#theSearchPage #content,
-BODY#theAboutPage #content,
-BODY#thePopuphelpPage #content,
-BODY#thePasswordPage #content,
-BODY#theNotificationPage #content,
-BODY#theTagsPage #content,
-BODY#theNBMPage #content
+BODY#theCommentsPage .content,
+BODY#theUploadPage .content,
+BODY#theRegisterPage .content,
+BODY#theIdentificationPage .content,
+BODY#theProfilePage .content,
+BODY#theSearchPage .content,
+BODY#theAboutPage .content,
+BODY#thePopuphelpPage .content,
+BODY#thePasswordPage .content,
+BODY#theNotificationPage .content,
+BODY#theTagsPage .content,
+BODY#theNBMPage .content
 {
   margin: 1em;
 }
 
-#content H3 {
+.content H3 {
     margin-bottom: 1ex;
 }
 
-#content H2 { margin-bottom: 3px;} /*<- for IE otherwise calendar select is displaced to middle of page*/
+.content H2 { margin-bottom: 3px;} /*<- for IE otherwise calendar select is displaced to middle of page*/
 
-#content H3 {
+.content H3 {
     text-align: center;
 }
 
-#content .navigationBar, #content .additional_info {
+.content .navigationBar, .content .additional_info {
     margin: 10px 0;
     text-align: center;
 }
 
-#content .pageNumberSelected {
+.content .pageNumberSelected {
 	font-style: italic;
 	font-weight: bold;
 }
 
-#content .additional_info {
+.content .additional_info {
     font-size: 110%;
 }
 
-#content FORM {
+.content FORM {
     text-align: left;
 }
 
 /* content defaults */
-#content DL, DD { margin: 10px; }
-#content DT {
+.content DL, DD { margin: 10px; }
+.content DT {
   margin-bottom: 5px;
   font-style: italic;
   font-size: 110%;
@@ -66,66 +66,66 @@ UL.categoryActions {
   text-align: center;
 }
 
-#content DIV.titrePage UL.categoryActions {
+.content DIV.titrePage UL.categoryActions {
   float: right;
   text-align: center;
 }
 
-#content DIV.titrePage {
+.content DIV.titrePage {
   padding: 0 0 3px;
 }
 
-#content UL.categoryActions LI {
+.content UL.categoryActions LI {
   display: inline;
 }
 
-#content UL.categoryActions A IMG, UL.categoryActions A {
+.content UL.categoryActions A IMG, UL.categoryActions A {
   border: none;
   margin-bottom: -5px;
 }
 
 /* User comments */
 
-#content DIV#comments {
+.content DIV#comments {
   padding-left: 5px;
   padding-right: 5px;
 }
-#content DIV.comment {
+.content DIV.comment {
   margin: 0 0 0.5em 0;
   padding: 0;
   overflow: hidden; /* these 2 lines keep the floating child in the DIV */
   width: 100%;	    /* don't ask why. It's a very usefull trick         */
 }
 
-#content DIV.comment A.illustration {
+.content DIV.comment A.illustration {
   display: block;
   float: left;
   margin: 0.5em 0 0 0.5em;
 }
 
-#content DIV.comment P.commentHeader {
+.content DIV.comment P.commentHeader {
   text-align: right;
   margin: 0.5em 0.5em 0 0;
 }
 
-#content DIV.comment UL.actions {
+.content DIV.comment UL.actions {
   text-align: center;
   margin: 0.2em;
 }
 
-#content DIV.comment BLOCKQUOTE {
+.content DIV.comment BLOCKQUOTE {
   margin-right: 0.5em;
   overflow: visible; /*avoid a very strange margin behaviour (all browsers) */
 }
 
 /* begin chronology/calendar elements*/
-#content DIV.calendarViews {
+.content DIV.calendarViews {
   display: block;
   float: right;
   margin: 2px 0 0;
 }
 
-#content DIV.calendarBar { margin: 8px 4px; }
+.content DIV.calendarBar { margin: 8px 4px; }
 
 SPAN.calItem, SPAN.calItemEmpty {
   font-weight: bold;
@@ -134,7 +134,7 @@ SPAN.calItem, SPAN.calItemEmpty {
 
 SPAN.calItem A { border:0 }
 
-#content DIV.calendarCalBar {
+.content DIV.calendarCalBar {
   margin: 10px 10px;
   text-align: left;
 }
@@ -195,7 +195,7 @@ DIV.calImg {
 }
 
 /* Category thumbnails on main page, CSS code inspired from MOD subcatify */
-#content UL.thumbnailCategories {
+.content UL.thumbnailCategories {
   margin: 0;
   padding: 0;
   list-style: none;
@@ -204,25 +204,25 @@ DIV.calImg {
   width: 100%;
 }
 
-#content UL.thumbnailCategories LI {
+.content UL.thumbnailCategories LI {
   margin:0;
   padding:0;
   float:left;
 }
 
-#content DIV.thumbnailCategory {
+.content DIV.thumbnailCategory {
   display:block;
   padding: 2px 0px 0px 2px;
   margin: 5px;
 }
 
-#content DIV.thumbnailCategory DIV.description {
+.content DIV.thumbnailCategory DIV.description {
   font-size: 90%;
   overflow: auto;
   /*width: inherit;*/
 }
 
-#content DIV.thumbnailCategory DIV.description H3 {
+.content DIV.thumbnailCategory DIV.description H3 {
   text-align: left;
   background: transparent;
   margin: 0;
@@ -230,11 +230,11 @@ DIV.calImg {
   font-size: 120%;
 }
 
-#content DIV.thumbnailCategory DIV.description P {
+.content DIV.thumbnailCategory DIV.description P {
   margin: 0;
 }
 
-#content DIV.thumbnailCategory DIV.illustration {
+.content DIV.thumbnailCategory DIV.illustration {
   text-align: left;
   margin: 2px 0 0 2px;
   float: left;