Merge pull request #452 from fabrixxm/master

quattro: fix attachments icons, fix wall-to-wall comments, style blockquote element, bigger text in textareas
This commit is contained in:
fabrixxm 2012-09-01 02:05:53 -07:00
commit 9752f62b8d
5 changed files with 55 additions and 67 deletions

View file

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

View file

@ -387,6 +387,12 @@ a:hover {
color: #005c94; color: #005c94;
text-decoration: underline; text-decoration: underline;
} }
blockquote {
background: #ffffff;
padding: 1em;
margin-left: 1em;
border-left: 1em solid #e6e6e6;
}
code { code {
font-family: Courier, monospace; font-family: Courier, monospace;
white-space: pre; white-space: pre;
@ -398,6 +404,9 @@ code {
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
} }
textarea {
font-size: 20px;
}
#panel { #panel {
position: absolute; position: absolute;
width: 10em; width: 10em;
@ -1063,7 +1072,7 @@ section {
padding: 0.3em; padding: 0.3em;
} }
.wall-item-comment-wrapper .comment-edit-text-full { .wall-item-comment-wrapper .comment-edit-text-full {
font-size: 14px; font-size: 20px;
height: 4em; height: 4em;
color: #2d2d2d; color: #2d2d2d;
border: 1px solid #2d2d2d; border: 1px solid #2d2d2d;
@ -1155,6 +1164,9 @@ section {
.children .hide-comments-outer { .children .hide-comments-outer {
margin-left: 60px; margin-left: 60px;
} }
.children .wwto {
display: none;
}
.children .comment-edit-preview { .children .comment-edit-preview {
width: 660px; width: 660px;
} }
@ -1303,6 +1315,9 @@ span[id^="showmore-wrap"] {
border: 1px solid #999999; border: 1px solid #999999;
padding: 0.3em; padding: 0.3em;
} }
#jot .profile-jot-text:focus {
font-size: 20px;
}
#jot #jot-tools { #jot #jot-tools {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
@ -2113,28 +2128,3 @@ footer {
.videobb:hover { .videobb:hover {
background-position: -112px -16px; 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 file

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

View file

@ -387,6 +387,12 @@ a:hover {
color: #009100; color: #009100;
text-decoration: underline; text-decoration: underline;
} }
blockquote {
background: #ffffff;
padding: 1em;
margin-left: 1em;
border-left: 1em solid #e6e6e6;
}
code { code {
font-family: Courier, monospace; font-family: Courier, monospace;
white-space: pre; white-space: pre;
@ -398,6 +404,9 @@ code {
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
} }
textarea {
font-size: 20px;
}
#panel { #panel {
position: absolute; position: absolute;
width: 10em; width: 10em;
@ -1063,7 +1072,7 @@ section {
padding: 0.3em; padding: 0.3em;
} }
.wall-item-comment-wrapper .comment-edit-text-full { .wall-item-comment-wrapper .comment-edit-text-full {
font-size: 14px; font-size: 20px;
height: 4em; height: 4em;
color: #2d2d2d; color: #2d2d2d;
border: 1px solid #2d2d2d; border: 1px solid #2d2d2d;
@ -1155,6 +1164,9 @@ section {
.children .hide-comments-outer { .children .hide-comments-outer {
margin-left: 60px; margin-left: 60px;
} }
.children .wwto {
display: none;
}
.children .comment-edit-preview { .children .comment-edit-preview {
width: 660px; width: 660px;
} }
@ -1303,6 +1315,9 @@ span[id^="showmore-wrap"] {
border: 1px solid #999999; border: 1px solid #999999;
padding: 0.3em; padding: 0.3em;
} }
#jot .profile-jot-text:focus {
font-size: 20px;
}
#jot #jot-tools { #jot #jot-tools {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
@ -2113,28 +2128,3 @@ footer {
.videobb:hover { .videobb:hover {
background-position: -112px -16px; 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 file

@ -51,6 +51,14 @@ a:hover {color: @LinkHover; text-decoration: underline; }
.fakelink { color: @Link; text-decoration: none; cursor:pointer; } .fakelink { color: @Link; text-decoration: none; cursor:pointer; }
.fakelink:hover { color: @LinkHover; text-decoration: underline; } .fakelink:hover { color: @LinkHover; text-decoration: underline; }
blockquote {
background:@BlockquoteBackgroundColor;
padding: 1em;
margin-left: 1em;
border-left: 1em solid @BlockquoteBorderColor;
}
code { code {
font-family: Courier, monospace; font-family: Courier, monospace;
white-space: pre; white-space: pre;
@ -63,6 +71,9 @@ code {
margin-top: 20px; margin-top: 20px;
} }
textarea { font-size: 20px; }
#panel { #panel {
position: absolute; position: absolute;
width: 10em; width: 10em;
@ -531,7 +542,7 @@ section {
padding:0.3em; padding:0.3em;
} }
.comment-edit-text-full { .comment-edit-text-full {
font-size: 14px; font-size: 20px;
height: 4em; height: 4em;
color: @CommentBoxFullColor; color: @CommentBoxFullColor;
border: 1px solid @CommentBoxFullBorderColor; border: 1px solid @CommentBoxFullBorderColor;
@ -603,11 +614,14 @@ section {
} }
.wwto .contact-photo { width: 25px; height: 25px; } .wwto .contact-photo { width: 25px; height: 25px; }
/* threaded comments */ /* threaded comments */
.children { .children {
margin-top: 1em; margin-top: 1em;
.hide-comments-outer { margin-left:60px; } .hide-comments-outer { margin-left:60px; }
.wwto { display: none; }
.comment-edit-preview { width: 660px; .comment-edit-preview { width: 660px;
.wall-item-container { width: 610px; } .wall-item-container { width: 610px; }
} }
@ -730,6 +744,8 @@ span[id^="showmore-wrap"] {
color: @CommentBoxEmptyColor; color: @CommentBoxEmptyColor;
border: 1px solid @CommentBoxEmptyBorderColor; border: 1px solid @CommentBoxEmptyBorderColor;
padding:0.3em; padding:0.3em;
&:focus { font-size: 20px; }
} }
#jot-tools { #jot-tools {
@ -1434,18 +1450,4 @@ footer { height: 100px; display: table-row; }
.videobb { background-position: -112px 0px; } .videobb { background-position: -112px 0px; }
.videobb:hover { background-position: -112px -16px; } .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; }