Anonymous 08/20/24 (Tue) 05:08:45 No. 1608
I guess I'll blog here after I start working on kissu css themes soon. But right now I'm paralyzed with trying to organize colors into sets so I can more easily create more themes. The last one I was working on was a Miku one and I guess I'll start from there... I guess if anyone wants to look at it (it's incomplete and has lots of extraneous lines and stuff I was testing) you can copypaste this in the Style Tab of the [Options] thing of the Kissu UI. Bleh, I hate spending time staring at text like this. Making stuff is fun, making stuff with text (programming) is not. Miku :root { -- --primary1: #23262b; --primary2: #f7f7f7; --primary3: #e6f4f7; --primary4: #d2f9ff; --primary5: #d2ffee; --primary6: #d9e3e2; --primary7: #; --primary8: #; --secondary1: #c2ccd5; --secondary2: #95d2d3; --secondary3: #83b1d2; --secondary4: #5cb0b4; --secondary5: #047e83; --secondary6: #0a7893; --secondary7: #606467; --secondary8: #23262b; --gradient1: linear-gradient(90deg, rgba(230,36,122,1) 8%, rgba(233,81,127,1) 12%, rgba(246,174,102,1) 27%, rgba(241,226,33,1) 40%, rgba(160,209,134,1) 55%, rgba(99,178,207,1) 70%, rgba(139,147,194,1) 85%, rgba(166,103,167,1) 100%); --gradient2: ; --gradient3: ; --gradient4: ; --gradient5: ; --gradient6: ; /* PRIMARY STUFF */ --primary-text-color: #23262b; --primary-text-shadow: 1px 1px 3px #9bd4db; #--primary-text-font: font_goes_here; --primary-bg-color: #d2f9ff; /* SECONDARY STUFF */ --second-text-color: #d2f9ff; --second-text-shadow: 1px 1px 0px #000000; #--second-text-font: font_goes_here; --second-bg-color: #83b1d2; /* TERTIARY STUFF */ --tert-text-color: #23262b; --tert-text-shadow: 1px 1px 1px #e6f4f7; #--tert-text-font: font_goes_here; --tert-bg-color: #9bd4db; /* QUATERNARY STUFF */ --quat-text-color: #e6f4f7; --quat-text-shadow: 2px 2px 2px #000000; #--quat-text-font: font_goes_here; --quat-bg-color: #b6ddde; /* LARGE TEXT */ --large-text-color: #047e83; #--large-text-shadow: 0px 0px 1px #41464a; #--large-text-font: font_goes_here; } /* MOUSE CURSOR STUFF GOES HERE */ /* WINDOWS */ /* all windows */ .object-window, .react-draggable { color: var(--darkcolor8); text-shadow: 0px 0px 0px #000000; background-color: var(--lightcolor2); border:3px solid; border-color: var(--darkcolor7); } /* main window. Text color also used on sidebar (or not?) */ page-details, body { color: var(--darkcolor8); text-shadow: 1px 1px 1px #f7f7f7; background-color: var(--lightcolor6); } /* window when hovering over OP on Catalog/Home */ /* --DISABLED-- Top Bar --DISABLED-- */ .preview-container { color: var(--tert-text-color); text-shadow: var(--tert-text-shadow); background: var(--tert-bg-color); border-radius:10px; border:1.8px solid; border-color: var(--secondy-bg-color) } .preview.reply .post-contents, .preview-thread { color: var(--quat-text-color); text-shadow: var(--quat-text-shadow); background: var(--quat-bg-color) } .preview-container>h4 { border-bottom:1px solid #3d284f } /* IS THIS USED??? */ .pv-ommitted { color:#ff0000; font-weight:700 } /* --DISABLED -- Used by Video Player and Options --DISABLED--*/ #.handle { background: rgb(7,57,71); background-image: url(https://haiji.kissu.moe/test/src/1657100751987.png); background-position:center; color:#d9d9d9; border-bottom:3px ridge #fedf50 } /* Icons */ .svg-icon, .media-player-icon { filter: invert(26%) sepia(54%) saturate(2351%) hue-rotate(301deg) brightness(85%) contrast(90%); #background-color: #ffcc00; } /* Updater is the thing on left below New Thread button */ .updater:hover { color:#d2ffee; text-decoration:underline } .updater:active { color:#f589c0 } .updater { cursor:pointer } /* --DISABLED-- Download icon below image --DISABLED-- */ #.download { color:#d084ef } /* TOP */ /* Top Frame */ .main-sections.thread-window { background-color: var(--quat-bg-color); } /* Board Title */ .center-meta { #font-family:"bubble shine"; letter-spacing: 3px; color: var(--quat-text-color); text-shadow: var(--quat-text-shadow); } /* Top banner */ .banner-wide, iframe { border:0px solid #003941 } /* SIDEBAR */ /* text color carries over to RSS feed */ .side-segment, .banner-cover, .sidebar-container { color: var(--tert-text-color); text-shadow: var(--tert-text-shadow); background: var(--tert-bg-color); border-right:2px solid #3d284f; } /* Sidebar Headers */ .sidebar-title-header, h2 { color: var(--quat-text-color); text-shadow: var(--quat-text-shadow); } /* Sidebar Links */ a, a:visited { color:var(--primary-text-color); text-shadow: var(--primary-text-shadow); } /* Sidebar Board Page Brackets */ .pagelist { color: #b12e70; text-shadow: 0px 0px 0px #1f1f1f; background: var(--tert-bg-color); } /* Sidebar section borders */ .break-li { border-top:1px outset #02686c } /* Sidebar Special Links */ .options-opener, .updater, .filter-toggle { color: var(--primary-text-color); #font-size:16px; text-shadow: var(--primary-text-shadow); background-color: var(--second-bg-color); } /* New Thread/Reply button */ .button { background: var(--second-bg-color); border:2px solid #02686c; border-radius: 0%; text-decoration:none; font-weight:600 } /* RSS and Hide Sidebar buttons */ .toggles { color: #b12e70; background-color: #41464a; } /* RSS, left to right */ .summary-time { color: var(--tert-text-color); text-shadow: var(--tert-text-shadow); background: var(--tert-bg-color) } .summary-container, .summary-swiper { background: var(--quat-bg-color) } .summary-board { color: var(--tert-text-color); text-shadow: var(--tert-text-shadow); background: var(--tert-bg-color) } /* HOME PAGE */ /* Post stats (posts, unique IPs, storage) */ .stats-table { color: var(--primary-text-color); background-color: var(--primary-bg-color); box-shadow: 2px 2px 0px #000000; } /* 'active thread' OP text */ .popular-thread-comment { color: var(--primary-text-color); text-shadow: var(--primary-text-shadow); background: var(--primary-bg-color) } /* Headers for Active Threads, Friends */ .home-section { background-color: var(--tert-bg-color); text-align:center; color: var(--tert-text-color); text-shadow: var(--tert-text-shadow); padding:5px 16px; margin-left:-12px } /* Home page board title above each thread OP */ .popular-thread-board { color: var(--tert-text-color); text-shadow: var(--tert-text-shadow); background-color: var(--tert-bg-color) } /* Area around Active/Featured threads */ .active-threads>ul>li, .featured-threads>ul>li, .banner-wide { border:unset; } /* Area around 'Friends' links */ .colored-writeup, .friend-item, .error-img-container, .category-container { border:unset } /* HOME MENU END */ /* Context menu from right clicking arrow by post number */ .context-menu { border-top:8px solid; color: var(--second-text-color); text-shadow: var(--second-text-shadow) } .context-tab { background: var(--quat-bg-color); border:1px solid #26d3f3 } .context-tab:hover { background:#21af75 } .blank-context, .blank-context:hover { background-color:#073947; border:1px solid #477580 } /* Context menu END */ /* >Quoting (greentext) */ span.quote { color:#019234; text-shadow: 0px 0px 0px #000000 } /*arrows at bottom of page */ .similar-rotator { color: var(--quat-text-color); text-shadow: var(--quat-text-shadow); border:0px solid; #border-color: var(--second-bg-color) } /* Thread stuff, visible from index too*/ .thread-contents>ol { border-bottom:1px dashed #eacb3e; } /* Left click menu next to post number */ .user-action-container { background:#073947 } /* Thread subject */ .subject { color: var(--large-text-color); text-shadow: var(--large-text-shadow); background: var(--large-bg-color); font-weight:bold; font-size:130%; } /* OP background when OP is highlighted */ .highlight.op>.post-contents, .hover-box.op>.post-contents { background: var(--quat-bg-color) } /* Reply background when reply is highlighted */ .highlight.reply>.post-contents { background:radial-gradient(circle, rgba(0,103,117,0.75) 0%, rgba(14,71,159,0.75) 100%); } /* POSTING NAMES AND EFFECTS */ /* Default Anonymous name and tripcode */ .no-opt, .trip { color:#047e83; } .trip { font-style:italic } .sage, .sage:visited { color: #b12e70 } a.sage:hover { color:#f589c0 } /* 'Repo' option */ .repo, .repo:visited { color: #5a89aa; } a.repo:hover { color:#f589c0 } /* Email "name" */ .email, .email:visited { color: #0093ab; } a.email:hover { color:#f589c0 } /* Reply chain thing if toggled on*/ .chain-container { border:2px inset; border-color: #83b1d2 } .chain-number { background:#21af75; color:#e6e6f1; border:1px solid #9f4cb7 } .selected.chain-number { background:#019ab0; color:#e6e6f1 } .post-chains>li { border:1px ridge #019ab0; border-radius:10px; border-bottom-right-radius:5px; border-top-right-radius:5px } .hover-box.reply>.post-contents { border:5px solid; border-color: var(--tert-bg-color) } /* Background color in 'show hidden posts' mode */ .thread.hidden { background:linear-gradient(90deg, rgba(230,36,122,1) 8%, rgba(233,81,127,1) 12%, rgba(246,174,102,1) 27%, rgba(241,226,33,1) 40%, rgba(160,209,134,1) 55%, rgba(99,178,207,1) 70%, rgba(139,147,194,1) 85%, rgba(166,103,167,1) 100%); } /* Reply background color during 'show hidden posts mode' */ .hidden.reply>.post-contents { background:linear-gradient(#191ab7 0%,#5e38e9,#06078a) }
Anonymous 08/25/24 (Sun) 09:08:29 No. 1626 >>1627 >>1628
ohh wait a minute, yeah here it islala.css :root { --thread-bg-col: #fedf50; --catalog-highlight: #fedf50; --catalog-text-hl-color: #fedf50; --catalog-text-hl-sdw: #fedf50; --catalog-text-url: #000000; --catalog-dash-color: #fedf50; --hover-fname-color:#fedf50; --score-bg-basis: #11ff27; --main-score-bg-border: #000000; --main-score-main-bg: radial-gradient(circle,var(--score-bg-basis) 0%,#404040 100%); --main-score-text-color: #dbdbdb; --hover-score-bg-border: #797979 .1em; --hover-score-main-bg: radial-gradient(circle,var(--score-bg-basis) 0%,#fedf50 100%); --hover-score-text-color: #dbdbdb; --submit-score-bg-border: #b77b7b .1em; --submit-score-main-bg: radial-gradient(circle,var(--score-bg-basis) 0%,#404040 100%); --submit-score-text-color: #dbdbdb; #--standard_url_col: #ead5e8 } @font-face { font-family:'bubble shine'; src: url(https://kissu.moe/stylesheets/fonts/BubbleShine.ttf); } #@font-face { # font-family:'baby doll'; # src: url(https://kissu.moe/stylesheets/fonts/babydoll.ttf); #} /* Mouse cursor */ * { cursor: url(/test/src/1657138315386.png), auto !important; } i, a > img, input[type="text"], input[type="search"], input:not([type]), select { cursor: url(https://haiji.kissu.moe/test/src/1657142125297.png) , auto !important; } /* Animated Lala BG. Taller image = faster movement */ @keyframes lala { 0% { background-position: 0px 0%;} 100% { background-position: 0px 30000%;} } /* Animated backround's actual location */ /* changed from "#lowercontents, .main-contents" to carry bg over to side and top */ #lowercontents, .page-details, .main-sections.thread-window { background-image: url(https://haiji.kissu.moe/test/src/1656914868664.png), url(/test/src/1657131441571.png), url(/test/src/1657131434876.png); background-repeat: repeat; animation-timing-function:linear; background-attachment:fixed; animation-name: lala; animation-duration: 30000s; animation-iteration-count: infinite; } /* Top Frame [DISABLED FOR ABOVE] */ #.main-sections.thread-window { #background:url(https://haiji.kissu.moe/static/spreads/2iiH.gif) #} /* some subtitle fix for /poll/? */ .center-meta > h1, .center-meta > .subtitle { width: 507px; } /* main window. IMPORTANT! */ body { background-color:#00082b; background-image: url(/test/src/1657131444151.png); background-attachment:fixed; color:#fedf50 } /* Board Title */ .center-meta { font-family:"bubble shine"; letter-spacing: 3px; font-size: 120%; color:#fff; background: linear-gradient(90deg, rgba(255,21,124,1) 39%, rgba(255,56,116,1) 42%, rgba(254,159,64,1) 45%, rgba(246,229,12,1) 48%, rgba(164,255,114,1) 51%, rgba(96,205,244,1) 54%, rgba(146,159,242,1) 58%, rgba(202,98,204,1) 61%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* Left Panel Titles */ .sidebar-title-header, h2 { color:#eefbff !important; text-shadow: 2px 2px 2px rgba(20, 20, 20, 1) } /* Sidebar stuff, text color carries over to RSS feed */ .side-segment, .banner-cover, .sidebar-container { color:#ebebff; text-shadow: 2px 2px 1px rgba(33, 16, 0, 0.5); background:radial-gradient(circle, rgba(0,90,103,0.5) 0%, rgba(0,9,51,0.5) 100%); border-right:0px solid #3d284f } /* Sidebar board page brackets */ .pagelist { color:#da80ff; } /* Lines between sidebar sections */ .break-li { border-top:1px dotted #5e38e9 } /* Video player */ .page-frame, .error-frame { background:#000; border:2px solid #0e002b; border-radius:2px; border-top:1px solid #191ab7 } /*bottom line in video player */ .image-frame { background:#e6e6f1 } /* The RSS and hide sidebar buttons */ .toggles { color:#49c5d7; text-shadow: 0px 0px 5px rgba(251, 139, 201, 1) } /* Some Links on Left Bar */ .options-opener, .updater, .filter-toggle { color:#5bf6b7; font-size:16px; text-shadow: 1px 1px 6px rgba(1, 154, 176, .75); /* ??? */ } .style-option { color:#c4c4c4 } /* Post stats on home page (posts, unique IPs, storage) */ .stats-table { text-shadow: 1px 1px 0px rgba(30, 23, 0, 1); color:#ffe467 } /* Popular thread comment is homepage 'active thread' OP text, summary time and board is from RSS feed*/ .popular-thread-comment, .summary-time, .summary-board { color:#f5f285; text-shadow: 1px 1px 1px rgba(33, 16, 0, 1); background: rgb(7,19,71); background: radial-gradient(farthest-corner at 200px 200px, rgba(15,0,28,0.4) 0%, rgba(0,11,54,0.4) 25%, rgba(0,11,43,0.4) 50%, rgba(9,0,32,0.4) 75%, rgba(0,13,32,0.4) 100%); } /* RSS background */ .summary-container, .summary-swiper { border:1px solid #797280; background: rgb(8,9,88); background: radial-gradient(farthest-corner at 500px 200px, rgba(8,9,88,1) 15%, rgba(7,9,100,1) 35%, rgba(6,7,70,1) 50%, rgba(5,37,82,1) 65%, rgba(6,7,80,1) 85%); border-right:1px solid #3d284f; } /* Post time on RSS */ .summary-time { border-right:1px dotted #d1f4fa; color:#fb8bc9 } /* Board group titles at bottom of home page */ .category { padding:0; text-decoration:unset; color:#d1f4fa } /* Search box on left bar and Friends subtitles on home page */ .friend-description, .global-search-label { color:#efc8ff; text-shadow: 1px 1px 0px rgba(61, 0, 86, 1); } /******* Home page stuff START ******* / .featured-section, .friend-section { background: rgb(0,90,103); background: linear-gradient(180deg, rgba(0,90,103,1) 15%, rgba(1,134,154,1) 50%, rgba(0,90,103,1) 85%); text-align:center; color:#f2f2ff; text-shadow: 2px 2px 2px rgba(0, 56, 64, 1); padding:5px 16px; margin-left:-12px } /* Home page board title above each thread OP */ .popular-thread-board { color:#d084ef; text-shadow: 1px 1px 4px rgba(185, 70, 217, 1); } .active-threads>ul>li, .featured-threads>ul>li, .banner-wide { border:unset } .colored-writeup, .friend-item, .error-img-container, .category-container { border:3px offset #3d284f; background-color:#071347 } .head-item { border:1px solid #6c4c88; background:#00ff1e; color:#9e9ed9 } .tabs-header>.head-item:hover { color:#fedf50 } .active, .top-content { background-color:#000000 } /******* Home page stuff END? ******* / /* ??? */ .news-header { color:#ece46f /* ??? */ } .top-bar { border:1px solid #655c6c } .top-bottom { color:#fedf50; } .top-segment { opacity:.9; background-color:#4a4a4a } /* Top banner */ .banner-wide, iframe { border:1px solid #003941 } /* New Thread/Reply button */ .button { background:linear-gradient(0deg,#880c4a 5%,#b9216e 18%,#ec6cb3 100%); border:3px solid #880c4a; border-radius: 25%; text-decoration:none; color:#fedf50; font-weight:600 } .mobile .fas { color:#5e2b26 } /*The popup thing when you click [Options] on left */ .options-window { background:#073947; border:1px solid #3d284f } /* Used by video player and Options */ .handle { background: rgb(7,57,71); background-image: url(https://haiji.kissu.moe/test/src/1657100751987.png); background-position:center; color:#d9d9d9; border-bottom:3px ridge #fedf50 } /* OPTIONS POPUP END */ /* ??? Where is this stuff used? */ .preview-container { background:#4a4a4a; border-radius:10px; border:1.8px solid #3d284f } .preview.reply .post-contents { background:#1e1e1e } .preview-thread { background:#1e1e1e } .preview-container>h4 { border-bottom:1px solid #3d284f } .pv-ommitted { color:#ece8b4; font-weight:700 } /* >Quoting (greentext) */ span.quote { color:#5bf67f } /* Download icon below image */ .download>.fas { color:#d084ef } /* Context menu from right clicking arrow by post number */ .context-menu { border-top:8px solid #26d3f3 } .context-tab { background:#073947; border:1px solid #26d3f3 } .context-tab:hover { background:#21af75 } .blank-context, .blank-context:hover { background-color:#073947; border:1px solid #477580 } /* Context menu END */ /*arrows at bottom of page */ .similar-rotator { color:#fedf50; border:px solid #ead5e8 } /* Thread stuff, visible from index too*/ .thread-contents>ol { border-bottom:1px dashed #eacb3e; } /* Left click menu next to post number */ .user-action-container { background:#073947 } .user-action-container>button { color:#fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); background: rgb(16,144,92); background: linear-gradient(to bottom, #4a9b66 0%,#359183 50%,#007a5d 51%,#2886a0 100%); font-size:15px; border:1px solid #073947 } /* [POSTING NAMES AND EFFECTS] */ /* Default Anonymous name and tripcode */ .no-opt, .trip { #font-family:"babydoll"; color:#fff; background-image:linear-gradient(0deg, rgba(59,149,255,1) 0%, rgba(21,255,51,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; #font-size:110% } .trip { font-style:italic } /* SAGE */ .sage, .sage:visited { #font-family:"baby doll"; background-image:linear-gradient(0deg, rgba(38,243,39,1) 0%, rgba(246,211,91,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow: unset; #font-size:110% } a.sage:hover { color:#f955a8 } /* 'Repo' option */ .repo, .repo:visited { #font-family:"baby doll"; background-image:linear-gradient(0deg, rgba(251,139,201,1) 0%, rgba(208,132,239,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; #font-size:110% } /* Email "name" */ .email, .email:visited { #font-family:"baby doll"; background-image:linear-gradient(0deg, rgba(195,160,0,1) 0%, rgba(245,242,133,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; #font-size:110% } /* Thread subject */ .subject { #color:#bba668; font-family:"bubble shine"; font-weight:100; letter-spacing: 2px; background: linear-gradient(90deg, rgba(230,36,122,1) 8%, rgba(233,81,127,1) 12%, rgba(246,174,102,1) 27%, rgba(241,226,33,1) 40%, rgba(160,209,134,1) 55%, rgba(99,178,207,1) 70%, rgba(139,147,194,1) 85%, rgba(166,103,167,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:140%; } /* Reply chain thing if toggled on*/ .chain-container { background-image: url(/test/src/1657131444151.png); border:1px solid #06078a } .chain-number { background:#21af75; color:#e6e6f1; border:1px solid #9f4cb7 } .selected.chain-number { background:#019ab0; color:#e6e6f1 } .post-chains>li { border:1px ridge #019ab0; border-radius:10px; border-bottom-right-radius:5px; border-top-right-radius:5px } /* Updater is the thing on left below New Thread button */ .updater:hover { color:#fb8bc9; text-decoration:underline } .updater:active { color:#f5f285 } .updater { cursor:pointer } .hover-box.reply>.post-contents { border:1px solid #8c818b } /* Background color in 'show hidden posts' mode */ .thread.hidden { background:linear-gradient(90deg, rgba(230,36,122,1) 8%, rgba(233,81,127,1) 12%, rgba(246,174,102,1) 27%, rgba(241,226,33,1) 40%, rgba(160,209,134,1) 55%, rgba(99,178,207,1) 70%, rgba(139,147,194,1) 85%, rgba(166,103,167,1) 100%); } /* Reply background color during 'show hidden posts mode' */ .hidden.reply>.post-contents { background:linear-gradient(#191ab7 0%,#5e38e9,#06078a) } /* OP background when OP is highlighted */ .highlight.op>.post-contents, .hover-box.op>.post-contents { background:radial-gradient(circle, rgba(0,103,117,0.75) 0%, rgba(14,71,159,0.75) 100%); } /* Reply background when reply is highlighted */ .highlight.reply>.post-contents { background:radial-gradient(circle, rgba(0,103,117,0.75) 0%, rgba(14,71,159,0.75) 100%); } /* ??? */ .preview { background:transparent } /* The "No." ahead of post number */ .post-highlighter { text-decoration:none; color:#ff98d1 } /* post number */ a.qr-number { text-decoration:none; color:#e094ff; letter-spacing:.5px } /* ??? */ a.qr-number:visited, a.post-highlighter:visited { text-decoration:none; color:inherit } /* ??? */ .select-container>select { background:#313435!important; color:#c4c4c4 } /* on /poll/ */ .poll-expander>a { color:#f5f285; text-shadow: 0px 0px 5px rgba(91, 246, 127, 1); } /* Text color in posts but not OP */ p, .preview { color:#e6e6f1; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); } /* reply citing >123 */ .cite { color:#efc8ff } .cite:hover { color:#fb8bc9 } /* Reply Boxes */ .reply>.post-contents { background: rgb(7,19,71); background: radial-gradient(farthest-corner at 200px 200px, rgba(15,0,28,0.7) 0%, rgba(0,11,54,0.7) 25%, rgba(0,11,43,0.7) 50%, rgba(9,0,32,0.7) 75%, rgba(0,13,32,0.7) 100%); border:0px solid #0e002b; border-radius: 3%; } /* sidebar page numbers */ .kissu-link.page-number { color:#fedf50 } .page-list-item { color:inherit } .page-list-item.current-page>.page-number { color:inherit } /* Quick reply hover box */ .qr-comment, .helper-item-container { background: radial-gradient(farthest-corner at 100px 1px, rgba(15,0,28,1) 0%, rgba(0,11,54,1) 25%, rgba(0,11,43,1) 50%, rgba(9,0,32,1) 75%, rgba(0,13,32,1) 100%); color:#e6e6f1; border:unset; font-size:120% } .qr-comment.dnd-visible { background-color:transparent } /* Quick reply frame, BG is line above typing area */ .qr-frame { background: radial-gradient(farthest-corner at 100px 1px, rgba(15,0,28,1) 0%, rgba(0,11,54,1) 25%, rgba(0,11,43,1) 50%, rgba(9,0,32,1) 75%, rgba(0,13,32,1) 100%); box-shadow:0px 0px 25px #21af75; border:2px solid #686363 } /* Quick Reply bottom frame */ .textarea-container { background:#5e38e9 } /* Posting queue in Quick Reply Box */ .queue-item:hover:not(.current-bud) { color:#5bf6b7 } .modifier-on, .current-bud { color:#fedf50; text-shadow: 2px 1px 1px rgba(79, 50, 0, 1); background:linear-gradient(155deg, rgba(208,132,239,1) 50%, rgba(32,39,163,1) 100%) !important; } .queue-item:last-child { border-right:2px outset #b946d9 } .queue-item { border-left:1px solid #06078a; border-bottom:1px solid #06078a; text-shadow: 2px 1px 1px rgba(79, 50, 0, 1); border-radius:40%; background:linear-gradient(155deg, rgba(1,154,176,1) 50%, rgba(32,39,163,1) 100%); } .post-queue { background: #020929; } /* Quick reply hover box */ .qr-preview-container { background-color:rgba(30,30,30,.81); border:2px solid #073947; border-radius:10px } .qr-actions { border:3px inset #959090; border-left:unset } .qr-button { border-left:0px inset #959090; font-size:110%; color:#e6e6f1; text-shadow: 2px 2px 1px rgba(0, 0, 0, 1); background: radial-gradient(circle, rgba(114,56,233,1) 0%, rgba(6,7,138,1) 100%); } .qr-button:hover, .qr-button:focus-visible { box-shadow:-.5px .5px .5px #151515; background:linear-gradient(#00ff1e,#04c0cb,#019ab0) !important; } .qr-filebar { background:#06078a; color:#f5f285; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); } /* /poll/ stuff */ .qr-poll-question { background:#00082b; color:#f5f285 } .plus-min-button { background:#21af75 } . .helper-item:hover { color:#737373 } .qr-handle { color:#ececf8; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); background-image: url(https://haiji.kissu.moe/test/src/1657100751987.png); } .bar-label, .chart-title { fill:#00ff1e } .fileboard-table { border:0px solid #191ab7 } .fileboard-body>tr:nth-child(odd) { background: linear-gradient(343deg, rgba(0,10,62,0.7) 0%, rgba(20,20,20,0.7) 100%); } .fileboard-body td { border:1px solid #000 } .fileboard-head-row { background: #56b573; /* Old browsers */ background: linear-gradient(to bottom, #4a9b66 0%,#359183 50%,#007a5d 51%,#2886a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .load-bg { background-color:rgba(174,174,174,.36); border-bottom:1px solid #805295ab } .load-fill { background:linear-gradient(0.25turn,#ff76ca,#ac00a9) } .startup-window { background-color:#262626; border:1px solid #5e5e5e4f } .startup-window-contents>h2 { background-color:unset; color:#e3e3e3 } .startup-window-contents h3 { color:#ffebea; background:#558d9b } .motd-text { color:#efc8ff; font-size:14px } a, a:visited { color:var(--standard_url_col) } a:hover, .fas:hover, .fab:hover, .fa-eye-slash:hover, a.qr-number:hover, a.post-highlighter:hover { cursor:pointer; color:#ff98d1 } hr { border-color:#2c292f; border-radius:0px } .sidebar-title-header { border-radius:10px } .sidebar-title-header, h2 { color:#ffebea; background:#558d9b } .main-sections>h1 { background:unset } h3 { color:#dacc86; font-weight:400; font-style:italic; text-decoration:underline } /*post form at bottom */ input[type=submit], .secondary-bud-final { background: radial-gradient(farthest-corner at 100px 1px, rgba(15,0,28,1) 0%, rgba(0,11,54,1) 25%, rgba(0,11,43,1) 50%, rgba(9,0,32,1) 75%, rgba(0,13,32,1) 100%) !important; color:#e6e6f1; font-size:105%; margin:4px 0 0 } input { background: radial-gradient(farthest-corner at 30px 1px, rgba(15,0,28,1) 0%, rgba(0,11,54,1) 25%, rgba(0,11,43,1) 50%, rgba(9,0,32,1) 75%, rgba(0,13,32,1) 100%); color:#e6e6f1; border:1px inset #959090 } .report-body input:disabled { background-color:#073947 } input[type=submit]:active, input[type=submit]:focus-visible, .secondary-bud-final:active, .secondary-bud-final:focus-visible { background-color:#372d4d; border:2px inset #675c80 } input[type=button]:active { background:linear-gradient(#353738,#505151,#323536) } .secondary-bud label { background: linear-gradient(343deg, rgba(0,10,62,1) 0%, rgba(47,0,9,1) 100%); color:#e6e6f1; border:1px solid #5e38e9; } .secondary-bud-final { border:1px solid #5e38e9 } .page-frame.report-frame { background-color: #071347; color:#f5f285 }