From 4d9e208be1ae6311016e9c39e83b144720fbfa26 Mon Sep 17 00:00:00 2001 From: rvelices Date: Thu, 23 Dec 2010 22:03:35 +0000 Subject: - more efficient css rules (according to pagespeed) git-svn-id: http://piwigo.org/svn/trunk@8269 68402e56-0260-453c-a942-63ccdbb3a9ee --- themes/Sylvia/theme-ie.css | 2 +- themes/Sylvia/theme.css | 26 +++++++++++++------------- themes/clear/theme.css | 6 +++--- themes/dark/theme.css | 6 +++--- themes/default/fix-ie5-ie6.css | 2 +- themes/default/fix-khtml.css | 4 ++-- themes/default/theme.css | 36 +++++++++++++++++------------------- 7 files changed, 40 insertions(+), 42 deletions(-) (limited to 'themes') 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*/ } -- cgit v1.2.3