From 07a863f1443c87c9db784cc1ab1c8f463dc93ff6 Mon Sep 17 00:00:00 2001 From: rvelices Date: Mon, 9 Apr 2012 04:18:34 +0000 Subject: - css (removed unused, merge rules, simplified overly complicated selectors) git-svn-id: http://piwigo.org/svn/trunk@14028 68402e56-0260-453c-a942-63ccdbb3a9ee --- themes/Sylvia/theme.css | 26 +++++++++---------- themes/default/template/mainpage_categories.tpl | 2 +- themes/default/template/month_calendar.tpl | 2 +- themes/default/theme.css | 33 +++++++------------------ themes/elegant/theme.css | 3 +-- 5 files changed, 25 insertions(+), 41 deletions(-) (limited to 'themes') diff --git a/themes/Sylvia/theme.css b/themes/Sylvia/theme.css index a016ca354..699bc0acf 100644 --- a/themes/Sylvia/theme.css +++ b/themes/Sylvia/theme.css @@ -1,9 +1,9 @@ /* thumbnail wrap size */ -.content .thumbnailCategory div.illustration { - width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ +.thumbnailCategory .illustration { + min-width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ } -#comments .commentElement div.illustration { - width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ + .commentElement .illustration { + min-width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ } /** @@ -168,50 +168,50 @@ } /* Category thumbnails on main page */ -.content .thumbnailCategories li { +.thumbnailCategories li { background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; width:49%; margin: 0; padding:0; } -.content .thumbnailCategory { +.thumbnailCategory { background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom; padding: 0 0 2px; margin:0; } -.content .thumbnailCategory div.illustration { +.thumbnailCategory .illustration { background:transparent url(images/cat_top-left.gif) no-repeat scroll left top; padding: 0 0 0 10px; margin: 0 !important; } -.content .thumbnailCategory div.illustration a { +.thumbnailCategory .illustration a { display: block; margin: 0; padding:20px 0 0 8px; border:0; } -.content .thumbnailCategory .description { +.thumbnailCategory .description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; margin: 0; padding:15px 10px 3px 0; overflow-x: hidden !important; height:158px; } -.content .thumbnailCategory .description .text { +.thumbnailCategory .description .text { display:block; margin:10px 2px 0 0; overflow: auto; overflow-x:hidden; padding:0 0 5px; } -.content .thumbnailCategory .description p.dates { +.thumbnailCategory .description p.dates { margin: 0 15px 0 15px; text-align: right; } -.content .thumbnailCategory .description H3 { +.thumbnailCategory .description H3 { display: block; } -.content .thumbnailCategories li:hover { +.thumbnailCategories li:hover { background-color:#111; } diff --git a/themes/default/template/mainpage_categories.tpl b/themes/default/template/mainpage_categories.tpl index 15e8802d9..f4ff8f264 100644 --- a/themes/default/template/mainpage_categories.tpl +++ b/themes/default/template/mainpage_categories.tpl @@ -1,5 +1,5 @@ {strip}{html_style} -.thumbnailCategory DIV.illustration{ldelim} +.thumbnailCategory .illustration{ldelim} width: {$derivative_params->max_width()+5}px; } diff --git a/themes/default/template/month_calendar.tpl b/themes/default/template/month_calendar.tpl index 6faa653ab..904570a10 100644 --- a/themes/default/template/month_calendar.tpl +++ b/themes/default/template/month_calendar.tpl @@ -48,7 +48,7 @@ {foreach from=$chronology_calendar.month_view.wday_labels item=wday} - {$wday} + {$wday} {/foreach} diff --git a/themes/default/theme.css b/themes/default/theme.css index e1be25396..18f7d967a 100644 --- a/themes/default/theme.css +++ b/themes/default/theme.css @@ -172,12 +172,6 @@ TD.calDayCellFull, TD.calDayCellEmpty { border: 1px solid gray; } -TD.calDayHead { - font-weight: bold; - font-size: 12px; - text-align: center; -} - .calImg { overflow: hidden; vertical-align: bottom; @@ -248,7 +242,7 @@ TD.calDayHead { margin: 0; } -.thumbnailCategory DIV.illustration { +.illustration {/*also used by comment lists*/ text-align: left; margin: 2px 0 0 2px; float: left; @@ -282,16 +276,7 @@ TD.calDayHead { /*width: inherit;*/ } -.commentElement .illustration { - text-align: left; - margin: 2px 0 0 2px; - float: left; -} - /* Thumbnails */ -.thumbnails SPAN.thumbLegend { - overflow: hidden;/* oversized legend is clipped */ -} /* Thumbnail "elastic" layout */ .thumbnails { @@ -314,15 +299,20 @@ TD.calDayHead { display: table-cell;/* block prevents vertical-align here */ vertical-align: middle;/* Ok with Opera and Geko not IE6 */ border-radius: 4px; /* round corners with CSS3 compliant browsers */ - -moz-border-radius: 4px; /* round corners with Geko */ - -webkit-border-radius: 4px; /* Safari webkit project */ } + .thumbnails .wrap2 A { display: block; border-bottom: 0; } .thumbnails IMG { - margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/ + vertical-align: middle; +} + +.thumbnails SPAN.thumbLegend { + overflow: hidden;/* oversized legend is clipped */ + display: block; /* display: none; if you don't want legend */ + height: 4em; /* legend height (don't set auto to be Gecko friendly)*/ } /** @@ -669,11 +659,6 @@ IMG.ui-datepicker-trigger { cursor : pointer; } -/* Set defaults for thumbnails legend */ -.thumbnails SPAN.thumbLegend { - display: block; /* display: none; if you don't want legend */ - height: 4em; /* legend height (don't set auto to be Gecko friendly)*/ -} /** * Default colors diff --git a/themes/elegant/theme.css b/themes/elegant/theme.css index f35c5227a..10b78afdd 100644 --- a/themes/elegant/theme.css +++ b/themes/elegant/theme.css @@ -166,8 +166,7 @@ a:hover { border-bottom: none;} /* thumbnails */ #thumbnails { padding-top: 5px;} -.thumbnails IMG { margin-bottom: 0; vertical-align: middle;} -.thumbnailCategory DIV.illustration, +.thumbnailCategory .illustration, .commentElement .illustration { margin: 2px; text-align: center;} -- cgit v1.2.3