2018-06-14 21:42:44 +00:00
|
|
|
/* ==UserStyle==
|
|
|
|
@name Tildes Dracula
|
|
|
|
@namespace tildes.net
|
|
|
|
@version N/A
|
|
|
|
@author Bauke
|
|
|
|
@description Dracula theme for Tildes.net
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
==/UserStyle== */
|
|
|
|
@-moz-document domain('tildes.net') {
|
|
|
|
.date-info {
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.btn {
|
|
|
|
border-color: #8be9fd !important;
|
|
|
|
color: #8be9fd !important; }
|
|
|
|
.btn:hover {
|
|
|
|
border-color: #bd93f9 !important;
|
|
|
|
background: none !important;
|
|
|
|
color: #bd93f9 !important; }
|
|
|
|
.btn-primary {
|
|
|
|
border-color: #8be9fd !important;
|
|
|
|
background: #8be9fd !important;
|
|
|
|
color: #6272a4 !important; }
|
|
|
|
.btn-primary:hover {
|
|
|
|
border-color: #6272a4 !important;
|
|
|
|
background: #6272a4 !important;
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.btn-used {
|
|
|
|
border-color: #ff79c6 !important;
|
|
|
|
color: #ff79c6 !important; }
|
|
|
|
.btn-used:hover {
|
|
|
|
border-color: #ff79c6 !important;
|
|
|
|
background: #ff79c6 !important;
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.btn-link {
|
|
|
|
border-color: transparent !important; }
|
|
|
|
.btn-link:hover {
|
|
|
|
border-color: transparent !important; }
|
|
|
|
.label-comment-tag-offtopic {
|
|
|
|
border-color: #8be9fd !important;
|
|
|
|
color: #8be9fd !important; }
|
|
|
|
.label-comment-tag-joke {
|
|
|
|
border-color: #50fa7b !important;
|
|
|
|
color: #50fa7b !important; }
|
|
|
|
.label-comment-tag-flame {
|
|
|
|
border-color: #ff5555 !important;
|
|
|
|
color: #ff5555 !important; }
|
|
|
|
.label-comment-tag-troll {
|
|
|
|
border-color: #ffb86c !important;
|
|
|
|
color: #ffb86c !important; }
|
|
|
|
.label-comment-tag-noise {
|
|
|
|
border-color: #f1fa8c !important;
|
|
|
|
color: #f1fa8c !important; }
|
|
|
|
.comment {
|
|
|
|
border-color: #282a36 !important; }
|
|
|
|
.comment header {
|
|
|
|
background-color: #282a36 !important;
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.comment header a {
|
|
|
|
color: #8be9fd !important; }
|
|
|
|
.comment header a.link-user {
|
|
|
|
color: #50fa7b !important; }
|
|
|
|
.comment header a.link-user:visited {
|
|
|
|
color: #ff79c6 !important; }
|
|
|
|
.comment .comment-user-info {
|
|
|
|
color: #bd93f9 !important; }
|
|
|
|
.is-comment-mine > .comment-itself {
|
|
|
|
border-color: #6272a4 !important; }
|
|
|
|
.is-comment-by-op > .comment-itself {
|
|
|
|
border-color: #bd93f9 !important; }
|
|
|
|
.is-comment-new .comment-itself {
|
|
|
|
border-color: #f1fa8c !important; }
|
|
|
|
.is-comment-new .comment-text {
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.conspicuous {
|
|
|
|
color: #ff5555 !important; }
|
|
|
|
.toc {
|
|
|
|
background-color: #282a36 !important; }
|
|
|
|
.highlight {
|
|
|
|
background-color: #44475a !important; }
|
|
|
|
.highlight > pre {
|
|
|
|
margin-left: 0 !important; }
|
|
|
|
#page-list {
|
|
|
|
background-color: #44475a !important; }
|
|
|
|
body {
|
|
|
|
color: #f8f8f2 !important;
|
|
|
|
background-color: #282a36 !important; }
|
|
|
|
a {
|
|
|
|
color: #8be9fd !important; }
|
|
|
|
header a {
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
main {
|
|
|
|
font-family: sans-serif; }
|
|
|
|
main,
|
|
|
|
aside {
|
|
|
|
background-color: #44475a !important; }
|
|
|
|
blockquote {
|
|
|
|
border-color: #f8f8f2 !important;
|
|
|
|
background-color: #282a36 !important; }
|
|
|
|
textarea {
|
|
|
|
border-color: #6272a4 !important;
|
|
|
|
background-color: #282a36 !important;
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
tr {
|
|
|
|
background-color: #282a36 !important; }
|
|
|
|
td {
|
|
|
|
border-color: #44475a !important;
|
|
|
|
border-bottom-width: 0.2rem !important; }
|
|
|
|
pre,
|
|
|
|
code {
|
|
|
|
border: none !important;
|
|
|
|
background-color: #282a36 !important;
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
pre {
|
|
|
|
padding: 5px 10px !important; }
|
|
|
|
code {
|
|
|
|
padding: 0 !important; }
|
|
|
|
section {
|
|
|
|
border-color: #282a36 !important; }
|
|
|
|
footer {
|
|
|
|
background-color: #282a36 !important; }
|
|
|
|
.tab {
|
|
|
|
border-color: #6272a4 !important; }
|
|
|
|
.tab .tab-item a {
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.tab .tab-item a:hover {
|
|
|
|
color: #8be9fd !important; }
|
|
|
|
.tab .tab-item.active a {
|
|
|
|
color: #8be9fd !important;
|
|
|
|
border-bottom-color: #8be9fd !important; }
|
|
|
|
.tab .tab-listing-order {
|
|
|
|
border-color: #6272a4 !important; }
|
|
|
|
.form-select {
|
|
|
|
border-color: #6272a4 !important; }
|
|
|
|
.form-select:not([multiple]):not([size]) {
|
|
|
|
background-color: #44475a !important; }
|
|
|
|
.message {
|
|
|
|
border-top: none !important;
|
|
|
|
border-right: none !important;
|
|
|
|
border-bottom: none !important;
|
|
|
|
border-color: #282a36 !important; }
|
|
|
|
.message header {
|
|
|
|
background-color: #282a36 !important; }
|
|
|
|
.message .message-text {
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.is-message-mine {
|
|
|
|
border-width: 1px !important;
|
|
|
|
margin-left: 0 !important; }
|
|
|
|
aside#sidebar .group-subscription-count {
|
|
|
|
text-align: center; }
|
|
|
|
body > header > a:nth-child(1) {
|
|
|
|
background-size: 32px 32px !important;
|
|
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") !important; }
|
|
|
|
.label-edit-box {
|
|
|
|
background-color: #282a36 !important;
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.user-label {
|
|
|
|
border-radius: 0 !important;
|
|
|
|
padding: 1px 3px !important; }
|
|
|
|
.bg-red {
|
|
|
|
background-color: #ff5555 !important;
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.bg-orangered {
|
|
|
|
background-color: #ffb86c !important;
|
|
|
|
color: #282a36 !important; }
|
|
|
|
.bg-orange {
|
|
|
|
background-color: #f1fa8c !important;
|
|
|
|
color: #282a36 !important; }
|
|
|
|
.bg-dodgerblue {
|
|
|
|
background-color: #8be9fd !important;
|
|
|
|
color: #282a36 !important; }
|
|
|
|
.bg-forestgreen {
|
|
|
|
background-color: #50fa7b !important;
|
|
|
|
color: #282a36 !important; }
|
|
|
|
.bg-slategray {
|
|
|
|
background-color: #44475a !important;
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.topic-full .topic-full-byline {
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.topic-full .topic-full-byline .link-user {
|
|
|
|
color: #50fa7b !important; }
|
|
|
|
.topic-full .topic-full-byline .link-user:visited {
|
|
|
|
color: #ff79c6 !important; }
|
|
|
|
aside .topic-tags li {
|
|
|
|
color: #f8f8f2 !important; }
|
|
|
|
.topic .topic-content-metadata {
|
|
|
|
color: #50fa7b !important; }
|
|
|
|
.topic .topic-text-excerpt {
|
|
|
|
color: #6272a4 !important; }
|
|
|
|
.post-listing .topic {
|
|
|
|
background-color: #282a36 !important; }
|
|
|
|
.topic-listing {
|
|
|
|
background-color: #44475a !important; }
|
|
|
|
.topic-listing > li {
|
|
|
|
background-color: #282a36 !important; }
|
|
|
|
.is-topic-official {
|
|
|
|
border-color: #ffb86c !important; }
|
|
|
|
.topic-title a {
|
|
|
|
color: #8be9fd !important; }
|
|
|
|
.topic-title a:visited {
|
|
|
|
color: #ff79c6 !important; }
|
|
|
|
.topic-info .time-responsive {
|
|
|
|
color: #50fa7b !important; }
|
|
|
|
.topic-metadata .topic-tags li {
|
|
|
|
color: #6272a4 !important; }
|
|
|
|
.topic-info-comments-new {
|
|
|
|
color: #f1fa8c !important; } }
|