From 6707d92ed3f3fdd304b256b8dc4cdb4fea4d6cfb Mon Sep 17 00:00:00 2001 From: discomrade Date: Fri, 1 Oct 2021 02:27:49 +0000 Subject: [PATCH] Add midnight.css theme --- stylesheets/midnight.css | 469 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 469 insertions(+) create mode 100644 stylesheets/midnight.css diff --git a/stylesheets/midnight.css b/stylesheets/midnight.css new file mode 100644 index 00000000..5cfe8060 --- /dev/null +++ b/stylesheets/midnight.css @@ -0,0 +1,469 @@ + +/** + * Midnight.css + * For Ponyville by Starshine + * + * Modified from dark.css + * For AwsumChan by Circlepuller + */ +@import url("/stylesheets/dark.css"); + +body, +div.options_tab, +div#options_tablist, +div#options_div, +#settingsScreen, +#watcherScreen { + background: #110011; + color: white; + border-color: #999999; +} + +body, +.expanded-post-container, +.expanded-post-container:hover { + color: #BBBBBB; + font-size: 12px; + font-family: sans-serif; +} + +a, +a:visited { + color: #CCCCCC; + text-decoration: none; +} + +a:hover { + color: #fff !important; +} + +h1 { + color: yellow; + font: bold 20pt serif; + text-align: center; + letter-spacing: 0px; +} + +h2, +header div.subtitle, +p.intro a.email:hover span.name { + color: yellow !important; +} + +hr { + height: 1px; + border: #333333 1px solid; +} + +div.banner a.unimportant { + color: yellow; +} + +span.name { + color: lavender; +} + +div.boardlist, +.boardlist.top { + height: 24px; + color: #999999; + background-color: rgba(12%, 12%, 12%, 0.10); +} + +.desktop-style div.boardlist:not(.bottom), +.boardlist.top { + text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px; + background-color: rgba(30%, 0%, 30%, 0.65); +} + +.desktop-style div.boardlist:not(.bottom):hover, +.boardlist.top:hover { + background-color: rgba(30%, 0%, 30%, 0.65); +} + +.boardlist.top .boardlistpart a { + font-size: 12px; +} + +.boardlist.top .boardlistpart a.boardlistactive { + border-top: 0px !important; + color: white; + font-weight: bold; + background: transparent; +} + +.boardlist.top .boardlistpart a:hover, +.boardlist.top .watcherButton.open { + background: #4B114B; + height: 12px; +} + +.boardlist.bottom { + background: transparent; +} + +div.banner { + background: rgba(0%, 0%, 0%, 0); + color: yellow; + text-align: center; + width: 250px; + padding: 4px; + padding-left: 12px; + padding-right: 12px; + margin-left: auto; + margin-right: auto; + font-size: 12px; +} + +div.banner a { + color: #000; +} + +div.banner a:hover { + color: #fff !important; +} + +div.pages { + color: #CCCCCC; + background: #110011; + border: #666666 1px solid; + font-family: sans-serif; + font-size: 10pt; +} + +div.pages a.selected { + color: #CCCCCC; +} + +div.body { + color: #CCCCCC; +} + +input[type="text"], +textarea, +select { + background: #220022; + color: #CCCCCC; + border: #666666 1px solid; + padding-left: 5px; + padding-right: -5px; + font-family: sans-serif; + font-size: 10pt; +} + +input[type="password"] { + background: #220022; + color: #CCCCCC; + border: #666666 1px solid; +} + +input[type="submit"], +#qr button { + background: #330022; + border: #888888 1px solid; + color: #CCCCCC; +} + +input[type="submit"]:hover, +#qr button:hover { + background: #550045; + border: #888888 1px solid; + color: yellow; +} + +input[type="text"]:focus, +input[type="password"]:focus, +input[type="text"]:focus, +textarea:focus, +select { + border: #aaa 1px solid; +} + +#qr button:not(#qrfileremove), +#qr input[type='submit'] { + background: #220022; + border: 1px solid #888; + border-radius: 0; + box-shadow: inset 0 0 1px 1px #000000; + color: #ccc; + text-shadow: 0 1px 0 #000; +} + +#qr input[type='submit'], +#qr input[type='submit']:hover { + border-color: #b468bf; +} + +#qr button:not(#qrfileremove):hover, +#qr input[type='submit']:hover { + background: #550045; + border: 1px solid #888; + border-radius: 0; + box-shadow: inset 0 0 1px 1px #000000; + color: yellow; + text-shadow: 0 1px 0 #000; +} + +form table tr th { + background: #220022; + color: #CCCCCC; + font-weight: 800; + text-align: left; + padding: 0; +} + +.thread hr { + border-color: #333333; +} + +div.ban { + background: #220022; + color: #CCCCCC; +} + +div.ban h2 { + background: #330033; + color: yellow; +} + +input.delete { + /* the post checkboxes */ + position: relative; + top: 2px; + left: 2px; +} + +div.ban h4, +header h1, +p.intro span.subject { + color: yellow; +} + +span.name, +.name, +p.intro span.name { + color: lightgreen; +} + +p.intro a.email span.name { + color: lavender; +} + +.intro .subject, +p.intro a.email span.name:hover, +span.heading { + color: yellow; +} + +.boardlist.top .boardlistpart a[href="/"] { + color: #DDD; +} + +.post.reply, +div.post.reply, +.post.reply .post-hover { + background: #220022; + border: #555555 1px solid; + border-radius: 10px; +} + +.post.highlighted { + background: #400045; +} + +.post.reply.highlighted, +div.post.reply.highlighted { + background: #3A003A; + border: transparent 1px solid; +} + +.post.highlighted { + background: transparent; +} + +.post-inline, +.post-hover { + border: #110011 1px solid !important; + box-shadow: 1px 1px 1px 1px transparent !important +} + +.post.reply:not(.inline) { + border-width: 0; + max-width: 94%; +} + +.intro .name { + font-weight: 800; +} + +a.email, +a.email .name, +a.email:hover, +a.email:hover .name { + color: #32ddaf; +} + +span.trip { + color: lightgreen; +} + +a.email .name { + color: #CCCCCC; +} + +.intro .post_no { + color: #AAAAAA; + text-decoration: none; +} + +.intro .post_no:hover { + color: #32DD72 !important; + text-decoration: none; +} + +#qrDisplayButton { + color: yellow; +} + +div.blotter { + color: white; +} + +.hashtag { + background: linear-gradient(#3A003A, #220022); + margin-bottom: 4px; +} + +.hidetogglebutton, +div.pages button { + background: linear-gradient(#3A003A, #220022); +} + +.fileinfo a:hover { + text-decoration: underline; +} + +.post .body a, +.post .body a:visited, +.post> :not(.body) a { + color: #CCCCCC; +} + +.post .body a:hover { + color: #32DD72 !important +} + +span.quote { + color: #B8D962; +} + +span.upquote { + color: magenta; +} + +span.handle { + background: #150015; +} + +.ban { + background-color: transparent; + border: transparent 0px solid; +} + +.ban h2 { + background: transparent; + color: lime; + font-size: 12px; +} + +#options_div, +#alert_div { + background: #333333; +} + +.options_tab_icon { + color: #AAAAAA; +} + +.options_tab_icon.active { + color: #FFFFFF; +} + +table.modlog tr th { + background: #333333; + color: #AAAAAA; +} + +.report { + color: #666666; +} + +#qr, +.qrthumb { + background-color: #220022; + color: white !important; + border-color: #555555 !important; + border: 1px 1px 1px 1px; +} + +#qrfileremove { + background-color: transparent !important; + border: 0px !important; +} + +.qrremovethumb { + opacity: 0.5 !important; +} + +#qr textarea { + border-bottom-color: #555555; +} + +#qr textarea:focus {} + +#qrimageswrapper, +#qraddimage { + overflow-x: hidden; + background: #110011; + color: white; + min-height: 72px; +} + +#qrmove { + background-color: #330022; +} + +#qr label { + color: white; +} + +#quick-reply th {} + +.hidetext { + border: 1px solid rgba(0, 0, 0, 0.3); + background: rgba(0, 0, 0, 0.1) none repeat scroll 0px 0px; + padding: 5px; + margin: 5px; + overflow: hidden; + transform-origin: center top 0px; + transform: scaleY(1); + transition: transform 0.25s ease-in-out 0s, margin 0.25s ease-in-out 0s, padding 0.25s ease-in-out 0s, height 0.25s ease-in-out 0s; +} + + +/* leftypol edits */ +.bar, +.bar.top, +.bar.bottom, +div.boardlist, +div.boardlist:not(.bottom) { + background-color: rgba(30%, 0%, 30%, 1.0); +} +.theme-catalog div.thread:hover { + background: rgba(0, 0, 0, 0.12); + border: 2px solid rgba(111, 111, 111, 0.34); +} + +.options_tab_icon { + color: white; +}