aboutsummaryrefslogtreecommitdiffstats
path: root/themes/default
diff options
context:
space:
mode:
authorrvelices <rv-github@modusoptimus.com>2010-12-26 06:21:26 +0000
committerrvelices <rv-github@modusoptimus.com>2010-12-26 06:21:26 +0000
commitad09493926b6067f316ffdbf2220fb17be2308da (patch)
treeb0caaf4409bf03820e28d20facd901656d5c8f2f /themes/default
parent61d07ecd8e6ca35b0c852540df97589ba8c27530 (diff)
simplify inefficient CSS rules according to pagespeed
git-svn-id: http://piwigo.org/svn/trunk@8306 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--themes/default/fix-ie5-ie6.css10
-rw-r--r--themes/default/fix-ie7.css8
-rw-r--r--themes/default/print.css2
-rw-r--r--themes/default/theme.css90
4 files changed, 55 insertions, 55 deletions
diff --git a/themes/default/fix-ie5-ie6.css b/themes/default/fix-ie5-ie6.css
index bd0862a71..f73bb4ad8 100644
--- a/themes/default/fix-ie5-ie6.css
+++ b/themes/default/fix-ie5-ie6.css
@@ -9,20 +9,20 @@
}
/* fix IE with another layout for thumbnails */
-UL.thumbnails SPAN.wrap2 {
+.thumbnails .wrap2 {
display: block;
position: relative;
text-align: left;
}
-UL.thumbnails SPAN.wrap2 A,
-UL.thumbnails SPAN.wrap2 SPAN {
+.thumbnails .wrap2 A,
+.thumbnails .wrap2 SPAN {
overflow: visible;
position: absolute;
top: 50%;
text-align: center;
}
-UL.thumbnails IMG.thumbnail {
+.thumbnails IMG.thumbnail {
position: relative;
top: -50%;
/*\*//*/
@@ -39,7 +39,7 @@ H1, #theHeader {
}
/* fix category thumbnails on main page */
-.content UL.thumbnailCategories {
+.content .thumbnailCategories {
width: 99%; /* buggy IE box model */
}
diff --git a/themes/default/fix-ie7.css b/themes/default/fix-ie7.css
index 0f93b368c..5d98130ad 100644
--- a/themes/default/fix-ie7.css
+++ b/themes/default/fix-ie7.css
@@ -1,19 +1,19 @@
/* fix IE with another layout for thumbnails */
-UL.thumbnails SPAN.wrap2 {
+.thumbnails .wrap2 {
display: block;
position: relative;
text-align: left;
}
-UL.thumbnails SPAN.wrap2 A,
-UL.thumbnails SPAN.wrap2 SPAN {
+.thumbnails .wrap2 A,
+.thumbnails .wrap2 SPAN {
overflow: visible;
position: absolute;
top: 50%;
text-align: center;
}
-UL.thumbnails IMG.thumbnail {
+.thumbnails IMG.thumbnail {
position: relative;
top: -50%;
margin-top: 2%;
diff --git a/themes/default/print.css b/themes/default/print.css
index 18f2a6891..3f68df3c9 100644
--- a/themes/default/print.css
+++ b/themes/default/print.css
@@ -1,5 +1,5 @@
@media print {
-#menubar, .content .navigationBar, UL.categoryActions, .content .calendarViews, .calendarBar,
+#menubar, .content .navigationBar, .categoryActions, .content .calendarViews, .calendarBar,
#imageToolBar, .navThumb, #addComment {
display: none;
}
diff --git a/themes/default/theme.css b/themes/default/theme.css
index 9238f9ac0..8939d747d 100644
--- a/themes/default/theme.css
+++ b/themes/default/theme.css
@@ -122,7 +122,7 @@
}
/* actions */
-UL.categoryActions {
+.categoryActions {
margin: 0 2px;
width: auto;
padding: 0;
@@ -132,7 +132,7 @@ UL.categoryActions {
float: right;
}
-UL.categoryActions LI {
+.categoryActions LI {
display: inline;
}
@@ -215,7 +215,7 @@ TD.calDayHead {
}
/* Category thumbnails on main page, CSS code inspired from MOD subcatify */
-UL.thumbnailCategories {
+.thumbnailCategories {
margin: 0;
padding: 0;
list-style: none;
@@ -223,7 +223,7 @@ UL.thumbnailCategories {
width: 100%;
}
-UL.thumbnailCategories LI {
+.thumbnailCategories LI {
margin:0;
padding:0;
float:left;
@@ -271,28 +271,28 @@ UL.thumbnailCategories LI {
}
/* Thumbnails */
-UL.thumbnails SPAN.thumbLegend {
+.thumbnails SPAN.thumbLegend {
font-size: 90%;
overflow: hidden;/* oversized legend is clipped */
}
/* Thumbnail "elastic" layout */
-UL.thumbnails {
+.thumbnails {
margin: 0;
padding: 0;
list-style: none;
text-align: center; /* to center the whole collection in .content */
}
-UL.thumbnails LI { display: inline }
+.thumbnails LI { display: inline }
-UL.thumbnails SPAN.wrap1 {
+.thumbnails .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 */
}
-UL.thumbnails SPAN.wrap2 {
+.thumbnails .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 */
@@ -300,12 +300,12 @@ UL.thumbnails SPAN.wrap2 {
-moz-border-radius: 4px; /* round corners with Geko */
-webkit-border-radius: 4px; /* Safari webkit project */
}
-UL.thumbnails SPAN.wrap2 A,
-UL.thumbnails LABEL {
+.thumbnails .wrap2 A,
+.thumbnails LABEL {
display: block;
border-bottom: 0;
}
-UL.thumbnails IMG {
+.thumbnails IMG {
margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/
}
@@ -507,75 +507,75 @@ FIELDSET {
overflow: hidden; /* <- makes Opera happy */
}
-FORM.filter UL {
+.filter UL {
margin: 0;
}
-FORM.filter UL,
-FORM.filter LABEL {
+.filter UL,
+.filter LABEL {
display: block;
float: left;
margin-right: 1em;
padding: 0;
}
-FORM.filter LI {
+.filter LI {
list-style: none;
margin-bottom: 0.5em;
}
-FORM.filter LI LABEL {
+.filter LI LABEL {
display: inline;
float: none;
}
-FORM.filter UL.tagSelection LABEL {
+.filter .tagSelection LABEL {
display: inline;
float: none;
margin-right:0.5em;/*reduce from above*/
}
/* cannot use FIELDSET>LABEL because of IE<=6 */
-FORM.filter LABEL INPUT,
-FORM.filter LABEL SELECT,
-FORM.filter LABEL SPAN,
-FORM.filter LABEL TEXTAREA {
+.filter LABEL INPUT,
+.filter LABEL SELECT,
+.filter LABEL SPAN,
+.filter LABEL TEXTAREA {
display: block;
margin: 0.5em 0;
}
-FORM.filter FIELDSET * LABEL INPUT,
-FORM.filter FIELDSET * LABEL SELECT,
-FORM.filter FIELDSET * LABEL TEXTAREA,
-FORM.filter LABEL SPAN INPUT,
-FORM.filter LABEL SPAN SELECT,
-FORM.filter LABEL SPAN TEXTAREA {
+.filter FIELDSET * LABEL INPUT,
+.filter FIELDSET * LABEL SELECT,
+.filter FIELDSET * LABEL TEXTAREA,
+.filter LABEL SPAN INPUT,
+.filter LABEL SPAN SELECT,
+.filter LABEL SPAN TEXTAREA {
display: inline;
vertical-align: top;
margin: 0 0.5em 0 0;
}
-FORM.filter UL.tagSelection LI LABEL INPUT {
+.filter .tagSelection LI LABEL INPUT {
margin-right:0;
}
-FORM.filter INPUT[type="submit"] {
+.filter INPUT[type="submit"] {
margin-top: 1em;
}
-FORM.properties UL {
+.properties UL {
list-style-type: none;
margin: 0;
padding: 0;
}
-FORM.properties LI {
+.properties LI {
margin-bottom: 0.5em;
padding: 0;
line-height: 1.8em;
clear: left;
}
-FORM.properties SPAN.property {
+.properties SPAN.property {
font-weight: bold;
float: left;
width: 50%;
@@ -585,24 +585,24 @@ FORM.properties SPAN.property {
}
/* button tools */
-UL.actions {
+.actions {
text-indent: 0;
list-style: none;
}
-UL.actions LI {
+.actions LI {
display: inline;
}
-UL.actions A, UL.actions IMG {
+.actions A, .actions IMG {
border: none;
}
-UL.tagSelection {
+.tagSelection {
width: 99%;
margin: 1em 0;
padding: 0;
}
-UL.tagSelection LI {
+.tagSelection LI {
display:inline-block;
width:150px!important;
overflow:hidden;
@@ -674,7 +674,7 @@ TABLE.tagLetterContent {
#theHeader {text-align: center;}
-#comments UL.thumbnailCategories LI { width:99%; }
+#comments .thumbnailCategories LI { width:99%; }
/* jQuery datepicker */
IMG.ui-datepicker-trigger {
@@ -682,25 +682,25 @@ IMG.ui-datepicker-trigger {
}
/* Set some sizes according to your maximum thumbnail width and height */
-UL.thumbnails SPAN,
-UL.thumbnails SPAN.wrap2 A,
-UL.thumbnails LABEL,
+.thumbnails SPAN,
+.thumbnails .wrap2 A,
+.thumbnails LABEL,
.thumbnailCategory DIV.illustration {
width: 140px; /* max thumbnail width + 2px */
}
-UL.thumbnails SPAN.wrap2,
+.thumbnails .wrap2,
.content .thumbnailCategory .description {
height: 140px; /* max thumbnail height + 2px */
}
/* Category thumbnails on main page */
-UL.thumbnailCategories LI {
+.thumbnailCategories LI {
width: 49.7%; /* 49.7% for 2 per line, 33.2% for 3 per line*/
}
/* Set defaults for thumbnails legend */
-UL.thumbnails SPAN.thumbLegend {
+.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)*/
}