682 lines
36 KiB
CSS
Executable File
682 lines
36 KiB
CSS
Executable File
/* ==UserStyle==
|
|
@name Tildes Dracula
|
|
@namespace tildes.net
|
|
@version 2.0.2
|
|
@author Bauke
|
|
@description Dracula theme for Tildes.net
|
|
@homepageURL https://gitlab.com/Bauke/styles
|
|
@supportURL https://gitlab.com/Bauke/styles/issues
|
|
@license MIT
|
|
==/UserStyle== */
|
|
@-moz-document domain('tildes.net') {
|
|
body:not(.theme) .btn-comment-collapse,body.theme-light .btn-comment-collapse,body.theme-dark .btn-comment-collapse,body.theme-black .btn-comment-collapse {
|
|
color: #8be9fd;
|
|
border-color: #8be9fd;
|
|
background: transparent;
|
|
}
|
|
|
|
body:not(.theme) .btn-comment-collapse:hover,body:not(.theme) .btn-comment-collapse:active,body:not(.theme) .btn-comment-collapse:focus,body.theme-light .btn-comment-collapse:hover,body.theme-light .btn-comment-collapse:active,body.theme-light .btn-comment-collapse:focus,body.theme-dark .btn-comment-collapse:hover,body.theme-dark .btn-comment-collapse:active,body.theme-dark .btn-comment-collapse:focus,body.theme-black .btn-comment-collapse:hover,body.theme-black .btn-comment-collapse:active,body.theme-black .btn-comment-collapse:focus {
|
|
color: #282a36;
|
|
border-color: #ff79c6;
|
|
background: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .comment,body.theme-light .comment,body.theme-dark .comment,body.theme-black .comment {
|
|
border-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .comment .comment-itself header,body.theme-light .comment .comment-itself header,body.theme-dark .comment .comment-itself header,body.theme-black .comment .comment-itself header {
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .comment .comment-nav-link,body.theme-light .comment .comment-nav-link,body.theme-dark .comment .comment-nav-link,body.theme-black .comment .comment-nav-link {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body:not(.theme) .comment .comment-nav-link:hover,body:not(.theme) .comment .comment-nav-link:active,body:not(.theme) .comment .comment-nav-link:focus,body.theme-light .comment .comment-nav-link:hover,body.theme-light .comment .comment-nav-link:active,body.theme-light .comment .comment-nav-link:focus,body.theme-dark .comment .comment-nav-link:hover,body.theme-dark .comment .comment-nav-link:active,body.theme-dark .comment .comment-nav-link:focus,body.theme-black .comment .comment-nav-link:hover,body.theme-black .comment .comment-nav-link:active,body.theme-black .comment .comment-nav-link:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .comment .comment-nav-link:visited,body.theme-light .comment .comment-nav-link:visited,body.theme-dark .comment .comment-nav-link:visited,body.theme-black .comment .comment-nav-link:visited {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body:not(.theme) .comment .comment-nav-link:visited:hover,body:not(.theme) .comment .comment-nav-link:visited:active,body:not(.theme) .comment .comment-nav-link:visited:focus,body.theme-light .comment .comment-nav-link:visited:hover,body.theme-light .comment .comment-nav-link:visited:active,body.theme-light .comment .comment-nav-link:visited:focus,body.theme-dark .comment .comment-nav-link:visited:hover,body.theme-dark .comment .comment-nav-link:visited:active,body.theme-dark .comment .comment-nav-link:visited:focus,body.theme-black .comment .comment-nav-link:visited:hover,body.theme-black .comment .comment-nav-link:visited:active,body.theme-black .comment .comment-nav-link:visited:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .comment .comment-user-info,body.theme-light .comment .comment-user-info,body.theme-dark .comment .comment-user-info,body.theme-black .comment .comment-user-info {
|
|
color: #f1fa8c;
|
|
}
|
|
|
|
body:not(.theme) .comment .time-responsive-full,body.theme-light .comment .time-responsive-full,body.theme-dark .comment .time-responsive-full,body.theme-black .comment .time-responsive-full {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) .comment[data-comment-depth='0'],body.theme-light .comment[data-comment-depth='0'],body.theme-dark .comment[data-comment-depth='0'],body.theme-black .comment[data-comment-depth='0'] {
|
|
border-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .is-comment-collapsed header .link-user,body.theme-light .is-comment-collapsed header .link-user,body.theme-dark .is-comment-collapsed header .link-user,body.theme-black .is-comment-collapsed header .link-user {
|
|
color: #50fa7b;
|
|
}
|
|
|
|
body:not(.theme) .post-buttons,body.theme-light .post-buttons,body.theme-dark .post-buttons,body.theme-black .post-buttons {
|
|
padding: 0;
|
|
}
|
|
|
|
body:not(.theme) .post-button,body.theme-light .post-button,body.theme-dark .post-button,body.theme-black .post-button {
|
|
color: #8be9fd;
|
|
padding: 6px 8px;
|
|
margin: 6px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
body:not(.theme) .post-button:hover,body:not(.theme) .post-button:active,body:not(.theme) .post-button:focus,body.theme-light .post-button:hover,body.theme-light .post-button:active,body.theme-light .post-button:focus,body.theme-dark .post-button:hover,body.theme-dark .post-button:active,body.theme-dark .post-button:focus,body.theme-black .post-button:hover,body.theme-black .post-button:active,body.theme-black .post-button:focus {
|
|
color: #ff79c6;
|
|
text-decoration: none;
|
|
}
|
|
|
|
body:not(.theme) .post-button-used,body.theme-light .post-button-used,body.theme-dark .post-button-used,body.theme-black .post-button-used {
|
|
color: #ff79c6;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
body:not(.theme) .post-button-used:hover,body:not(.theme) .post-button-used:active,body:not(.theme) .post-button-used:focus,body.theme-light .post-button-used:hover,body.theme-light .post-button-used:active,body.theme-light .post-button-used:focus,body.theme-dark .post-button-used:hover,body.theme-dark .post-button-used:active,body.theme-dark .post-button-used:focus,body.theme-black .post-button-used:hover,body.theme-black .post-button-used:active,body.theme-black .post-button-used:focus {
|
|
color: #8be9fd;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
body:not(.theme) #page-list,body.theme-light #page-list,body.theme-dark #page-list,body.theme-black #page-list {
|
|
background-color: #44475a;
|
|
}
|
|
|
|
body:not(.theme) .toc,body.theme-light .toc,body.theme-dark .toc,body.theme-black .toc {
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .highlight,body.theme-light .highlight,body.theme-dark .highlight,body.theme-black .highlight {
|
|
color: #f8f8f2;
|
|
background-color: #6272a4;
|
|
}
|
|
|
|
body:not(.theme) .conspicuous,body.theme-light .conspicuous,body.theme-dark .conspicuous,body.theme-black .conspicuous {
|
|
color: #f55;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
body:not(.theme) .date-info,body.theme-light .date-info,body.theme-dark .date-info,body.theme-black .date-info {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) .article-summary,body.theme-light .article-summary,body.theme-dark .article-summary,body.theme-black .article-summary {
|
|
border-color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) .article-summary h2 a,body.theme-light .article-summary h2 a,body.theme-dark .article-summary h2 a,body.theme-black .article-summary h2 a {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
body>footer,#site-footer {
|
|
color: #f8f8f2;
|
|
background-color: #282a36;
|
|
padding: 0.5rem;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
body>footer a,#site-footer a {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body>footer a:hover,body>footer a:active,body>footer a:focus,#site-footer a:hover,#site-footer a:active,#site-footer a:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body>footer a:visited,#site-footer a:visited {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body>footer a:visited:hover,body>footer a:visited:active,body>footer a:visited:focus,#site-footer a:visited:hover,#site-footer a:visited:active,#site-footer a:visited:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .group-list tbody tr:nth-of-type(n),body.theme-light .group-list tbody tr:nth-of-type(n),body.theme-dark .group-list tbody tr:nth-of-type(n),body.Theme-black .group-list tbody tr:nth-of-type(n) {
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .group-list tbody tr:nth-of-type(n) td,body.theme-light .group-list tbody tr:nth-of-type(n) td,body.theme-dark .group-list tbody tr:nth-of-type(n) td,body.Theme-black .group-list tbody tr:nth-of-type(n) td {
|
|
border-color: #44475a;
|
|
}
|
|
|
|
body:not(.theme) .group-list .group-list-description,body.theme-light .group-list .group-list-description,body.theme-dark .group-list .group-list-description,body.Theme-black .group-list .group-list-description {
|
|
font-style: normal;
|
|
}
|
|
|
|
body:not(.theme) .table th,body.theme-light .table th,body.theme-dark .table th,body.Theme-black .table th {
|
|
border-bottom-color: #6272a4;
|
|
}
|
|
|
|
body:not(.theme),body.theme-light,body.theme-dark,body.theme-black {
|
|
color: #f8f8f2;
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) main,body:not(.theme) #sidebar,body.theme-light main,body.theme-light #sidebar,body.theme-dark main,body.theme-dark #sidebar,body.theme-black main,body.theme-black #sidebar {
|
|
color: #f8f8f2;
|
|
background-color: #44475a;
|
|
}
|
|
|
|
body:not(.theme) pre,body:not(.theme) code,body.theme-light pre,body.theme-light code,body.theme-dark pre,body.theme-dark code,body.theme-black pre,body.theme-black code {
|
|
color: #f8f8f2;
|
|
background-color: #282a36;
|
|
border: none;
|
|
font-family: 'Space Mono', 'Iosevka', 'Fira Code', 'Consolas', monospace;
|
|
}
|
|
|
|
body:not(.theme) blockquote,body.theme-light blockquote,body.theme-dark blockquote,body.theme-black blockquote {
|
|
color: #f8f8f2;
|
|
background-color: #282a36;
|
|
border-color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) figure,body:not(.theme) section,body.theme-light figure,body.theme-light section,body.theme-dark figure,body.theme-dark section,body.theme-black figure,body.theme-black section {
|
|
border-color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) input,body:not(.theme) textarea,body:not(.theme) .form-input,body.theme-light input,body.theme-light textarea,body.theme-light .form-input,body.theme-dark input,body.theme-dark textarea,body.theme-dark .form-input,body.theme-black input,body.theme-black textarea,body.theme-black .form-input {
|
|
color: #f8f8f2;
|
|
border-color: #6272a4;
|
|
background-color: #282a36;
|
|
}
|
|
|
|
a {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
a:hover,a:active,a:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
a:visited {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
hr {
|
|
border-color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) .listing-options button,body.theme-light .listing-options button,body.theme-black .listing-options button,body.theme-dark .listing-options button {
|
|
border: none;
|
|
}
|
|
|
|
body:not(.theme) .listing-options button:hover,body:not(.theme) .listing-options button:active,body:not(.theme) .listing-options button:focus,body.theme-light .listing-options button:hover,body.theme-light .listing-options button:active,body.theme-light .listing-options button:focus,body.theme-black .listing-options button:hover,body.theme-black .listing-options button:active,body.theme-black .listing-options button:focus,body.theme-dark .listing-options button:hover,body.theme-dark .listing-options button:active,body.theme-dark .listing-options button:focus {
|
|
color: #ff79c6;
|
|
background-color: transparent;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
body:not(.theme) .tab.tab-listing-order,body.theme-light .tab.tab-listing-order,body.theme-black .tab.tab-listing-order,body.theme-dark .tab.tab-listing-order {
|
|
border-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .tab.tab-listing-order .tab-item,body.theme-light .tab.tab-listing-order .tab-item,body.theme-black .tab.tab-listing-order .tab-item,body.theme-dark .tab.tab-listing-order .tab-item {
|
|
margin: 4px;
|
|
padding: 0;
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .tab.tab-listing-order .tab-item:first-child,body.theme-light .tab.tab-listing-order .tab-item:first-child,body.theme-black .tab.tab-listing-order .tab-item:first-child,body.theme-dark .tab.tab-listing-order .tab-item:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
body:not(.theme) .tab.tab-listing-order .tab-item:last-child,body.theme-light .tab.tab-listing-order .tab-item:last-child,body.theme-black .tab.tab-listing-order .tab-item:last-child,body.theme-dark .tab.tab-listing-order .tab-item:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
body:not(.theme) .tab.tab-listing-order .tab-item a,body.theme-light .tab.tab-listing-order .tab-item a,body.theme-black .tab.tab-listing-order .tab-item a,body.theme-dark .tab.tab-listing-order .tab-item a {
|
|
margin: 0;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
body:not(.theme) .tab.tab-listing-order .tab-item a:hover,body:not(.theme) .tab.tab-listing-order .tab-item a:active,body:not(.theme) .tab.tab-listing-order .tab-item a:focus,body.theme-light .tab.tab-listing-order .tab-item a:hover,body.theme-light .tab.tab-listing-order .tab-item a:active,body.theme-light .tab.tab-listing-order .tab-item a:focus,body.theme-black .tab.tab-listing-order .tab-item a:hover,body.theme-black .tab.tab-listing-order .tab-item a:active,body.theme-black .tab.tab-listing-order .tab-item a:focus,body.theme-dark .tab.tab-listing-order .tab-item a:hover,body.theme-dark .tab.tab-listing-order .tab-item a:active,body.theme-dark .tab.tab-listing-order .tab-item a:focus {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body:not(.theme) .tab.tab-listing-order .tab-item.active a,body.theme-light .tab.tab-listing-order .tab-item.active a,body.theme-black .tab.tab-listing-order .tab-item.active a,body.theme-dark .tab.tab-listing-order .tab-item.active a {
|
|
color: #ff79c6;
|
|
border-color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .form-select:not([multiple]):not([size]),body.theme-light .form-select:not([multiple]):not([size]),body.theme-black .form-select:not([multiple]):not([size]),body.theme-dark .form-select:not([multiple]):not([size]) {
|
|
border: 1px solid #6272a4;
|
|
background-color: #282a36;
|
|
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23f8f8f2'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
body:not(.theme) .message-list thead th,body.theme-light .message-list thead th,body.theme-dark .message-list thead th,body.theme-black .message-list thead th {
|
|
border-color: #6272a4;
|
|
}
|
|
|
|
body:not(.theme) .message-list tbody tr:nth-of-type(n),body.theme-light .message-list tbody tr:nth-of-type(n),body.theme-dark .message-list tbody tr:nth-of-type(n),body.theme-black .message-list tbody tr:nth-of-type(n) {
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .message-list tbody tr:nth-of-type(n) td,body.theme-light .message-list tbody tr:nth-of-type(n) td,body.theme-dark .message-list tbody tr:nth-of-type(n) td,body.theme-black .message-list tbody tr:nth-of-type(n) td {
|
|
border-color: #44475a;
|
|
}
|
|
|
|
body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:hover,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:active,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-light .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-dark .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited,body.theme-black .message-list tbody tr:nth-of-type(n) .message-list-subject a:visited {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body:not(.theme) .message,body.theme-light .message,body.theme-dark .message,body.theme-black .message {
|
|
border-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .message header,body.theme-light .message header,body.theme-dark .message header,body.theme-black .message header {
|
|
color: #f8f8f2;
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .divider,body.theme-light .divider,body.theme-dark .divider,body.theme-black .divider {
|
|
border-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .empty-subtitle,body.theme-light .empty-subtitle,body.theme-dark .empty-subtitle,body.theme-black .empty-subtitle {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) .post-listing .topic,body.theme-light .post-listing .topic,body.theme-dark .post-listing .topic,body.theme-black .post-listing .topic {
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .post-listing .label-topic-tag,body.theme-light .post-listing .label-topic-tag,body.theme-dark .post-listing .label-topic-tag,body.theme-black .post-listing .label-topic-tag {
|
|
color: #6272a4;
|
|
}
|
|
|
|
body:not(.theme) .link-user,body.theme-light .link-user,body.theme-dark .link-user,body.theme-black .link-user {
|
|
color: #50fa7b;
|
|
}
|
|
|
|
body:not(.theme) .link-user:hover,body:not(.theme) .link-user:active,body:not(.theme) .link-user:focus,body.theme-light .link-user:hover,body.theme-light .link-user:active,body.theme-light .link-user:focus,body.theme-dark .link-user:hover,body.theme-dark .link-user:active,body.theme-dark .link-user:focus,body.theme-black .link-user:hover,body.theme-black .link-user:active,body.theme-black .link-user:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .link-user:visited,body.theme-light .link-user:visited,body.theme-dark .link-user:visited,body.theme-black .link-user:visited {
|
|
color: #50fa7b;
|
|
}
|
|
|
|
body:not(.theme) .link-user:visited:hover,body:not(.theme) .link-user:visited:active,body:not(.theme) .link-user:visited:focus,body.theme-light .link-user:visited:hover,body.theme-light .link-user:visited:active,body.theme-light .link-user:visited:focus,body.theme-dark .link-user:visited:hover,body.theme-dark .link-user:visited:active,body.theme-dark .link-user:visited:focus,body.theme-black .link-user:visited:hover,body.theme-black .link-user:visited:active,body.theme-black .link-user:visited:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .label-topic-tag a,body.theme-light .label-topic-tag a,body.theme-dark .label-topic-tag a,body.theme-black .label-topic-tag a {
|
|
color: #6272a4;
|
|
}
|
|
|
|
body:not(.theme) .label-topic-tag a:hover,body:not(.theme) .label-topic-tag a:active,body:not(.theme) .label-topic-tag a:focus,body.theme-light .label-topic-tag a:hover,body.theme-light .label-topic-tag a:active,body.theme-light .label-topic-tag a:focus,body.theme-dark .label-topic-tag a:hover,body.theme-dark .label-topic-tag a:active,body.theme-dark .label-topic-tag a:focus,body.theme-black .label-topic-tag a:hover,body.theme-black .label-topic-tag a:active,body.theme-black .label-topic-tag a:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .text-secondary,body.theme-light .text-secondary,body.theme-dark .text-secondary,body.theme-black .text-secondary {
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
color: #6272a4;
|
|
}
|
|
|
|
body:not(.theme) .text-warning,body.theme-light .text-warning,body.theme-dark .text-warning,body.theme-black .text-warning {
|
|
color: #282a36;
|
|
background-color: #ffb86c;
|
|
padding: 10px;
|
|
}
|
|
|
|
body:not(.theme) blockquote.text-warning,body.theme-light blockquote.text-warning,body.theme-dark blockquote.text-warning,body.theme-black blockquote.text-warning {
|
|
color: #f8f8f2;
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .form-status-success,body.theme-light .form-status-success,body.theme-dark .form-status-success,body.theme-black .form-status-success {
|
|
color: #50fa7b;
|
|
}
|
|
|
|
body:not(.theme) .form-status-error,body.theme-light .form-status-error,body.theme-dark .form-status-error,body.theme-black .form-status-error {
|
|
color: #f55;
|
|
}
|
|
|
|
body:not(.theme) .is-comment-new .comment-text,body.theme-light .is-comment-new .comment-text,body.theme-dark .is-comment-new .comment-text,body.theme-black .is-comment-new .comment-text {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
.topic-voting.btn {
|
|
border-style: solid;
|
|
}
|
|
|
|
.btn,.btn.btn-link {
|
|
color: #8be9fd;
|
|
border-color: #8be9fd;
|
|
background: transparent;
|
|
}
|
|
|
|
.btn:hover,.btn:active,.btn:focus,.btn.btn-link:hover,.btn.btn-link:active,.btn.btn-link:focus {
|
|
color: #282a36;
|
|
border-color: #ff79c6;
|
|
background: #ff79c6;
|
|
}
|
|
|
|
.btn:visited,.btn.btn-link:visited {
|
|
color: #8be9fd;
|
|
border-color: #8be9fd;
|
|
background: transparent;
|
|
}
|
|
|
|
.btn:visited:hover,.btn:visited:active,.btn:visited:focus,.btn.btn-link:visited:hover,.btn.btn-link:visited:active,.btn.btn-link:visited:focus {
|
|
color: #282a36;
|
|
border-color: #ff79c6;
|
|
background: #ff79c6;
|
|
}
|
|
|
|
.btn-used {
|
|
color: #282a36;
|
|
border-color: #ff79c6;
|
|
background: #ff79c6;
|
|
}
|
|
|
|
.btn.btn-primary {
|
|
color: #282a36;
|
|
background: #8be9fd;
|
|
border-color: #8be9fd;
|
|
}
|
|
|
|
.btn.btn-primary:hover,.btn.btn-primary:active,.btn.btn-primary:focus {
|
|
color: #282a36;
|
|
border-color: #ff79c6;
|
|
background: #ff79c6;
|
|
}
|
|
|
|
.is-topic-official {
|
|
border-left-color: #f55 !important;
|
|
}
|
|
|
|
.is-topic-official h1 a {
|
|
color: #f55;
|
|
}
|
|
|
|
.is-topic-mine {
|
|
border-left-color: #bd93f9 !important;
|
|
}
|
|
|
|
.is-topic-mine h1 a {
|
|
color: #bd93f9;
|
|
}
|
|
|
|
.is-topic-mine .topic-voting {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
.is-topic-official h1 a:visited {
|
|
color: #f55;
|
|
}
|
|
|
|
.is-topic-mine h1 a:visited {
|
|
color: #bd93f9;
|
|
}
|
|
|
|
.topic-icon {
|
|
border-color: #8be9fd;
|
|
}
|
|
|
|
.is-comment-by-op>.comment-itself {
|
|
border-color: #f1fa8c !important;
|
|
}
|
|
|
|
.is-comment-mine>.comment-itself {
|
|
border-color: #bd93f9 !important;
|
|
}
|
|
|
|
.is-comment-new>.comment-itself {
|
|
border-color: #ffb86c !important;
|
|
}
|
|
|
|
.is-message-mine {
|
|
border-left-color: #bd93f9 !important;
|
|
}
|
|
|
|
body:not(.theme) .settings-list,body.theme-light .settings-list,body.theme-dark .settings-list,body.theme-black .settings-list {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
body:not(.theme) .settings-list li,body.theme-light .settings-list li,body.theme-dark .settings-list li,body.theme-black .settings-list li {
|
|
background-color: #282a36;
|
|
border: 1px solid #6272a4;
|
|
padding: 15px;
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
body:not(.theme) .settings-list a,body.theme-light .settings-list a,body.theme-dark .settings-list a,body.theme-black .settings-list a {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body:not(.theme) .settings-list a:hover,body:not(.theme) .settings-list a:active,body:not(.theme) .settings-list a:focus,body.theme-light .settings-list a:hover,body.theme-light .settings-list a:active,body.theme-light .settings-list a:focus,body.theme-dark .settings-list a:hover,body.theme-dark .settings-list a:active,body.theme-dark .settings-list a:focus,body.theme-black .settings-list a:hover,body.theme-black .settings-list a:active,body.theme-black .settings-list a:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .settings-list a:visited,body.theme-light .settings-list a:visited,body.theme-dark .settings-list a:visited,body.theme-black .settings-list a:visited {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body:not(.theme) .settings-list a:visited:hover,body:not(.theme) .settings-list a:visited:active,body:not(.theme) .settings-list a:visited:focus,body.theme-light .settings-list a:visited:hover,body.theme-light .settings-list a:visited:active,body.theme-light .settings-list a:visited:focus,body.theme-dark .settings-list a:visited:hover,body.theme-dark .settings-list a:visited:active,body.theme-dark .settings-list a:visited:focus,body.theme-black .settings-list a:visited:hover,body.theme-black .settings-list a:visited:active,body.theme-black .settings-list a:visited:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
#sidebar .nav .nav-item a {
|
|
color: #ffb86c;
|
|
}
|
|
|
|
#sidebar .nav .nav-item a:hover,#sidebar .nav .nav-item a:active,#sidebar .nav .nav-item a:focus {
|
|
color: #f1fa8c;
|
|
}
|
|
|
|
#sidebar .nav .nav-item a:visited {
|
|
color: #ffb86c;
|
|
}
|
|
|
|
#sidebar .nav .nav-item a:visited:hover,#sidebar .nav .nav-item a:visited:active,#sidebar .nav .nav-item a:visited:focus {
|
|
color: #f1fa8c;
|
|
}
|
|
|
|
#sidebar .topic-tags {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
#sidebar .label-topic-tag {
|
|
color: #6272a4;
|
|
}
|
|
|
|
#sidebar .label-topic-tag:hover {
|
|
color: #f8f8f2;
|
|
cursor: default;
|
|
}
|
|
|
|
body:not(.theme) .site-header-logo,body.theme-light .site-header-logo,body.theme-black .site-header-logo,body.theme-dark .site-header-logo {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) .site-header-context,body.theme-light .site-header-context,body.theme-black .site-header-context,body.theme-dark .site-header-context {
|
|
color: #ffb86c;
|
|
}
|
|
|
|
body:not(.theme) .site-header-context:hover,body:not(.theme) .site-header-context:active,body:not(.theme) .site-header-context:focus,body.theme-light .site-header-context:hover,body.theme-light .site-header-context:active,body.theme-light .site-header-context:focus,body.theme-black .site-header-context:hover,body.theme-black .site-header-context:active,body.theme-black .site-header-context:focus,body.theme-dark .site-header-context:hover,body.theme-dark .site-header-context:active,body.theme-dark .site-header-context:focus {
|
|
color: #f1fa8c;
|
|
}
|
|
|
|
body:not(.theme) .logged-in-user-username,body.theme-light .logged-in-user-username,body.theme-black .logged-in-user-username,body.theme-dark .logged-in-user-username {
|
|
color: #50fa7b;
|
|
}
|
|
|
|
body:not(.theme) .logged-in-user-username:hover,body:not(.theme) .logged-in-user-username:active,body:not(.theme) .logged-in-user-username:focus,body.theme-light .logged-in-user-username:hover,body.theme-light .logged-in-user-username:active,body.theme-light .logged-in-user-username:focus,body.theme-black .logged-in-user-username:hover,body.theme-black .logged-in-user-username:active,body.theme-black .logged-in-user-username:focus,body.theme-dark .logged-in-user-username:hover,body.theme-dark .logged-in-user-username:active,body.theme-dark .logged-in-user-username:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .logged-in-user-alert,body.theme-light .logged-in-user-alert,body.theme-black .logged-in-user-alert,body.theme-dark .logged-in-user-alert {
|
|
color: #282a36;
|
|
background-color: #ffb86c;
|
|
padding: 0.1rem 0.3rem;
|
|
margin-top: 0.2rem;
|
|
justify-content: left;
|
|
}
|
|
|
|
body:not(.theme) .logged-in-user-alert:hover,body:not(.theme) .logged-in-user-alert:active,body:not(.theme) .logged-in-user-alert:focus,body.theme-light .logged-in-user-alert:hover,body.theme-light .logged-in-user-alert:active,body.theme-light .logged-in-user-alert:focus,body.theme-black .logged-in-user-alert:hover,body.theme-black .logged-in-user-alert:active,body.theme-black .logged-in-user-alert:focus,body.theme-dark .logged-in-user-alert:hover,body.theme-dark .logged-in-user-alert:active,body.theme-dark .logged-in-user-alert:focus {
|
|
background-color: #f1fa8c;
|
|
}
|
|
|
|
body>header>a:nth-child(1):not(.no-header-logo) {
|
|
color: #f8f8f2;
|
|
background-size: 32px 32px;
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==");
|
|
}
|
|
|
|
.user-label {
|
|
border-radius: 0 !important;
|
|
padding: 3px 5px !important;
|
|
}
|
|
|
|
.label-edit-box {
|
|
color: #f8f8f2 !important;
|
|
background-color: #282a36 !important;
|
|
}
|
|
|
|
.label-edit-box input {
|
|
border: 1px solid #6272a4 !important;
|
|
background-color: #44475a !important;
|
|
}
|
|
|
|
.label-light,.label-dark {
|
|
color: transparent !important;
|
|
}
|
|
|
|
.bg-none {
|
|
color: #f8f8f2 !important;
|
|
border-color: #6272a4 !important;
|
|
}
|
|
|
|
.bg-red {
|
|
color: #282a36 !important;
|
|
background-color: #f55 !important;
|
|
}
|
|
|
|
.bg-orangered {
|
|
color: #282a36 !important;
|
|
background-color: #ffb86c !important;
|
|
}
|
|
|
|
.bg-orange {
|
|
color: #282a36 !important;
|
|
background-color: #f1fa8c !important;
|
|
}
|
|
|
|
.bg-dodgerblue {
|
|
color: #282a36 !important;
|
|
background-color: #8be9fd !important;
|
|
}
|
|
|
|
.bg-forestgreen {
|
|
color: #282a36 !important;
|
|
background-color: #50fa7b !important;
|
|
}
|
|
|
|
.bg-slategray {
|
|
color: #f8f8f2 !important;
|
|
background-color: #44475a !important;
|
|
}
|
|
|
|
body:not(.theme) .topic-full .topic-full-byline,body.theme-light .topic-full .topic-full-byline,body.theme-dark .topic-full .topic-full-byline,body.theme-black .topic-full .topic-full-byline {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) .topic-full .topic-full-text a,body.theme-light .topic-full .topic-full-text a,body.theme-dark .topic-full .topic-full-text a,body.theme-black .topic-full .topic-full-text a {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body:not(.theme) .topic-full .topic-full-text a:hover,body:not(.theme) .topic-full .topic-full-text a:active,body:not(.theme) .topic-full .topic-full-text a:focus,body.theme-light .topic-full .topic-full-text a:hover,body.theme-light .topic-full .topic-full-text a:active,body.theme-light .topic-full .topic-full-text a:focus,body.theme-dark .topic-full .topic-full-text a:hover,body.theme-dark .topic-full .topic-full-text a:active,body.theme-dark .topic-full .topic-full-text a:focus,body.theme-black .topic-full .topic-full-text a:hover,body.theme-black .topic-full .topic-full-text a:active,body.theme-black .topic-full .topic-full-text a:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .topic-full .topic-full-text a:visited,body.theme-light .topic-full .topic-full-text a:visited,body.theme-dark .topic-full .topic-full-text a:visited,body.theme-black .topic-full .topic-full-text a:visited {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body:not(.theme) .topic-full .topic-full-text a:visited:hover,body:not(.theme) .topic-full .topic-full-text a:visited:active,body:not(.theme) .topic-full .topic-full-text a:visited:focus,body.theme-light .topic-full .topic-full-text a:visited:hover,body.theme-light .topic-full .topic-full-text a:visited:active,body.theme-light .topic-full .topic-full-text a:visited:focus,body.theme-dark .topic-full .topic-full-text a:visited:hover,body.theme-dark .topic-full .topic-full-text a:visited:active,body.theme-dark .topic-full .topic-full-text a:visited:focus,body.theme-black .topic-full .topic-full-text a:visited:hover,body.theme-black .topic-full .topic-full-text a:visited:active,body.theme-black .topic-full .topic-full-text a:visited:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .topic-listing>li:nth-of-type(n),body.theme-light .topic-listing>li:nth-of-type(n),body.theme-dark .topic-listing>li:nth-of-type(n),body.theme-black .topic-listing>li:nth-of-type(n) {
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .topic-info,body.theme-light .topic-info,body.theme-dark .topic-info,body.theme-black .topic-info {
|
|
background-color: #282a36;
|
|
}
|
|
|
|
body:not(.theme) .time-responsive-full,body.theme-light .time-responsive-full,body.theme-dark .time-responsive-full,body.theme-black .time-responsive-full {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) .topic-content-metadata,body.theme-light .topic-content-metadata,body.theme-dark .topic-content-metadata,body.theme-black .topic-content-metadata {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) .topic-text-excerpt,body.theme-light .topic-text-excerpt,body.theme-dark .topic-text-excerpt,body.theme-black .topic-text-excerpt {
|
|
color: #6272a4;
|
|
}
|
|
|
|
body:not(.theme) .topic-text-excerpt[open],body.theme-light .topic-text-excerpt[open],body.theme-dark .topic-text-excerpt[open],body.theme-black .topic-text-excerpt[open] {
|
|
color: #f8f8f2;
|
|
}
|
|
|
|
body:not(.theme) .topic-text-excerpt summary,body:not(.theme) .topic-text-excerpt summary::after,body.theme-light .topic-text-excerpt summary,body.theme-light .topic-text-excerpt summary::after,body.theme-dark .topic-text-excerpt summary,body.theme-dark .topic-text-excerpt summary::after,body.theme-black .topic-text-excerpt summary,body.theme-black .topic-text-excerpt summary::after {
|
|
color: #6272a4;
|
|
}
|
|
|
|
body:not(.theme) .link-group,body.theme-light .link-group,body.theme-dark .link-group,body.theme-black .link-group {
|
|
color: #ffb86c;
|
|
}
|
|
|
|
body:not(.theme) .link-group:hover,body:not(.theme) .link-group:active,body:not(.theme) .link-group:focus,body.theme-light .link-group:hover,body.theme-light .link-group:active,body.theme-light .link-group:focus,body.theme-dark .link-group:hover,body.theme-dark .link-group:active,body.theme-dark .link-group:focus,body.theme-black .link-group:hover,body.theme-black .link-group:active,body.theme-black .link-group:focus {
|
|
color: #f1fa8c;
|
|
}
|
|
|
|
body:not(.theme) .topic-info-comments a .topic-info-comments-new,body.theme-light .topic-info-comments a .topic-info-comments-new,body.theme-dark .topic-info-comments a .topic-info-comments-new,body.theme-black .topic-info-comments a .topic-info-comments-new {
|
|
color: #ffb86c;
|
|
}
|
|
|
|
body:not(.theme) .topic-info-comments a:hover,body:not(.theme) .topic-info-comments a:active,body:not(.theme) .topic-info-comments a:focus,body.theme-light .topic-info-comments a:hover,body.theme-light .topic-info-comments a:active,body.theme-light .topic-info-comments a:focus,body.theme-dark .topic-info-comments a:hover,body.theme-dark .topic-info-comments a:active,body.theme-dark .topic-info-comments a:focus,body.theme-black .topic-info-comments a:hover,body.theme-black .topic-info-comments a:active,body.theme-black .topic-info-comments a:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .topic-info-comments a:hover .topic-info-comments-new,body:not(.theme) .topic-info-comments a:active .topic-info-comments-new,body:not(.theme) .topic-info-comments a:focus .topic-info-comments-new,body.theme-light .topic-info-comments a:hover .topic-info-comments-new,body.theme-light .topic-info-comments a:active .topic-info-comments-new,body.theme-light .topic-info-comments a:focus .topic-info-comments-new,body.theme-dark .topic-info-comments a:hover .topic-info-comments-new,body.theme-dark .topic-info-comments a:active .topic-info-comments-new,body.theme-dark .topic-info-comments a:focus .topic-info-comments-new,body.theme-black .topic-info-comments a:hover .topic-info-comments-new,body.theme-black .topic-info-comments a:active .topic-info-comments-new,body.theme-black .topic-info-comments a:focus .topic-info-comments-new {
|
|
color: #f1fa8c;
|
|
}
|
|
|
|
body:not(.theme) .topic-info-comments a:visited,body.theme-light .topic-info-comments a:visited,body.theme-dark .topic-info-comments a:visited,body.theme-black .topic-info-comments a:visited {
|
|
color: #8be9fd;
|
|
}
|
|
|
|
body:not(.theme) .topic-info-comments a:visited:hover,body:not(.theme) .topic-info-comments a:visited:active,body:not(.theme) .topic-info-comments a:visited:focus,body.theme-light .topic-info-comments a:visited:hover,body.theme-light .topic-info-comments a:visited:active,body.theme-light .topic-info-comments a:visited:focus,body.theme-dark .topic-info-comments a:visited:hover,body.theme-dark .topic-info-comments a:visited:active,body.theme-dark .topic-info-comments a:visited:focus,body.theme-black .topic-info-comments a:visited:hover,body.theme-black .topic-info-comments a:visited:active,body.theme-black .topic-info-comments a:visited:focus {
|
|
color: #ff79c6;
|
|
}
|
|
|
|
body:not(.theme) .topic-info-comments a:visited:hover .topic-info-comments-new,body:not(.theme) .topic-info-comments a:visited:active .topic-info-comments-new,body:not(.theme) .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-light .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-dark .topic-info-comments a:visited:focus .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:hover .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:active .topic-info-comments-new,body.theme-black .topic-info-comments a:visited:focus .topic-info-comments-new {
|
|
color: #f1fa8c;
|
|
}
|
|
}
|