From: Fabrixxm <fabrix.xm@gmail.com>
Date: Sat, 1 Sep 2012 08:52:01 +0000 (-0400)
Subject: quattro: fix attachments icons, fix wall-to-wall comments, style blockquote element...
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=02037e345da5174711e09e4a41492413a87c750c;p=friendica.git
quattro: fix attachments icons, fix wall-to-wall comments, style blockquote element, bigger text in textareas
---
diff --git a/view/theme/quattro/dark/colors.less b/view/theme/quattro/dark/colors.less
index 42fdd34bb7..5c9de37531 100644
--- 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 9561fe728a..0bb2cd10eb 100644
--- 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 1f1df4c55d..f14c636331 100644
--- 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 29d5512712..4897471eac 100644
--- 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 d7b82c8bc1..84aa13ac03 100644
--- 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; }