From 02037e345da5174711e09e4a41492413a87c750c Mon Sep 17 00:00:00 2001 From: Fabrixxm Date: Sat, 1 Sep 2012 04:52:01 -0400 Subject: [PATCH] quattro: fix attachments icons, fix wall-to-wall comments, style blockquote element, bigger text in textareas --- view/theme/quattro/dark/colors.less | 3 ++ view/theme/quattro/dark/style.css | 42 +++++++++++----------------- view/theme/quattro/green/colors.less | 3 ++ view/theme/quattro/green/style.css | 42 +++++++++++----------------- view/theme/quattro/quattro.less | 32 +++++++++++---------- 5 files changed, 55 insertions(+), 67 deletions(-) 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; }