forked from leftypol/leftypol
399 lines
8.8 KiB
CSS
399 lines
8.8 KiB
CSS
|
/**
|
||
|
* dark.css, solar extension
|
||
|
* copypasta from oneechan css/Colors.css, and UbuntuSolarized colors
|
||
|
*/
|
||
|
|
||
|
@import url("/stylesheets/dark.css");
|
||
|
|
||
|
/* Text Colors */
|
||
|
/* General */
|
||
|
html,
|
||
|
body,
|
||
|
div.boardBanner,
|
||
|
#menu,
|
||
|
input:not(.jsColor),
|
||
|
textarea,
|
||
|
#qr-filename-container,
|
||
|
#post-preview,
|
||
|
.post-hover,
|
||
|
.post-last,
|
||
|
.pln,
|
||
|
select,
|
||
|
.captcha-root,
|
||
|
.tegaki-label,
|
||
|
.dd-menu ul,
|
||
|
.boxbar {
|
||
|
color: #93a1a1 !important;
|
||
|
}
|
||
|
/* Names */
|
||
|
.name {
|
||
|
color: #586e75 !important;
|
||
|
}
|
||
|
.capcode {
|
||
|
color: #ca00ca !important;
|
||
|
}
|
||
|
|
||
|
/* Tripcodes */
|
||
|
.tripcode,
|
||
|
.tag {
|
||
|
color: #2aa198 !important;
|
||
|
}
|
||
|
/* Links */
|
||
|
a,
|
||
|
.typ,
|
||
|
.atn,
|
||
|
body.is_catalog .button,
|
||
|
:root.catalog-mode .button,
|
||
|
.options-button,
|
||
|
.tegaki-tb-btn {
|
||
|
color: #696bba !important;
|
||
|
}
|
||
|
a.summary,
|
||
|
.pages strong>a {
|
||
|
color: #93a1a1 !important;
|
||
|
}
|
||
|
.blotter #notifications a {
|
||
|
color: #ffffff !important;
|
||
|
}
|
||
|
a:hover,
|
||
|
body.is_catalog .button:hover,
|
||
|
:root.catalog-mode .button:hover,
|
||
|
.lit,
|
||
|
.blotter #notifications a:hover,
|
||
|
.tegaki-tb-btn:hover {
|
||
|
color: #d33682 !important;
|
||
|
}
|
||
|
/* Header */
|
||
|
.blotter, a.current {
|
||
|
color: #93a1a1 !important;
|
||
|
}
|
||
|
.blotter a:not(.current) {
|
||
|
color: #696bba !important;
|
||
|
}
|
||
|
.blotter a:hover {
|
||
|
color: #d33682 !important;
|
||
|
}
|
||
|
#custom-board-list .current {
|
||
|
border-bottom: 1px solid rgba(105,107,186,1) !important;;
|
||
|
}
|
||
|
#custom-board-list .current:hover {
|
||
|
border-bottom: 1px solid rgba(211,54,130,1) !important;;
|
||
|
}
|
||
|
/* Greentext */
|
||
|
.postMessage>.quote,
|
||
|
s:hover .quote,
|
||
|
.str,
|
||
|
.atv,
|
||
|
.new,
|
||
|
.catalog-thread > .comment > .quote {
|
||
|
color: #859900 !important;
|
||
|
}
|
||
|
/* Headers */
|
||
|
.heading {
|
||
|
color: #bec2c4 !important;
|
||
|
}
|
||
|
/* Subject and Option labels */
|
||
|
.subject,
|
||
|
.replytitle,
|
||
|
.teaser b,
|
||
|
.post-subject,
|
||
|
.option.header .option-title,
|
||
|
.kwd {
|
||
|
color: #bec2c4 !important;
|
||
|
}
|
||
|
.option.header {
|
||
|
font-size: 140%;
|
||
|
}
|
||
|
/* Board Title */
|
||
|
h1, h2 {
|
||
|
color: #93a1a1 !important;
|
||
|
text-shadow: none !important;
|
||
|
}
|
||
|
.subtitle {
|
||
|
color: #93a1a1 !important;
|
||
|
text-shadow: none !important;
|
||
|
}
|
||
|
/* Backlinks */
|
||
|
.backlink {
|
||
|
color: #4f5f8f !important;
|
||
|
}
|
||
|
.quotelink {
|
||
|
color: #696bba !important;
|
||
|
}
|
||
|
/* Code Tags */
|
||
|
.prettyprint,
|
||
|
.catalog-code {
|
||
|
background: none repeat scroll 0 0 rgba(" + $SS.theme.codeBackground + ") !important;
|
||
|
border: 1px solid rgba(" + $SS.theme.codeBorder + ") !important;
|
||
|
}
|
||
|
.pun {
|
||
|
color: rgba(147,161,161,.4) !important;
|
||
|
}
|
||
|
::-webkit-input-placeholder {
|
||
|
color:rgba(147,161,161,.4) !important;
|
||
|
}
|
||
|
#qr .field::-moz-placeholder,
|
||
|
::-moz-placeholder,
|
||
|
#qr-no-file {
|
||
|
color: rgba(147,161,161,.4) !important;
|
||
|
}
|
||
|
/* Backgrounds */
|
||
|
body {
|
||
|
background: #073642 !important;
|
||
|
}
|
||
|
.reply,
|
||
|
body.is_catalog .panel,
|
||
|
:root.catalog-mode .panel,
|
||
|
.dialog,
|
||
|
.tab-label,
|
||
|
#post-preview,
|
||
|
#tegaki,
|
||
|
#options_div,
|
||
|
#alert_div,
|
||
|
.bar,
|
||
|
.boardlist,
|
||
|
.pages,
|
||
|
:root.op-background .postContainer.opContainer,
|
||
|
.flashListing tr:nth-of-type(2n+1),
|
||
|
.dd-menu ul,
|
||
|
:root.catalog-hover-expand .catalog-container:hover > .post {
|
||
|
background: rgba(3,43,54,1)!important;
|
||
|
}
|
||
|
:root.recolor-even .thread>.replyContainer:nth-of-type(even):not(.hidden) .post {
|
||
|
background: rgb(0,33,44) !important;
|
||
|
}
|
||
|
:root:not(.header-gradient) .blotter {
|
||
|
background: rgba(3,43,54,.9) !important;
|
||
|
}
|
||
|
:root.header-gradient .blotter {
|
||
|
background: linear-gradient(rgb(18,58,69),rgba(3,43,54,.9)) !important;
|
||
|
}
|
||
|
:root.header-shadow .blotter {
|
||
|
box-shadow: none !important;
|
||
|
}
|
||
|
:root:not(.fixed) .blotter {
|
||
|
background: none !important;
|
||
|
}
|
||
|
.options-button,
|
||
|
.qr-link,
|
||
|
.pages.cataloglink,
|
||
|
.pages strong>a {
|
||
|
background:linear-gradient(rgb(18,58,69),rgb(3,43,54)) !important;
|
||
|
}
|
||
|
.options-button:hover,
|
||
|
.import-input:hover + .options-button,
|
||
|
.pages strong>a:hover,
|
||
|
.dd-menu li:hover {
|
||
|
background:rgb(18,58,69);
|
||
|
}
|
||
|
.focused.entry {
|
||
|
background:rgb(13,53,64) !important;
|
||
|
}
|
||
|
.qr-link:hover,
|
||
|
:root.vertical-qr #qr .move {
|
||
|
background:rgb\(3,43,54);
|
||
|
}
|
||
|
input:not(.jsColor),
|
||
|
textarea,
|
||
|
.riceCheck,
|
||
|
#qr-filename-container,
|
||
|
select,
|
||
|
.captcha-root {
|
||
|
background: #073642 !important;
|
||
|
transition: background .2s;
|
||
|
}
|
||
|
input[type=checkbox],
|
||
|
.riceCheck {
|
||
|
background: rgb(32,79,91) !important;
|
||
|
}
|
||
|
input:not(.jsColor):hover,
|
||
|
.riceCheck:hover,
|
||
|
#qr-filename-container:hover,
|
||
|
textarea:hover,
|
||
|
select:hover,
|
||
|
.captcha-root:hover {
|
||
|
background: #0d272e !important;
|
||
|
transition: background .2s;
|
||
|
}
|
||
|
hr {
|
||
|
background-image: linear-gradient(to left, rgba(211,54,130,0), rgb(211,54,130), rgba(211,54,130,0));
|
||
|
}
|
||
|
#unread-line {
|
||
|
background-image: linear-gradient(to left, rgba(105,111,192,0), rgb(105,111,192), rgba(105,111,192,0));
|
||
|
}
|
||
|
.inline {
|
||
|
background:rgba(0,27,38,.8)!important;
|
||
|
}
|
||
|
:root.post-info .reply>.postInfo {
|
||
|
background: rgba(0,27,38,.2);
|
||
|
border-bottom:1px solid rgb(3,47,58);
|
||
|
}
|
||
|
form table tr th {background: #073642;}
|
||
|
tr, td {background: #073642;}
|
||
|
#quick-reply table {background: #073642 !important;}
|
||
|
div.banner {background-color: rgba(200, 200, 200, 0.5);}
|
||
|
/* Borders */
|
||
|
.reply,
|
||
|
:root.op-background .postContainer.opContainer,
|
||
|
.dd-menu ul {
|
||
|
border-width: 0 1px 1px 0;
|
||
|
border-style: solid;
|
||
|
}
|
||
|
:root.borders-all .reply,
|
||
|
:root.borders-all.op-background .postContainer.opContainer {
|
||
|
border-width: 1px !important;
|
||
|
}
|
||
|
:root.borders-none .reply,
|
||
|
:root.borders-none.op-background .postContainer.opContainer {
|
||
|
border: none;
|
||
|
}
|
||
|
#menu,
|
||
|
.catalog-thumb {
|
||
|
border-radius: 0 !important;
|
||
|
}
|
||
|
:root.rounded-corners .reply,
|
||
|
:root.rounded-corners.op-background .postContainer.opContainer,
|
||
|
:root.rounded-corners .dialog:not(.blotter),
|
||
|
:root.rounded-corners .inline,
|
||
|
:root.rounded-corners #thread-stats
|
||
|
:root.rounded-corners #updater,
|
||
|
:root.rounded-corners #menu,
|
||
|
:root.rounded-corners .thumb,
|
||
|
:root.rounded-corners .fileThumb img:not(.full-image),
|
||
|
:root.rounded-corners .catalog-thumb,
|
||
|
:root.rounded-corners .dd-menu ul,
|
||
|
:root.rounded-corners.werkTyme .catalog-thread:not(:hover),
|
||
|
:root.rounded-corners.werkTyme:not(.catalog-hover-expand) .catalog-thread,
|
||
|
:root.rounded-corners.catalog-hover-expand .catalog-container:hover > .post,
|
||
|
:root.rounded-corners.catalog-hover-expand .catalog-container:hover .catalog-reply {
|
||
|
border-radius: 3px !important;
|
||
|
}
|
||
|
:root.post-info.rounded-corners .reply>.postInfo,
|
||
|
:root.rounded-corners #qr,
|
||
|
:root.rounded-corners:root.vertical-qr #qr > .move {
|
||
|
border-radius: 3px 3px 0 0 !important;
|
||
|
}
|
||
|
:root:not(.rounded-corners) #post-preview {
|
||
|
border-radius: 0 !important;
|
||
|
}
|
||
|
.reply,
|
||
|
:root.op-background .postContainer.opContainer,
|
||
|
.dialog,
|
||
|
.entry,
|
||
|
.inline,
|
||
|
fieldset,
|
||
|
#post-preview,
|
||
|
.flashListing td:not(:last-of-type):not(.postblock),
|
||
|
:root.vertical-qr #qr .move,
|
||
|
#qr select,
|
||
|
select {
|
||
|
border-color: #133942 !important;
|
||
|
}
|
||
|
.dd-menu li {
|
||
|
border-bottom: #133942 !important;
|
||
|
}
|
||
|
input,
|
||
|
textarea,
|
||
|
.riceCheck,
|
||
|
#qr-filename-container,
|
||
|
#search-box,
|
||
|
#index-search,
|
||
|
.captcha-img,
|
||
|
:root.vertical-qr #qr .move,
|
||
|
#qr select,
|
||
|
select,
|
||
|
#post-preview,
|
||
|
.captcha-root,
|
||
|
.dd-menu ul,
|
||
|
:root.werkTyme .catalog-thread:not(:hover),
|
||
|
:root.werkTyme:not(.catalog-hover-expand) .catalog-thread,
|
||
|
:root.catalog-hover-expand .catalog-container:hover > .post,
|
||
|
:root.catalog-hover-expand .catalog-container:hover .catalog-reply {
|
||
|
border: 1px solid #0d272e !important;
|
||
|
}
|
||
|
.options-button,
|
||
|
.qr-link,
|
||
|
.pages.cataloglink,
|
||
|
.pages strong>a {
|
||
|
border-style: solid;
|
||
|
border-width: 1px;
|
||
|
border-color: rgb(0,28,39) rgb(0,28,39) rgb(0,13,24) !important;
|
||
|
}
|
||
|
a.quotelink.forwardlink, a.backlink.forwardlink {
|
||
|
border-bottom: 1px dashed;
|
||
|
}
|
||
|
input:focus,
|
||
|
textarea:focus,
|
||
|
#qr-filename-container:focus,
|
||
|
#qr-filename-container.focus,
|
||
|
select:focus,
|
||
|
.captcha-root:focus {
|
||
|
border: 1px solid #696bba !important;
|
||
|
}
|
||
|
#search-box:hover,
|
||
|
#index-search:hover,
|
||
|
.captcha-img:hover {
|
||
|
border-color: #696bba !important;
|
||
|
}
|
||
|
.blotter {
|
||
|
border: none !important;
|
||
|
}
|
||
|
.flashListing td:not(:last-of-type):not(.postblock) {
|
||
|
border-width: 1px;
|
||
|
border-style: solid;
|
||
|
}
|
||
|
:root.header-highlight #custom-board-list .current:hover,
|
||
|
:root.header-highlight #custom-board-list .current {
|
||
|
border-bottom: none !important;
|
||
|
}
|
||
|
/* 4chan X Menu */
|
||
|
.suboption-list > div:last-of-type {
|
||
|
background: rgba(3,43,54,1)!important;
|
||
|
}
|
||
|
.suboption-list > div::before,
|
||
|
.suboption-list::before {
|
||
|
border-color: #133942 !important;
|
||
|
left: 0.5em !important;
|
||
|
}
|
||
|
/* Shadows */
|
||
|
#navlinks a {
|
||
|
text-shadow:#032b36 -1px -1px,
|
||
|
#032b36 1px -1px,
|
||
|
#032b36 -1px 1px,
|
||
|
#032b36 1px 1px,
|
||
|
#032b36 -1px 0,
|
||
|
#032b36 1px 0,
|
||
|
#032b36 0 -1px,
|
||
|
#032b36 0 1px,
|
||
|
rgba(0,0,0,.6) 0 2px 4px,
|
||
|
rgba(0,0,0,.6) 0 0 2px;
|
||
|
}
|
||
|
.thumb {
|
||
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
|
||
|
}
|
||
|
#qr,
|
||
|
#thread-watcher {
|
||
|
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) !important;
|
||
|
}
|
||
|
.highlighted {
|
||
|
border-color: #6c71c4 !important;
|
||
|
}
|
||
|
/* Thread Stats */
|
||
|
:root.style-stats #thread-stats,
|
||
|
:root.style-stats #updater,
|
||
|
:root.style-stats #stats {
|
||
|
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
|
||
|
padding: 3px 6px !important;
|
||
|
border: 1px solid;
|
||
|
}
|
||
|
/* Mascots */
|
||
|
:root.mascot-grayscale #mascot img {
|
||
|
filter: url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 height=%220%22 color-interpolation-filters=%22sRGB%22><filter id=%22grayscale%22><feColorMatrix id=%22color%22 type=%22saturate%22 values=%220%22 /></filter></svg>#grayscale');
|
||
|
-webkit-filter: grayscale(100%);
|
||
|
}
|
||
|
/* Closed Threads */
|
||
|
.closed {
|
||
|
margin-top: 10px;
|
||
|
color: red;
|
||
|
}
|