- css (removed unused, merge rules, simplified overly complicated selectors)

git-svn-id: http://piwigo.org/svn/trunk@14028 68402e56-0260-453c-a942-63ccdbb3a9ee

5 files changed, 25 insertions, 41 deletions

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 @@
  <thead>
  <tr>
  {foreach from=$chronology_calendar.month_view.wday_labels item=wday}
-	<td class="calDayHead">{$wday}</td>
+	<th>{$wday}</th>
  {/foreach}
  </tr>
  </thead>
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;}