1744 lines
28 KiB
CSS
1744 lines
28 KiB
CSS
/** GENERIC / ELEMENT STYLING **/
|
|
html {
|
|
-moz-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
|
|
body {
|
|
background: #140814;
|
|
color: #96b4aa;
|
|
font-family: arial, helvetica, sans-serif;
|
|
font-size: 10pt;
|
|
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-top: 5px;
|
|
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.nwsb { display: none; }
|
|
|
|
.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;
|
|
}
|
|
}
|
|
|
|
hr#op, #ctrl-top { clear: both; }
|
|
|
|
.party-hat {
|
|
left: 0;
|
|
margin-top: -80px;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sjis, #quickReply .sjis {
|
|
font-size: 16px;
|
|
line-height: 17px;
|
|
white-space: pre;
|
|
font-family: 'IPAMonaPGothic', 'Mona', 'MS PGothic', monospace;
|
|
overflow: auto;
|
|
display: block;
|
|
clear: left;
|
|
}
|
|
|
|
.tex-logo { font-size: 0.8em; }
|
|
.tex-logo sub { font-size: 0.8em; text-transform: uppercase; }
|
|
|
|
.mu-s { font-weight: bold }
|
|
.mu-i { font-style: italic }
|
|
.mu-r { color: #C41E3A }
|
|
.mu-g { color: #00A550 }
|
|
.mu-b { color: #1d8dc4 }
|
|
|
|
.pu-lbl {
|
|
color: #117743;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
}
|
|
.pu-img {
|
|
vertical-align: middle;
|
|
margin-top: -3px;
|
|
margin-right: 3px;
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url('//s.4cdn.org/image/minileaf.gif');
|
|
}
|
|
|
|
.n-pu,
|
|
.n-jol {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.n-pu {
|
|
background: url('//s.4cdn.org/image/minileaf.gif');
|
|
}
|
|
|
|
.n-jol {
|
|
background: url('//s.4cdn.org/image/1f383.png');
|
|
}
|
|
|
|
.n-jol-1 {
|
|
-webkit-filter: drop-shadow(0px 0px 4px rgba(217,133,24,1));
|
|
filter: drop-shadow(0px 0px 4px rgba(217,133,24,1));
|
|
}
|
|
|
|
.n-jol-2 {
|
|
-webkit-filter: drop-shadow(0px 0px 4px rgba(217,133,24,1)) brightness(115%);
|
|
filter: drop-shadow(0px 0px 4px rgba(217,133,24,1)) brightness(115%);
|
|
}
|
|
|
|
.n-jol-3 {
|
|
-webkit-filter: drop-shadow(0px 0px 6px rgba(217,133,24,1)) brightness(120%);
|
|
filter: drop-shadow(0px 0px 6px rgba(217,133,24,1)) brightness(120%);
|
|
}
|
|
|
|
.n-jol-4 {
|
|
-webkit-filter: drop-shadow(0px 0px 8px rgba(217,133,24,1)) brightness(130%);
|
|
filter: drop-shadow(0px 0px 8px rgba(217,133,24,1)) brightness(130%);
|
|
}
|
|
|
|
.n-jol-5 {
|
|
-webkit-filter: drop-shadow(0px 0px 8px rgba(217,133,24,1)) brightness(150%);
|
|
filter: drop-shadow(0px 0px 8px rgba(217,133,24,1)) brightness(150%);
|
|
}
|
|
|
|
.n-jol-6 {
|
|
-webkit-filter: drop-shadow(0px 0px 10px rgba(217,133,24,1)) brightness(175%);
|
|
filter: drop-shadow(0px 0px 10px rgba(217,133,24,1)) brightness(175%);
|
|
}
|
|
|
|
.jla-it {
|
|
height: 420px;
|
|
width: 680px;
|
|
}
|
|
|
|
.jla-it-p {
|
|
font-size: 0.85em;
|
|
text-align: center;
|
|
}
|
|
|
|
.twtdisc {
|
|
display: block !important;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
.jla-it {
|
|
width: 340px;
|
|
height: 220px;
|
|
margin: auto;
|
|
}
|
|
|
|
.jla-it img {
|
|
width: 340px;
|
|
height: 200px;
|
|
}
|
|
}
|
|
|
|
.centeredThreads .party-hat {
|
|
left: 12%;
|
|
}
|
|
|
|
#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; }
|
|
|
|
.isMobileDevice blockquote.postMessage {
|
|
font-size: 11pt;
|
|
}
|
|
|
|
.belowLeaderboard {
|
|
width: 728px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.aboveMidAd {
|
|
width: 468px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* reCaptcha */
|
|
#captchaContainerAlt { height: 80px; }
|
|
#captchaContainerAlt .recaptcha_image_cell { padding: 0 0 5px 0 !important }
|
|
#captchaContainerAlt #recaptcha_table { border: 0 !important; }
|
|
#captchaContainerAlt #recaptcha_response_field { width: 300px !important; padding: 0 !important }
|
|
|
|
#qrCaptchaContainerAlt #recaptcha_response_field {
|
|
width: 296px !important;
|
|
}
|
|
|
|
#captchaContainerAlt #recaptcha_image,
|
|
#qrCaptchaContainerAlt #recaptcha_image {
|
|
border: 0 !important;
|
|
}
|
|
|
|
#qrCaptchaContainerAlt .recaptcha_image_cell {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#qrCaptchaContainerAlt #recaptcha_table {
|
|
border: 0 !important;
|
|
}
|
|
|
|
#captchaContainerAlt td:nth-child(2),
|
|
#captchaContainerAlt td:nth-child(3),
|
|
#qrCaptchaContainerAlt td:nth-child(2),
|
|
#qrCaptchaContainerAlt td:nth-child(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
#qrCaptchaContainerAlt {
|
|
height: 80px;
|
|
width: 300px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.mobile, .mobileinline, .mobileib {
|
|
display: none !important;
|
|
}
|
|
|
|
a, a:visited {
|
|
color: #d98518;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.board > hr {
|
|
clear: both;
|
|
}
|
|
|
|
img {
|
|
border: none;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
hr {
|
|
height: 1px;
|
|
border: 0;
|
|
border-bottom: 1px solid #96b4aa;
|
|
opacity: 0.1;
|
|
}
|
|
|
|
hr.abovePostForm {
|
|
width: 90%;
|
|
}
|
|
|
|
span.x-small {
|
|
font-size: x-small;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#oe-canvas-preview {
|
|
position: absolute;
|
|
margin-left: 5px;
|
|
margin-top: 3px;
|
|
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
/** MOBILE ONLY DISABLES **/
|
|
.mobile {
|
|
display: none;
|
|
}
|
|
|
|
/** HEADER **/
|
|
ul.rules {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
ul.rules > li {
|
|
list-style: none;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.rules > li:before {
|
|
content: "\2022 \20";
|
|
}
|
|
|
|
div.boardBanner {
|
|
text-align: center;
|
|
clear: both;
|
|
}
|
|
|
|
#bannerCnt {
|
|
border: 1px solid #800;
|
|
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#boardNavDesktop {
|
|
color: #140814;
|
|
font-size: 9pt;
|
|
display: block;
|
|
}
|
|
|
|
.hasDropDownNav #navtopright {
|
|
display: none;
|
|
}
|
|
|
|
#boardNavDesktop .pageJump {
|
|
padding: 0;
|
|
}
|
|
|
|
#boardNavDesktop .pageJump a {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
div#boardNavDesktop a {
|
|
font-weight: normal;
|
|
padding: 1px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/** General Containers **/
|
|
div.pContainer {
|
|
|
|
}
|
|
|
|
div.opContainer {
|
|
display: inline;
|
|
}
|
|
|
|
div.sideArrows {
|
|
color: #707070;
|
|
|
|
float: left;
|
|
|
|
margin-right: 2px;
|
|
margin-top: 0px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
/** Thread Container **/
|
|
div.thread {
|
|
|
|
margin: 0px;
|
|
clear: both;
|
|
|
|
}
|
|
|
|
/** Post Container **/
|
|
div.post {
|
|
margin: 4px 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div.thread > div:nth-of-type(2) > div.reply {
|
|
margin-top: 2px !important;
|
|
}
|
|
|
|
div.op {
|
|
display: inline;
|
|
}
|
|
|
|
div.reply {
|
|
background-color: #241023;
|
|
border: none;
|
|
display: table;
|
|
padding: 2px;
|
|
}
|
|
|
|
div.reply input {
|
|
float: none;
|
|
}
|
|
|
|
/** Post Information **/
|
|
div.post div.postInfo {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
div.post div.postInfo span.postNum {
|
|
|
|
}
|
|
|
|
div.post div.postInfo span.postNum a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover {
|
|
color: red !important;
|
|
}
|
|
|
|
/* Name */
|
|
div.post div.postInfo span.nameBlock {
|
|
display: inline-block;
|
|
}
|
|
|
|
div.post div.postInfo span.nameBlock span.name {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.post div.postInfo span.nameBlock span.postertrip {
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
/* Date/Time */
|
|
div.post div.postInfo span.date {
|
|
|
|
}
|
|
|
|
div.post div.postInfo span.time {
|
|
|
|
}
|
|
|
|
/* Subject */
|
|
div.post div.postInfo span.subject {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/** Message **/
|
|
div.post blockquote.postMessage {
|
|
display: block;
|
|
}
|
|
|
|
blockquote > span.quote {
|
|
color: #789922;
|
|
}
|
|
|
|
.quoteLink, .quotelink, .deadlink, .pageJump a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Archived threads list */
|
|
.is_arclist .belowLeaderboard { display: none; }
|
|
|
|
#arc-list {
|
|
max-width: 80%;
|
|
margin: 10px auto 0 auto;
|
|
}
|
|
|
|
#arc-list td {
|
|
text-align: center;
|
|
}
|
|
|
|
#arc-list .teaser-col {
|
|
text-align: left;
|
|
word-break: break-all;
|
|
}
|
|
|
|
#arc-sort {
|
|
border-bottom: 1px dotted;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/** File Information **/
|
|
div.post div.file {
|
|
display: block;
|
|
}
|
|
|
|
div.post div.file div.fileInfo {
|
|
margin-right: 10px;
|
|
word-break: break-all;
|
|
}
|
|
|
|
div.replyContainer div.post div.file div.fileInfo {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
div.post div.file .fileThumb {
|
|
float: left;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
margin-top: 3px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
span.fileThumb {
|
|
margin-left: 0px !important;
|
|
margin-right: 5px !important;
|
|
}
|
|
|
|
div.reply span.fileThumb, div.reply span.fileThumb img {
|
|
float: none !important;
|
|
margin-top: 0px !important;
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
div.post div.file .fileThumb img {
|
|
border: none;
|
|
|
|
float: left;
|
|
}
|
|
|
|
/** Summary **/
|
|
span.summary {
|
|
color: #707070;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/** POST FORM **/
|
|
div.postingMode {
|
|
background-color: #e04000;
|
|
padding: 1px;
|
|
text-align: center;
|
|
|
|
color: #fff;
|
|
font-weight: bold;
|
|
font-size: larger;
|
|
|
|
margin-top: 8px;
|
|
}
|
|
|
|
#verification table {
|
|
border: none !important;
|
|
margin: 0px;
|
|
}
|
|
|
|
/** FOOTER **/
|
|
div.thread:last-child {
|
|
padding-bottom: 21px;
|
|
margin-bottom: 6px;
|
|
|
|
}
|
|
|
|
div.pagelist {
|
|
font-size: 13px !important;
|
|
|
|
margin: 0;
|
|
padding: 3px 7px;
|
|
|
|
float: left;
|
|
|
|
border: none;
|
|
background: #F0E0D6;
|
|
|
|
border-right: 1px solid #D9BFB7;
|
|
border-bottom: 1px solid #D9BFB7;
|
|
|
|
list-style: none;
|
|
overflow: hidden;
|
|
|
|
color:#96b4aa;
|
|
}
|
|
|
|
div.pagelist > div {
|
|
float: left;
|
|
}
|
|
|
|
div.pagelist > div span {
|
|
padding: 4px;
|
|
display: inline-block;
|
|
}
|
|
|
|
div.pagelist div.pages {
|
|
padding: 4px;
|
|
}
|
|
|
|
div.pagelist div.pages a {
|
|
text-decoration: none !important;
|
|
/* FINE MOOT GOSH JEEZ */
|
|
}
|
|
|
|
div.pagelist form {
|
|
display: inline;
|
|
}
|
|
|
|
div.pagelist div.cataloglink {
|
|
border-left: 1px solid #D9BFB7;
|
|
padding-left: 12px;
|
|
margin-left: 7px;
|
|
}
|
|
|
|
.bottomCtrl {
|
|
float: right;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=password] {
|
|
width: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
div.deleteform input[type=checkbox] {
|
|
margin: 1px 2px 1px 2px;
|
|
}
|
|
|
|
.stylechanger {
|
|
margin-left: 5px;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
div#boardNavDesktopFoot {
|
|
font-size: 9pt;
|
|
color: #140814;
|
|
|
|
clear: both;
|
|
|
|
padding-top: 10px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
div#boardNavDesktopFoot a {
|
|
font-weight: normal;
|
|
padding: 1px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.homelink {
|
|
float: right
|
|
}
|
|
|
|
div#absbot {
|
|
text-align: center;
|
|
font-size: x-small !important;
|
|
padding-bottom: 4px;
|
|
padding-top: 10px;
|
|
color:#96b4aa;
|
|
clear: both;
|
|
}
|
|
|
|
#recaptcha_response_field {
|
|
padding: 0px;
|
|
}
|
|
|
|
/** POST FORM **/
|
|
table {
|
|
border-spacing: 1px;
|
|
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
table.postForm > tbody > tr > td:first-child {
|
|
color: inherit;
|
|
font-weight: bold;
|
|
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;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
opacity: 0.25;
|
|
}
|
|
|
|
input[type=text], input[type=password],
|
|
table.postForm > tbody textarea,
|
|
#recaptcha_response_field {
|
|
margin: 0px;
|
|
margin-right: 2px;
|
|
padding: 2px 4px 3px 4px;
|
|
border: 1px solid rgba(150, 180, 170, 0.3);
|
|
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 {
|
|
color: inherit;
|
|
font-weight: bold;
|
|
padding: 0 5px;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
div.closed {
|
|
font-size: x-large;
|
|
text-align: center;
|
|
color: red;
|
|
font-weight: bold;
|
|
|
|
padding-top: 100px;
|
|
padding-bottom: 100px;
|
|
}
|
|
|
|
.arc-ads {
|
|
width: 300px;
|
|
margin: 30px auto -60px auto;
|
|
}
|
|
|
|
.arc-ads::after {
|
|
display: block;
|
|
content: '';
|
|
clear: both;
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
tbody textarea {
|
|
margin-bottom: -3px !important;
|
|
width: 292px
|
|
}
|
|
}
|
|
|
|
.commentpostername {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.identityIcon {
|
|
margin-bottom: -3px;
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
|
|
.stickyIcon {
|
|
margin-bottom: -1px;
|
|
padding-left: 2px;
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
|
|
.archivedIcon,
|
|
.closedIcon {
|
|
margin-bottom: -1px;
|
|
margin-left: -1px;
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
|
|
.trashIcon {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
.fileDeleted {
|
|
height: 13px;
|
|
width: 172px;
|
|
}
|
|
|
|
.fileDeletedRes {
|
|
height: 13px;
|
|
width: 127px;
|
|
}
|
|
|
|
.navSmall {
|
|
font-size: 90%;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.smaller {
|
|
font-size: smaller;
|
|
}
|
|
|
|
.password {
|
|
font-size: smaller;
|
|
}
|
|
|
|
.passNotice {
|
|
font-size: smaller;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
.qcDiv {
|
|
display: none;
|
|
}
|
|
|
|
.qcImg {
|
|
height: 1px;
|
|
width: 1px;
|
|
border: 0px;
|
|
}
|
|
|
|
.jpnFlag {
|
|
height: 11px;
|
|
width: 17px;
|
|
}
|
|
|
|
.globalMessage {
|
|
color: red;
|
|
text-align: center;
|
|
}
|
|
|
|
.highlightPost:not(.op) {
|
|
background: #f0d6d6 !important;
|
|
border-color: #d69595 !important;
|
|
}
|
|
|
|
.reply:target, .reply.highlight {
|
|
background-color: #331433;
|
|
border: none;
|
|
padding: 2px;
|
|
}
|
|
|
|
.hand {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.nameBlock.capcodeAdmin span.name, span.capcodeAdmin a span.name, span.capcodeAdmin span.postertrip, span.capcodeAdmin strong.capcode {
|
|
color: #F00 !important;
|
|
}
|
|
|
|
span.capcodeFounder span.name, span.capcodeFounder span.name a, span.capcodeFounder span.postertrip, span.capcodeFounder strong.capcode {
|
|
color: #117743 !important;
|
|
}
|
|
|
|
.nameBlock.capcodeMod span.name, span.capcodeMod a span.name, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode {
|
|
color: #800080 !important;
|
|
}
|
|
|
|
.nameBlock.capcodeDeveloper span.name, span.capcodeDeveloper a span.name, span.capcodeDeveloper span.postertrip, span.capcodeDeveloper strong.capcode {
|
|
color: #0000F0 !important;
|
|
}
|
|
|
|
.nameBlock.capcodeManager span.name, span.capcodeManager a span.name, span.capcodeManager span.postertrip, span.capcodeManager strong.capcode {
|
|
color: #FF0080 !important;
|
|
}
|
|
|
|
.nameBlock.capcodeVerified span.name, span.capcodeVerified span.name a, span.capcodeVerified span.postertrip, span.capcodeVerified strong.capcode {
|
|
color: #007FFF !important;
|
|
}
|
|
|
|
#reportTypes a,
|
|
.useremail {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.omittedposts, .abbr {
|
|
color: #707070;
|
|
}
|
|
|
|
span.spoiler {
|
|
color: #000 !important;
|
|
background: #000 !important;
|
|
}
|
|
|
|
span.spoiler:hover, span.spoiler:focus {
|
|
color: #fff !important;
|
|
}
|
|
|
|
s, s a:not(:hover) {
|
|
color: #000 !important;
|
|
background: #000 !important;
|
|
text-decoration: none;
|
|
}
|
|
|
|
s:hover, s:focus, s:hover a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
s:hover a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
table.exif {
|
|
display: none;
|
|
min-width: 450px;
|
|
}
|
|
|
|
table.exif td {
|
|
color: #707070;
|
|
min-width: 150px;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
table.exif td b {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
div.posthover {
|
|
max-width: 400px;
|
|
margin-left: 20px;
|
|
|
|
}
|
|
|
|
div.posthover {
|
|
padding: 5px;
|
|
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
|
|
}
|
|
|
|
div.posthover a.fileThumb {
|
|
margin-left: 5px !important;
|
|
margin-right: 10px !important;
|
|
}
|
|
|
|
div.posthover blockquote {
|
|
margin: 5px;
|
|
|
|
}
|
|
|
|
div.posthover img[data-md5] {
|
|
max-width: 80px;
|
|
max-height: 80px;
|
|
|
|
height: auto !important;
|
|
width: auto !important;
|
|
}
|
|
|
|
div.posthover div.fileThumb {
|
|
margin-left: 0px !important;
|
|
margin-right: 10px !important;
|
|
}
|
|
|
|
#navtopright, #navbotright {
|
|
float: right;
|
|
}
|
|
|
|
.preview {
|
|
background: #F0E0D6;
|
|
border-color: #707070 !important;
|
|
border-width: 1px !important;
|
|
}
|
|
|
|
#settingsBox {
|
|
position: absolute;
|
|
|
|
right: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
div.backlink {
|
|
font-size: x-small !important;
|
|
padding-left: 10px;
|
|
padding-bottom: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.backlink span {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.persistentNav,
|
|
div#boardNavMobile {
|
|
padding: 2px 4px;
|
|
background-color: #F0E0D6;
|
|
overflow: hidden;
|
|
border-bottom: 2px solid #D9BFB7;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
font-size: 12px;
|
|
z-index: 9001;
|
|
}
|
|
|
|
div#boardNavMobile select, div#boardNavMobile option {
|
|
font-size: 11px;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
/** QUICK REPLY **/
|
|
div.qrWindow {
|
|
position: absolute;
|
|
z-index: 8000;
|
|
}
|
|
|
|
div.qrHeader {
|
|
padding: 2px;
|
|
font-size: small;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
div.qrForm {
|
|
padding: 3px;
|
|
}
|
|
|
|
span.qrButtonHolder {
|
|
position: absolute;
|
|
right: 5px;
|
|
text-align: right;
|
|
|
|
top: 3px;
|
|
}
|
|
|
|
span.qrButtonHolder a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
span.qrButtonHolder img {
|
|
cursor: pointer;
|
|
|
|
margin-bottom: -1px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.extButton img {
|
|
margin-top: 3px;
|
|
margin-bottom: -3px;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.qrMessage {
|
|
padding: 2px;
|
|
text-align: center;
|
|
}
|
|
|
|
.op .backlinkHr {
|
|
width: 55%;
|
|
}
|
|
|
|
.useremail:not(:hover) .name, .useremail:not(:hover) .postertrip {
|
|
color: #0000EE !important;
|
|
}
|
|
|
|
.useremail:hover * {
|
|
color: red !important;
|
|
}
|
|
|
|
img.expandedImg {
|
|
max-width: none !important;
|
|
max-height: none !important;
|
|
}
|
|
|
|
/** this is not important **/
|
|
#captchaContainer > img {
|
|
float: left;
|
|
border: 1px solid #aaa;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
#captchaInfo {
|
|
float: left;
|
|
margin-left: 5px;
|
|
|
|
visibility: hidden;
|
|
}
|
|
|
|
#captchaResponse {
|
|
width: 292px;
|
|
}
|
|
|
|
.prettyprint {
|
|
border: none !important;
|
|
background-color: #fff;
|
|
padding: 5px !important;
|
|
display: inline-block;
|
|
|
|
max-height: 400px;
|
|
overflow-x: auto;
|
|
max-width: 600px;
|
|
|
|
margin: 0;
|
|
}
|
|
|
|
.embed {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 0px;
|
|
|
|
overflow: hidden;
|
|
}
|
|
|
|
table.flashListing td.postblock {
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
table.flashListing td {
|
|
padding: 2px;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
table.flashListing td:not(.subject) {
|
|
text-align: center;
|
|
}
|
|
|
|
table.flashListing .name {
|
|
color: #117743;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.flashListing .postertrip {
|
|
color: #117743;
|
|
}
|
|
|
|
table.flashListing .subject {
|
|
color: #cc1105;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.flashListing tr:nth-of-type(odd) {
|
|
background-color: #ede2d4;
|
|
}
|
|
|
|
input[type="text"], input[type="password"], textarea {
|
|
-webkit-appearance: none;
|
|
-webkit-border-radius: 0;
|
|
border-color: #140814 !important;
|
|
}
|
|
|
|
.countryFlag {
|
|
padding-top: 1px;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.deadlink {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.oldpost {
|
|
background: inherit;
|
|
color: #f00000;
|
|
font-weight: 800;
|
|
}
|
|
|
|
#enable-mobile {
|
|
font-size: small !important;
|
|
}
|
|
|
|
#disable-mobile {
|
|
font-size: small !important;
|
|
}
|
|
|
|
.mFileInfo {
|
|
padding-top: 5px;
|
|
text-align: center;
|
|
color: #707070 !important;
|
|
font-size: 9pt !important;
|
|
text-decoration: none!important;
|
|
}
|
|
|
|
.name-col,
|
|
.file-col,
|
|
table.flashListing .subject {
|
|
max-width: 250px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.ad-plea {
|
|
margin-top: 2px;
|
|
text-align: center;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.ad-plea a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.fileText a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#search-box {
|
|
height: 16px;
|
|
line-height: 16px;
|
|
margin-left: 2px;
|
|
padding: 0 2px;
|
|
width: 120px;
|
|
}
|
|
|
|
#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 textarea {
|
|
width: 292px;
|
|
}
|
|
|
|
#postForm tr > td > .desktop,
|
|
#ctrl-top,
|
|
.navLinks.desktop,
|
|
.postNum.desktop > span { color: #140814 }
|
|
.open-qr-wrap { color: #140814 !important }
|
|
.navLinks.desktop > * { color: #96b4aa }
|
|
td { border-color: #140814 !important }
|
|
|
|
#postForm {
|
|
width: 468px;
|
|
display: none;
|
|
}
|
|
|
|
#togglePostFormLink {
|
|
color: #140814;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.fileWebm:hover:before {
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
color: #FFF;
|
|
font-weight: bold;
|
|
line-height: 18px;
|
|
padding: 0 3px 0 2px;
|
|
position: absolute;
|
|
content: 'webm';
|
|
display: block;
|
|
font-size: 11px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.expandedWebm {
|
|
margin: 3px 20px 5px;
|
|
}
|
|
|
|
#tooltip {
|
|
position: absolute;
|
|
background-color: #181f24;
|
|
font-size: 11px;
|
|
line-height: 13px;
|
|
padding: 3px 6px;
|
|
z-index: 100000;
|
|
word-wrap: break-word;
|
|
white-space: pre-line;
|
|
max-width: 400px;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
.tip-top-left:before,
|
|
.tip-top-right:before,
|
|
.tip-top:before {
|
|
content:"";
|
|
display:block;
|
|
width:0;
|
|
height:0;
|
|
position:absolute;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 4px solid #181f24;
|
|
margin-left: -4px;
|
|
bottom: -4px;
|
|
}
|
|
|
|
.tip-top:before {
|
|
left: 50%;
|
|
}
|
|
|
|
.tip-top-right:before {
|
|
left: 2px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.tip-top-left:before {
|
|
right: 2px;
|
|
}
|
|
|
|
.boardSelect .customBoardList,
|
|
.boardSelect .custom-menu-ctrl { color: #89A; }
|
|
|
|
#postFile {
|
|
margin-right: 10px;
|
|
width: 200px;
|
|
}
|
|
|
|
.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 {
|
|
border: 1px solid;
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
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 {
|
|
background-color: transparent;
|
|
}
|
|
.dd-menu li:hover ul {
|
|
display: block;
|
|
left: 100%;
|
|
margin-top: -3px;
|
|
}
|
|
.dd-menu.dd-menu-left li:hover ul {
|
|
left: auto;
|
|
right: 100%;
|
|
}
|
|
|
|
.blink {
|
|
-webkit-animation: blink 1.5s step-end infinite;
|
|
-moz-animation: blink 1.5s step-end infinite;
|
|
-o-animation: blink 1.5s step-end infinite;
|
|
animation: blink 1.5s step-end infinite;
|
|
}
|
|
|
|
@-webkit-keyframes blink { 50% { opacity: 0 } }
|
|
@-moz-keyframes blink { 50% { opacity: 0 } }
|
|
@-o-keyframes blink { 50% { opacity: 0 } }
|
|
@keyframes blink { 50% { opacity: 0 } }
|
|
|
|
.post.reply.highlight-anti {
|
|
background-color: #3b1839 !important;
|
|
}
|
|
|
|
#quote-preview {
|
|
border: 1px solid rgba(150, 180, 170, 0.3) !important;
|
|
}
|
|
|
|
div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover,
|
|
.backlink span a.quotelink:hover,
|
|
a:hover, .button:hover, .dd-menu li:hover, #arc-list .quotelink:hover, s .sjis:hover {
|
|
color: #ff9d1c !important;
|
|
transition-duration: 1s !important;
|
|
transition-property: color !important;
|
|
}
|
|
|
|
.ws div.post div.postInfo span.subject {
|
|
color: #5995b3;
|
|
}
|
|
|
|
.nws div.post div.postInfo span.subject {
|
|
color: #b35968;
|
|
}
|
|
|
|
div.post div.postInfo span.nameBlock span.postertrip,
|
|
div.post div.postInfo span.nameBlock span.name {
|
|
color: #d98518;
|
|
}
|
|
|
|
.flashListing .highlightPost,
|
|
table.flashListing tr:nth-of-type(2n+1),
|
|
div.pagelist {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
}
|
|
|
|
div.pagelist div.cataloglink {
|
|
border: none;
|
|
}
|
|
|
|
.panel,
|
|
.preview {
|
|
background-color: #241023;
|
|
}
|
|
|
|
#skellington {
|
|
position: fixed;
|
|
right: 0;
|
|
bottom: 0;
|
|
pointer-events: none;
|
|
-webkit-animation: spookyhover 3s linear;
|
|
-moz-animation: spookyhover 3s linear;
|
|
animation: spookyhover 3s linear;
|
|
}
|
|
|
|
.topskel {
|
|
transform: rotate(180deg);
|
|
bottom: auto;
|
|
top: 0px;
|
|
}
|
|
|
|
div.sideArrows, hr { visibility: hidden; }
|
|
|
|
@-webkit-keyframes spookyhover { from { opacity: 0; } to { opacity: 1; } }
|
|
@-moz-keyframes spookyhover { from { opacity: 0; } to { opacity: 1; } }
|
|
@keyframes spookyhover { from { opacity: 0; } to { opacity: 1; } }
|
|
|
|
#image-hover {
|
|
-webkit-animation: spookyhover 0.2s ease-in;
|
|
-moz-animation: spookyhover 0.2s ease-in;
|
|
animation: spookyhover 0.2s ease-in;
|
|
}
|
|
|
|
@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;
|
|
}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
|
|
#qrForm textarea,
|
|
.extPanel input[type="text"],
|
|
.extPanel textarea {
|
|
background-color: #241023 !important;
|
|
border: 1px solid rgba(150, 180, 170, 0.3) !important;
|
|
}
|
|
|
|
.extPanel {
|
|
box-shadow: 0 0 6px #000;
|
|
}
|
|
|
|
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,
|
|
#quickReply #qrForm input::-moz-placeholder,
|
|
#quickReply #qrForm input::placeholder,
|
|
#quickReply #qrForm textarea::-moz-placeholder,
|
|
#quickReply #qrForm textarea::placeholder {
|
|
color: #96b4aa !important;
|
|
opacity: 0.6 !important;
|
|
}
|
|
|
|
input[type=text]:focus, input[type=password]:focus, input:not([type]):focus,
|
|
textarea:focus, .extPanel #qrForm textarea:focus {
|
|
border: 1px solid #96b4aa !important;
|
|
}
|
|
|
|
#quickReply textarea {
|
|
color: #96b4aa;
|
|
}
|
|
|
|
input[type=text], input[type=password],
|
|
table.postForm > tbody textarea,
|
|
#recaptcha_response_field {
|
|
background-color: #241023;
|
|
color: #96b4aa;
|
|
}
|
|
|
|
a.replylink:not(:hover), 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);
|
|
}
|
|
}
|