Browse Source

Merge pull request #452 from fabrixxm/master

quattro: fix attachments icons, fix wall-to-wall comments, style blockquote element, bigger text in textareas
pull/455/head
fabrixxm 10 years ago
parent
commit
9752f62b8d
  1. 3
      view/theme/quattro/dark/colors.less
  2. 42
      view/theme/quattro/dark/style.css
  3. 3
      view/theme/quattro/green/colors.less
  4. 42
      view/theme/quattro/green/style.css
  5. 32
      view/theme/quattro/quattro.less

3
view/theme/quattro/dark/colors.less

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

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

3
view/theme/quattro/green/colors.less

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

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

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

Loading…
Cancel
Save