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/thumbnails.css | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) (limited to 'template/yoga/thumbnails.css') diff --git a/template/yoga/thumbnails.css b/template/yoga/thumbnails.css index 6f69f2cb7..8d02e7742 100644 --- a/template/yoga/thumbnails.css +++ b/template/yoga/thumbnails.css @@ -1,51 +1,51 @@ /* $Id$ */ /* Thumbnails customization */ -#content UL.thumbnails SPAN.thumbLegend { +.content UL.thumbnails SPAN.thumbLegend { font-size: 80%; /* font size */ overflow: hidden; /* oversized legend is clipped */ } /* Thumbnail "elastic" layout */ -#content UL.thumbnails { +.content UL.thumbnails { margin: 0; padding: 0; list-style: none; - text-align: center; /* to center the whole collection in #content */ + text-align: center; /* to center the whole collection in .content */ } -#content UL.thumbnails LI { display: inline } +.content UL.thumbnails LI { display: inline } -#content UL.thumbnails SPAN.wrap1 { +.content UL.thumbnails SPAN.wrap1 { margin: 0 5px 5px 5px; display: table-cell; display: inline-table; display: inline-block; /* Why 3 display option ??? */ vertical-align: top; /* OK with Opera and IE6 not Geko */ text-align: center; /* to center the thumbnail and legend in Geko/Opera */ } -#content UL.thumbnails SPAN.wrap2 { +.content UL.thumbnails SPAN.wrap2 { margin: 0; /* important reset the margins */ display: table-cell; /* block prevents vertical-align here */ vertical-align: middle; /* Ok with Opera and Geko not IE6 */ } -#content UL.thumbnails SPAN.wrap2 A, -#content UL.thumbnails LABEL { +.content UL.thumbnails SPAN.wrap2 A, +.content UL.thumbnails LABEL { display: block; border-bottom: none; } -#content UL.thumbnails IMG { +.content UL.thumbnails IMG { margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/ } /* label and input used for caddie in admin section */ -#content UL.thumbnails LABEL { +.content UL.thumbnails LABEL { position: relative; } -#content UL.thumbnails INPUT { +.content UL.thumbnails INPUT { position: relative; /* <= Opera can handle relative here */ top: -20px; } -:root #content UL.thumbnails INPUT { /* hide from Opera */ +:root .content UL.thumbnails INPUT { /* hide from Opera */ position: absolute; /* <= Opera hide 1 checkbox over 2 !!! */ left: 2px; top: 2px; -- cgit v1.2.3