470 lines
6.8 KiB
CSS
470 lines
6.8 KiB
CSS
|
|
/**
|
|
* 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;
|
|
}
|