discomrade
3 years ago
1 changed files with 469 additions and 0 deletions
@ -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; |
||||
|
} |
Loading…
Reference in new issue