2018-06-15 08:51:02 +00:00
|
|
|
/* ==UserStyle==
|
|
|
|
@name Tildes Dracula
|
|
|
|
@namespace tildes.net
|
2018-06-17 10:24:31 +00:00
|
|
|
@version 3.0.0
|
2018-06-15 08:51:02 +00:00
|
|
|
@author Bauke
|
|
|
|
@description Dracula theme for Tildes.net
|
2018-06-16 11:29:06 +00:00
|
|
|
@homepageURL https://gitlab.com/Bauke/styles
|
|
|
|
@supportURL https://gitlab.com/Bauke/styles/issues
|
|
|
|
@license MIT
|
2018-06-15 08:51:02 +00:00
|
|
|
==/UserStyle== */
|
2018-06-15 18:31:51 +00:00
|
|
|
@-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; }
|
2018-06-16 11:42:19 +00:00
|
|
|
textarea, input { border-color: #6272a4 !important; background-color: #282a36 !important; color: #f8f8f2 !important; }
|
2018-06-15 18:31:51 +00:00
|
|
|
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; }
|
2018-06-16 11:29:06 +00:00
|
|
|
#new-topic fieldset, #new-topic .divider { border-color: #282a36 !important; }
|
|
|
|
#new-topic .divider::after { color: #f8f8f2 !important; background: #282a36 !important; }
|
|
|
|
#new-topic input { color: #f8f8f2 !important; background-color: #282a36 !important; border-color: #6272a4 !important; }
|
|
|
|
body > header > a:nth-child(1):not(.no-header-logo) { background-size: 32px 32px !important; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==") !important; }
|
2018-06-15 18:31:51 +00:00
|
|
|
.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; }
|
2018-06-16 11:29:06 +00:00
|
|
|
.topic-listing .label-topic-tag > * { color: #6272a4 !important; }
|
2018-06-15 18:31:51 +00:00
|
|
|
.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; } }
|