aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga/content.css
diff options
context:
space:
mode:
Diffstat (limited to 'template/yoga/content.css')
-rw-r--r--template/yoga/content.css29
1 files changed, 14 insertions, 15 deletions
diff --git a/template/yoga/content.css b/template/yoga/content.css
index 725e5f95d..a1e1a6de5 100644
--- a/template/yoga/content.css
+++ b/template/yoga/content.css
@@ -145,20 +145,22 @@ ul.categoryActions {
/* User comments */
+#content DIV#comments {
+ padding-left: 5px;
+ padding-right: 5px;
+ -moz-box-sizing: padding-box;
+}
#content DIV.comment {
- margin: 5px;
- border: 1px solid gray;
- min-height: 150px; /* maximum thumbnail height */
+ margin: 0 0 0.5em 0;
+ padding: 0;
+ overflow: hidden; /* these 2 lines ensure the floating child is kept in the DIV */
+ width: 100%; /* don't ask why. It's a very usefull trick */
}
-#content DIV.comment > A.illustration {
+#content DIV.comment A.illustration {
display: block;
- position: absolute;
- margin: 5px;
-}
-
-#content DIV.comment > A.illustration IMG {
- border: 1px solid gray;
+ float: left;
+ margin: 0.5em 0 0 0.5em;
}
#content DIV.comment P.commentHeader {
@@ -171,18 +173,15 @@ ul.categoryActions {
margin: 0.2em;
}
-#content DIV.comment > UL.actions > LI {
+#content DIV.comment UL.actions LI {
display: inline;
}
#content DIV.comment BLOCKQUOTE {
- margin: 1em 1em 1em 140px; /* margin-left corresponds to maximum thumbnail width */
- border: 1px solid #d3d3d3;
- border-left: 2px solid gray;
+ margin: 1em 0.5em 0.5em 150px; /* margin-left corresponds to maximum thumbnail width + ~10px */
padding: 0.5em;
}
-
/* should be in admin.css ? CSS properties also used in popuphelp */
SPAN.pwgScreen {