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