quattro: fix attachments icons, fix wall-to-wall comments, style blockquote element...

diff --git a/view/theme/quattro/dark/colors.less b/view/theme/quattro/dark/colors.less
index 42fdd34bb7de7819c259f027715a9e4c1f508073..5c9de375318ec5f77c863d0af83d921a6e4661ed 100644 (file)
--- a/view/theme/quattro/dark/colors.less
+++ b/view/theme/quattro/dark/colors.less
@@ -80,6 +80,9 @@
 @ItemColor: @Grey5;
 @ItemColorDimmed: @Grey3;
 
+@BlockquoteBackgroundColor: #FFFFFF;
+@BlockquoteBorderColor: #e6e6e6;
+
 @CommentBoxEmptyColor: @Grey3;
 @CommentBoxEmptyBorderColor: @Grey3;
 @CommentBoxFullColor: @Grey5;

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index 9561fe728a698ed3df2baad961e3f3a34b52a7f7..0bb2cd10ebc7cbe3dc2006eb9517630169372dc7 100644 (file)
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -387,6 +387,12 @@ a:hover {
   color: #005c94;
   text-decoration: underline;
 }
+blockquote {
+  background: #ffffff;
+  padding: 1em;
+  margin-left: 1em;
+  border-left: 1em solid #e6e6e6;
+}
 code {
   font-family: Courier, monospace;
   white-space: pre;
@@ -398,6 +404,9 @@ code {
   padding: 10px;
   margin-top: 20px;
 }
+textarea {
+  font-size: 20px;
+}
 #panel {
   position: absolute;
   width: 10em;
@@ -1063,7 +1072,7 @@ section {
   padding: 0.3em;
 }
 .wall-item-comment-wrapper .comment-edit-text-full {
-  font-size: 14px;
+  font-size: 20px;
   height: 4em;
   color: #2d2d2d;
   border: 1px solid #2d2d2d;
@@ -1155,6 +1164,9 @@ section {
 .children .hide-comments-outer {
   margin-left: 60px;
 }
+.children .wwto {
+  display: none;
+}
 .children .comment-edit-preview {
   width: 660px;
 }
@@ -1303,6 +1315,9 @@ span[id^="showmore-wrap"] {
   border: 1px solid #999999;
   padding: 0.3em;
 }
+#jot .profile-jot-text:focus {
+  font-size: 20px;
+}
 #jot #jot-tools {
   margin: 0px;
   padding: 0px;
@@ -2113,28 +2128,3 @@ footer {
 .videobb:hover {
   background-position: -112px -16px;
 }
-.attachtype {
-  display: block;
-  width: 20px;
-  height: 23px;
-  float: left;
-  background-image: url('../../../images/content-types.png');
-}
-.body-attach {
-  margin-top: 10px;
-}
-.type-video {
-  background-position: 0px 0px;
-}
-.type-image {
-  background-position: -20px 0px;
-}
-.type-audio {
-  background-position: -40px 0px;
-}
-.type-text {
-  background-position: -60px 0px;
-}
-.type-unkn {
-  background-position: -80px 0px;
-}

diff --git a/view/theme/quattro/green/colors.less b/view/theme/quattro/green/colors.less
index 1f1df4c55d007108e4f892a4dd44c634132593a4..f14c636331b277ca172824e632b069184764c1d6 100644 (file)
--- a/view/theme/quattro/green/colors.less
+++ b/view/theme/quattro/green/colors.less
@@ -78,6 +78,9 @@
 @ThreadBottomBorderColor: @Grey2;
 @ShinyBorderColor: @Green4;
 
+@BlockquoteBackgroundColor: #FFFFFF;
+@BlockquoteBorderColor: #e6e6e6;
+
 @CommentBoxEmptyColor: @Grey3;
 @CommentBoxEmptyBorderColor: @Grey3;
 @CommentBoxFullColor: @Grey5;

diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css
index 29d5512712ed435458db4eb6befa1c5cbec20fe4..4897471eacde6404b54d979c75fb7f77010b6abc 100644 (file)
--- a/view/theme/quattro/green/style.css
+++ b/view/theme/quattro/green/style.css
@@ -387,6 +387,12 @@ a:hover {
   color: #009100;
   text-decoration: underline;
 }
+blockquote {
+  background: #ffffff;
+  padding: 1em;
+  margin-left: 1em;
+  border-left: 1em solid #e6e6e6;
+}
 code {
   font-family: Courier, monospace;
   white-space: pre;
@@ -398,6 +404,9 @@ code {
   padding: 10px;
   margin-top: 20px;
 }
+textarea {
+  font-size: 20px;
+}
 #panel {
   position: absolute;
   width: 10em;
@@ -1063,7 +1072,7 @@ section {
   padding: 0.3em;
 }
 .wall-item-comment-wrapper .comment-edit-text-full {
-  font-size: 14px;
+  font-size: 20px;
   height: 4em;
   color: #2d2d2d;
   border: 1px solid #2d2d2d;
@@ -1155,6 +1164,9 @@ section {
 .children .hide-comments-outer {
   margin-left: 60px;
 }
+.children .wwto {
+  display: none;
+}
 .children .comment-edit-preview {
   width: 660px;
 }
@@ -1303,6 +1315,9 @@ span[id^="showmore-wrap"] {
   border: 1px solid #999999;
   padding: 0.3em;
 }
+#jot .profile-jot-text:focus {
+  font-size: 20px;
+}
 #jot #jot-tools {
   margin: 0px;
   padding: 0px;
@@ -2113,28 +2128,3 @@ footer {
 .videobb:hover {
   background-position: -112px -16px;
 }
-.attachtype {
-  display: block;
-  width: 20px;
-  height: 23px;
-  float: left;
-  background-image: url('../../../images/content-types.png');
-}
-.body-attach {
-  margin-top: 10px;
-}
-.type-video {
-  background-position: 0px 0px;
-}
-.type-image {
-  background-position: -20px 0px;
-}
-.type-audio {
-  background-position: -40px 0px;
-}
-.type-text {
-  background-position: -60px 0px;
-}
-.type-unkn {
-  background-position: -80px 0px;
-}

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index d7b82c8bc12b9e43eb8e651eeec4b7f2f207eda7..84aa13ac039434cb644b92cfc71870d6aa0d662c 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -51,6 +51,14 @@ a:hover {color: @LinkHover; text-decoration: underline; }
 .fakelink { color: @Link; text-decoration: none; cursor:pointer; }
 .fakelink:hover { color: @LinkHover; text-decoration: underline; }
 
+blockquote {
+    background:@BlockquoteBackgroundColor;
+    padding: 1em;
+    margin-left: 1em;
+    border-left: 1em solid @BlockquoteBorderColor;
+    
+}
+
 code {
        font-family: Courier, monospace;
        white-space: pre;
@@ -63,6 +71,9 @@ code {
        margin-top: 20px; 
 }
 
+textarea { font-size: 20px; }
+
+
 #panel {
        position: absolute;
        width: 10em;
@@ -531,7 +542,7 @@ section {
                padding:0.3em;
        }
        .comment-edit-text-full {
-               font-size: 14px;
+               font-size: 20px;
                height: 4em;
                color: @CommentBoxFullColor;
                border: 1px solid @CommentBoxFullBorderColor;
@@ -603,11 +614,14 @@ section {
 }
 .wwto .contact-photo { width: 25px; height: 25px; }
 
+
 /* threaded comments */
 .children {
        margin-top: 1em;
        .hide-comments-outer { margin-left:60px; }
        
+       .wwto { display: none; }
+       
        .comment-edit-preview { width: 660px;
                .wall-item-container { width: 610px; }
         }
@@ -730,6 +744,8 @@ span[id^="showmore-wrap"] {
                color: @CommentBoxEmptyColor;
                border: 1px solid @CommentBoxEmptyBorderColor;
                padding:0.3em;
+               
+               &:focus { font-size: 20px; }
        }
 
        #jot-tools {
@@ -1434,18 +1450,4 @@ footer { height: 100px; display: table-row; }
 .videobb { background-position: -112px 0px; }
 .videobb:hover { background-position: -112px -16px; }
 
-.attachtype {
-       display: block; width: 20px; height: 23px;
-       float: left;
-       background-image: url('../../../images/content-types.png');
-}
-
-.body-attach {
-       margin-top: 10px;
-}
 
-.type-video { background-position: 0px 0px; }
-.type-image { background-position: -20px 0px; }
-.type-audio { background-position: -40px 0px; }
-.type-text  { background-position: -60px 0px; }
-.type-unkn  { background-position: -80px 0px; }