111 lines
2.6 KiB
CSS
111 lines
2.6 KiB
CSS
|
#isso-thread * {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
#isso-thread > .isso-feedlink {
|
||
|
|
float: right;
|
||
|
|
padding-left: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#isso-root .isso-comment {
|
||
|
|
padding-top: 0.95em;
|
||
|
|
margin: 0.95em auto;
|
||
|
|
}
|
||
|
|
#isso-root .isso-comment:not(:first-of-type),
|
||
|
|
.isso-follow-up .isso-comment {
|
||
|
|
border-top: 0.1em solid;
|
||
|
|
}
|
||
|
|
.isso-comment > div.avatar {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
width: 4em;
|
||
|
|
height: 4em;
|
||
|
|
margin: 0.3em 1em 0 0;
|
||
|
|
}
|
||
|
|
.isso-comment > div.avatar > svg {
|
||
|
|
border: 0.1em solid;
|
||
|
|
border-radius: 0.3em;
|
||
|
|
}
|
||
|
|
.isso-comment > div.text-wrapper {
|
||
|
|
display: block;
|
||
|
|
word-break: break-word;
|
||
|
|
hyphens: auto;
|
||
|
|
-webkit-hyphens: auto;
|
||
|
|
-ms-hyphens: auto;
|
||
|
|
}
|
||
|
|
.isso-comment .isso-follow-up {
|
||
|
|
padding-left: calc(4em);
|
||
|
|
}
|
||
|
|
.isso-comment > div.text-wrapper > .isso-comment-header .spacer {
|
||
|
|
padding: 0 0.5em;
|
||
|
|
}
|
||
|
|
.isso-comment > div.text-wrapper > .isso-comment-header .note {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.isso-comment > div.text-wrapper > .isso-comment-header .author {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.isso-comment > div.text-wrapper > div.textarea-wrapper .textarea,
|
||
|
|
.isso-comment > div.text-wrapper > div.textarea-wrapper .preview {
|
||
|
|
width: 100%;
|
||
|
|
border: 0.1em solid #f0f0f0;
|
||
|
|
border-radius: 0.2em;
|
||
|
|
word-break: break-word;
|
||
|
|
hyphens: auto;
|
||
|
|
-webkit-hyphens: auto;
|
||
|
|
-ms-hyphens: auto;
|
||
|
|
}
|
||
|
|
.isso-comment > div.text-wrapper > .isso-comment-footer {
|
||
|
|
clear: left;
|
||
|
|
}
|
||
|
|
.isso-comment.isso-no-votes span.votes {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.isso-postbox {
|
||
|
|
clear: right;
|
||
|
|
}
|
||
|
|
.isso-postbox > .form-wrapper .textarea,
|
||
|
|
.isso-postbox > .form-wrapper .preview {
|
||
|
|
margin: 0 0 .3em;
|
||
|
|
padding: .4em .8em;
|
||
|
|
border-radius: 0.3em;
|
||
|
|
border: 0.1em solid;
|
||
|
|
}
|
||
|
|
.isso-postbox > .form-wrapper > .auth-section {
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row wrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
|
||
|
|
flex-basis: 100%;
|
||
|
|
border-radius: 0.3em;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.isso-postbox > .form-wrapper > .auth-section .post-action > input {
|
||
|
|
border-radius: 0.2em;
|
||
|
|
border: none;
|
||
|
|
margin: 0.3em;
|
||
|
|
padding: 0 0.1em 0 0.1em;
|
||
|
|
background-color: #005892;
|
||
|
|
}
|
||
|
|
.isso-postbox > .form-wrapper > .auth-section .post-action:hover > input {
|
||
|
|
background-color: #832e00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.isso-postbox > .form-wrapper .preview,
|
||
|
|
.isso-postbox > .form-wrapper input[name="edit"],
|
||
|
|
.isso-postbox.preview-mode > .form-wrapper input[name="preview"],
|
||
|
|
.isso-postbox.preview-mode > .form-wrapper .textarea {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.isso-postbox.preview-mode > .form-wrapper .preview {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.isso-postbox.preview-mode > .form-wrapper input[name="edit"] {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
.isso-postbox > .form-wrapper > .notification-section {
|
||
|
|
display: none;
|
||
|
|
padding-bottom: 0.1em;
|
||
|
|
}
|