instant-0chan/css/newdark.css

421 lines
8.3 KiB
CSS

html, body {
background-color: #2C333D;
color: #C7C7C7;
font-family: "Roboto", "Open Sans", "Trebuchet MS",Trebuchet,sans-serif;
font-size: 15px;
}
a {
color: rgb(55, 201, 153);
}
a:visited {
color: rgb(55, 201, 153);
}
a:hover {
color: rgb(54, 171, 133);
}
.adminbar {
clear:both;
float:right;
font-size: .8em;
}
.adminbar a {
font-weight: bold;
}
.logo {
clear:both;
text-align:left;
font-size:2em;
font-weight: bold;
color: rgb(55, 201, 153);
}
.replymode, .passvalid, .catalogmode {
background: rgba(255, 255, 255, 0.13);
text-align: center;
padding: 2px;
color: #FFFFFF;
clear: both;
font-weight: bold;
margin-bottom: .5em;
border-radius: 5px;
}
.admin{
color: #E052E0;
}
.postblock {
background:transparent;
color: #949494;
font-weight:bold;
}
.footer {
text-align:center;
font-size:12px;
font-family:serif;
margin: 2em 0 0 0;
}
.dellist {
font-weight: bold;
text-align:center;
}
.delbuttons {
text-align:center;
padding-bottom:4px;
}
.managehead {
background:#DDDDDD;
color:#002244;
padding:0px;
}
.postlists {
background:#FFFFFF;
width:100%;
padding:0px;
color:#800000;
}
.row1 {
background:#DDDDDD;
color:#002244;
}
.row2 {
background:#CCCCCC;
color:#002244;
}
.unkfunc {
background:inherit;
color:#789922;
}
.reflink {
font-size: .8em;
font-weight: bold;
padding-right: 6px;
}
.reflink a, .reflink a:visited {
color: rgb(180, 180, 180);
}
.reflink a:hover {
color: rgb(230, 230, 230);
}
.filesize {
text-decoration:none;
color: #838383;
font-size: .8em;
}
.filetitle {
background:inherit;
font-size:1.2em;
color:#8DA1B4;
font-weight:bold;
}
.postername {
color: #789EB8;
font-weight:bold;
}
.postertrip {
color:#FF3300;
}
.oldpost {
color:#CC1105;
font-weight:bold;
}
.omittedposts, .omittedposts a, .xlink {
color: rgba(255, 255, 255, 0.47) !important;
}
.reply {
background: #363F4C;
padding-right: 3px;
padding: 1px 3px 1px 1px;
border: 1px solid rgb(31, 37, 44);
}
blockquote p {
margin: 0;
padding: 0;
}
.doubledash {
display: none;
vertical-align:top;
clear:both;
float:left;
}
.replytitle {
font-size: 1.2em;
color:#002244;
font-weight:bold;
}
.commentpostername {
color:#004A99;
font-weight:800;
}
.thumbnailmsg {
font-size: .8em;
color:#666666;
}
hr {
border-style: solid none none none;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.1);
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.55);
}
table {
border-style: none;
}
table td {
border-style: none;
}
.nothumb {
background-color: transparent;
border-style: dotted;
}
.abbrev {
color:#666666;
}
.highlight {
border: 1px solid rgba(85, 224, 156, 0.28);
box-shadow: inset 0 0 59px rgba(85, 224, 156, 0.28);
}
#watchedthreads {
background-color: #DDDDDD !important;
border: 1px solid #CCCCCC !important;
border-radius: 5px;
}
.b-icon {
fill: #B4B4B4;
}
.b-icon:hover {
fill:white;
background-color:rgba(55, 201, 153, 0.67);
}
.topbar-left {
height: 0px;
}
.topbar-right {
height: 0px;
}
.topbar-center {
height: 6px;
background: rgba(0, 0, 0, 0.06);
}
.content-background {
background-color: #2C333D;
}
.maintable {
width: 100%;
table-layout: fixed;
}
#overlay_menu {
-webkit-transition-property: background-color, color, box-shadow;
-webkit-transition-duration: 0.4s;
-o-transition-property: background-color, color, box-shadow;
-o-transition-duration: 0.4s;
-moz-transition-property: background-color, color, box-shadow;
-moz-transition-duration: 0.4s;
-webkit-transition-property: background-color, color, -webkit-box-shadow;
transition-property: background-color, color, box-shadow;
transition-duration: 0.4s;
box-shadow: none;
border-color: rgb(31, 37, 44);
}
#overlay_menu:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, 1);
background: rgb(29, 34, 40);
}
.menu-item {
padding: 2px 5px;
border-radius: 3px;
}
.maintable hr {
margin-left: -9px;
margin-right: -9px;
}
.reflinkpreview {
border: none;
border-radius: 0;
box-shadow: 0 4px 20px rgb(19, 23, 27);
}
input[type="text"], input[type="password"], textarea {
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgb(42, 48, 55);
-webkit-transition-property: background-color, border-color, box-shadow;
-webkit-transition-duration: 0.4s;
-webkit-transition-property: background-color, border-color, -webkit-box-shadow;
transition-property: background-color, border-color, box-shadow;
-o-transition-duration: 0.4s;
-o-transition-property: background-color, border-color, box-shadow;
-moz-transition-duration: 0.4s;
-moz-transition-property: background-color, border-color, box-shadow;
transition-duration: 0.4s;
color: rgb(167, 167, 167);
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
background: rgb(29, 34, 40);
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
border: 1px solid rgba(55, 201, 153, 0.62);
background: rgb(29, 34, 40);
outline: none;
box-shadow: inset 0 0 40px rgba(55, 201, 153, 0.32);
color: rgb(216, 216, 216);
}
.reflinkpreview .reply {
box-shadow: none;
}
.prettyprint {
color: black;
background: rgba(255, 255, 255, 0.72);
}
.omittedposts a, .xlink {
text-decoration: inherit;
border-bottom: 1px dashed rgb(143, 143, 143);
}
.postinfo {
font-size: .9em;
color: rgb(155, 155, 155);
}
.uibutton {
background: rgb(54, 63, 76);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 4px 4px 0 0;
border-bottom: 0;
}
.uibutton:hover {
background: rgb(77, 88, 103);
border: 1px solid rgb(83, 83, 83);
color: rgb(55, 201, 153);
}
#postclone, #postclone .captchaimage {
background-color: rgb(29, 34, 40);
}
.postmessage span[style*="color:blue"] {
color: rgb(173, 212, 255)!important;
}
.markupbtns {
margin-bottom: -2px;
}
/* catalog */
.cat-card {
border: 1px solid rgba(0, 0, 0, 0.39);
background: rgba(0, 0, 0, 0.17);
}
.cat-entry:hover .cat-card {
background: #2D343E;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.53);
}
.nofile-removed {
border: 2px dashed #A6A7A9;
color: #A6A7A9;
}
.hidden-on {
background: #33A884;
color: black!important;
}
.hidden-on:hover {
background: #2DCA99;
}
.actor:hover {
color: rgb(54, 171, 133);
}
.cat-entry:after {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(135,224,253,0)),to(rgb(37, 42, 51)));
background: -webkit-linear-gradient(top, rgba(135,224,253,0) 0%,rgb(37, 42, 51) 100%);
background: -o-linear-gradient(top, rgba(135,224,253,0) 0%,rgb(37, 42, 51) 100%);
background: linear-gradient(to bottom, rgba(135,224,253,0) 0%,rgb(37, 42, 51) 100%);
}
.thumbExpanded .bigThumb {
background: rgba(37, 42, 51, 0.8);
}
.button-group {
background: rgba(255, 255, 255, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.button-group:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
background: rgba(255, 255, 255, 0.25);
}
.bg-button:hover {
background-color: rgba(255, 255, 255, 0.12);
color: #fff;
}
.bgb-selected, .bgb-selected:hover {
background: #167355;
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
}
::-moz-selection {
background: rgb(54, 171, 133);
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
color: white;
}
::selection {
background: rgb(54, 171, 133);
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
color: white;
}
.bubble {
color: rgba(255, 255, 255, 0.83);
border: none;
}
.bubble, .thought-bubble:after, .thought-bubble:before {
background: rgba(255, 255, 255, 0.2);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.19);
}
.bubble:after {
border-color: transparent rgba(255, 255, 255, 0.2);
}
.reply::-webkit-scrollbar-corner,
.reply::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.11);
}
.reply::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.13);
}
.reply:hover::-webkit-scrollbar-track,
.reply:hover .prettyprint::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.21);
}
.reply:hover::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2);
}
.reply::-webkit-scrollbar-thumb:active {
background: rgba(255, 255, 255, 0.4) !important;
}
.reply::-webkit-scrollbar-corner {
background: #363f4c;
}
figure {
-webkit-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
transition: background-color 0.2s;
}
figure:hover {
background: rgba(48, 191, 153, 0.12);
}
.form-spinner {
border-color: #37c999;
border-width: 4px;
border-style: none dashed solid none;
width: 10.1em;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
box-shadow: 0 0 88px rgba(0, 0, 0, 0.4), inset 0 0 88px rgba(0, 0, 0, 0.4);
}