aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorrvelices <rv-github@modusoptimus.com>2012-04-09 04:18:34 +0000
committerrvelices <rv-github@modusoptimus.com>2012-04-09 04:18:34 +0000
commit07a863f1443c87c9db784cc1ab1c8f463dc93ff6 (patch)
tree7a4ae439fc78237b71bed664c1aaa0a3a45b3b74
parentf137e88f292a31c6c20d583969c648098151d848 (diff)
- css (removed unused, merge rules, simplified overly complicated selectors)
git-svn-id: http://piwigo.org/svn/trunk@14028 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--themes/Sylvia/theme.css26
-rw-r--r--themes/default/template/mainpage_categories.tpl2
-rw-r--r--themes/default/template/month_calendar.tpl2
-rw-r--r--themes/default/theme.css33
-rw-r--r--themes/elegant/theme.css3
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;}