Merge pull request #452 from fabrixxm/master

quattro: fix attachments icons, fix wall-to-wall comments, style blockquote element, bigger text in textareas

view/theme/quattro/dark/colors.less

@@ -80,6 +80,9 @@
 @ItemColor: @Grey5;
 @ItemColorDimmed: @Grey3;
 
+@BlockquoteBackgroundColor: #FFFFFF;
+@BlockquoteBorderColor: #e6e6e6;
+
 @CommentBoxEmptyColor: @Grey3;
 @CommentBoxEmptyBorderColor: @Grey3;
 @CommentBoxFullColor: @Grey5;

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;
-}

view/theme/quattro/green/colors.less

@@ -78,6 +78,9 @@
 @ThreadBottomBorderColor: @Grey2;
 @ShinyBorderColor: @Green4;
 
+@BlockquoteBackgroundColor: #FFFFFF;
+@BlockquoteBorderColor: #e6e6e6;
+
 @CommentBoxEmptyColor: @Grey3;
 @CommentBoxEmptyBorderColor: @Grey3;
 @CommentBoxFullColor: @Grey5;

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;
-}

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; }