aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorrvelices <rv-github@modusoptimus.com>2010-12-23 22:03:35 +0000
committerrvelices <rv-github@modusoptimus.com>2010-12-23 22:03:35 +0000
commit4d9e208be1ae6311016e9c39e83b144720fbfa26 (patch)
tree22ad01199631f914961f64a0813ab0fe1ab25523
parent130c83652ecb198347fb79a30df1596308f18d52 (diff)
- more efficient css rules (according to pagespeed)
git-svn-id: http://piwigo.org/svn/trunk@8269 68402e56-0260-453c-a942-63ccdbb3a9ee
-rw-r--r--themes/Sylvia/theme-ie.css2
-rw-r--r--themes/Sylvia/theme.css26
-rw-r--r--themes/clear/theme.css6
-rw-r--r--themes/dark/theme.css6
-rw-r--r--themes/default/fix-ie5-ie6.css2
-rw-r--r--themes/default/fix-khtml.css4
-rw-r--r--themes/default/theme.css36
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*/
}