95 lines
1.3 KiB
SCSS
95 lines
1.3 KiB
SCSS
.comment-field {
|
|
background-color: #333333;
|
|
padding-top: 3rem;
|
|
padding-bottom: 1rem;
|
|
|
|
textarea {
|
|
min-height: 7rem;
|
|
}
|
|
|
|
input[type='text'], textarea {
|
|
border: 1px solid #333333;
|
|
background-color: #F7F7F7;
|
|
box-shadow: none;
|
|
&:focus {
|
|
box-shadow: none;
|
|
background-color: white;
|
|
}
|
|
}
|
|
|
|
.has-tip {
|
|
color: #008cba;
|
|
}
|
|
|
|
.next {
|
|
float: right;
|
|
i {
|
|
margin-left: 0.275rem;
|
|
}
|
|
}
|
|
|
|
.prev i {
|
|
margin-right: 0.275rem;
|
|
margin-top: 0.5rem;
|
|
}
|
|
}
|
|
|
|
.comment-diag {
|
|
color: #EBEBEB;
|
|
border-top: 1px solid #5E5E5E;
|
|
padding-top: 1rem;
|
|
|
|
.created-at {
|
|
color: #b3b3b3;
|
|
}
|
|
.comment-content {
|
|
padding-bottom: 2.275rem;
|
|
padding-left: 0.275rem;
|
|
border-bottom: 1px dashed #8a8a8a;
|
|
margin-bottom: 0;
|
|
white-space: pre;
|
|
}
|
|
.name {
|
|
padding-top: 0.5rem;
|
|
padding-left: 0.275rem;
|
|
}
|
|
}
|
|
|
|
.comment-submit[disabled] {
|
|
opacity: 0.4;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.comment-submit {
|
|
background-color: #008cba;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
|
|
.comment-success {
|
|
color: #66FAB5;
|
|
}
|
|
|
|
.comment-fail {
|
|
color: #FF7A7A;
|
|
}
|
|
|
|
.comment-wrapper {
|
|
margin-bottom: 0.5rem;
|
|
&:hover {
|
|
background-color: #444444;
|
|
}
|
|
|
|
.name {
|
|
color: #DDDDDD;
|
|
}
|
|
|
|
.comment-content {
|
|
word-wrap: break-word;
|
|
color: #DDDDDD;
|
|
white-space: pre-wrap;
|
|
word-break: break-all;
|
|
}
|
|
|
|
}
|