- more efficient css rules (according to pagespeed)

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

7 files changed, 40 insertions, 42 deletions

diff --git a/themes/Sylvia/theme-ie.css b/themes/Sylvia/theme-ie.css
index e92e5b34d..fe2a58a79 100644
--- a/themes/Sylvia/theme-ie.css
+++ b/themes/Sylvia/theme-ie.css
@@ -1,4 +1,4 @@
-#content .thumbnailCategory div.description .text {
+#content .thumbnailCategory .description .text {
 	scrollbar-face-color:#222;
 	scrollbar-shadow-color:#444;
 	scrollbar-highlight-color:#000;
diff --git a/themes/Sylvia/theme.css b/themes/Sylvia/theme.css
index dc22f7b89..546ff7b5c 100644
--- a/themes/Sylvia/theme.css
+++ b/themes/Sylvia/theme.css
@@ -1,7 +1,7 @@
-.content div.thumbnailCategory div.illustration { 
+.content .thumbnailCategory div.illustration { 
 	width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ 
 }
-#comments div.thumbnailCategory div.illustration { 
+#comments .thumbnailCategory div.illustration { 
 	width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ 
 }
 #comments .thumbnailCategories hr {display:none;}
@@ -196,7 +196,7 @@ BODY {
 	margin: 0; 
 	padding:0; 
 }
-.content div.thumbnailCategory { 
+.content .thumbnailCategory { 
 	background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom; 
 	padding: 0 0 2px; 
 	margin:0; 
@@ -211,24 +211,24 @@ BODY {
 	margin: 0; 
 	padding:20px 0 0 8px; 
 }
-.content .thumbnailCategory div.description { 
+.content .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; 
 }
-.content .thumbnailCategory div.description .text { 
+.content .thumbnailCategory .description .text { 
 	display:block; 
 	margin:10px 2px 0 0;
 	overflow: auto; 
 	overflow-x:hidden; 
 	padding:0 0 5px; 
 }
-.content div.thumbnailCategory div.description p.dates { 
+.content .thumbnailCategory .description p.dates { 
 	margin: 0 15px 0 15px; 
 	text-align: right; 
 }
-.content .thumbnailCategory div.description H3 { 
+.content .thumbnailCategory .description H3 { 
 	display: block; 
 }
 .content ul.thumbnailCategories li:hover { 
@@ -303,7 +303,7 @@ UL.thumbnails SPAN.wrap2:hover {
 }
 #comments ul.actions li, #comments ul.actions li:hover { 
 	background:transparent none;
- 	padding: 0 22px; 
+ 	margin-right: 22px;
 	clear:both; 
 	list-style-type:none; 
 }
@@ -402,12 +402,12 @@ input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hove
   color: #666;
 }
 #theCommentsPage .content ul.thumbnailCategories li,
-#theCommentsPage .content div.thumbnailCategory ,
-#theCommentsPage .content div.thumbnailCategory div.description,
+#theCommentsPage .content .thumbnailCategory ,
+#theCommentsPage .content .thumbnailCategory .description,
 #theCommentsPage .content .thumbnailCategory div.illustration { 
 	background-image: none;
 }
-#theCommentsPage .content div.thumbnailCategory {
+#theCommentsPage .content .thumbnailCategory {
 	padding: 15px 2px 6px 12px; 
 	border: 1px solid #666; 
 }
@@ -421,14 +421,14 @@ input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hove
 #theCommentsPage .content ul.thumbnailCategories li:hover { 
 	background-color: transparent; 
 }
-#theCommentsPage div#comments {
+#theCommentsPage #comments {
 	padding: 0 0 5px 10px;
 }
 tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
 	border-color: #666;
 }
 
-#the_page .content div.thumbnailCategory div.description {
+#the_page .content .thumbnailCategory .description {
   height:158px;
 }
 
diff --git a/themes/clear/theme.css b/themes/clear/theme.css
index 8a398b802..966a7344c 100644
--- a/themes/clear/theme.css
+++ b/themes/clear/theme.css
@@ -32,7 +32,7 @@ H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover {
 }
 
 FIELDSET, INPUT, SELECT, TEXTAREA,
-.content DIV.thumbnailCategory {
+.content .thumbnailCategory {
   border: 1px solid gray;
 }
 
@@ -41,8 +41,8 @@ UL.thumbnails SPAN.wrap2 {
 }
 
 UL.thumbnails SPAN.wrap2:hover,
-.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
-.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
+.content UL.thumbnailCategories .thumbnailCategory:hover,
+.content UL.thumbnailCategories .thumbnailCategory:hover A {
   background-color: #faebd7;
   border-color: yellow;		/* thumbnails border color when mouse cursor is over it */
   color: black;
diff --git a/themes/dark/theme.css b/themes/dark/theme.css
index b21c6e8b3..66fd8dd20 100644
--- a/themes/dark/theme.css
+++ b/themes/dark/theme.css
@@ -47,7 +47,7 @@ H2, #menubar DT, #imageToolBar {
 }
 
 FIELDSET, INPUT, SELECT, TEXTAREA,
-.content DIV.thumbnailCategory {
+.content .thumbnailCategory {
 	border: 1px solid gray;
 }
 
@@ -56,8 +56,8 @@ UL.thumbnails SPAN.wrap2 {
 }
 
 UL.thumbnails SPAN.wrap2:hover,
-.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
-.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
+.content UL.thumbnailCategories .thumbnailCategory:hover,
+.content UL.thumbnailCategories .thumbnailCategory:hover A {
 	background-color: #faebd7;
 	border-color: yellow;	/* thumbnails border color when mouse cursor is over it */
 	color: black;
diff --git a/themes/default/fix-ie5-ie6.css b/themes/default/fix-ie5-ie6.css
index 55c3e3444..bd0862a71 100644
--- a/themes/default/fix-ie5-ie6.css
+++ b/themes/default/fix-ie5-ie6.css
@@ -45,7 +45,7 @@ H1, #theHeader {
 
 
 /* fix quickconnect layout */
-FORM#quickconnect FIELDSET {
+#quickconnect FIELDSET {
   width: 99%;	/* correct an ugly 1 or 2 px misalignement with IE */
 }
 
diff --git a/themes/default/fix-khtml.css b/themes/default/fix-khtml.css
index a0377886c..ed263ef25 100644
--- a/themes/default/fix-khtml.css
+++ b/themes/default/fix-khtml.css
@@ -1,10 +1,10 @@
 /* Issue in Safari/Konqueror only                                                 */
 /* If H2 has a 0 margin-top categoryActions doesn't float right but overwrites H2 */
-.content>DIV.titrePage>H2 {
+.content>.titrePage>H2 {
     margin: 1px 0 0 0;	/* add an arbitrary margin-top */
 }
 
-.content>div.titrePage {
+.content>.titrePage {
     position: relative;
     top: -1px;		/* move the container up by the same amount */
     margin-bottom: 5px; 
diff --git a/themes/default/theme.css b/themes/default/theme.css
index 184b895af..c8f352504 100644
--- a/themes/default/theme.css
+++ b/themes/default/theme.css
@@ -64,17 +64,17 @@
 }
 
 /* quickconnect form */
-FORM#quickconnect {
+#quickconnect {
 	margin: 5px;
 	padding: 0;
 }
 
-FORM#quickconnect FIELDSET {
+#quickconnect FIELDSET {
 	margin: 0;
 	padding: 0; /*IE6 requires padding 0*/
 }
 
-FORM#quickconnect FIELDSET DIV {
+#quickconnect FIELDSET DIV {
 	margin: 8px 5px;
 	padding: 0;
 }
@@ -117,7 +117,7 @@ FORM#quickconnect FIELDSET DIV {
 	font-size: 110%;
 }
 
-.content DIV.titrePage {
+.content .titrePage {
 	padding: 0 0 3px;
 }
 
@@ -215,7 +215,7 @@ TD.calDayHead {
 }
 
 /* Category thumbnails on main page, CSS code inspired from MOD subcatify */
-.content UL.thumbnailCategories {
+UL.thumbnailCategories {
 	margin: 0;
 	padding: 0;
 	list-style: none;
@@ -223,25 +223,25 @@ TD.calDayHead {
 	width: 100%;
 }
 
-.content UL.thumbnailCategories LI {
+UL.thumbnailCategories LI {
 	margin:0;
 	padding:0;
 	float:left;
 }
 
-.content DIV.thumbnailCategory {
+.thumbnailCategory {
 	display:block;
 	padding: 2px 0 0 2px;
 	margin: 5px;
 }
 
-.content DIV.thumbnailCategory DIV.description {
+.thumbnailCategory .description {
 	font-size: 90%;
 	overflow: auto;
 	/*width: inherit;*/
 }
 
-.content DIV.thumbnailCategory DIV.description H3 {
+.thumbnailCategory .description H3 {
 	text-align: left;
 	background: transparent;
 	margin: 0;
@@ -249,11 +249,11 @@ TD.calDayHead {
 	font-size: 120%;
 }
 
-.content DIV.thumbnailCategory DIV.description P {
+.thumbnailCategory .description P {
 	margin: 0;
 }
 
-.content DIV.thumbnailCategory DIV.illustration {
+.thumbnailCategory DIV.illustration {
 	text-align: left;
 	margin: 2px 0 0 2px;
 	float: left;
@@ -261,12 +261,12 @@ TD.calDayHead {
 
 
 /* User comments */
-DIV#comments {
+#comments {
 	padding-left: 5px;
 	padding-right: 5px;
 }
 
-DIV#comments DIV.description {
+#comments .description {
 	font-size: 100%;
 }
 
@@ -384,8 +384,6 @@ TABLE.infoTable TD.value UL {
 	list-style-type: square;
 }
 
-.thumbnailCategories LI { list-style: none; }
-
 .rateButton, .rateButtonSelected, .rateButtonStarFull, .rateButtonStarEmpty  {
 	padding:0;
 	border:0;
@@ -676,7 +674,7 @@ TABLE.tagLetterContent {
 
 #theHeader {text-align: center;}
 
-.content #comments UL.thumbnailCategories LI { width:99%; }
+#comments UL.thumbnailCategories LI { width:99%; }
 
 /* jQuery datepicker */
 IMG.ui-datepicker-trigger {
@@ -687,17 +685,17 @@ IMG.ui-datepicker-trigger {
 UL.thumbnails SPAN,
 UL.thumbnails SPAN.wrap2 A,
 UL.thumbnails LABEL,
-.content DIV.thumbnailCategory DIV.illustration {
+.thumbnailCategory DIV.illustration {
   width: 140px;      /* max thumbnail width + 2px */
 }
 UL.thumbnails SPAN.wrap2,
-.content DIV.thumbnailCategory DIV.description {
+.content .thumbnailCategory .description {
   height: 140px;    /* max thumbnail height + 2px */
 }
 
 
 /* Category thumbnails on main page */
-.content UL.thumbnailCategories LI {
+UL.thumbnailCategories LI {
   width: 49.7%;    /* 49.7% for 2 per line, 33.2% for 3 per line*/
 }