summaryrefslogtreecommitdiff
path: root/themes/tabi-lean/static/isso.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/tabi-lean/static/isso.css')
-rw-r--r--themes/tabi-lean/static/isso.css375
1 files changed, 0 insertions, 375 deletions
diff --git a/themes/tabi-lean/static/isso.css b/themes/tabi-lean/static/isso.css
deleted file mode 100644
index c5a7329..0000000
--- a/themes/tabi-lean/static/isso.css
+++ /dev/null
@@ -1,375 +0,0 @@
-/* ========================================================================== */
-/* Generic styling */
-/* ========================================================================== */
-#isso-thread * {
- /* Reset */
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-/* ========================================================================== */
-/* Thread heading area */
-/* ========================================================================== */
-#isso-thread {
- margin: 0 auto;
- padding: 0;
- width: 100%;
- color: var(--text-color);
- font-size: 0.9em;
- font-family: var(--sans-serif-font);
-}
-
-h4.isso-thread-heading {
- padding-bottom: 0.2em;
- color: var(--text-color);
- font-size: 1.2rem;
-}
-
-.isso-feedlink {
- float: inline-end;
- padding-inline-start: 1em;
-}
-
-.isso-feedlink a {
- vertical-align: bottom;
- font-size: 0.8em;
-}
-
-/* ========================================================================== */
-/* Comments */
-/* ========================================================================== */
-
-.isso-comment {
- margin: 0 auto;
- max-width: 68em;
-}
-
-.isso-preview .isso-comment {
- margin: 0;
- padding-top: 0;
-}
-
-.isso-comment:not(:first-of-type),
-.isso-follow-up .isso-comment {
- margin-block-end: 0.5em;
- border-top: 1px solid var(--divider-color);
-}
-
-.isso-avatar {
- display: block;
- float: inline-start;
- margin: 0.95em 0.95em 0;
-}
-
-.isso-avatar svg {
- border: 1px solid var(--divider-color);
- border-radius: 3px;
- width: 100%;
- max-width: 48px;
- height: 100%;
- max-height: 48px;
-}
-
-.isso-text-wrapper {
- display: block;
- padding: 0.3em;
-}
-
-.isso-follow-up {
- padding-inline-start: calc(7% + 20px);
-}
-
-.isso-comment-footer {
- font-size: 0.95em;
-}
-
-.isso-comment-header {
- font-size: 0.85em;
-}
-
-.isso-comment-header a {
- text-decoration: none;
-}
-
-/* Only for comment header, spacer between up-/downvote should have no padding */
-.isso-comment-header .isso-spacer {
- padding-inline: 6px;
-}
-
-.isso-spacer,
-.isso-permalink,
-.isso-note,
-.isso-parent {
- color: var(--meta-color);
- font-weight: normal;
- text-shadow: none;
-}
-
-.isso-permalink:hover,
-.isso-note:hover,
-.isso-parent:hover {
- color: var(--hover-color);
-}
-
-.isso-note {
- float: inline-end;
-}
-
-.isso-author {
- color: var(--text-color);
- font-weight: 500;
-}
-
-.isso-page-author-suffix {
- color: var(--text-color-high-contrast);
- font-weight: bold;
-}
-
-/* Style author comments and replies */
-.isso-is-page-author>.isso-text-wrapper {
- background-color: var(--bg-1);
-}
-
-.isso-textarea,
-.isso-preview {
- background-color: var(--bg-2);
- padding: 10px;
- width: 100%;
- color: var(--text-color);
- font-size: 0.8em;
- font-family: var(--sans-serif-font);
-}
-
-.isso-text p {
- margin-top: -0.4em;
-}
-
-.isso-text p:last-child {
- margin-block-end: 0.2em;
-}
-
-.isso-text h1,
-.isso-text h2,
-.isso-text h3,
-.isso-text h4,
-.isso-text h5,
-.isso-text h6 {
- font-weight: bold;
- font-size: 130%;
-}
-
-.isso-comment-footer {
- clear: left;
- color: var(--meta-color);
- font-size: 0.80em;
-}
-
-.isso-feedlink,
-.isso-comment-footer a {
- margin: 0.4em;
- padding: 0.1em;
- font-weight: bold;
- text-decoration: none;
-}
-
-.isso-comment-footer .isso-votes {
- color: var(--meta-color);
-}
-
-.isso-upvote svg,
-.isso-downvote svg {
- position: relative;
- top: .2em;
-}
-
-.isso-upvote:hover svg,
-.isso-downvote:hover svg {
- fill: var(--hover-color);
-}
-
-/* Reply postbox under existing comment */
-.isso-comment .isso-postbox {
- margin-top: 0.8em;
-}
-
-.isso-comment.isso-no-votes>*>.isso-comment-footer .isso-votes {
- display: none;
-}
-
-/* ========================================================================== */
-/* Postbox */
-/* ========================================================================== */
-.isso-postbox {
- clear: right;
- margin: 0 auto 2em;
-}
-
-.isso-form-wrapper {
- display: flex;
- flex-direction: column;
-}
-
-.isso-textarea,
-.isso-preview {
- margin-top: 0.2em;
- border: 1px solid var(--divider-color);
- border-radius: 5px;
- width: 100%;
-}
-
-.isso-textarea {
- outline: 0;
- width: 100%;
- resize: none;
-}
-
-.isso-form-wrapper input[type=checkbox] {
- position: relative;
- bottom: 1px;
- vertical-align: middle;
- margin-inline-end: 0;
-}
-
-.isso-notification-section {
- display: none;
- padding-top: .3em;
- padding-bottom: 10px;
- font-size: 0.90em;
-}
-
-.isso-auth-section {
- display: flex;
- flex-direction: row;
-}
-
-.isso-input-wrapper,
-.isso-post-action {
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- align-items: center;
- margin: 0 auto;
- max-width: 35%;
- font-size: 0.8em;
- font-family: var(--sans-serif-font);
- text-align: center;
-}
-
-.isso-input-wrapper {
- margin-inline-end: 0.5em;
-}
-
-.isso-input-wrapper input,
-.isso-post-action input {
- margin-top: auto;
-}
-
-.isso-input-wrapper label {
- display: inline-block;
- margin-top: auto;
- height: auto;
- line-height: 1.4em;
-}
-
-.isso-input-wrapper input {
- border: 1px solid var(--divider-color);
- border-radius: 5px;
- background-color: var(--bg-2);
- padding: 0.3em;
- width: 100%;
- color: var(--text-color);
- line-height: 1.2em;
- font-family: var(--sans-serif-font);
-}
-
-.isso-post-action input {
- cursor: pointer;
- margin: 0.1em;
- border: none;
- border-radius: 5px;
- background-color: var(--primary-color);
- padding-inline: 1em;
- padding-block: 0.6em;
- color: var(--background-color);
- font-size: 0.8rem;
-}
-
-.isso-post-action {
- display: block;
- align-self: flex-end;
- margin: 0 auto;
-}
-
-.isso-post-action>input:hover {
- opacity: 0.8;
-}
-
-/* ========================================================================== */
-/* Postbox (preview mode) */
-/* ========================================================================== */
-.isso-preview,
-.isso-post-action input[name="edit"],
-.isso-postbox.isso-preview-mode>.isso-form-wrapper input[name="preview"],
-.isso-postbox.isso-preview-mode>.isso-form-wrapper .isso-textarea {
- display: none;
-}
-
-.isso-postbox.isso-preview-mode>.isso-form-wrapper .isso-preview {
- display: block;
-}
-
-.isso-postbox.isso-preview-mode>.isso-form-wrapper input[name="edit"] {
- display: inline;
-}
-
-.isso-preview {
- background: repeating-linear-gradient(-45deg,
- var(--bg-0),
- var(--bg-0) 10px,
- var(--bg-2) 10px,
- var(--bg-2) 20px);
- background-color: var(--bg-0);
-}
-
-/* ========================================================================== */
-/* Animations */
-/* ========================================================================== */
-
-/* "target" means the comment that's being linked to, for example:
- * https://example.com/blog/example/#isso-15
- */
-.isso-target {
- animation: isso-target-fade 5s ease-out;
-}
-
-@keyframes isso-target-fade {
- 0% {
- background-color: var(--divider-color)
- }
-}
-
-/* ========================================================================== */
-/* Media queries */
-/* ========================================================================== */
-@media screen and (max-width:600px) {
- .isso-auth-section {
- flex-direction: column;
- text-align: center;
- }
-
- .isso-input-wrapper {
- display: block;
- margin: 0 0 .4em;
- max-width: 100%;
- }
-
- .isso-input-wrapper input {
- width: 100%;
- }
-
- .isso-post-action {
- margin: 0.4em auto;
- width: 60%;
- }
-}