quattro: fix attachments icons, fix wall-to-wall comments, style blockquote element, bigger text in textareas
This commit is contained in:
Fabrixxm
parent
2ace7d6646
commit
02037e345d
5 changed files with 55 additions and 67 deletions
|
|
@ -80,6 +80,9 @@
|
|||
@ItemColor: @Grey5;
|
||||
@ItemColorDimmed: @Grey3;
|
||||
|
||||
@BlockquoteBackgroundColor: #FFFFFF;
|
||||
@BlockquoteBorderColor: #e6e6e6;
|
||||
|
||||
@CommentBoxEmptyColor: @Grey3;
|
||||
@CommentBoxEmptyBorderColor: @Grey3;
|
||||
@CommentBoxFullColor: @Grey5;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -78,6 +78,9 @@
|
|||
@ThreadBottomBorderColor: @Grey2;
|
||||
@ShinyBorderColor: @Green4;
|
||||
|
||||
@BlockquoteBackgroundColor: #FFFFFF;
|
||||
@BlockquoteBorderColor: #e6e6e6;
|
||||
|
||||
@CommentBoxEmptyColor: @Grey3;
|
||||
@CommentBoxEmptyBorderColor: @Grey3;
|
||||
@CommentBoxFullColor: @Grey5;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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…
Reference in a new issue