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 d115453bc643793d97acebbae1e35e410e528e7f..17e51cf1704847cc64848894a450c3e94255ac4b 100644 (file)
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -423,7 +423,7 @@ code {
 .tool .action {
   float: right;
 }
-.tool li > img {
+.tool > img {
   float: left;
 }
 /* popup notifications */
@@ -690,6 +690,9 @@ aside {
   padding: 0px 10px 0px 20px;
   border-right: 1px solid #bdcdd4;
 }
+aside .profile-edit-side-div {
+  display: none;
+}
 aside .vcard .fn {
   font-size: 16px;
   font-weight: bold;
@@ -896,6 +899,9 @@ section {
   width: 770px;
   padding: 0px 20px 0px 10px;
 }
+.sparkle {
+  cursor: url('icons/lock.cur'), pointer;
+}
 /* wall item */
 .tread-wrapper {
   background-color: #eff0f1;
@@ -1062,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;
@@ -1133,6 +1142,47 @@ 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;
+}
+span[id^="showmore-wrap"] {
+  border-top: 1px solid #999999;
+  color: #999999;
+  display: block;
+  text-align: center;
+  background-color: #eff0f1;
+}
 #pause {
   position: fixed;
   bottom: 5px;
@@ -1959,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 {