/* ==UserStyle==
@name kiwifarms - Halloween Theme [Customizable]
@namespace typpi.online
@author Lucifuga / Nick2bad4u
@description Spooky Halloween theme for the forum
@homepageURL https://github.com/Nick2bad4u/UserStyles
@version 20240102.22.90
@license CC0-1.0
@var color halloweenOrange "Halloween Orange" #ff8800
@var color halloweenPurple "Halloween Purple" #bb33ff
@var color halloweenBlack "Halloween Black" #000000
@var color darkText "Dark Text" #333333
@var color contrastPink "Contrast Pink" #ffccff
@var color greyBorder "Grey Border" #464646
@var color darkGrey "Dark Grey" #292c2e
@var color white "White" #fff
==/UserStyle== */
@-moz-document domain("kiwifarms.st"),
domain("kiwifarms.net"),
url-prefix("https://kiwifarms"),
url-prefix("http://kiwifarms")
{
:root {
--halloweenOrange: var(halloweenOrange);
--halloweenPurple: var(halloweenPurple);
--halloweenBlack: var(halloweenBlack);
--darkText: var(darkText);
--contrastPink: var(contrastPink);
--greyBorder: var(greyBorder);
--darkGrey: var(darkGrey);
--white: var(white);
}
.navTabs .navTab.selected .navLink,
.PageNav a:focus,
.nodeIcon.hasGlyph,
.node .subForumList .unread .nodeTitle,
.breadcrumb .crust:last-child a.crumb,
#forumrules .jawsh_forumrules_text a,
.AttributionLink,
.ugc a:link,
.sidebar .visitorPanel .username,
.navigationSideBar a:hover,
.discussionListItems .unread .title a,
.discussionListItems
.unread
.lastPostInfo
.username,
.externalLink.ProxyLink,
.message .messageMeta .control:hover,
.redactor_toolbar li a.redactor_act,
.xenOverlay.memberCard .userInfo h3 a,
.xenOverlay.memberCard .userLinks,
.messageContent .username.poster,
.messageMeta
.publicControls
.LikeLink.item.control.like,
a.CommentPoster.item.control.postComment,
ul.links a,
a.username.primaryText,
a.internalLink,
h3.title.thread a,
h4.minorTitle.forum a,
h3.description a,
.contactInfo dd a,
a.username.StatusTooltip.NoOverlay,
h3.ctaFtAuthorTitle a,
.chooserColumns .title,
.profileContent h3.title a,
.uix_postbit_privateControlsMenu:hover,
.dark_postrating_list.OverlayTrigger,
.bigFooterCol .footerMenu a,
.footer a,
.navTabs .navLink,
.navTabs .SplitCtrl,
.sectionFooter a,
.concealed,
.blockLinksList a,
.nodeList .categoryStrip .nodeTitle a,
.ctrlUnit.sectionLink dt a,
.subHeading,
a.secondaryContent,
a.primaryContent,
abbr.DateTime.muted.lastThreadDate,
.discussionListItem .lastPostInfo .username,
.discussionListItem .titleText,
body .muted a,
.textCtrl,
.breadcrumb .crust a.crumb,
a.PopupItemLink,
.profilePage .tabs.mainTabs li a,
.searchResult .meta a,
.ctaFtAuthorMeta a,
.ctaFtAuthorListItem .ctaFtAuthorSnippet a,
a.ctaFtReadMoreLink,
a.ctaFtThreadTitleLink {
color: var(--halloweenOrange) !important;
/* Halloween Orange */
}
.sidebar .avatarList .userTitle,
span.nodeIcon.hasGlyph,
.messageText,
blockquote,
.message .editDate,
.ctaFtThreadTextAvatar,
.sidebar .section .secondaryContent .footnote,
.sidebar
.section
.secondaryContent
.minorHeading,
.sidebar .section .primaryContent h3,
.sidebar .section .secondaryContent h3,
.profilePage .mast .section.infoBlock h3,
.pairsJustified dd,
.pairsJustified dt,
#pageDescription,
.titleBar h1,
.message .dark_postrating.likesSummary,
#lolcow-llc,
#canary,
label,
.discussionListItem .subtitle,
.memberListItem .member .contentInfo,
.ctaFtReplies,
.ctaFtFeaturedThreadText,
.bigFooterHeader .uix_icon,
.bigFooterHeader,
.bigFooter .pageContent,
.jawsh-randomquote-quote,
.Menu .secondaryContent,
.Menu .menuHeader .muted,
.Menu .menuHeader h3,
.PageNav .pageNavHeader,
.sectionFooter,
.pollBlock .question .questionText,
body .muted,
.pollBlock .questionMark,
.xenOverlay .section .heading,
.pairsInline dt,
.dark_postrating_header,
.dark_postrating_header strong,
.button.primary,
.ctrlUnit > dt dfn,
.ctrlUnit > dd > * > li .hint,
.ctrlUnit > dd .explain,
.CurrentStatus,
.statusEditorCounter,
.heading,
.node .nodeLastPost .lastThreadTitle,
.button,
h3.primaryContent,
#forumrules,
.ctaFtDate,
.alertText,
.textHeading,
.xenOverlay.memberCard,
.xenOverlay.memberCard .userInfo h4,
.profilePage .primaryUserBlock h1,
.pairsInline dd,
.likesSummary.secondaryContent,
.dark_postrating_neutral,
.profilePage .primaryUserBlock .userBlurb,
.profilePage .primaryUserBlock .userStatus,
.searchResult .meta,
.searchResult .contentType,
.pairsColumns dt,
.pairsColumns dd,
.signature,
.ctaFtAuthorMeta,
.baseHtml.ugc,
.event .content .description,
.event .content .snippet,
.event .content .DateTime,
#NoProfilePosts,
.bbCodeQuote .attribution,
.message .newIndicator,
#SignupButton .inner,
.messageUserBlock .userTitle {
color: var(--halloweenPurple) !important;
/* Halloween Purple */
}
#userBar .navTabs,
.navTabs .navTab.Popup.PopupOpen,
#QuickSearch .primaryControls .uix_icon,
#SignupButton .inner,
.message .newIndicator,
.button.primary,
.heading,
.xenForm .formHeader,
.userBanner.bannerStaff,
#uix_jumpToFixed,
.message
.publicControls
.MultiQuoteControl.active,
.pollBlock .buttons .button,
.button {
background-color: var(
--halloweenOrange
) !important;
/* Halloween Orange */
}
a.callToAction span,
.PageNav a.currentPage {
background-color: var(
--halloweenOrange
) !important;
color: var(--darkText) !important;
/* Dark Text for contrast */
}
a:link,
.node .unread .nodeText .nodeTitle,
span.DateTime.muted.lastThreadDate,
span.DateTime,
#copyrightCompliance,
.secondaryContent a {
color: var(--halloweenOrange) !important;
/* Halloween Orange */
}
body {
background-image: none !important;
background-color: var(
--halloweenBlack
) !important;
/* Halloween Black */
}
.nodeList .categoryStrip,
.nodeList,
#content .pageContent,
.ctaFtBackground,
.secondaryContent,
.nodeList .forumNodeInfo,
.sidebar .section .secondaryContent h3,
.footer .choosers a,
.sectionFooter,
.breadcrumb,
.breadcrumb .crust a.crumb,
#uix_wrapper,
.pageContent,
.navTabs .navTab.selected .tabLinks {
background-color: var(
--halloweenBlack
) !important;
/* Halloween Black */
}
.forum_list .nodeList .nodeList,
.sectionMain.ctaFtContainer,
.sidebar .section .secondaryContent h3,
.footer .choosers a,
.messageList .message,
.breadcrumb {
border-color: var(
--halloweenPurple
) !important;
/* Halloween Purple */
}
.navTabs,
.navTabs .navTab.selected .navLink {
border-color: var(--halloweenPurple);
background-color: var(
--halloweenBlack
) !important;
/* Halloween Black */
}
.PageNav a.currentPage,
.textCtrl:focus,
.textCtrl.Focus,
.xenOverlay .formOverlay .textCtrl:focus,
.xenOverlay .formOverlay .textCtrl.Focus,
.profilePage .mast .section.infoBlock,
.messageSimple {
border-color: var(--halloweenPurple);
}
.discussionList .discussionListItem.sticky {
border-top-color: var(--halloweenPurple);
border-bottom-color: var(--halloweenPurple);
}
.discussionListItem:nth-child(2n),
.discussionListItem {
border-bottom-color: var(--halloweenPurple);
}
.breadcrumb .crust .arrow span {
border-color: var(--halloweenPurple)
var(--greyBorder) var(--greyBorder);
border-top-color: var(--halloweenPurple);
}
.message .messageDetails {
border-top-color: var(--halloweenPurple);
}
.navTabs .navTab.selected .tabLinks {
border-color: var(--halloweenPurple);
}
.Menu {
border-color: var(--halloweenPurple)
var(--greyBorder) var(--greyBorder);
border-top-color: var(--halloweenPurple);
}
.message
.publicControls
.MultiQuoteControl.active {
color: var(--white) !important;
}
.footer .choosers a:hover {
border-color: var(--greyBorder) !important;
color: var(--halloweenPurple) !important;
/* Halloween Purple */
}
.navTabs .navTab.selected.PopupOpen .navLink {
background-color: var(
--halloweenPurple
) !important;
color: var(--white) !important;
}
#uix_wrapper,
#content .pageContent,
.sidebar .section .secondaryContent,
.footer .pageContent,
.sectionMain,
.DiscussionListOptions {
border-color: var(--halloweenPurple);
}
.node.level_2 .nodeInfo {
border-top-color: var(--halloweenPurple);
}
.PageNav a:hover {
background-color: var(--darkGrey) !important;
color: var(--contrastPink) !important;
}
.button:hover,
#SignupButton:hover .inner {
background-color: #4a4e51 !important;
}
.ugc a:hover,
.ugc a:focus {
box-shadow: 0 1px 0 var(--contrastPink) !important;
}
#logo img {
background: url('https://web.archive.org/web/20190407024131/https://u.cubeupload.com/Cw1wYQ.png')
no-repeat !important;
padding-top: 75px !important;
padding-left: 200px !important;
width: 0 !important;
height: 0 !important;
}
}
