mirror of
https://github.com/bitsocialnet/5chan.git
synced 2026-08-03 07:41:04 +02:00
1424 lines
53 KiB
CSS
1424 lines
53 KiB
CSS
:root .yotsuba {
|
|
--color-scheme: light;
|
|
|
|
/* avatar */
|
|
--avatar-text-color: black;
|
|
|
|
/* backlink */
|
|
--post-backlink-text-color: navy;
|
|
--post-backlink-text-decoration: underline;
|
|
--post-backlink-text-color-hover: red;
|
|
--post-backlink-text-decoration-hover: underline;
|
|
--reply-backlink-mobile-background-color: #ead6ca;
|
|
--reply-backlink-mobile-border-top: 1px solid #d9bfb7;
|
|
|
|
/* board banner */
|
|
--banner-image-border: 1px solid #800;
|
|
--board-title-font-size: 28px;
|
|
--board-title-font-family: Tahoma, sans-serif;
|
|
--board-address-font-size: x-small;
|
|
|
|
/* body */
|
|
--body-background-base-color: #ffe;
|
|
--body-background-pattern-image: url("/assets/background-fade.png");
|
|
--body-font-color: maroon;
|
|
--body-font-family: arial, helvetica, sans-serif;
|
|
--body-font-size: 13px;
|
|
|
|
/* catalog post */
|
|
--catalog-post-menu-desktop-btn-color: navy;
|
|
--catalog-post-menu-desktop-btn-hover-color: red;
|
|
--catalog-post-menu-desktop-btn-opacity: 0.5;
|
|
--catalog-post-menu-desktop-btn-hover-opacity: 1;
|
|
--catalog-post-preview-background-color: #181f24;
|
|
--catalog-post-preview-color: #dedede;
|
|
--catalog-post-preview-subject-color: #cc1105;
|
|
--catalog-post-preview-author-color: #00a550;
|
|
--catalog-post-preview-last-color: #bbbfbd;
|
|
--catalog-post-preview-author-capcode-color: purple;
|
|
|
|
/* challenge modal */
|
|
--challenge-modal-background-color: #f0e0d6;
|
|
--challenge-modal-border: 1px solid #d9bfb7;
|
|
--challenge-modal-title-background-color: #ea8;
|
|
--challenge-modal-title-text-color: #800;
|
|
--challenge-modal-title-border: 1px solid #800;
|
|
--challenge-modal-title-font-size: 10pt;
|
|
--challenge-modal-title-font-weight: 700;
|
|
|
|
/* desktop buttons */
|
|
--button-desktop-text-color: #00e;
|
|
--button-desktop-text-color-hover: red;
|
|
--close-button-background-image: url("/assets/buttons/cross-red.png");
|
|
--open-help-button-background-image: url("/assets/buttons/help-red.png");
|
|
|
|
/* horizontal rule */
|
|
--hr-border: none;
|
|
--hr-border-top: 1px solid #d9bfb7;
|
|
--hr-height: 0px;
|
|
|
|
/* pagelist */
|
|
--pagelist-background-color: #F0E0D6;
|
|
--pagelist-item-background-color: #f0e0d6;
|
|
--pagelist-item-border-color: #d9bfb7;
|
|
--pagelist-item-text-color: #800;
|
|
--pagelist-item-text-color-hover: red;
|
|
--pagelist-item-text-color-current: #800;
|
|
|
|
/* homepage */
|
|
--homepage-infobox-text-color: #000;
|
|
--homepage-infobox-bar-text-color: #fff;
|
|
--homepage-infobox-bar-background-color: #800;
|
|
--homepage-box-background-color: #fff;
|
|
--homepage-box-border-color: #800;
|
|
--homepage-box-bar-text-color: #800;
|
|
--homepage-box-bar-text-color-hover: #c63;
|
|
--homepage-box-bar-background-color: #fca;
|
|
--homepage-infobox-link-text-color: #00f;
|
|
--homepage-infobox-link-text-decoration: underline;
|
|
--homepage-box-link-text-color: #800;
|
|
--homepage-box-link-text-color-hover: #e00;
|
|
--homepage-box-link-text-decoration: none;
|
|
--homepage-box-link-text-decoration-hover: underline;
|
|
--directory-modal-background-color: rgb(255, 255, 255);
|
|
--directory-modal-border: 1px solid rgb(136, 0, 0);
|
|
--directory-modal-text-color: rgb(136, 0, 0);
|
|
--directory-modal-header-background-color: rgb(136, 0, 0);
|
|
--directory-modal-header-text-color: rgb(255, 255, 255);
|
|
--directory-modal-close-button-background-image: url("/assets/buttons/cross-red.png");
|
|
--disclaimer-modal-close-button-background-image: url("/assets/buttons/cross-red.png");
|
|
|
|
|
|
/* footer */
|
|
--footer-item-background-color-desktop: #fed;
|
|
|
|
/* links */
|
|
--post-link-text-color: #00e;
|
|
--post-link-text-decoration: underline;
|
|
--post-link-text-color-hover: red;
|
|
--post-link-text-decoration-hover: underline;
|
|
--post-content-link-text-decoration: none;
|
|
--post-content-link-text-decoration-hover: none;
|
|
|
|
/* media */
|
|
--media-thumbnail-background-color: rgba(0, 0, 0, 0.05);
|
|
|
|
/* mobile buttons */
|
|
--button-font-size-mobile: 10pt;
|
|
--button-font-weight-mobile: 700;
|
|
--button-text-color-mobile: #800;
|
|
--button-background-image-mobile: url("/assets/buttons/button-fade.png");
|
|
--button-background-color-mobile: #f0e0d6;
|
|
--button-border-mobile: 1px solid #c0a69d;
|
|
|
|
/* post capcodes */
|
|
--post-capcode-mod-text-color: purple;
|
|
|
|
/* post desktop */
|
|
--post-hide-button-background-image: url("/assets/buttons/minus-red.png");
|
|
--post-unhide-button-background-image: url("/assets/buttons/plus-red.png");
|
|
--post-subject-text-color: #cc1105;
|
|
--post-subject-font-weight: 700;
|
|
--post-name-text-color: #117743;
|
|
--post-name-font-weight: 700;
|
|
--post-menu-desktop-button-color: #000080;
|
|
--post-menu-desktop-btn-opacity: 0.8;
|
|
--post-menu-desktop-button-color-hover: red;
|
|
--post-greentext-color: #789922;
|
|
|
|
/* post form */
|
|
--post-form-toggle-font-size: 22px;
|
|
--post-form-toggle-font-weight: 700;
|
|
--post-form-field-title-background-color: #ea8;
|
|
--post-form-field-title-color: #800;
|
|
--post-form-field-border: 1px solid #800;
|
|
--post-form-field-title-font-weight: 700;
|
|
--post-form-field-title-padding: 0 5px;
|
|
--post-form-field-title-font-size: 10pt;
|
|
--post-form-field-input-border: 1px solid #aaa;
|
|
--post-form-field-font-family: arial, helvetica, sans-serif;
|
|
--post-form-field-input-appearance: none;
|
|
--post-form-field-input-outline: none;
|
|
--post-form-field-input-focus-border: 1px solid #ea8;
|
|
--post-form-field-input-color: #000;
|
|
|
|
/* post menu desktop */
|
|
--post-menu-desktop-border-bottom: 2px solid #d9bfb7;
|
|
--post-menu-desktop-border-right: 1px solid #d9bfb7;
|
|
--post-menu-desktop-background-color: #f0e0d6;
|
|
--post-menu-desktop-item-border-color: #d9bfb7;
|
|
--post-menu-desktop-item-background-color: #f0e0d6;
|
|
--post-menu-desktop-item-hover-background-color: #ffe;
|
|
|
|
/* post menu mobile */
|
|
--post-menu-mobile-background-color: #f0e0d6;
|
|
--post-menu-mobile-border: 1px solid #d9bfb7;
|
|
--post-menu-mobile-border-right-width: 2px;
|
|
--post-menu-mobile-item-border-bottom: 1px solid #d9bfb7;
|
|
--post-menu-mobile-item-hover-background-color: #ffe;
|
|
|
|
/* post mobile */
|
|
--post-mobile-background-color: #f5e9e1;
|
|
--post-mobile-info-border-bottom: 1px solid #d9bfb7;
|
|
--post-mobile-info-background-color: #ead6ca;
|
|
--post-mobile-menu-button-color: #00e;
|
|
--post-mobile-name-text-color: #117743;
|
|
--post-mobile-name-font-weight: 700;
|
|
--post-mobile-subject-text-color: #cc1105;
|
|
--post-mobile-subject-font-weight: 700;
|
|
--post-mobile-link-background-color: #ead6ca;
|
|
--post-mobile-link-border-top: 1px solid #d9bfb7;
|
|
--post-mobile-link-info-text-color: #800;
|
|
--post-mobile-abbr-text-color: #707070;
|
|
--post-mobile-abbr-font-size: 10pt;
|
|
--post-mobile-file-info-text-color: #707070;
|
|
--post-mobile-content-font-size: 11pt;
|
|
|
|
/* quotelink */
|
|
--post-quotelink-text-color: navy;
|
|
--post-quotelink-text-color-hover: red;
|
|
--post-quotelink-text-decoration: underline;
|
|
--post-quotelink-text-decoration-hover: underline;
|
|
--quote-preview-background: #f0e0d6;
|
|
--quote-preview-border: 1px solid #d9bfb7;
|
|
--quote-preview-border-right: 2px solid #d9bfb7;
|
|
--quote-preview-border-bottom: 2px solid #d9bfb7;
|
|
|
|
/* reply desktop */
|
|
--side-arrows-color: #e0bfb7;
|
|
--reply-desktop-background-color: #f0e0d6;
|
|
--reply-desktop-border: 1px solid #d9bfb7;
|
|
|
|
/* reply highlight */
|
|
--reply-highlight-background-color: #f0c0b0;
|
|
--reply-highlight-border: 1px solid #d99f91;
|
|
--reply-double-highlight-background-color: #e8a690;
|
|
--reply-double-highlight-border: 1px solid #d99f91;
|
|
|
|
/* reply modal */
|
|
--reply-modal-field-input-border: 1px solid #aaa;
|
|
--reply-modal-field-input-border-focus: 1px solid #ea8;
|
|
|
|
/* settings modal */
|
|
--settings-modal-font-size: 14px;
|
|
--settings-modal-background-color: #f0e0d6;
|
|
--settings-modal-header-border-bottom: 1px solid #d9bfb7;
|
|
--settings-modal-border-top: none;
|
|
--settings-modal-border-right: 1px solid #d9bfb7;
|
|
--settings-modal-border-bottom: 1px solid #d9bfb7;
|
|
--settings-modal-border-left: none;
|
|
--settings-modal-close-button-background-image: url("/assets/buttons/cross-red.png");
|
|
--settings-modal-show-button-background-image: url("/assets/buttons/plus-red.png");
|
|
--settings-modal-hide-button-background-image: url("/assets/buttons/minus-red.png");
|
|
|
|
/* stats */
|
|
--stats-font-size: 11px;
|
|
|
|
/* tooltip */
|
|
--tooltip-background-color: #181f24;
|
|
|
|
/* boardsbar */
|
|
--boardsbar-font-size: 9pt;
|
|
--boardsbar-separator-color: #b86;
|
|
--boardsbar-desktop-link-text-color: #800;
|
|
--boardsbar-desktop-link-text-color-hover: #e00;
|
|
--boardsbar-desktop-link-text-decoration: none;
|
|
--boardsbar-desktop-link-text-decoration-hover: none;
|
|
--boardsbar-mobile-background-color: #f0e0d6;
|
|
--boardsbar-mobile-border-bottom: 2px solid #d9c5b7;
|
|
--boardsbar-mobile-font-size: 10px;
|
|
--boardsbar-mobile-button-text-color: navy;
|
|
|
|
/* mod queue */
|
|
--mod-queue-table-border: 1px solid #d9bfb7;
|
|
--mod-queue-header-background-color: #f0e0d6;
|
|
--mod-queue-header-border-bottom: 2px solid #d9bfb7;
|
|
--mod-queue-row-background-color: #ffe;
|
|
--mod-queue-row-border-bottom: 1px solid #d9bfb7;
|
|
--mod-queue-row-hover-background-color: #f0e0d6;
|
|
--mod-queue-button-text-color: #00e;
|
|
--mod-queue-button-text-color-hover: red;
|
|
--mod-queue-button-text-decoration: underline;
|
|
--mod-queue-approve-color: #00e;
|
|
--mod-queue-approve-color-hover: green;
|
|
--mod-queue-reject-color: #00e;
|
|
--mod-queue-reject-color-hover: red;
|
|
--mod-queue-time-color: #707070;
|
|
--mod-queue-alert-color: red;
|
|
}
|
|
|
|
:root .yotsuba-b {
|
|
--color-scheme: light;
|
|
|
|
/* backlink */
|
|
--post-backlink-text-color: #34345C;
|
|
--post-backlink-text-decoration: underline;
|
|
--post-backlink-text-color-hover: #dd0000;
|
|
--post-backlink-text-decoration-hover: underline;
|
|
--reply-backlink-mobile-background-color: #c9cde8;
|
|
--reply-backlink-mobile-border-top: 1px solid #b7c5d9;
|
|
|
|
/* board banner */
|
|
--banner-image-border: 1px solid #34345c;
|
|
--board-title-font-size: 28px;
|
|
--board-title-font-family: Tahoma, sans-serif;
|
|
--board-address-font-size: x-small;
|
|
--board-title-text-color: #af0a0f;
|
|
--board-address-text-color: #af0a0f;
|
|
|
|
/* body */
|
|
--body-background-base-color: #eef2ff;
|
|
--body-background-pattern-image: url("/assets/background-fade-blue.png");
|
|
--body-font-color: #000;
|
|
--body-font-family: arial, helvetica, sans-serif;
|
|
--body-font-size: 13px;
|
|
|
|
/* catalog post */
|
|
--catalog-post-menu-desktop-btn-color: navy;
|
|
--catalog-post-menu-desktop-btn-hover-color: #d00;
|
|
--catalog-post-menu-desktop-btn-opacity: 0.5;
|
|
--catalog-post-menu-desktop-btn-hover-opacity: 1;
|
|
--catalog-post-preview-background-color: #181f24;
|
|
--catalog-post-preview-color: #dedede;
|
|
--catalog-post-preview-author-color: #00a550;
|
|
--catalog-post-preview-last-color: #bbbfbd;
|
|
--catalog-post-preview-author-capcode-color: purple;
|
|
|
|
/* challenge modal */
|
|
--challenge-modal-background-color: #d6daf0;
|
|
--challenge-modal-border: 1px solid #b7c5d9;
|
|
--challenge-modal-title-background-color: #98e;
|
|
--challenge-modal-title-text-color: #000;
|
|
--challenge-modal-title-border: 1px solid #000;
|
|
--challenge-modal-title-font-size: 10pt;
|
|
--challenge-modal-title-font-weight: 700;
|
|
|
|
/* desktop buttons */
|
|
--button-desktop-text-color: #34345c;
|
|
--button-desktop-text-color-hover: #d00;
|
|
--close-button-background-image: url("/assets/buttons/cross-blue.png");
|
|
--open-help-button-background-image: url("/assets/buttons/help-blue.png");
|
|
|
|
/* footer */
|
|
--footer-item-background-color-desktop: #eef2ff;
|
|
|
|
/* pagelist */
|
|
--pagelist-background-color: #D6DAF0;
|
|
--pagelist-item-background-color: #d6daf0;
|
|
--pagelist-item-border-color: #b7c5d9;
|
|
--pagelist-item-text-color: #89a;
|
|
--pagelist-item-text-color-hover: #d00;
|
|
--pagelist-item-text-color-current: #000;
|
|
|
|
/* homepage */
|
|
--homepage-infobox-text-color: #000;
|
|
--homepage-infobox-bar-text-color: #000;
|
|
--homepage-infobox-bar-background-color: #98e;
|
|
--homepage-box-background-color: #fff;
|
|
--homepage-box-border-color: #000;
|
|
--homepage-box-bar-text-color: #000;
|
|
--homepage-box-bar-text-color-hover: #fff;
|
|
--homepage-box-bar-background-color: #98e;
|
|
--homepage-infobox-link-text-color: #00f;
|
|
--homepage-infobox-link-text-decoration: underline;
|
|
--homepage-box-link-text-color: #34345c;
|
|
--homepage-box-link-text-color-hover: #d00;
|
|
--homepage-box-link-text-decoration: none;
|
|
--homepage-box-link-text-decoration-hover: underline;
|
|
--directory-modal-background-color: #d6daf0;
|
|
--directory-modal-border: 1px solid #b7c5d9;
|
|
--directory-modal-text-color: #000;
|
|
--directory-modal-header-background-color: #98e;
|
|
--directory-modal-header-text-color: #000;
|
|
--directory-modal-close-button-background-image: url("/assets/buttons/cross-blue.png");
|
|
--disclaimer-modal-close-button-background-image: url("/assets/buttons/cross-blue.png");
|
|
|
|
/* horizontal rule */
|
|
--hr-border: none;
|
|
--hr-border-top: 1px solid #b7c5d9;
|
|
|
|
/* links */
|
|
--post-link-text-color: #34345c;
|
|
--post-link-text-decoration: underline;
|
|
--post-link-text-color-hover: #d00;
|
|
--post-link-text-decoration-hover: underline;
|
|
--post-content-link-text-decoration: none;
|
|
--post-content-link-text-decoration-hover: none;
|
|
|
|
/* media */
|
|
--media-thumbnail-background-color: rgba(0, 0, 0, 0.05);
|
|
|
|
/* mobile buttons */
|
|
--button-font-size-mobile: 10pt;
|
|
--button-font-weight-mobile: 700;
|
|
--button-text-color-mobile: #34345c;
|
|
--button-background-image-mobile: url("/assets/buttons/button-fade-blue.png");
|
|
--button-background-color-mobile: #d6daf0;
|
|
--button-border-mobile: 1px solid #b7c5d9;
|
|
|
|
/* post capcodes */
|
|
--post-capcode-mod-text-color: purple;
|
|
|
|
/* post desktop */
|
|
--post-hide-button-background-image: url("/assets/buttons/minus-blue.png");
|
|
--post-unhide-button-background-image: url("/assets/buttons/plus-blue.png");
|
|
--post-subject-text-color: #0f0c5d;
|
|
--post-subject-font-weight: 700;
|
|
--post-name-text-color: #117743;
|
|
--post-name-font-weight: 700;
|
|
--post-menu-desktop-button-color: #34345c;
|
|
--post-menu-desktop-btn-opacity: 0.8;
|
|
--post-menu-desktop-button-color-hover: #d00;
|
|
--post-greentext-color: #789922;
|
|
|
|
/* post form */
|
|
--post-form-toggle-font-size: 22px;
|
|
--post-form-toggle-font-weight: 700;
|
|
--post-form-field-title-background-color: #98e;
|
|
--post-form-field-title-color: #000;
|
|
--post-form-field-border: 1px solid #000;
|
|
--post-form-field-title-font-weight: 700;
|
|
--post-form-field-title-padding: 0 5px;
|
|
--post-form-field-title-font-size: 10pt;
|
|
--post-form-field-input-border: 1px solid #aaa;
|
|
--post-form-field-font-family: arial, helvetica, sans-serif;
|
|
--post-form-field-input-appearance: none;
|
|
--post-form-field-input-outline: none;
|
|
--post-form-field-input-focus-border: 1px solid #98e;
|
|
--post-form-field-input-color: #000;
|
|
|
|
/* post menu desktop */
|
|
--post-menu-desktop-border-bottom: 2px solid #b7c5d9;
|
|
--post-menu-desktop-border-right: 1px solid #b7c5d9;
|
|
--post-menu-desktop-background-color: #d6daf0;
|
|
--post-menu-desktop-item-border-color: #b7c5d9;
|
|
--post-menu-desktop-item-background-color: #d6daf0;
|
|
--post-menu-desktop-item-hover-background-color: #eef2ff;
|
|
|
|
/* post menu mobile */
|
|
--post-menu-mobile-background-color: #d6daf0;
|
|
--post-menu-mobile-border: 1px solid #b7c5d9;
|
|
--post-menu-mobile-border-right-width: 2px;
|
|
--post-menu-mobile-item-border-bottom: 1px solid #b7c5d9;
|
|
--post-menu-mobile-item-hover-background-color: #eef2ff;
|
|
|
|
/* post mobile */
|
|
--post-mobile-background-color: #d6daf0;
|
|
--post-mobile-info-border-bottom: 1px solid #b7c5d9;
|
|
--post-mobile-info-background-color: #c9cde8;
|
|
--post-mobile-menu-button-color: #34345c;
|
|
--post-mobile-name-text-color: #117743;
|
|
--post-mobile-name-font-weight: 700;
|
|
--post-mobile-subject-text-color: #0f0c5d;
|
|
--post-mobile-subject-font-weight: 700;
|
|
--post-mobile-link-background-color: #c9cde8;
|
|
--post-mobile-link-border-top: 1px solid #b7c5d9;
|
|
--post-mobile-link-info-text-color: #34345c;
|
|
--post-mobile-abbr-text-color: #707070;
|
|
--post-mobile-file-info-text-color: #707070;
|
|
--post-mobile-abbr-font-size: 10pt;
|
|
--post-mobile-content-font-size: 11pt;
|
|
|
|
/* quotelink */
|
|
--post-quotelink-text-color: #d00;
|
|
--post-quotelink-text-color-hover: #d00;
|
|
--post-quotelink-text-decoration: underline;
|
|
--post-quotelink-text-decoration-hover: underline;
|
|
--quote-preview-background: #d6daf0;
|
|
--quote-preview-border: 1px solid #b7c5d9;
|
|
--quote-preview-border-right: 2px solid #b7c5d9;
|
|
--quote-preview-border-bottom: 2px solid #b7c5d9;
|
|
|
|
/* reply desktop */
|
|
--side-arrows-color: #b7c5d9;
|
|
--reply-desktop-background-color: #d6daf0;
|
|
--reply-desktop-border: 1px solid #b7c5d9;
|
|
|
|
/* reply highlight */
|
|
--reply-highlight-background-color: #d6bad0;
|
|
--reply-highlight-border: 1px solid #ba9dbf;
|
|
--reply-double-highlight-background-color: #bfa6ba;
|
|
--reply-double-highlight-border: 1px solid #ba9dbf;
|
|
|
|
/* reply modal */
|
|
--reply-modal-field-input-border: 1px solid #aaa;
|
|
--reply-modal-field-input-border-focus: 1px solid #98e;
|
|
|
|
/* settings modal */
|
|
--settings-modal-font-size: 14px;
|
|
--settings-modal-background-color: #d6daf0;
|
|
--settings-modal-border-top: none;
|
|
--settings-modal-border-right: 1px solid #b7c5d9;
|
|
--settings-modal-border-bottom: 1px solid #b7c5d9;
|
|
--settings-modal-border-left: none;
|
|
--settings-modal-header-border-bottom: 1px solid #b7c5d9;
|
|
--settings-modal-close-button-background-image: url("/assets/buttons/cross-blue.png");
|
|
--settings-modal-show-button-background-image: url("/assets/buttons/plus-blue.png");
|
|
--settings-modal-hide-button-background-image: url("/assets/buttons/minus-blue.png");
|
|
|
|
/* stats */
|
|
--stats-font-size: 11px;
|
|
|
|
/* tooltip */
|
|
--tooltip-background-color: #181f24;
|
|
|
|
/* boardsbar */
|
|
--boardsbar-font-size: 9pt;
|
|
--boardsbar-separator-color: #89a;
|
|
--boardsbar-desktop-link-text-color: #34345c;
|
|
--boardsbar-desktop-link-text-color-hover: #d00;
|
|
--boardsbar-desktop-link-text-decoration: none;
|
|
--boardsbar-desktop-link-text-decoration-hover: none;
|
|
--boardsbar-mobile-background-color: #d6daf0;
|
|
--boardsbar-mobile-border-bottom: 2px solid #b7c5d9;
|
|
--boardsbar-mobile-font-size: 10px;
|
|
--boardsbar-mobile-button-text-color: #34345c;
|
|
|
|
/* mod queue */
|
|
--mod-queue-table-border: 1px solid #b7c5d9;
|
|
--mod-queue-header-background-color: #d6daf0;
|
|
--mod-queue-header-border-bottom: 2px solid #b7c5d9;
|
|
--mod-queue-row-background-color: #eef2ff;
|
|
--mod-queue-row-border-bottom: 1px solid #b7c5d9;
|
|
--mod-queue-row-hover-background-color: #d6daf0;
|
|
--mod-queue-button-text-color: #34345c;
|
|
--mod-queue-button-text-color-hover: #d00;
|
|
--mod-queue-button-text-decoration: underline;
|
|
--mod-queue-approve-color: #34345c;
|
|
--mod-queue-approve-color-hover: green;
|
|
--mod-queue-reject-color: #34345c;
|
|
--mod-queue-reject-color-hover: #d00;
|
|
--mod-queue-time-color: #707070;
|
|
--mod-queue-alert-color: #d00;
|
|
}
|
|
|
|
:root .futaba {
|
|
--color-scheme: light;
|
|
|
|
/* avatar */
|
|
--avatar-text-color: black;
|
|
|
|
/* backlink */
|
|
--post-backlink-text-color: navy;
|
|
--post-backlink-text-decoration: underline;
|
|
--post-backlink-text-color-hover: red;
|
|
--post-backlink-text-decoration-hover: underline;
|
|
--reply-backlink-mobile-background-color: #ead6ca;
|
|
--reply-backlink-mobile-border-top: 1px solid #d9bfb7;
|
|
|
|
/* body */
|
|
--body-background-base-color: #ffe;
|
|
--body-background-pattern-image: none;
|
|
--body-font-color: maroon;
|
|
--body-font-family: times new roman, serif;
|
|
--body-font-size: 12pt;
|
|
|
|
/* board banner */
|
|
--banner-image-border: none;
|
|
|
|
/* board title */
|
|
--board-title-font-size: 32px;
|
|
--board-address-font-size: 10pt;
|
|
|
|
/* catalog post */
|
|
--catalog-post-menu-desktop-btn-color: navy;
|
|
--catalog-post-menu-desktop-btn-hover-color: red;
|
|
--catalog-post-menu-desktop-btn-opacity: 0.5;
|
|
--catalog-post-menu-desktop-btn-hover-opacity: 1;
|
|
--catalog-post-preview-background-color: #181f24;
|
|
--catalog-post-preview-color: #dedede;
|
|
--catalog-post-preview-subject-color: #cc1105;
|
|
--catalog-post-preview-author-color: #00a550;
|
|
--catalog-post-preview-last-color: #bbbfbd;
|
|
--catalog-post-preview-author-capcode-color: purple;
|
|
|
|
/* challenge modal */
|
|
--challenge-modal-background-color: #f0e0d6;
|
|
--challenge-modal-border: 1px solid #d9bfb7;
|
|
--challenge-modal-title-background-color: #ea8;
|
|
--challenge-modal-title-text-color: #800;
|
|
--challenge-modal-title-border: 1px solid #800;
|
|
--challenge-modal-title-font-size: 12pt;
|
|
--challenge-modal-title-font-weight: 700;
|
|
|
|
/* desktop buttons */
|
|
--button-desktop-text-color: #00e;
|
|
--button-desktop-text-color-hover: red;
|
|
--button-text-decoration: underline;
|
|
--close-button-background-image: url("/assets/buttons/cross-red.png");
|
|
--open-help-button-background-image: url("/assets/buttons/help-red.png");
|
|
|
|
/* pagelist */
|
|
--pagelist-background-color: #ead6ca;
|
|
--pagelist-item-background-color: #f0e0d6;
|
|
--pagelist-item-border-color: #d9bfb7;
|
|
--pagelist-item-text-color: #800;
|
|
--pagelist-item-text-color-hover: red;
|
|
--pagelist-item-text-color-current: #800;
|
|
|
|
/* directory modal */
|
|
--directory-modal-background-color: #f0e0d6;
|
|
--directory-modal-border: 1px solid rgba(0, 0, 0, 0.20);
|
|
--directory-modal-text-color: #800;
|
|
--directory-modal-header-background-color: #ea8;
|
|
--directory-modal-header-text-color: #800;
|
|
--directory-modal-close-button-background-image: url("/assets/buttons/cross-red.png");
|
|
--disclaimer-modal-close-button-background-image: url("/assets/buttons/cross-red.png");
|
|
|
|
/* footer */
|
|
--footer-item-background-color-desktop: #fed;
|
|
|
|
/* links */
|
|
--post-link-text-color: #00e;
|
|
--post-link-text-decoration: underline;
|
|
--post-link-text-color-hover: red;
|
|
--post-link-text-decoration-hover: underline;
|
|
--post-content-link-text-decoration: underline;
|
|
--post-content-link-text-decoration-hover: underline;
|
|
|
|
/* media */
|
|
--media-thumbnail-background-color: rgba(0, 0, 0, 0.05);
|
|
|
|
/* mobile buttons */
|
|
--button-font-size-mobile: 11pt;
|
|
--button-font-weight-mobile: 700;
|
|
--button-text-color-mobile: #800;
|
|
--button-background-image-mobile: url("/assets/buttons/button-fade.png");
|
|
--button-background-color-mobile: #f0e0d6;
|
|
--button-border-mobile: 1px solid #c0a69d;
|
|
|
|
/* post capcodes */
|
|
--post-capcode-mod-text-color: purple;
|
|
|
|
/* post desktop */
|
|
--post-hide-button-background-image: url("/assets/buttons/minus-red.png");
|
|
--post-unhide-button-background-image: url("/assets/buttons/plus-red.png");
|
|
--post-subject-text-color: #cc1105;
|
|
--post-subject-font-weight: 700;
|
|
--post-name-text-color: #117743;
|
|
--post-name-font-weight: 700;
|
|
--post-menu-desktop-button-color: #000080;
|
|
--post-menu-desktop-btn-opacity: 0.8;
|
|
--post-menu-desktop-button-color-hover: red;
|
|
--post-greentext-color: #789922;
|
|
|
|
/* post form */
|
|
--post-form-toggle-font-size: 22px;
|
|
--post-form-toggle-font-weight: 700;
|
|
--post-form-field-title-background-color: #ea8;
|
|
--post-form-field-title-color: #800;
|
|
--post-form-field-border: none;
|
|
--post-form-field-title-font-weight: 700;
|
|
--post-form-field-title-font-size: 16px;
|
|
--post-form-field-input-color: #000;
|
|
|
|
/* post menu desktop */
|
|
--post-menu-desktop-border-bottom: 1px solid #d9bfb7;
|
|
--post-menu-desktop-border-right: unset;
|
|
--post-menu-desktop-background-color: #f0e0d6;
|
|
--post-menu-desktop-item-border-color: #d9bfb7;
|
|
--post-menu-desktop-item-background-color: #f0e0d6;
|
|
--post-menu-desktop-item-hover-background-color: #ffe;
|
|
|
|
/* post menu mobile */
|
|
--post-menu-mobile-background-color: #f0e0d6;
|
|
--post-menu-mobile-border: 1px solid #d9bfb7;
|
|
--post-menu-mobile-border-right-width: 2px;
|
|
--post-menu-mobile-item-border-bottom: 1px solid #d9bfb7;
|
|
--post-menu-mobile-item-hover-background-color: #ffe;
|
|
|
|
/* post mobile */
|
|
--post-mobile-background-color: #f5e9e1;
|
|
--post-mobile-info-border-bottom: 1px solid #d9bfb7;
|
|
--post-mobile-info-background-color: #ead6ca;
|
|
--post-mobile-menu-button-color: #00e;
|
|
--post-mobile-name-text-color: #117743;
|
|
--post-mobile-name-font-weight: 700;
|
|
--post-mobile-subject-text-color: #cc1105;
|
|
--post-mobile-subject-font-weight: 700;
|
|
--post-mobile-link-background-color: #ead6ca;
|
|
--post-mobile-link-border-top: 1px solid #d9bfb7;
|
|
--post-mobile-link-info-text-color: #800;
|
|
--post-mobile-abbr-text-color: #707070;
|
|
--post-mobile-file-info-text-color: #707070;
|
|
--post-mobile-abbr-font-size: 12pt;
|
|
--post-mobile-content-font-size: 13pt;
|
|
|
|
/* quotelink */
|
|
--post-quotelink-text-color: navy;
|
|
--post-quotelink-text-color-hover: red;
|
|
--post-quotelink-text-decoration: underline;
|
|
--post-quotelink-text-decoration-hover: underline;
|
|
--quote-preview-background: #f0e0d6;
|
|
--quote-preview-border: 1px solid rgba(0,0,0,.2);
|
|
--quote-preview-border-right: 2px solid rgba(0,0,0,.2);
|
|
--quote-preview-border-bottom: 2px solid rgba(0,0,0,.2);
|
|
|
|
/* reply desktop */
|
|
--reply-desktop-background-color: #f0e0d6;
|
|
|
|
/* reply highlight */
|
|
--reply-highlight-background-color: #f0c0b0;
|
|
--reply-double-highlight-background-color: #e8a690;
|
|
|
|
/* settings modal */
|
|
--settings-modal-background-color: #f0e0d6;
|
|
--settings-modal-border-top: 1px solid rgba(0, 0, 0, 0.20);
|
|
--settings-modal-border-right: 1px solid rgba(0, 0, 0, 0.20);
|
|
--settings-modal-border-bottom: 1px solid rgba(0, 0, 0, 0.20);
|
|
--settings-modal-border-left: 1px solid rgba(0, 0, 0, 0.20);
|
|
--settings-modal-header-border-bottom: 1px solid rgba(0,0,0,.2);
|
|
--settings-modal-close-button-background-image: url("/assets/buttons/cross-red.png");
|
|
--settings-modal-show-button-background-image: url("/assets/buttons/plus-red.png");
|
|
--settings-modal-hide-button-background-image: url("/assets/buttons/minus-red.png");
|
|
|
|
/* stats */
|
|
--stats-font-size: 10pt;
|
|
|
|
/* tooltip */
|
|
--tooltip-background-color: #181f24;
|
|
|
|
/* boardsbar */
|
|
--boardsbar-font-size: 11pt;
|
|
--boardsbar-separator-color: #800;
|
|
--boardsbar-desktop-link-text-color: #00e;
|
|
--boardsbar-desktop-link-text-color-hover: red;
|
|
--boardsbar-desktop-link-text-decoration: underline;
|
|
--boardsbar-desktop-link-text-decoration-hover: underline;
|
|
--boardsbar-mobile-background-color: #f0e0d6;
|
|
--boardsbar-mobile-border-bottom: 2px solid #d9c5b7;
|
|
--boardsbar-mobile-font-size: 9pt;
|
|
--boardsbar-mobile-button-text-color: #00f;
|
|
|
|
/* mod queue */
|
|
--mod-queue-table-border: 1px solid rgba(0, 0, 0, 0.20);
|
|
--mod-queue-header-background-color: #f0e0d6;
|
|
--mod-queue-header-border-bottom: 1px solid rgba(0, 0, 0, 0.20);
|
|
--mod-queue-row-background-color: #ffe;
|
|
--mod-queue-row-border-bottom: 1px solid rgba(0, 0, 0, 0.20);
|
|
--mod-queue-row-hover-background-color: #f0e0d6;
|
|
--mod-queue-button-text-color: #00e;
|
|
--mod-queue-button-text-color-hover: red;
|
|
--mod-queue-button-text-decoration: underline;
|
|
--mod-queue-approve-color: #00e;
|
|
--mod-queue-approve-color-hover: green;
|
|
--mod-queue-reject-color: #00e;
|
|
--mod-queue-reject-color-hover: red;
|
|
--mod-queue-time-color: #707070;
|
|
--mod-queue-alert-color: red;
|
|
}
|
|
|
|
:root .burichan {
|
|
--color-scheme: light;
|
|
|
|
/* backlink */
|
|
--post-backlink-text-color: #34345C;
|
|
--post-backlink-text-decoration: underline;
|
|
--post-backlink-text-color-hover: #dd0000;
|
|
--post-backlink-text-decoration-hover: underline;
|
|
--reply-backlink-mobile-background-color: #c9cde8;
|
|
--reply-backlink-mobile-border-top: 1px solid #b7c5d9;
|
|
|
|
/* board banner */
|
|
--banner-image-border: none;
|
|
--board-title-font-size: 32px;
|
|
--board-title-text-color: #af0a0f;
|
|
--board-title-font-family: times new roman, serif;
|
|
--board-address-font-size: 10pt;
|
|
--board-address-text-color: #af0a0f;
|
|
|
|
/* body */
|
|
--body-background-base-color: #eef2ff;
|
|
--body-background-pattern-image: none;
|
|
--body-font-color: #000;
|
|
--body-font-family: times new roman, serif;
|
|
--body-font-size: 12pt;
|
|
|
|
/* catalog post */
|
|
--catalog-post-menu-desktop-btn-color: navy;
|
|
--catalog-post-menu-desktop-btn-hover-color: red;
|
|
--catalog-post-menu-desktop-btn-opacity: 0.5;
|
|
--catalog-post-menu-desktop-btn-hover-opacity: 1;
|
|
--catalog-post-preview-background-color: #181f24;
|
|
--catalog-post-preview-color: #dedede;
|
|
--catalog-post-preview-author-color: #00a550;
|
|
--catalog-post-preview-last-color: #bbbfbd;
|
|
--catalog-post-preview-author-capcode-color: purple;
|
|
|
|
/* challenge modal */
|
|
--challenge-modal-background-color: #d6daf0;
|
|
--challenge-modal-border: 1px solid #b7c5d9;
|
|
--challenge-modal-title-background-color: #98e;
|
|
--challenge-modal-title-text-color: #000;
|
|
--challenge-modal-title-border: 1px solid #000;
|
|
--challenge-modal-title-font-size: 12pt;
|
|
--challenge-modal-title-font-weight: 700;
|
|
|
|
/* desktop buttons */
|
|
--button-desktop-text-color: #34345c;
|
|
--button-text-decoration: underline;
|
|
--button-desktop-text-color-hover: #d00;
|
|
--close-button-background-image: url("/assets/buttons/cross-blue.png");
|
|
--open-help-button-background-image: url("/assets/buttons/help-blue.png");
|
|
|
|
/* footer */
|
|
--footer-item-background-color-desktop: #eef2ff;
|
|
|
|
/* pagelist */
|
|
--pagelist-background-color: #c9cde8;
|
|
--pagelist-item-background-color: #d6daf0;
|
|
--pagelist-item-border-color: #b7c5d9;
|
|
--pagelist-item-text-color: #89a;
|
|
--pagelist-item-text-color-hover: #d00;
|
|
--pagelist-item-text-color-current: #000;
|
|
|
|
/* homepage */
|
|
--homepage-infobox-text-color: #000;
|
|
--homepage-infobox-bar-text-color: #000;
|
|
--homepage-infobox-bar-background-color: #98e;
|
|
--homepage-box-background-color: #fff;
|
|
--homepage-box-border-color: #000;
|
|
--homepage-box-bar-text-color: #000;
|
|
--homepage-box-bar-background-color: #98e;
|
|
--homepage-box-bar-text-color-hover: #fff;
|
|
--directory-modal-background-color: #d6daf0;
|
|
--directory-modal-border: 1px solid rgba(0, 0, 0, 0.20);
|
|
--directory-modal-text-color: #000;
|
|
--directory-modal-header-background-color: #98e;
|
|
--directory-modal-header-text-color: #000;
|
|
--directory-modal-close-button-background-image: url("/assets/buttons/cross-blue.png");
|
|
--disclaimer-modal-close-button-background-image: url("/assets/buttons/cross-blue.png");
|
|
|
|
/* media */
|
|
--media-thumbnail-background-color: rgba(0, 0, 0, 0.05);
|
|
|
|
/* mobile buttons */
|
|
--button-font-size-mobile: 11pt;
|
|
--button-font-weight-mobile: 700;
|
|
--button-text-color-mobile: #34345c;
|
|
--button-background-image-mobile: url("/assets/buttons/button-fade-blue.png");
|
|
--button-background-color-mobile: #d6daf0;
|
|
--button-border-mobile: 1px solid #b7c5d9;
|
|
|
|
/* links */
|
|
--post-link-text-color: #34345c;
|
|
--post-link-text-decoration: underline;
|
|
--post-link-text-color-hover: #d00;
|
|
--post-link-text-decoration-hover: underline;
|
|
--post-content-link-text-decoration: none;
|
|
--post-content-link-text-decoration-hover: none;
|
|
|
|
/* post capcodes */
|
|
--post-capcode-mod-text-color: purple;
|
|
|
|
/* post desktop */
|
|
--post-hide-button-background-image: url("/assets/buttons/minus-blue.png");
|
|
--post-unhide-button-background-image: url("/assets/buttons/plus-blue.png");
|
|
--post-subject-text-color: #0f0c5d;
|
|
--post-subject-font-weight: 700;
|
|
--post-name-text-color: #117743;
|
|
--post-name-font-weight: 700;
|
|
--post-menu-desktop-button-color: #34345c;
|
|
--post-menu-desktop-btn-opacity: 0.8;
|
|
--post-menu-desktop-button-color-hover: #d00;
|
|
--post-greentext-color: #789922;
|
|
|
|
/* post form */
|
|
--post-form-toggle-font-size: 22px;
|
|
--post-form-toggle-font-weight: 700;
|
|
--post-form-field-title-background-color: #98e;
|
|
--post-form-field-title-color: #000;
|
|
--post-form-field-border: none;
|
|
--post-form-field-title-font-weight: 700;
|
|
--post-form-field-title-font-size: 16px;
|
|
--post-form-field-input-color: #000;
|
|
|
|
/* post menu desktop */
|
|
--post-menu-desktop-border-bottom: 1px solid #b7c5d9;
|
|
--post-menu-desktop-border-right: unset;
|
|
--post-menu-desktop-background-color: #d6daf0;
|
|
--post-menu-desktop-item-border-color: #b7c5d9;
|
|
--post-menu-desktop-item-background-color: #d6daf0;
|
|
--post-menu-desktop-item-hover-background-color: #eef2ff;
|
|
|
|
/* post menu mobile */
|
|
--post-menu-mobile-background-color: #d6daf0;
|
|
--post-menu-mobile-border: 1px solid #b7c5d9;
|
|
--post-menu-mobile-border-right-width: 2px;
|
|
--post-menu-mobile-item-border-bottom: 1px solid #b7c5d9;
|
|
--post-menu-mobile-item-hover-background-color: #eef2ff;
|
|
|
|
/* post mobile */
|
|
--post-mobile-background-color: #d6daf0;
|
|
--post-mobile-info-border-bottom: 1px solid #b7c5d9;
|
|
--post-mobile-info-background-color: #c9cde8;
|
|
--post-mobile-menu-button-color: #34345c;
|
|
--post-mobile-name-text-color: #117743;
|
|
--post-mobile-name-font-weight: 700;
|
|
--post-mobile-subject-text-color: #0f0c5d;
|
|
--post-mobile-subject-font-weight: 700;
|
|
--post-mobile-link-background-color: #c9cde8;
|
|
--post-mobile-link-border-top: 1px solid #b7c5d9;
|
|
--post-mobile-link-info-text-color: #34345c;
|
|
--post-mobile-abbr-text-color: #707070;
|
|
--post-mobile-file-info-text-color: #707070;
|
|
--post-mobile-abbr-font-size: 12pt;
|
|
--post-mobile-content-font-size: 13pt;
|
|
|
|
/* quotelink */
|
|
--post-quotelink-text-color: #d00;
|
|
--post-quotelink-text-color-hover: #d00;
|
|
--post-quotelink-text-decoration: underline;
|
|
--post-quotelink-text-decoration-hover: underline;
|
|
--quote-preview-background: #d6daf0;
|
|
--quote-preview-border: 1px solid rgba(0,0,0,.2);
|
|
--quote-preview-border-right: 2px solid rgba(0,0,0,.2);
|
|
--quote-preview-border-bottom: 2px solid rgba(0,0,0,.2);
|
|
|
|
/* reply desktop */
|
|
--reply-desktop-background-color: #d6daf0;
|
|
|
|
/* reply highlight */
|
|
--reply-highlight-background-color: #d6bad0;
|
|
--reply-double-highlight-background-color: #bfa6ba;
|
|
|
|
/* settings modal */
|
|
--settings-modal-background-color: #d6daf0;
|
|
--settings-modal-border-top: 1px solid rgba(0, 0, 0, 0.20);
|
|
--settings-modal-border-right: 1px solid rgba(0, 0, 0, 0.20);
|
|
--settings-modal-border-bottom: 1px solid rgba(0, 0, 0, 0.20);
|
|
--settings-modal-border-left: 1px solid rgba(0, 0, 0, 0.20);
|
|
--settings-modal-header-border-bottom: 1px solid rgba(0,0,0,.2);
|
|
--settings-modal-close-button-background-image: url("/assets/buttons/cross-blue.png");
|
|
--settings-modal-show-button-background-image: url("/assets/buttons/plus-blue.png");
|
|
--settings-modal-hide-button-background-image: url("/assets/buttons/minus-blue.png");
|
|
|
|
/* stats */
|
|
--stats-font-size: 10pt;
|
|
|
|
/* tooltip */
|
|
--tooltip-background-color: #181f24;
|
|
|
|
/* boardsbar */
|
|
--boardsbar-font-size: 11pt;
|
|
--boardsbar-separator-color: #000;
|
|
--boardsbar-desktop-link-text-color: #34345c;
|
|
--boardsbar-desktop-link-text-color-hover: #d00;
|
|
--boardsbar-desktop-link-text-decoration: underline;
|
|
--boardsbar-desktop-link-text-decoration-hover: underline;
|
|
--boardsbar-mobile-background-color: #d6daf0;
|
|
--boardsbar-mobile-border-bottom: 2px solid #b7c5d9;
|
|
--boardsbar-mobile-font-size: 9pt;
|
|
--boardsbar-mobile-button-text-color: #34345c;
|
|
|
|
/* mod queue */
|
|
--mod-queue-table-border: 1px solid rgba(0, 0, 0, 0.20);
|
|
--mod-queue-header-background-color: #d6daf0;
|
|
--mod-queue-header-border-bottom: 1px solid rgba(0, 0, 0, 0.20);
|
|
--mod-queue-row-background-color: #eef2ff;
|
|
--mod-queue-row-border-bottom: 1px solid rgba(0, 0, 0, 0.20);
|
|
--mod-queue-row-hover-background-color: #d6daf0;
|
|
--mod-queue-button-text-color: #34345c;
|
|
--mod-queue-button-text-color-hover: #d00;
|
|
--mod-queue-button-text-decoration: underline;
|
|
--mod-queue-approve-color: #34345c;
|
|
--mod-queue-approve-color-hover: green;
|
|
--mod-queue-reject-color: #34345c;
|
|
--mod-queue-reject-color-hover: #d00;
|
|
--mod-queue-time-color: #707070;
|
|
--mod-queue-alert-color: #d00;
|
|
}
|
|
|
|
:root .tomorrow {
|
|
--color-scheme: dark;
|
|
|
|
/* avatar */
|
|
--avatar-background-color: black;
|
|
|
|
/* backlink */
|
|
--post-backlink-text-color: #5f89ac;
|
|
--post-backlink-text-decoration: underline;
|
|
--post-backlink-text-color-hover: #81a2be;
|
|
--post-backlink-text-decoration-hover: underline;
|
|
--reply-backlink-mobile-background-color: #212326;
|
|
--reply-backlink-mobile-border-top: 1px solid #2D2F33;
|
|
|
|
/* body */
|
|
--body-background-base-color: #1d1f21;
|
|
--body-background-pattern-image: none;
|
|
--body-font-color: #c5c8c6;
|
|
--body-font-family: arial, helvetica, sans-serif;
|
|
--body-font-size: 13px;
|
|
|
|
/* board banner */
|
|
--banner-image-border: 1px solid #000;
|
|
|
|
/* board title */
|
|
--board-title-font-size: 28px;
|
|
--board-title-font-family: Tahoma, sans-serif;
|
|
--board-address-font-size: x-small;
|
|
|
|
/* catalog post */
|
|
--catalog-post-menu-desktop-btn-color: #5f89ac;
|
|
--catalog-post-menu-desktop-btn-hover-color: #5f89ac;
|
|
--catalog-post-menu-desktop-btn-opacity: 0.5;
|
|
--catalog-post-menu-desktop-btn-hover-opacity: 1;
|
|
--catalog-post-preview-background-color: #000;
|
|
--catalog-post-preview-color: #dedede;
|
|
--catalog-post-preview-subject-color: #b294bb;
|
|
--catalog-post-preview-author-color: #00a550;
|
|
--catalog-post-preview-last-color: #bbbfbd;
|
|
--catalog-post-preview-author-capcode-color: purple;
|
|
|
|
/* challenge modal */
|
|
--challenge-modal-background-color: #282a2e;
|
|
--challenge-modal-border: 1px solid #111;
|
|
--challenge-modal-title-background-color: #282a2e;
|
|
--challenge-modal-title-text-color: #c5c8c6;
|
|
--challenge-modal-title-border: unset;
|
|
--challenge-modal-title-font-size: 10pt;
|
|
--challenge-modal-title-font-weight: 700;
|
|
|
|
/* desktop buttons */
|
|
--button-desktop-text-color: #81a2be;
|
|
--button-desktop-text-color-hover: #5f89ac;
|
|
--close-button-background-image: url("/assets/buttons/cross-dark.png");
|
|
--open-help-button-background-image: url("/assets/buttons/help-dark.png");
|
|
/* filter for inputs */
|
|
--filter80: brightness(85%);
|
|
|
|
/* pagelist */
|
|
--pagelist-background-color: #282a2e;
|
|
--pagelist-item-background-color: #282a2e;
|
|
--pagelist-item-border-color: #111;
|
|
--pagelist-item-text-color: #81a2be;
|
|
--pagelist-item-text-color-hover: #5f89ac;
|
|
--pagelist-item-text-color-current: #c5c8c6;
|
|
|
|
/* homepage */
|
|
--homepage-infobox-text-color: #c5c8c6;
|
|
--homepage-infobox-bar-text-color: #c5c8c6;
|
|
--homepage-infobox-bar-background-color: rgb(33, 35, 38);
|
|
--homepage-box-background-color: #282a2e;
|
|
--homepage-box-bar-background-color: rgb(33, 35, 38);
|
|
--homepage-box-border-color: rgb(45, 47, 51);
|
|
--homepage-box-bar-text-color: #c5c8c6;
|
|
--homepage-box-bar-text-color-hover: #c5c8c6;
|
|
--directory-modal-background-color: #282a2e;
|
|
--directory-modal-border: 1px solid #111;
|
|
--directory-modal-text-color: #c5c8c6;
|
|
--directory-modal-header-background-color: #282a2e;
|
|
--directory-modal-header-text-color: #c5c8c6;
|
|
--directory-modal-close-button-background-image: url("/assets/buttons/cross-dark.png");
|
|
--disclaimer-modal-close-button-background-image: url("/assets/buttons/cross-dark.png");
|
|
|
|
/* horizontal rule */
|
|
--hr-border: none;
|
|
--hr-border-top: 1px solid #282a2e;
|
|
--hr-height: 0px;
|
|
|
|
/* links */
|
|
--post-link-text-color: #81a2be;
|
|
--post-link-text-decoration: underline;
|
|
--post-link-text-color-hover: #5f89ac;
|
|
--post-link-text-decoration-hover: underline;
|
|
--post-content-link-text-decoration: none;
|
|
--post-content-link-text-decoration-hover: none;
|
|
|
|
/* media */
|
|
--media-thumbnail-background-color: rgba(255, 255, 255, 0.01);
|
|
|
|
/* mobile buttons */
|
|
--button-font-size-mobile: 10pt;
|
|
--button-font-weight-mobile: 700;
|
|
--button-text-color-mobile: #707070;
|
|
--button-background-image-mobile: url("/assets/buttons/button-fade-dark.png");
|
|
--button-background-color-mobile: #1b1c1e;
|
|
--button-border-mobile: 1px solid #282a2e;
|
|
|
|
/* post capcodes */
|
|
--post-capcode-mod-text-color: #81a2be;
|
|
|
|
/* post desktop */
|
|
--post-hide-button-background-image: url("/assets/buttons/minus-dark.png");
|
|
--post-unhide-button-background-image: url("/assets/buttons/plus-dark.png");
|
|
--post-subject-text-color: #b294bb;
|
|
--post-subject-font-weight: 700;
|
|
--post-name-text-color: #c5c8c6;
|
|
--post-name-font-weight: 700;
|
|
--post-menu-desktop-button-color: #5F89AC;
|
|
--post-menu-desktop-btn-opacity: 0.8;
|
|
--post-menu-desktop-button-color-hover: #81a2be;
|
|
--post-greentext-color: #b5bd68;
|
|
|
|
/* post form */
|
|
--post-form-toggle-font-size: 22px;
|
|
--post-form-toggle-font-weight: 700;
|
|
--post-form-field-title-background-color: #282a2e;
|
|
--post-form-field-title-color: #c5c8c6;
|
|
--post-form-field-border: 1px solid #000;
|
|
--post-form-field-title-font-weight: 700;
|
|
--post-form-field-title-padding: 0 5px;
|
|
--post-form-field-title-font-size: 10pt;
|
|
--post-form-field-input-border: 1px solid #000;
|
|
--post-form-field-input-focus-border: 1px solid #515151;
|
|
--post-form-field-input-background-color: #282a2e;
|
|
--post-form-field-input-color: #c5c8c6;
|
|
--post-form-field-font-family: arial, helvetica, sans-serif;
|
|
--post-form-field-input-appearance: none;
|
|
--post-form-field-input-outline: none;
|
|
|
|
/* post menu desktop */
|
|
--post-menu-desktop-border-bottom: 1px solid #000;
|
|
--post-menu-desktop-border-right: unset;
|
|
--post-menu-desktop-background-color: #282a2e;
|
|
--post-menu-desktop-item-border-color: #000;
|
|
--post-menu-desktop-item-background-color: #282a2e;
|
|
--post-menu-desktop-item-hover-background-color: #1d1f21;
|
|
|
|
/* post menu mobile */
|
|
--post-menu-mobile-background-color: #282a2e;
|
|
--post-menu-mobile-border: 1px solid #000;
|
|
--post-menu-mobile-border-right-width: 2px;
|
|
--post-menu-mobile-item-border-bottom: 1px solid #000;
|
|
--post-menu-mobile-item-hover-background-color: #1d1f21;
|
|
|
|
/* post mobile */
|
|
--post-mobile-background-color: #282A2E;
|
|
--post-mobile-info-border-top: 1px solid #2D2F33;
|
|
--post-mobile-info-border-bottom: 1px solid #2D2F33;
|
|
--post-mobile-info-background-color: #212326;
|
|
--post-mobile-info-text-color: #707070;
|
|
--post-mobile-menu-button-color: #81A2BE;
|
|
--post-mobile-name-text-color: #117743;
|
|
--post-mobile-name-font-weight: 700;
|
|
--post-mobile-subject-text-color: #B294BB;
|
|
--post-mobile-subject-font-weight: 700;
|
|
--post-mobile-link-background-color: #212326;
|
|
--post-mobile-link-border-top: 1px solid #2D2F33;
|
|
--post-mobile-link-border-bottom: 1px solid #2D2F33;
|
|
--post-mobile-link-info-text-color: #707070;
|
|
--post-mobile-abbr-text-color: #707070;
|
|
--post-mobile-file-info-text-color: #707070;
|
|
--post-mobile-abbr-font-size: 10pt;
|
|
--post-mobile-content-font-size: 11pt;
|
|
|
|
/* quotelink */
|
|
--post-quotelink-text-color: #5f89ac;
|
|
--post-quotelink-text-color-hover: #81a2be;
|
|
--post-quotelink-text-decoration: underline;
|
|
--post-quotelink-text-decoration-hover: underline;
|
|
--quote-preview-background: #282a2e;
|
|
--quote-preview-border: 1px solid #333;
|
|
--quote-preview-border-right: 1px solid #333;
|
|
--quote-preview-border-bottom: 1px solid #333;
|
|
|
|
/* reply desktop */
|
|
--side-arrows-color: #c5c8c6;
|
|
--reply-desktop-background-color: #282a2e;
|
|
--reply-desktop-border: 1px solid #282a2e;
|
|
--reply-desktop-border-left: 1px solid #282a2e;
|
|
--reply-desktop-border-top: 1px solid #282a2e;
|
|
|
|
/* reply modal */
|
|
--reply-modal-field-input-border: 1px solid #515151;
|
|
--reply-modal-field-border-focus: 1px solid #757575;
|
|
--reply-modal-field-input-border-focus: 1px solid #757575;
|
|
|
|
/* reply highlight */
|
|
--reply-highlight-background-color: #1d1d21;
|
|
--reply-highlight-border: 1px solid #111;
|
|
--reply-highlight-border-left: 1px solid #111;
|
|
--reply-highlight-border-top: 1px solid #111;
|
|
--reply-double-highlight-background-color: #111;
|
|
--reply-double-highlight-border: 1px solid #111;
|
|
--reply-double-highlight-border-left: 1px solid #111;
|
|
--reply-double-highlight-border-top: 1px solid #111;
|
|
|
|
/* settings modal */
|
|
--settings-modal-font-size: 14px;
|
|
--settings-modal-background-color: #282a2e;
|
|
--settings-modal-border-top: 1px solid #111;
|
|
--settings-modal-border-right: 1px solid #111;
|
|
--settings-modal-border-bottom: 1px solid #111;
|
|
--settings-modal-border-left: 1px solid #111;
|
|
--settings-modal-header-border-bottom: 1px solid #111;
|
|
--settings-modal-close-button-background-image: url("/assets/buttons/cross-dark.png");
|
|
--settings-modal-show-button-background-image: url("/assets/buttons/plus-dark.png");
|
|
--settings-modal-hide-button-background-image: url("/assets/buttons/minus-dark.png");
|
|
|
|
/* stats */
|
|
--stats-font-size: 11px;
|
|
|
|
/* tooltip */
|
|
--tooltip-background-color: #000;
|
|
|
|
/* boardsbar */
|
|
--boardsbar-font-size: 9pt;
|
|
--boardsbar-separator-color: #c5c8c6;
|
|
--boardsbar-desktop-link-text-color: #81a2be;
|
|
--boardsbar-desktop-link-text-color-hover: #5f89ac;
|
|
--boardsbar-desktop-link-text-decoration: none;
|
|
--boardsbar-desktop-link-text-decoration-hover: none;
|
|
--boardsbar-mobile-background-color: #1d1f21;
|
|
--boardsbar-mobile-border-bottom: 2px solid #282a2e;
|
|
--boardsbar-mobile-font-size: 10px;
|
|
--boardsbar-mobile-button-text-color: #81a2be;
|
|
--boardsbar-mobile-button-color: #81a2be;
|
|
|
|
/* mod queue */
|
|
--mod-queue-table-border: 1px solid #111;
|
|
--mod-queue-header-background-color: #282a2e;
|
|
--mod-queue-header-border-bottom: 1px solid #111;
|
|
--mod-queue-row-background-color: #1d1f21;
|
|
--mod-queue-row-border-bottom: 1px solid #111;
|
|
--mod-queue-row-hover-background-color: #282a2e;
|
|
--mod-queue-button-text-color: #81a2be;
|
|
--mod-queue-button-text-color-hover: #5f89ac;
|
|
--mod-queue-button-text-decoration: underline;
|
|
--mod-queue-approve-color: #81a2be;
|
|
--mod-queue-approve-color-hover: #b5bd68;
|
|
--mod-queue-reject-color: #81a2be;
|
|
--mod-queue-reject-color-hover: #cc6666;
|
|
--mod-queue-time-color: #707070;
|
|
--mod-queue-alert-color: #cc6666;
|
|
}
|
|
|
|
:root .photon {
|
|
--color-scheme: light;
|
|
|
|
/* backlink */
|
|
--post-backlink-text-color: #f60;
|
|
--post-backlink-text-decoration: underline;
|
|
--post-backlink-text-color-hover: #f30;
|
|
--post-backlink-text-decoration-hover: underline;
|
|
--reply-backlink-mobile-background-color: #ddd;
|
|
--reply-backlink-mobile-border-top: 1px solid #ccc;
|
|
|
|
/* body */
|
|
--body-background-base-color: #eee;
|
|
--body-background-pattern-image: none;
|
|
--body-font-color: #333;
|
|
--body-font-family: arial, helvetica, sans-serif;
|
|
--body-font-size: 13px;
|
|
|
|
/* board banner */
|
|
--banner-image-border: 1px solid #000;
|
|
|
|
/* board title */
|
|
--board-title-font-size: 28px;
|
|
--board-title-font-family: Tahoma, sans-serif;
|
|
--board-title-text-color: #004a99;
|
|
--board-address-font-size: x-small;
|
|
|
|
/* catalog post */
|
|
--catalog-post-menu-desktop-btn-color: #f60;
|
|
--catalog-post-menu-desktop-btn-hover-color: #f30;
|
|
--catalog-post-menu-desktop-btn-opacity: 0.5;
|
|
--catalog-post-menu-desktop-btn-hover-opacity: 1;
|
|
--catalog-post-preview-background-color: #181f24;
|
|
--catalog-post-preview-color: #dedede;
|
|
--catalog-post-preview-last-color: #bbbfbd;
|
|
--catalog-post-preview-author-capcode-color: purple;
|
|
|
|
/* challenge modal */
|
|
--challenge-modal-background-color: #ddd;
|
|
--challenge-modal-border: 1px solid #ccc;
|
|
--challenge-modal-title-background-color: #ddd;
|
|
--challenge-modal-title-text-color: #333;
|
|
--challenge-modal-title-border: unset;
|
|
--challenge-modal-title-font-size: 10pt;
|
|
--challenge-modal-title-font-weight: 700;
|
|
|
|
/* desktop buttons */
|
|
--button-desktop-text-color: #f60;
|
|
--button-desktop-text-color-hover: #f30;
|
|
--close-button-background-image: url("/assets/buttons/cross-photon.png");
|
|
--open-help-button-background-image: url("/assets/buttons/help-photon.png");
|
|
|
|
/* pagelist */
|
|
--pagelist-background-color: #ddd;
|
|
--pagelist-item-background-color: #ddd;
|
|
--pagelist-item-border-color: #ccc;
|
|
--pagelist-item-text-color: #333;
|
|
--pagelist-item-text-color-hover: #f30;
|
|
--pagelist-item-text-color-current: #333;
|
|
|
|
/* horizontal rule */
|
|
--hr-border: none;
|
|
--hr-border-top: 1px solid #ddd;
|
|
--hr-height: 0px;
|
|
|
|
/* links */
|
|
--post-link-text-color: #f60;
|
|
--post-link-text-decoration: underline;
|
|
--post-link-text-color-hover: #f30;
|
|
--post-link-text-decoration-hover: underline;
|
|
--post-content-link-text-decoration: none;
|
|
--post-content-link-text-decoration-hover: none;
|
|
|
|
/* media */
|
|
--media-thumbnail-background-color: rgba(0, 0, 0, 0.05);
|
|
|
|
/* mobile buttons */
|
|
--button-font-size-mobile: 10pt;
|
|
--button-font-weight-mobile: 700;
|
|
--button-text-color-mobile: #333;
|
|
--button-background-image-mobile: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(224, 224, 224, 1) 100%);
|
|
--button-border-mobile: 1px solid #ccc;
|
|
|
|
/* post capcodes */
|
|
--post-capcode-mod-text-color: #f60;
|
|
|
|
/* post desktop */
|
|
--post-hide-button-background-image: url("/assets/buttons/minus-photon.png");
|
|
--post-unhide-button-background-image: url("/assets/buttons/plus-photon.png");
|
|
--post-subject-text-color: #111;
|
|
--post-subject-font-weight: 700;
|
|
--post-name-text-color: #004a99;
|
|
--post-name-font-weight: 700;
|
|
--post-menu-desktop-button-color: #FF6600;
|
|
--post-menu-desktop-btn-opacity: 0.8;
|
|
--post-menu-desktop-button-color-hover: #FF3300;
|
|
--post-greentext-color: #789922;
|
|
|
|
/* post mobile */
|
|
--post-mobile-background-color: #eee;
|
|
--post-mobile-info-border-top: 1px solid #ccc;
|
|
--post-mobile-info-border-bottom: 1px solid #ccc;
|
|
--post-mobile-info-background-color: #ddd;
|
|
--post-mobile-info-text-color: #333;
|
|
--post-mobile-menu-button-color: #f60;
|
|
--post-mobile-name-text-color: #004a99;
|
|
--post-mobile-name-font-weight: 700;
|
|
--post-mobile-subject-text-color: #111;
|
|
--post-mobile-subject-font-weight: 700;
|
|
--post-mobile-link-background-color: #ddd;
|
|
--post-mobile-link-border-top: 1px solid #ccc;
|
|
--post-mobile-link-border-bottom: 1px solid #ccc;
|
|
--post-mobile-link-info-text-color: #333;
|
|
--post-mobile-abbr-text-color: #333;
|
|
--post-mobile-file-info-text-color: #333;
|
|
--post-mobile-abbr-font-size: 10pt;
|
|
--post-mobile-content-font-size: 11pt;
|
|
|
|
/* post form */
|
|
--post-form-toggle-font-size: 22px;
|
|
--post-form-toggle-font-weight: 700;
|
|
--post-form-field-title-background-color: #ddd;
|
|
--post-form-field-title-color: #333;
|
|
--post-form-field-border: 1px solid #ccc;
|
|
--post-form-field-title-font-weight: 700;
|
|
--post-form-field-title-padding: 0 5px;
|
|
--post-form-field-title-font-size: 10pt;
|
|
--post-form-field-input-border: 1px solid #aaa;
|
|
--post-form-field-font-family: arial, helvetica, sans-serif;
|
|
--post-form-field-input-appearance: none;
|
|
--post-form-field-input-outline: none;
|
|
--post-form-field-input-focus-border: 1px solid #ea8;
|
|
--post-form-field-input-color: #000;
|
|
|
|
/* post menu desktop */
|
|
--post-menu-desktop-border-bottom: 1px solid #ccc;
|
|
--post-menu-desktop-border-right: unset;
|
|
--post-menu-desktop-background-color: #ddd;
|
|
--post-menu-desktop-item-border-color: #ccc;
|
|
--post-menu-desktop-item-background-color: #ddd;
|
|
--post-menu-desktop-item-hover-background-color: #eee;
|
|
|
|
/* post menu mobile */
|
|
--post-menu-mobile-background-color: #ddd;
|
|
--post-menu-mobile-border: 1px solid #ccc;
|
|
--post-menu-mobile-border-right-width: 2px;
|
|
--post-menu-mobile-item-border-bottom: 1px solid #ccc;
|
|
--post-menu-mobile-item-hover-background-color: #eee;
|
|
|
|
/* quotelink */
|
|
--post-quotelink-text-color: #f60;
|
|
--post-quotelink-text-color-hover: #f30;
|
|
--post-quotelink-text-decoration: underline;
|
|
--post-quotelink-text-decoration-hover: underline;
|
|
--quote-preview-background: #ddd;
|
|
--quote-preview-border: 1px solid #ccc;
|
|
--quote-preview-border-right: 1px solid #ccc;
|
|
--quote-preview-border-bottom: 1px solid #ccc;
|
|
|
|
/* reply desktop */
|
|
--side-arrows-color: #333;
|
|
--reply-desktop-background-color: #ddd;
|
|
--reply-desktop-border: 1px solid #ccc;
|
|
--reply-desktop-border-left: 1px solid #ccc;
|
|
--reply-desktop-border-top: 1px solid #ccc;
|
|
|
|
/* reply highlight */
|
|
--reply-highlight-background-color: #ccc;
|
|
--reply-highlight-border: 1px solid #ccc;
|
|
--reply-highlight-border-left: 1px solid #ccc;
|
|
--reply-highlight-border-top: 1px solid #ccc;
|
|
--reply-double-highlight-background-color: #bbb;
|
|
--reply-double-highlight-border: 1px solid #ccc;
|
|
--reply-double-highlight-border-left: 1px solid #ccc;
|
|
--reply-double-highlight-border-top: 1px solid #ccc;
|
|
|
|
/* reply modal */
|
|
--reply-modal-field-input-border: 1px solid #aaa;
|
|
--reply-modal-field-input-border-focus: 1px solid #ea8;
|
|
|
|
/* settings modal */
|
|
--settings-modal-font-size: 14px;
|
|
--settings-modal-background-color: #ddd;
|
|
--settings-modal-border-top: 1px solid #ccc;
|
|
--settings-modal-border-right: 1px solid #ccc;
|
|
--settings-modal-border-bottom: 1px solid #ccc;
|
|
--settings-modal-border-left: 1px solid #ccc;
|
|
--settings-modal-header-border-bottom: 1px solid rgba(0, 0, 0, 0.20);
|
|
--settings-modal-close-button-background-image: url("/assets/buttons/cross-photon.png");
|
|
--settings-modal-show-button-background-image: url("/assets/buttons/plus-photon.png");
|
|
--settings-modal-hide-button-background-image: url("/assets/buttons/minus-photon.png");
|
|
|
|
/* directory modal */
|
|
--directory-modal-background-color: #ddd;
|
|
--directory-modal-border: 1px solid #ccc;
|
|
--directory-modal-text-color: #333;
|
|
--directory-modal-header-background-color: #ddd;
|
|
--directory-modal-header-text-color: #333;
|
|
--directory-modal-close-button-background-image: url("/assets/buttons/cross-photon.png");
|
|
--disclaimer-modal-close-button-background-image: url("/assets/buttons/cross-photon.png");
|
|
|
|
/* stats */
|
|
--stats-font-size: 11px;
|
|
|
|
/* tooltip */
|
|
--tooltip-background-color: #181f24;
|
|
|
|
/* boardsbar */
|
|
--boardsbar-font-size: 9pt;
|
|
--boardsbar-separator-color: #333;
|
|
--boardsbar-desktop-link-text-color: #f60;
|
|
--boardsbar-desktop-link-text-color-hover: #f30;
|
|
--boardsbar-desktop-link-text-decoration: none;
|
|
--boardsbar-desktop-link-text-decoration-hover: none;
|
|
--boardsbar-mobile-background-color: #ddd;
|
|
--boardsbar-mobile-border-bottom: 2px solid #ccc;
|
|
--boardsbar-mobile-font-size: 10px;
|
|
--boardsbar-mobile-button-text-color: #f60;
|
|
--boardsbar-mobile-button-color: #f60;
|
|
|
|
/* mod queue */
|
|
--mod-queue-table-border: 1px solid #ccc;
|
|
--mod-queue-header-background-color: #ddd;
|
|
--mod-queue-header-border-bottom: 1px solid #ccc;
|
|
--mod-queue-row-background-color: #eee;
|
|
--mod-queue-row-border-bottom: 1px solid #ccc;
|
|
--mod-queue-row-hover-background-color: #ddd;
|
|
--mod-queue-button-text-color: #f60;
|
|
--mod-queue-button-text-color-hover: #f30;
|
|
--mod-queue-button-text-decoration: underline;
|
|
--mod-queue-approve-color: #f60;
|
|
--mod-queue-approve-color-hover: green;
|
|
--mod-queue-reject-color: #f60;
|
|
--mod-queue-reject-color-hover: red;
|
|
--mod-queue-time-color: #707070;
|
|
--mod-queue-alert-color: red;
|
|
}
|