From eb975a8cda9f3f6afaeec69b9419b00eefbba8f1 Mon Sep 17 00:00:00 2001 From: patdenice Date: Tue, 20 May 2008 00:27:26 +0000 Subject: 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 --- template/yoga/content.css | 84 +++++++++++++++++++++++------------------------ 1 file changed, 42 insertions(+), 42 deletions(-) (limited to 'template/yoga/content.css') 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; -- cgit v1.2.3