aboutsummaryrefslogtreecommitdiffstats
path: root/template/cclear/content.css
diff options
context:
space:
mode:
authorplegall <plg@piwigo.org>2005-08-21 21:23:17 +0000
committerplegall <plg@piwigo.org>2005-08-21 21:23:17 +0000
commitb08df0468873fa5e6f69a0737d3557bd1de0daa1 (patch)
treee4d2a569da1962b27e0544af7288c578b0e01e12 /template/cclear/content.css
parent0a4b49abd8b0faf9ccc5fe8328adfaa42bcf8f4c (diff)
- modification : adaptation of template variables and blocks in comments
page to display comment by comment instead of picture by picture. - [template cclear] comments.tpl copied and adapted from template default. Return to home new icon. As asked by chrisaga, special id #commentsPage in comments.tpl to set the #content margin-left to 0 (since no #menubar to display). - [template cclear] FORM.filter rules taken from template default (these rules have been written some time ago by yoDan. - [template cclear] bug fixed on #theImage : display:block must be used only on IMG and not on the P>A (yes, in BSF you can have HTML in picture and categories descriptions) git-svn-id: http://piwigo.org/svn/trunk@848 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'template/cclear/content.css')
-rw-r--r--template/cclear/content.css44
1 files changed, 43 insertions, 1 deletions
diff --git a/template/cclear/content.css b/template/cclear/content.css
index 355358ba3..0ed06dd4c 100644
--- a/template/cclear/content.css
+++ b/template/cclear/content.css
@@ -5,6 +5,10 @@
margin-bottom: 1em; /* when it's longer than menu bar */
}
+#commentsPage #content {
+ margin: 1em;
+}
+
#content H2 {
margin-bottom: 1ex;
}
@@ -96,7 +100,7 @@ doesn't work :-((*/
/* actions */
ul.categoryActions {
text-align: center;
- margin: 0;
+ margin: 1px 1px 0 0;
padding: 0;
text-indent: 0;
}
@@ -113,3 +117,41 @@ ul.categoryActions {
border: none;
}
+/* User comments */
+
+#content DIV.comment {
+ margin: 5px;
+ border: 1px solid gray;
+}
+
+#content DIV.comment > A.illustration {
+ display: block;
+ float: left;
+ margin: 5px;
+}
+
+#content DIV.comment > A.illustration IMG {
+ border: 1px solid gray;
+}
+
+#content DIV.comment P.commentHeader {
+ text-align: right;
+ margin: 0.5em 0.5em 0 0;
+}
+
+#content DIV.comment UL.actions {
+ text-align: center;
+ margin: 0.2em;
+ clear: left;
+}
+
+#content DIV.comment > UL.actions > LI {
+ display: inline;
+}
+
+#content DIV.comment BLOCKQUOTE {
+ margin: 1em 1em 1em 150px; /* margin-left corresponds to maximum thumbnail width */
+ border: 1px solid #d3d3d3;
+ border-left: 2px solid gray;
+ padding: 0.5em;
+}