quattro: move comment box for top-level item at the end of comments list

[friendica.git] / view / theme / quattro / dark / style.css

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index 087d9c746f1d8f9e2ee32b3434c86b0a0d2f1228..17e51cf1704847cc64848894a450c3e94255ac4b 100644 (file)
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -1068,6 +1068,9 @@ section {
   color: #2d2d2d;
   border: 1px solid #2d2d2d;
 }
+.threaded .wall-item-comment-wrapper {
+  margin-left: 0px;
+}
 .comment-edit-preview {
   width: 710px;
   border: 1px solid #2d2d2d;
@@ -1139,6 +1142,37 @@ section {
   width: 25px;
   height: 25px;
 }
+/* threaded comments */
+.children .children {
+  margin-left: 40px;
+}
+.children .children .wall-item-container {
+  width: 710px;
+}
+.children .children .children {
+  margin-left: 40px;
+}
+.children .children .children .wall-item-container {
+  width: 670px;
+}
+.children .children .children .children {
+  margin-left: 40px;
+}
+.children .children .children .children .wall-item-container {
+  width: 630px;
+}
+.children .children .children .children .children {
+  margin-left: 40px;
+}
+.children .children .children .children .children .wall-item-container {
+  width: 590px;
+}
+.children .children .children .children .children .children {
+  margin-left: 0px;
+}
+.threaded .hide-comments-outer {
+  margin-left: 20px;
+}
 span[id^="showmore-teaser"] {
   background: url("showmore-bg.jpg") no-repeat center bottom;
 }
@@ -1975,25 +2009,23 @@ footer {
   opacity: 0.3;
   filter: alpha(opacity=30);
 }
-[class^="comment-edit-bb"] {
+.comment-edit-bb {
   list-style: none;
   display: none;
-  margin: 0px 0 0px 60px;
+  margin: 0px;
+  padding: 0px;
   width: 75%;
 }
-[class^="comment-edit-bb"] > li {
+.comment-edit-bb > li {
   display: inline-block;
   margin: 10px 10px 0 0;
   visibility: none;
 }
-[class^="comment-edit-bb-end"] {
-  clear: both;
-}
 .editicon {
   display: inline-block;
   width: 16px;
   height: 16px;
-  background-image: url(bbedit.png);
+  background-image: url(icons/bbedit.png);
   text-decoration: none;
 }
 .editicon :hover {