4chan/css/catalog_spooky2017.css
2025-04-17 14:46:47 -05:00

1894 lines
30 KiB
CSS

/* YUI Reset */
html {
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
color: #000;
}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
body {
margin-bottom: 8px;
}
.nwsb { display: none; }
a {
text-decoration: none;
}
.click-me {
border-radius: 5px;
margin-top: 5px;
padding: 2px 5px;
position: absolute;
font-weight: bold;
z-index: 2;
white-space: nowrap;
}
.yotsuba_new .click-me {
color: #800000;
background-color: #F0E0D6;
border: 2px solid #D9BFB7;
}
.click-me:before {
content: "";
border-width: 0 6px 6px;
border-style: solid;
left: 50%;
margin-left: -6px;
position: absolute;
width: 0;
height: 0;
top: -6px;
}
.yotsuba_new .click-me:before {
border-color: #D9BFB7 transparent;
}
.click-me:after {
content: "";
border-width: 0 4px 4px;
top: -4px;
display: block;
left: 50%;
margin-left: -4px;
position: absolute;
width: 0;
height: 0;
}
.yotsuba_new .click-me:after {
border-color: #F0E0D6 transparent;
border-style: solid;
}
.adg-rects {
margin: 0;
text-align: center;
}
.adg, .adg-m { overflow: hidden; }
.adg-rep .adg { margin-left: 15px }
.adp-228 { margin: auto; width: 728px; height: 320px; }
.adp-90 { margin: auto; width: 728px; height: 90px; }
.adp-128 { margin: auto; width: 728px; height: 128px; }
.adp-50 { margin: auto; width: 320px; height: 50px; }
.adp-250 { margin: auto; width: 300px; height: 250px; }
.adp-row { display: inline-block; margin: 0 10px; }
.danbo-slot { width: 728px; height: 90px; margin: 10px auto; overflow: hidden; }
@media only screen and (max-width: 480px) { .danbo-slot { width: 300px; height: 250px; } }
.bsa-cnt {
margin: 20px 0;
height: 90px;
text-align: center;
}
@media only screen and (max-width: 640px) {
.bsa-cnt {
height: 250px;
display: flex;
justify-content: center;
align-items: center;
}
}
.party-cnt {
position: relative;
display: inline-block;
}
.party-hat {
position: absolute;
pointer-events: none;
}
.small .party-hat,
.extended-small .party-hat {
width: 100px;
left: -10px;
margin-top: -55px;
}
.large .party-hat,
.extended-large .party-hat {
left: -15px;
margin-top: -95px;
}
#disclaimer {
font-size: 14px;
position: absolute;
overflow: hidden;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: 9998;
}
#disclaimer-bg {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.25);
}
#disclaimer-modal {
z-index: 9999;
width: 320px;
top: 0;
left: 50%;
margin-left: -170px;
display: block;
padding: 10px;
position: relative;
background-color: #f0e0d6;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
#disclaimer ol {
margin-left: 20px;
padding: 0;
}
#disclaimer li {
margin: 10px 0;
}
#disclaimer h3 {
border-bottom: 1px solid #d9bfb7;
margin: 0;
padding-bottom: 5px;
text-align: center;
}
#disclaimer-modal div {
margin-top: 10px;
text-align: center;
}
#disclaimer-modal button {
margin: 0 10px;
}
#disclaimer-accept {
font-weight: bold;
}
#footer-links { margin-top: 5px; }
.belowLeaderboard {
width: 728px;
max-width: 100%;
}
.aboveMidAd {
width: 468px;
max-width: 100%;
}
body.hasDropDownNav {
margin-top: 45px;
}
#postFormError {
background-color: #e62020;
color: #fff;
font-family: monospace;
font-size: 13px;
font-weight: bold;
padding: 3px 5px;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
display: none;
margin-top: 3px;
}
#postFormError a {
color: #fff;
}
.painter-ctrl input,
#qr-painter-ctrl input {
width: 30px !important;
text-align: center;
}
#bottomnav {
clear: both;
}
.persistentNav,
div#boardNavMobile {
padding: 2px 4px;
background-color: #F0E0D6;
overflow: hidden;
border-bottom: 2px solid #D9BFB7;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9001;
font-size: 12px;
}
div#boardNavMobile select, div#boardNavMobile option {
font-size: 11px;
}
.autohide-nav { transition: top 0.2s ease-in-out }
div.boardSelect {
float: left;
}
div.boardSelect > strong {
padding-right: 5px;
}
div.pageJump {
float: right;
padding-right: 5px;
padding-top: 3px;
}
.pageJump a {
text-decoration: none;
padding-right: 5px;
color: #000080 !important;
}
/* reCaptcha */
.recaptchatable {
background-color: transparent !important;
border: none !important;
}
.recaptcha_image_cell {
background-color: transparent !important;
}
#g-recaptcha {
height: 78px;
}
#recaptcha_div {
height: 107px; width: 442px;
}
#recaptcha_challenge_field { width: 400px }
.recaptcha_input_area {
padding: 0!important;
}
#recaptcha_table tr:first-child {
height: auto!important;
}
#recaptcha_table tr:first-child > td:not(:first-child) {
padding: 0 7px 0 7px!important;
}
#recaptcha_table tr:last-child td:last-child {
padding-bottom: 0!important;
}
#recaptcha_table tr:last-child td:first-child {
padding-left: 0!important;
}
#recaptcha_image {
cursor: pointer;
}
#recaptcha_response_field {
width: 292px;
margin-right: 0px!important;
font-size: 10pt!important;
}
input:-moz-placeholder { color: gray !important; }
#recaptcha_image {
border: 1px solid #aaa !important;
}
#recaptcha_table tr > td:last-child {
display: none !important;
}
#captchaContainer {
width: 343px;
height: 86px;
line-height: 99px;
overflow: hidden;
}
#captchaContainer .placeholder {
font-style: italic;
padding-left: 5px;
}
#content table {
border-collapse: collapse;
border-spacing: 0;
}
.jpnFlag {
height: 11px;
width: 17px;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
li {
list-style: none;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input[type="text"], input[type="password"], textarea {
border-color: #140814 !important;
}
input[type="text"]:hover, input[type="text"]:focus,
textarea:hover, textarea:focus { border-color: 1px solid rgba(150, 180, 170, 0.3) !important }
legend {
color: #000;
}
ins {
text-decoration: none;
}
body {
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
padding-left: 5px;
padding-right: 5px;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
a,
#absbot a,
.button {
color: #d98518;
text-shadow: 0px 0px 8px rgba(217,133,24,1);
}
a:hover,
#absbot a:hover,
.button:hover {
color: #ff9d1c;
transition-duration: 1s;
transition-property: color;
}
hr {
clear: both;
height: 1px;
border: 0;
border-bottom: 1px solid #96b4aa;
opacity: 0.1;
}
code {
padding: 1px 5px 1px 5px;
background-color: #EEE;
color: #000;
}
kbd {
background-color: #f7f7f7;
border: 1px solid #ccc;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #ccc, 0 0 0 2px #fff inset;
font-family: monospace;
font-size: 11px;
line-height: 1.4;
padding: 0 5px;
color: #000;
}
p {
margin-bottom: 15px;
}
input[type="text"],
input[type="password"],
textarea {
border: 1px solid #AAA;
font-size: 11px;
margin: 0 2px 0 0;
padding: 2px 4px 3px;
}
input[type=text],
textarea {
outline: none;
}
input[type="text"],
input[type="password"] {
margin: 0px 2px;
padding: 1px;
}
input:focus,
textarea:focus {
border: 1px solid #EEAA88 !important;
}
#content input[type="checkbox"] {
vertical-align: middle;
}
#filters input[type="checkbox"] {
display: inline-block;
margin: auto;
}
img.topad, .topad > div, .topad a img {
width: 728px;
height: 90px;
max-width: 100%;
overflow: hidden;
margin: auto;
}
img.middlead, .middlead > div, .middlead a img{
width: 468px;
height: 60px;
max-width: 100%;
overflow: hidden;
margin: auto;
}
img.bottomad, .bottomad > div, .bottomad a img {
width: 728px;
height: 90px;
max-width: 100%;
overflow: hidden;
margin: auto;
}
/* Clickables */
.button {
cursor: pointer;
border: none;
white-space: nowrap;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.btn-wrap:before {
content: '[';
}
.btn-wrap:after {
content: ']';
}
.clickbox {
margin-right: 3px;
width: 16px;
height: 16px;
line-height: 16px;
font-size: 10px;
display: block;
text-align: center;
background-color: #fff;
border: 1px solid #aaa;
text-decoration: none;
color: #000;
}
/* Input box for custom colors */
.custom-rgb {
width: 45px;
}
.abovePostForm {
width: 90%;
}
/* UI panels */
.hidden {
display: none;
}
#backdrop {
background-color: rgba(0, 0, 0, 0.25);
text-align: center;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 100002;
}
.panel {
position: absolute;
padding: 2px 5px 5px 5px;
z-index: 100003;
font-size: 14px;
box-shadow: 0 0 6px rgba(0,0,0,1);
background-color: #241023;
}
.panel h4 {
font-size: 14px;
padding: 0;
margin: 10px 0px 5px 0px;
}
.panelHeader {
border-bottom: 1px solid rgba(150, 180, 170, 0.1);
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 5px;
padding-bottom: 5px;
text-align: center;
line-height: 14px;
}
.icon {
width: 18px;
height: 18px;
display: block;
background-size: 100%;
cursor: pointer;
position: absolute;
top: 5px;
}
.closeIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/cross.png');
right: 5px;
}
.helpIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/question.png');
right: 23px;
}
.expandIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/post_expand_plus.png');
right: 23px;
}
.collapseIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/post_expand_minus.png');
right: 23px;
}
.watchIcon,
.unwatchIcon {
height: 18px;
position: absolute;
width: 18px;
cursor: pointer;
visibility: hidden;
}
.watchIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/watch_thread_off.png');
}
.unwatchIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/watch_thread_on.png');
}
.thread:hover .watchIcon,
.thread:hover .unwatchIcon {
visibility: visible;
}
.threadIcons {
display: inline;
height: 16px;
margin: 2px 0 0 -101px;
position: absolute;
width: 100px;
text-align: right;
}
.threadIcon {
width: 16px;
height: 16px;
display: inline-block;
}
.stickyIcon {
background-image: url('//s.4cdn.org/image/sticky.gif');
}
.closedIcon {
background-image: url('//s.4cdn.org/image/closed.gif');
}
.adminIcon {
background-image: url('//s.4cdn.org/image/adminicon.gif');
}
.founderIcon {
background-image: url('//s.4cdn.org/image/foundericon.gif');
}
.modIcon {
background-image: url('//s.4cdn.org/image/modicon.gif');
}
.developerIcon {
background-image: url('//s.4cdn.org/image/developericon.gif');
}
.managerIcon {
background-image: url('//s.4cdn.org/image/managericon.gif');
}
.imgdel {
padding: 20px 14px;
min-height: 0 !important;
width: 127px;
height: 13px;
}
.nofile {
padding: 20px 36px;
min-height: 0 !important;
filter: invert(50%);
}
.refreshIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/refresh.png');
}
.rotateIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/post_expand_rotate.gif');
}
@media (-webkit-min-device-pixel-ratio: 2.0),
(min--moz-device-pixel-ratio: 2),
(min-resolution: 2dppx)
{
.closeIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/cross@2x.png');
}
.helpIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/question@2x.png');
}
.expandIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/post_expand_plus@2x.png');
background-size: 100%;
}
.collapseIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/post_expand_minus@2x.png');
background-size: 100%;
}
.stickyIcon {
background-image: url('//s.4cdn.org/image/sticky@2x.gif');
background-size: 100%;
}
.closedIcon {
background-image: url('//s.4cdn.org/image/closed@2x.gif');
background-size: 100%;
}
.adminIcon {
background-image: url('//s.4cdn.org/image/adminicon@2x.gif');
background-size: 100%;
}
.modIcon {
background-image: url('//s.4cdn.org/image/modicon@2x.gif');
background-size: 100%;
}
.developerIcon {
background-image: url('//s.4cdn.org/image/developericon@2x.gif');
background-size: 100%;
}
.managerIcon {
background-image: url('//s.4cdn.org/image/managericon@2x.gif');
background-size: 100%;
}
.refreshIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/refresh@2x.png');
background-size: 100%;
}
.rotateIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/post_expand_rotate@2x.gif');
background-size: 100%;
}
.watchIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/watch_thread_off@2x.png');
background-size: 100%;
}
.unwatchIcon {
background-image: url('//s.4cdn.org/image/buttons/futaba/watch_thread_on@2x.png');
background-size: 100%;
}
}
.clickset {
margin-bottom: 8px;
}
.clickset li {
clear: both;
margin-bottom: 2px;
line-height: 20px;
}
.inputset {
margin-bottom: 3px;
}
/* Notifications */
.msg-error,
.msg-ok {
border-radius: 3px;
padding: 1px 5px 1px 5px;
}
.msg-ok {
background-color: #FFFFEE;
color: #000;
}
.msg-error {
background-color: #E62020;
color: #fff;
}
.error {
color: red;
font-size: x-large;
font-weight: bold
}
/***************************************************************/
/* Info bar: update time, order, etc on the left */
/* Settings bar: buttons on the right */
#info {
float: left;
}
#settings {
float: right;
text-align: right;
}
#filtered-count,
#hidden-count,
#filtered-count-bottom,
#hidden-count-bottom,
#search-term,
#search-term-bottom,
#ordered-by {
font-weight: bold;
}
#filtered-label,
#hidden-label,
#filtered-label-bottom,
#hidden-label-bottom,
#search-label,
#search-label-bottom {
display: none;
}
/* Search "Quickfilter" Bar related elements */
#qf-cnt {
display: none;
}
#qf-clear {
text-decoration: none;
}
#qf-box {
width: 75px;
margin-right: 5px;
}
/* Top and bottom navigation menus */
#boardNavDesktop {
color: #140814;
font-size: 9pt;
}
#boardNavDesktop a {
padding: 1px;
text-decoration: none;
}
.navLinks .btn-wrap {
display: inline;
}
#navtopright,
#navbotright {
float: right;
}
.navSmall {
font-size: 90%;
}
#styleSwitcher {
float: right;
}
#globalMessage {
color: red;
text-align: center;
}
#toggleMsgBtn {
width: 18px;
height: 18px;
display: block;
cursor: pointer;
top: 5px;
float: left;
margin-bottom: 6px;
}
div.boardBanner {
text-align: center;
clear: both;
}
#bannerCnt {
border: 1px solid #880000;
margin: 5px auto;
width: 300px;
height: 100px;
max-width: 100%;
}
div.boardBanner > div.boardTitle {
font-family: Tahoma, sans-serif;
font-size: 28px;
font-weight: bold;
letter-spacing: -2px;
margin-top: 0px;
}
div.boardBanner > div.boardSubtitle {
font-size: x-small;
}
div#boardNavDesktopFoot {
font-size: 9pt;
color: #140814;
clear: both;
padding-top: 10px;
padding-bottom: 3px;
}
.hasDropDownNav #navtopright {
display: none;
}
#boardNavDesktop .pageJump {
padding: 0;
}
#boardNavDesktop .pageJump a {
padding-right: 5px;
}
div#boardNavDesktopFoot a {
font-weight: normal;
padding: 1px;
text-decoration: none;
color: #800000;
}
div.homelink {
float: right
}
div#absbot {
text-align: center;
font-size: x-small !important;
padding-bottom: 4px;
padding-top: 10px;
color:#96b4aa;
clear: both;
}
/***************************************************************/
/* Theme editor panel */
#theme {
width: 330px;
top: 60px;
left: 50%;
margin-left: -178px;
}
.settings-field {
margin-top: 5px;
width: 100%;
}
#theme-css {
font-family: 'DejaVu Sans Mono', 'Consolas', 'Andale Mono', 'Lucida Console', monospace;
width: 320px;
min-width: 320px;
}
#theme-msg {
position: absolute;
margin-top: 4px;
}
#theme-btns {
margin-top: 5px;
margin-bottom: 3px;
}
/***************************************************************/
/* Filters panel */
#filters {
width: 380px;
top: 60px;
left: 50%;
margin-left: -190px;
}
#filters-search {
position: absolute;
left: 4px;
width: 50px;
font-size: 11px;
padding: 0px 2px;
}
#filters-search:focus {
width: 85px;
}
#filters .clickbox {
margin: auto;
}
/* Filters help panel */
#filters-protip {
width: 570px;
top: 50px;
left: 50%;
margin-left: -295px;
padding-left: 10px;
padding-right: 10px;
}
#filters-protip h4:before {
content: "»";
margin-right: 3px;
}
#filters-protip h4 {
font-size: 15px;
}
@media all and (max-width: 605px) {
#filters-protip {
left: 0;
margin-left: 0;
}
}
#filters-protip ul {
margin-bottom: 10px;
}
#filters-protip li {
margin: 5px 0px;
}
/* Filters color palette */
#filter-palette {
position: fixed;
width: 100%;
height: 100%;
z-index: 100004;
top: 0;
left: 0;
}
#colorpicker {
position: fixed;
padding: 4px;
}
#colorpicker table td {
padding: 2px;
text-align: center;
}
#filter-rgb-ok {
float: right;
background-color: transparent;
}
#filter-table {
width: 100%;
}
#filter-table th {
font-weight: bold;
font-size: 11px;
min-width: 20px;
}
#filter-table th,
#filter-table td {
text-align: center;
}
#filter-table tbody td {
padding: 8px 0px 0px 0px;
}
#filter-table tfoot td {
padding-top: 20px;
}
#filter-color-table .clickbox {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
margin: auto;
}
.filter-pattern {
width: 140px;
}
.filter-color:hover {
color: #000;
}
.filter-hits {
font-size: 12px;
}
.filter-boards {
width: 30px;
}
#theme-msg,
#filters-msg {
display: none;
}
/***************************************************************/
/* Threads main container */
#threads {
padding: 20px 0px;
text-align: center;
}
/* Thread wrapper */
.thread {
vertical-align: top;
display: inline-block;
word-wrap: break-word;
overflow: hidden;
margin-top: 5px;
margin-bottom: 20px;
padding: 5px 0 3px 0;
position: relative;
}
.thread a {
border: none;
}
.thread img {
display: inline;
}
/* Thread in small mode, teaser off */
.small .thread {
width: 165px;
}
/* Thread in large mode, teaser off */
.large .thread {
width: 270px;
}
/* Thread in small mode with teaser displayed */
.extended-small .thread {
width: 180px;
max-height: 320px;
}
/* Thread in large mode with teaser displayed */
.extended-large .thread {
width: 270px;
max-height: 410px;
}
/* "On top" (highlighted) thumbnails */
.hl {
border-style: solid;
border-width: 3px;
}
/* Watched (pinned) thumbnails */
.pinned {
border: 3px dashed #34345C;
}
.pinned:hover {
border-color: red;
}
/* Thumbnails */
.thumb {
display: block;
margin: auto;
z-index: 2;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
min-height: 50px;
min-width: 50px;
}
/* Replies / images / page indicators */
.meta {
cursor: help;
font-size: 11px;
line-height: 8px;
margin-top: 2px;
margin-bottom: 1px;
}
.meta .postMenuBtn {
position: absolute;
margin-top: -1px;
display: none;
}
.thread:hover .meta .postMenuBtn { display: inline-block; }
.teaser {
display: none;
padding: 0 15px;
}
/* Teaser, displayed */
.extended-small .teaser,
.extended-large .teaser {
display: block;
}
/* spoilers */
.teaser s {
background-color: #000;
color: #000;
text-decoration: none;
}
.teaser s:focus,
.teaser s:hover {
color: #fff;
}
/***************************************************************/
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.close {
margin-left: 3px;
}
.center {
text-align: center;
margin: auto;
}
.mobile {
display: none;
}
#absbot a {
text-decoration: underline;
}
/* Thread Watcher */
#threadWatcher {
max-width: 265px;
display: block;
position: absolute;
background-color: #F0E0D6;
border-color: #800000 #D9BFB7 #D9BFB7 #800000;
border-image: none;
border-right: 1px solid #D9BFB7;
border-style: none solid solid none;
border-width: medium 1px 1px medium;
padding: 3px;
}
#twHeader {
font-weight: bold;
text-align: center;
height: 17px;
cursor: move;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
#twPrune {
position: relative;
top: 0;
margin-left: 3px;
margin-top: -1px;
float: right;
}
#watchList {
margin: 0;
padding: 0;
overflow: auto;
display: block;
max-height: 100vh;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
#watchList li:first-child {
margin-top: 3px;
padding-top: 2px;
border-top: 1px solid #d9bfb7;
}
#watchList a {
text-decoration: none;
}
#watchList li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.hasNewReplies { font-weight: bold; }
.hasYouReplies { font-style: italic; }
.archivelink { opacity: 0.5; }
.deadlink {
text-decoration: line-through;
}
.pointer {
cursor: pointer;
}
/***************************************************************/
/* The Click Me */
#first-run {
border-radius: 5px;
margin-top: 5px;
margin-left: -7px;
padding: 2px 5px;
position: absolute;
font-weight: bold;
color: #800000;
background-color: #F0E0D6;
border: 2px solid #D9BFB7;
}
#first-run:before {
content: "";
border-width: 0 6px 6px;
border-style: solid;
left: 50%;
margin-left: -6px;
position: absolute;
width: 0;
height: 0;
top: -6px;
border-color: #D9BFB7 transparent;
}
#first-run:after {
content: "";
border-width: 0 4px 4px;
top: -4px;
display: block;
left: 50%;
margin-left: -4px;
position: absolute;
width: 0;
height: 0;
border-color: #F0E0D6 transparent;
border-style: solid;
}
/* Tooltips */
#post-preview {
position: absolute;
background-color: #181f24;
border-radius: 3px;
padding: 5px 8px 4px 8px;
z-index: 100000;
word-wrap: break-word;
white-space: pre-line;
max-width: 500px;
color: #dedede;
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
}
.post-author {
color: #00A550;
font-weight: bold;
}
.post-subject {
color: #CC1105;
font-weight: bold;
}
.post-tripcode {
color: #00A550;
font-weight: normal;
}
.post-teaser {
margin: 3px 0 0 0;
padding: 0;
}
.post-page {
font-size: 90%;
color: #7d807e;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: text-top;
margin-left: 3px;
}
.post-page:before {
content: '(';
}
.post-page:after {
content: ')';
}
.post-last {
color: #bbbfbd;
font-size: 90%;
margin-top: 3px;
}
.admin-capcode {
color: #FF0000;
}
.founder-capcode {
color: #117743;
}
.mod-capcode {
color: #800080;
}
.developer-capcode {
color: #0000F0;
}
.manager-capcode {
color: #FF0080;
}
.verified-capcode {
color: #007FFF;
}
#enable-mobile {
font-size: small !important;
}
#disable-mobile {
font-size: small !important;
display: none !important;
}
/* Post form */
table {
border-spacing: 1px;
margin-left: auto;
margin-right: auto;
}
table.postForm > tbody > tr > td:first-child {
background-color: #EA8;
color: #800;
font-weight: bold;
border: 1px solid #800;
padding: 0 5px;
font-size: 10pt;
}
tr.rules td {
border: 0px !important;
background-color: transparent !important;
font-weight: normal !important;
}
td {
margin: 0px;
padding: 0px;
font-size: 10pt;
}
#postForm input[type="text"],
#postForm input[type="password"],
table.postForm > tbody textarea,
#recaptcha_response_field {
margin: 0px;
margin-right: 2px;
padding: 2px 4px 3px 4px;
outline: none;
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
}
#recaptcha_response_field:not(:focus) {
border: 1px solid #AAA !important;
}
table.postForm > tbody > tr > td > input[type=text] {
width: 244px;
}
table.postForm > tbody > tr > td > input[name="subject"] {
width: 300px;
}
.postblock {
background-color: #EA8;
color: #800;
font-weight: bold;
padding: 0 5px;
}
.passNotice {
font-size: smaller;
padding-left: 6px;
}
.password {
font-size: smaller;
}
input[type="password"] {
text-align: center;
width: 50px;
}
.rules {
margin-top: 5px;
}
.rules li {
font-size: 11px;
list-style: none outside none;
}
.rules li:before {
content: "• ";
}
#togglePostForm {
text-align: center;
margin-top: 5px;
font-size: 24px;
font-weight: bold;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
tbody textarea {
margin-bottom: -3px !important;
}
}
.text_only #threads table {
width: 80%;
border-collapse: separate;
border-spacing: 2px;
}
.text_only #threads th {
font-weight: bold;
padding: 4px 2px;
text-align: center;
}
.text_only #threads td {
padding: 4px 2px;
}
.text_only #threads .txt-sub {
text-align: left;
}
.text_only .hl {
border: none;
}
.text_only .pinned td:first-child {
box-shadow: -1px 0 #000;
}
.txt-ctrl { width: 25px; }
.txt-no { width: 20px; }
.txt-rep { width: 100px; }
.txt-date { width: 200px; }
@media only screen and (max-width: 480px) {
.txt-ctrl,
.txt-date { display: none }
.text_only #threads table {
width: 100%;
}
}
.postMenuBtn {
margin-left: 5px;
text-decoration: none;
line-height: 1em;
display: inline-block;
-webkit-transition: -webkit-transform 0.1s;
-moz-transition: -moz-transform 0.1s;
transition: transform 0.1s;
width: 1em;
height: 1em;
text-align: center;
outline: none;
}
.menuOpen {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.dd-menu {
position: absolute;
font-size: 12px;
line-height: 1.3em;
}
.dd-menu a {
text-decoration: none;
color: inherit !important;
display: block;
}
.dd-menu ul {
list-style: none;
padding: 0;
margin: 0;
white-space: nowrap;
border: 1px solid;
border-color: #333;
border-bottom: 0;
border-right-width: 1px;
}
.dd-menu ul ul {
display: none;
position: absolute;
}
.dd-menu li {
cursor: pointer;
position: relative;
padding: 2px 4px;
vertical-align: middle;
border-bottom: 1px solid #333;
}
.dd-menu li:hover ul {
display: block;
left: 100%;
margin-top: -3px;
}
.dd-menu.dd-menu-left li:hover ul {
left: auto;
right: 100%;
}
.ad-plea {
margin-top: 2px;
text-align: center;
font-size: smaller;
}
#customMenu {
width: 400px;
left: 50%;
margin-left: -200px;
padding: 2px;
}
#customMenu .reply { border: 0 }
#customMenuBox {
margin: 0px auto 5px;
width: 385px;
padding: 2px 4px 3px;
font-size: 10pt;
}
.boardSelect .customBoardList,
.boardSelect .custom-menu-ctrl { color: #89A; }
.boardSelect .custom-menu-ctrl,
.boardSelect .customBoardList { margin-left: 10px; }
.boardSelect .custom-menu-ctrl { display: none; }
.boardSelect:hover .custom-menu-ctrl { display: inline; }
.persistentNav .boardList a,
.persistentNav .customBoardList a,
#boardNavMobile .boardSelect a { text-decoration: none; }
#blotter {
width: 468px;
margin: auto;
}
#blotter td {
vertical-align: top;
font-size: 11px;
}
.blotter-date {
width: 50px;
text-align: center;
}
#blotter tfoot {
text-align: right;
color: #140814;
}
.redtxt {
color: red;
}
#blotter-msgs s {
background-color: inherit !important;
color: inherit !important;
text-decoration: line-through;
}
#postForm {
width: 468px;
display: none;
}
#togglePostFormLink {
color: #140814;
font-size: 22px;
font-weight: bold;
text-align: center;
}
#postForm textarea {
width: 292px;
}
#postForm tr > td > .desktop,
#ctrl,
.navLinks,
.postNum.desktop > span { color: #140814 }
.open-qr-wrap { color: #140814 !important }
.navLinks.desktop > * { color: #96b4aa }
td { border-color: #140814 !important }
.ctrl-wrap { color: #96b4aa; }
@media (max-width: 480px) {
.ws .dd-menu ul {
background-color: #D6DAF0;
border: 1px solid #B7C5D9;
border-right-width: 2px;
}
.ws .dd-menu li {
border-bottom: 1px solid #B7C5D9;
}
.ws .dd-menu li:hover {
background-color: #EEF2FF;
}
.nws .dd-menu ul {
background-color: #F0E0D6;
border: 1px solid #D9BFB7;
border-right-width: 2px;
}
.nws .dd-menu li {
border-bottom: 1px solid #D9BFB7;
}
.nws .dd-menu li:hover {
background-color: #FFFFEE;
}
body.ws {
background: url('/image/fade-blue.png') repeat-x scroll center top #EEF2FF;
color: #000;
}
body.nws {
background: url('/image/fade.png') repeat-x scroll center top #FFFFEE;
color: #800000;
}
}
@media (min-width: 481px) {
body {
background: #140814;
color: #96b4aa;
}
.ws div.boardBanner {
color: #5995b3;
text-shadow: 0px 0px 5px rgba(89, 149, 179, 0.75);
}
.nws div.boardBanner {
color: #b35968;
text-shadow: 0px 0px 5px rgba(179, 89, 104, 0.75);
}
.quoteLink, .quotelink, .deadlink,
a, a.visited, .button, .dd-menu li,
.backlink span a.quotelink,
#arc-list .quotelink, s .sjis {
color: #d98518 !important;
text-shadow: 0px 0px 8px rgba(217, 133, 24, 1);
}
.flag {
opacity: 0.5;
}
.middlead a img,
#bannerCnt {
opacity: 0.5;
}
select {
background-color: #241023;
border: 1px solid rgba(150, 180, 170, 0.3);
color: #96b4aa;
}
table.postForm > tbody > tr > td:first-child {
color: inherit;
font-weight: bold;
padding: 0 5px;
font-size: 10pt;
background-color: #241023;
border: 1px solid rgba(150, 180, 170, 0.3);
}
.dd-menu ul {
background-color: #241023;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
input::placeholder,
textarea::placeholder {
color: #96b4aa !important;
opacity: 0.6 !important;
}
input[type=text]:focus, input[type=password]:focus, input:not([type]):focus, textarea:focus {
border: 1px solid #96b4aa !important;
}
input[type="checkbox"] {
opacity: 0.25;
}
input[type=text], input[type=password],
table.postForm > tbody textarea,
textarea
#recaptcha_response_field {
background-color: #241023;
color: #96b4aa;
border: 1px solid rgba(150,180,170,0.3);
}
div#absbot a:not(:hover) {
color: #d98518 !important;
text-shadow: 0px 0px 8px rgba(217, 133, 24, 1);
}
.postblock {
background-color: #241023;
border: 1px solid rgba(150, 180, 170, 0.3);
}
}