Looksmaxxing Forum Logo

Join 70,000+ Looksmaxxing Members!

Register a FREE account today to become a member. Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox.

Register Log in
  • DISCLAIMER: DO NOT ATTEMPT TREATMENT WITHOUT LICENCED MEDICAL CONSULTATION AND SUPERVISION

    This is a public discussion forum. The owners, staff, and users of this website ARE NOT engaged in rendering professional services to the individual reader. DO NOT use the content of this website as an alternative to personal examination and advice from licenced healthcare providers. DO NOT begin, delay, or discontinue treatments and/or exercises without licenced medical supervision. Learn more

Do anyone want a custom theme ?

Nenestar

Nenestar

tired
Reputable ★★★
Established ★★
Joined
Jul 1, 2025
Messages
6,184
Time Online
2mo 1d
Reputation
21,317
If you have a decent pc etc. I can give you something on here and on .org tbh

I'm bored

1767986946678.webp
 
Register to hide this ad
Superior said:
I saw the blurry transparent thing looks vetter
Click to expand...
yeah. Idk how it runs. I did fix all overdraws etc. It did lag a bit on my shitty laptop, but it is kinda shitty so on my PC it has 0 lag.

Blurring things and calculating that takes some GPU performance
 
Nenestar said:
yeah. Idk how it runs. I did fix all overdraws etc. It did lag a bit on my shitty laptop, but it is kinda shitty so on my PC it has 0 lag.

Blurring things and calculating that takes some GPU performance
Click to expand...
my lazy ass still havent make my own layout I'll do it this weekend fr
 
Nenestar said:
yeah. Idk how it runs. I did fix all overdraws etc. It did lag a bit on my shitty laptop, but it is kinda shitty so on my PC it has 0 lag.

Blurring things and calculating that takes some GPU performance
Click to expand...
Yeah it doesn't matter just send that shit over !!! my 20gb vram can do all that 🥺
 
greypill said:
View attachment 258450
it says the style is enabled but the site is still the same
Click to expand...
CSS: 
/* ==UserStyle==
@name           Forest2
@namespace      github.com/openstyles/stylus
@version        1.1.2
@description    Complete port of the original Snow theme (looksmax.org) to forum.looksmaxxing.com. All logic, effects, and structure preserved.
@author         Nene
==/UserStyle== */

@-moz-document url-prefix("https://forum.looksmaxxing.com/") {
  /* === CSS Variables for Easy Customization === */
  :root {
   /* 1. Global base — Deep Forest Shadows */
  --bg-main: rgb(15, 12, 8);
  --bg-primary: rgb(22, 18, 12);

  /* 2. Panels / layers — Warm Morning Mist */
  --bg-secondary: rgb(35, 30, 25);
  --bg-secondary2: rgba(20, 15, 10, 0.65);
  --bg-dark: rgba(15, 12, 8, 0.55);       
  --bg-darker: rgb(28, 22, 15);

  --panel-dark: rgb(55, 45, 35);
  --header-nav: rgb(40, 32, 25);

  /* Borders — Soft Amber */
  --border-muted: rgba(210, 180, 140, 0.2);

  /* 3. Accents — Morning Sun */
  --accent-primary: rgb(255, 210, 150);
  --accent-hover: rgb(255, 255, 255);
  --accent-active: rgb(60, 45, 30);

  /* 4. Secondary accents (Wood & Moss) */
  --steel-accent: rgb(95, 85, 70);
  --steel-light: rgb(185, 170, 140);

  /* 5. Text — Parchment White */
  --text-primary: rgb(250, 245, 230);
  --text-secondary: rgb(190, 175, 160);
  --text-muted: rgb(130, 115, 100);
  --text-badge: rgb(255, 255, 255);
    
  --link-hover-color: rgb(255, 230, 200);
  --link-hover-glow-strong: rgba(255, 200, 100, 0.3);
  --link-hover-glow-soft: rgba(255, 200, 100, 0.1);

  /* Scrollbar */
  --scroll-track: rgb(40, 30, 20);
  --scroll-thumb: rgb(170, 140, 100);
    
      
      --reactTooltipW: 240px; /* Makes the box much narrower */

    /* Page width, and stuff*/
    --page-width: 980px;
    --page-gutter: 80px;
    --page-top: 28px;
    --page-radius: 10px;
    --page-shadow: 0 18px 60px rgba(0,0,0,.55);
    --page-border: 1px solid var(--steel-accent);
  }

  /* === Global Background & Structure === */
  html, body {
    background: transparent !important;
    color: var(--text-primary) !important;
    font-family: 'Segoe UI', 'Arial', sans-serif !important;
  }

  body::before { content: none !important; }

  html::before{
    content:"";
    position: fixed;
    inset: 0;
    background: url("https://i.imgur.com/UagB6Ay.jpeg") center/cover no-repeat !important;
    z-index: -1;
    pointer-events: none;
  }
    
    /* Avatar Positioning adjustment */
  .p-topbar-leftside {
    position: relative !important;
    left: 109px !important;
    top: 8px !important;
  }

  html{ --nene-theme-loaded: 1; }

  .node-description,.node-subNodesFlat,.node.node--unread .node-title:after,.nav-container{
    display: none
  }

  /* === Custom Scrollbar === */
  ::-webkit-scrollbar { width: 6px; }
  ::-webkit-scrollbar-track { background: var(--scroll-track); border-radius: 2px; }
  ::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 2px; }
  ::-webkit-scrollbar-thumb:hover { background: var(--steel-light); }
  ::-webkit-scrollbar-corner { background: var(--scroll-track); }

  /* === REMOVING SHIT === */
  .p-body-inner, .fr-box, .uw_down_arrow,
  .uw_down_arrow:hover, .uw_down_arrow.open, .uw_down_arrow:focus,
  a.tabs-tab.is-active, .blockLink.is-selected, ul.inputTypes,
  a.p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--search,
  a.p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--user,
  a.p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--conversations.js-badge--conversations.badgeContainer,
  a.p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--alerts.js-badge--alerts.badgeContainer,
  a.p-navgroup-link.p-navgroup-link--iconic.cxf-awnbat--whatsnew.badgeContainer,
  a#js-XFUniqueId1, .blockMessage, .p-topbar, footer#footer, .p-footer-disclaimer,
  .p-footer-copyright,
  .node.node--id11.node--depth2.node--forum.node--unread,
  .node.node--id16.node--depth2.node--forum.node--unread,
  .node.node--id42.node--depth2.node--forum.node--unread,
  .fr-more-toolbar.position-relative, .menu-row.js-recentBlock:hover, ul.emojiList.js-recentList,
  .menu-row.js-recentBlock, span#ctrl_search_menu_by_member, ul.emojiList.js-emojiList,
  button.button.button--icon.button--icon--close.button--iconOnly.button--plain.js-emojiCloser,
  .formRow.formRow--input>dt, .block-rowMessage.block-rowMessage--important.block-rowMessage--small,
  ul.p-breadcrumbs, time.siropuChatDateTime.u-dt,
  button.fancybox-button.fancybox-button--arrow_left, button.fancybox-button.fancybox-button--arrow_right,
  .formRow.formRow--fullWidth.formRow--mergeNext+.formRow.formRow--fullWidth>dt,
  .formRow.formRow--fullWidth.formRow--noGutter>dt {
    background: transparent !important;
    border: none !important;
  }

  .message{
    background: transparent !important;
    background: var(--bg-secondary2) !important;
    backdrop-filter: blur(8px) saturate(110%) !important;
  }

  /* If the one you mentioned is the specific culprit for replies */
  [data-template="member_view"] .block-body.js-replyNewMessageContainer,
  .block-body.js-replyNewMessageContainer,
  .message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent {
    background: transparent !important;
    backdrop-filter: none !important;
  }

  .p-navSticky-logo img, a#js-XFUniqueId1, .shareButtons-button, .shareButtons.shareButtons--iconic {
    display:none !important;
  }

  .fr-toolbar.fr-ltr.fr-desktop.fr-top.fr-basic {
    border-bottom: transparent !important;
    border-radius: 0px !important;
    background: var(--bg-darker) !important;
  }

  .fr-more-toolbar.position-relative.fr-expanded,
  a.filterBar-menuTrigger:hover,
  button.button.button--icon.button--icon--reply.button--primary:hover,
  .blockMessage,
  .p-footer-linkList>li a:hover, span#js-XFUniqueId21:hover {
    background: var(--bg-secondary) !important;
  }

  .fr-btn-grp.fr-float-right.rte-tab--inactive.rte-tab--preview {
    border-bottom: none !important;
  }

  .message-userArrow:after { border-right-color: var(--accent-primary) !important; }
  .tooltip-arrow:after {
    border-bottom-color: var(--accent-primary) !important;
    border-top-color: var(--accent-primary) !important;
  }

  h2.block-formSectionHeader {
    border-bottom-color: var(--border-muted) !important;
    border-top-color: var(--border-muted) !important;
  }

  /* === Layout Containers === */
  .p-pageWrapper, .p-body, .p-body-main, .p-body-content,
  .p-header, .p-nav, .p-navSticky, .p-sectionLinks, .block-container {
    background: transparent !important;
    border: none !important;
  }

  /* === Content Blocks === */
  .blockStatus,
  .formRow dt,
  .bbCodeDemoBlock-item dd,
  td.dataList-cell.dataList-cell--min.dataList-cell--alt,
  span.smilieText, .bbCodeInline,
  span.select2-selection.select2-selection--multiple.input,
  .inputTypes-input:checked + .inputTypes-display,
  .inputTypes-display:hover, .memberOverviewBlock-seeMore, ul#select2-tokens_select-3d-results,.block-row.js-replyNoMessages {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-muted) !important;
    color: var(--text-primary) !important;
    border-radius: 0px !important;
  }

  .block-filterBar,
  .memberOverviewBlock-seeMore,
  .CodeMirror-gutter.CodeMirror-linenumbers,
  .input.input--date,
  tags.tagify.input.js-labelFilter.tagify--noTags.tagify--empty.tagify--focus,
  tags.tagify.input.js-labelFilter.tagify--noTags.tagify--empty,
  tags.tagify.input.js-labelFilter.tagify--focus.tagify--hasMaxTags,
  tags.tagify.input.js-labelFilter.tagify--hasMaxTags {
    background: var(--bg-dark) !important;
  }

  .fr-second-toolbar{
    border-top: 1px solid var(--border-muted) !important;
  }

  .formRow.formRow--input>dt, .formRow dt, div#siropuChatTabs{
    background: var(--bg-darker) !important;
    border-radius: 0px !important;
    border: transparent !important;
  }

  .overlay-container .block-body { border-top: 1px solid var(--border-muted) !important; }

  .block-body,
  li.alert.js-alert.menu-row.menu-row--separated.menu-row--clickable.is-unread,
  .formSubmitRow-bar,
  li.alert.js-alert.menu-row.menu-row--separated.menu-row--clickable:hover,
  li.menu-row.menu-row--separated.menu-row--clickable:hover,
  .tabs-tab:hover,
  a.p-navEl-link:hover, ul.siropuChatRoom.siropuChatUsers, .uw_flex_container,
  .fancybox-button i, .fancybox-button,
  [data-template="whats_new_posts"] .structItemContainer,
  [data-template="whats_new_profile_posts"] .block-container,
  .message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent.message--simple {
    background: var(--bg-secondary2) !important;
    backdrop-filter: blur(8px) saturate(110%) !important;
    border-radius: 0px !important;
  }

  .autoCompleteList li.is-selected { background: var(--bg-secondary) !important; }
  li.alert.js-alert.block-row.block-row--separated.is-unread, .message-cell.message-cell--alert {
    background: rgb(0,0,0,0.4)
  }

  /* === Headers === */
  .block--treeEntryChooser .block-header,
  .p-footer-default,
  input#_xfUid-1-1760676477,
  .CodeMirror.cm-s-default.CodeMirror-simplescroll.codeEditor.codeEditor--short.js-codeEditor.u-jsOnly,
  .messageNotice.messageNotice--ignored {
    background: var(--header-nav) !important;
    color: var(--text-primary) !important;
  }

  .structItemContainer-group.structItemContainer-group--sticky:after,
  .structItemContainer-group.structItemContainer-group--sticky:before {
    background: var(--bg-primary) !important;
  }

  .message-userExtras dl{
    background: transparent !important;
    
    color: var(--text-primary) !important;
    border-radius: 0px !important;
  }

  .block-header, .overlay-title,
  .memberHeader:not(.memberHeader--withBanner) .memberProfileBanner, .nav-container {
    background: var(--bg-primary) !important;
  }

  .block-minorHeader, h3.menu-header, h4.menu-tabHeader.tabs, h2.block-formSectionHeader{
    background: var(--bg-darker) !important;
    color: var(--text-secondary) !important;
    border-bottom: 1px solid var(--border-muted) !important;
  }

  h2.block-tabHeader.tabs {
    background: var(--bg-darker) !important;
    border-radius: 0px !important;
  }

  .overlay-title { border-bottom: 1px solid var(--border-muted) }

  /* === Typography & Links === */
  .block-header, .block-minorHeader, .block-footer,
  .node-title a, .message-name, .p-body-inner,
  .structItem-title a, .message-body, .contentRow,
  .pairs > dt, .pairs > dd, .menu-linkRow,
  .siropuChatMessageText, .node-description,
  .blockStatus-message, .block-textHeader, time.node-extra-date.u-dt,
  i.fa--xf.fas.fa-comments.subNodeLink-icon, .label.label {
    color: var(--text-primary) !important;
  }

  span.menu-arrow { border-bottom-color: var(--accent-primary); }
  .node-description, .blockStatus-message, time.u-dt {
    color: var(--text-muted) !important;
    opacity: 0.9 !important;
  }

  a, .p-navEl a, .p-sectionLinks a, .p-navgroup-link,
  .p-navgroup.p-account.p-navgroup--member a,
  .p-navgroup.p-account.p-navgroup--member .p-navgroup-link,
  .reactionsBar a, .reaction, .fr-toolbar .fr-btn,
  .fr-toolbar .fr-command, .button--link.button,
  .memberTooltip .buttonGroup a, .blockLink, .XenBase .block--messages .message .message-content a,
  .messageNotice:before {
    color: var(--accent-primary) !important;
    transition: color 0.2s ease !important;
    text-decoration: none !important;
  }

  .reactionsBar.js-reactionsList.is-active, .messageNotice.messageNotice--ignored {
    border-left: 2px solid var(--accent-primary) !important;
  }

  a:hover, .p-navEl a:hover, .p-sectionLinks a:hover,
  .p-navgroup.p-account.p-navgroup--member a:hover,
  .reactionsBar a:hover, .reaction:hover,
  .button--link.button:hover, .memberTooltip .buttonGroup a:hover,
  .blockLink:hover, .blockLink.is-selected {
    color: var(--link-hover-color) !important;
    text-decoration: none !important;
    text-shadow: 0 0 6px var(--link-hover-glow-strong)
  }

  .fr-toolbar .fr-btn:hover, .fr-toolbar .fr-command:hover {
    background: var(--bg-secondary2) !important;
    color: var(--link-hover-color) !important;
    text-decoration: none !important;
    text-shadow: 0 0 6px var(--link-hover-glow-strong)
  }

  a.menu-linkRow:hover, .p-navEl a:hover, a.button.button--link:hover,
  a.button.button--icon.button--icon--write.button--cta:hover,
  a.blockLink.is-selected, a.tabs-tab, .p-footer-linkList>li a:hover {
    text-decoration: none !important;
  }

  .p-navEl.is-selected a {
    background: var(--accent-active) !important;
    color: var(--text-primary) !important;
  }

  .p-navgroup.p-account.p-navgroup--member, .p-navgroup.p-discovery {
    background: var(--bg-darker) !important;
    border-radius: 4px
  }

  /* === Dropdowns & Menus === */
  .menu-tabHeader,
  .pageNav-page, .pageNav-page--current,
  .pageNav-jump, .pageNav-jump--prev, .pageNav-jump--next,
  .fr-dropdown-content, .fr-dropdown-list,
  .fr-buttons.fr-tabs, .fr-more-toolbar, .fr-popup .fr-buttons,
  .pollResult, .menu-row {
    background: var(--bg-dark) !important;
    color: var(--text-primary) !important;
  }

  .autoCompleteList { background: var(--bg-darker) !important; }
  .menu-content, .menu-footer, .menu-header {
    background: var(--bg-dark) !important;
    backdrop-filter: blur(8px) saturate(110%) !important;
  }

  .pollResult-voters, .pollResult:hover, .fr-wrapper.show-placeholder, a.menu-linkRow.menu-linkRow--alt {
    background: var(--bg-dark) !important;
  }

  a.menu-linkRow:hover, .menu-linkRow:hover .menu-linkRow.is-selected, .menu-linkRow:focus,
  .pageNav-page:hover, .pageNav-page--current,
  .fr-dropdown-list li:hover, .fr-dropdown-list li a:hover,
  .fr-dropdown-list li.fr-active a, .blockLink:hover,
  .blockLink.is-selected, .menu-linkRow.is-selected {
    background: transparent!important;
    color: var(--text-primary) !important;
  }

  a.menu-linkRow:hover, .menu-linkRow.is-selected, .menu-linkRow:focus {
    border-left: color-mix(in srgb, var(--steel-accent) 35%, var(--bg-darker)) !important;
  }

  .menu-content.js-visitorMenuBody, .menu-content {
    border-top: 3px solid var(--bg-secondary) !important;
  }

  .pageNav-page--current, .pollResult-bar > i {
    background: var(--accent-primary) !important;
    color: var(--text-primary) !important;
  }

  /* === Quotes & Code Blocks === */
  .bbCodeBlock, .fr-tooltip {
    background: var(--bg-secondary2) !important;
    border: 1px solid var(--border-muted) !important;
    border-radius: 4px !important;
    color: var(--text-primary) !important;
  }

  .bbTable, .bbTable table, .bbTable td, .bbTable th,
  .bbCodeBlock-content table, .bbCodeBlock-content td, .bbCodeBlock-content th,
  .bbCodeBlock-expandContent table, .bbCodeBlock-expandContent td,
  .bbCodeBlock-expandContent th {
    background: transparent !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-muted) !important;
  }

  .bbCodeBlock--expandable .bbCodeBlock-expandContent,
  .bbCodeBlock--expandable .bbCodeBlock-content::after,
  .bbCodeBlock-expandLink {
    background: none !important;
    background-image: none !important;
    opacity: 1 !important;
  }

  .bbCodeBlock-title, .fr-view blockquote[data-quote]:before {
    background: var(--header-nav) !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-muted) !important;
    border-radius: 4px 4px 0 0 !important;
  }

  /* === Editor & Input Areas === */
  .fr-toolbar, .fr-popup,
  textarea, input[type="text"], input[type="url"], input[type="search"],
  input[type="email"], input[type="password"], input[type="number"],
  .message-response textarea,
  .editorPlaceholder .input, .inputGroup-text, .prefix,
  .message-editorWrapper blockquote, .fr-wrapper blockquote {
    background: var(--bg-dark) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-muted) !important;
    border-radius: 4px !important;
  }

  .fr-element, ul.autoCompleteList { border: 1px solid var(--border-muted) !important; }
  .fr-element.fr-view.fr-element-scroll-visible {
    background: rgb(0, 0, 0, 0.3) !important;
  }

  .fr-popup .fr-input-line input, .fr-popup .fr-input-line textarea,
  li.pageNav-page.pageNav-page--current, li.pageNav-page.pageNav-page--later,
  li.pageNav-page.pageNav-page--skip.pageNav-page--skipEnd, li.pageNav-page,
  a.pageNav-jump.pageNav-jump--next {
    background: var(--bg-darker) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-muted) !important;
  }

  .fr-command:hover, .fr-command:focus, .fr-command.fr-active,
  .fr-dropdown-menu button:hover, .fr-dropdown-menu button:focus, .fr-dropdown-menu,
  .fr-btn-grp button {
    background: transparent !important;
  }

  /* === Form Elements === */
  select, select[multiple], select[size] {
    background: var(--bg-dark) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-muted) !important;
    border-radius: 4px !important;
    scrollbar-color: var(--scroll-thumb) var(--scroll-track) !important;
  }

  select option, optgroup {
    background: var(--bg-darker) !important;
    color: var(--text-primary) !important;
  }

  select option:checked, select option:hover {
    background: var(--steel-accent) !important;
    color: var(--text-primary) !important;
  }

  /* === Buttons === */
  .button.button--cta, .button.button--icon.button--cta,
  form[action*="search"] button, .fr-popup .fr-buttons button,
  .button, a.button, .button--link, .button.button--link,
  .button.button--icon, .filterBar-filterToggle,
  a.button-link.special-button {
    background: var(--accent-primary) !important;
    border: 1px solid var(--border-muted) !important;
    color: var(--text-primary) !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
  }

  .button.button--cta:hover, .button.button--icon.button--cta:hover,
  form[action*="search"] button:hover, .fr-popup .fr-buttons button:hover,
  span.message-newIndicator, span.siropuChatTabCountActive,
  span.badge.badge--highlighted.badge--active, .button.button--link:hover {
    background: var(--border-muted) !important;
    color: var(--text-primary) !important;
  }

  .button, a.button, .button--link, .button.button--link,
  .button.button--icon, .filterBar-filterToggle {
    background: var(--bg-dark) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-muted) !important;
  }

  /* Froala popup "Insert" / submit button */
  .fr-command.fr-submit, a.fr-command.fr-submit, button.fr-command.fr-submit {
    background: var(--accent-primary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-muted) !important;
    border-radius: 4px !important;
  }

  .fr-command.fr-submit:hover, .fr-command.fr-submit:focus {
    background: var(--accent-hover) !important;
  }

  /* === Profile & Comments === */
  .message-container, .message-response,
  .profilePostList-item, .profilePost,
  .profilePost-header, .profilePost-body, .message-responseForm{
    background: var(--bg-dark) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-muted) !important;
    backdrop-filter: blur(8px) saturate(110%) !important;
  }

  .message-responseRow {
    background: var(--bg-dark) !important;
    border: 1px solid var(--border-muted) !important;
    padding: 6px !important;
  }

  .reactionsBar {
    background: var(--bg-dark) !important;
    color: var(--text-primary) !important;
    border-top: 1px solid var(--border-muted) !important;
    border-bottom: none !important;
    padding: 4px 6px !important;
  }

  .reactionSummary li { background: transparent !important; border: none !important; }
  .tooltip { opacity: 1 !important; }

  /* === Tooltips === */
  .tooltip-content {
    background: var(--bg-dark) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-muted) !important;
    backdrop-filter: blur(8px) saturate(110%) !important;
  }

  .memberTooltip:not(.memberTooltip--withBanner) .memberTooltip-header {
    background: var(--bg-secondary2) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-muted) !important;
  }

  .tooltip-content-cover {
    background: none !important;
    border: none !important;
    display: none !important;
  }

  .tooltip, .memberTooltip { border: none !important; background: transparent !important; }

  /* === Footer === */
  .block-footer, .p-footer {
    background: var(--header-nav) !important;
    color: var(--text-primary) !important;
    border-top: 1px solid var(--border-muted) !important;
    border-radius: 0 0 4px 4px !important;
  }

  /* === Overlays & Modals === */
  .overlay {
    background: var(--bg-darker) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-muted) !important;
    border-radius: 0px !important;
  }

  /* === Miscellaneous === */
  .uw-smilieMenuBody, .emojiList, .js-emojiList,
  .hScroller,
  .hScroller-action-end, .hScroller-action-start, .uw_smileys_bar button:hover,
  .uw_smileys_bar a.js-emoji:hover,
  .uw_smileys_bar a.js-emoji:focus,
  .uw_smileys_bar a.js-emoji:active {
    background: var(--bg-darker) !important;
    border: 1px solid var(--border-muted) !important;
    color: var(--text-secondary) !important;
    border-radius: 4px !important;
  }

  a.tabs-tab.is-active {
    border-color: var(--border-muted) !important;
    border-bottom: 3px solid !important;
  }

  .hScroller-scroll, .hScroller-action, h3.tabs.hScroller.block-minorTabHeader,
  .tabs.tabs--standalone {
    background: var(--bg-darker) !important;
  }

  .hScroller-action:hover,
  a.p-navEl-splitTrigger:hover,
  .p-navEl:hover > .p-navEl-link,
  .p-navEl:hover > .p-navEl-splitTrigger,
  .p-navEl.is-menuOpen, .p-navEl.is-selected {
    background: color-mix(in srgb, var(--steel-accent) 30%, var(--bg-dark)) !important;
    color: var(--text-primary) !important;
  }

  .editorPlaceholder:focus-within .input {
    background: var(--bg-darker) !important;
    border-color: var(--accent-primary) !important;
  }

  .p-nav-scroller, .hScroller, .structItem-pageJump a, .avatar img {
    background: transparent !important;
    border: none !important;
  }

  /* === Borders & Lines === */
  hr, .block-body, .block-header,
  .structItem, .pairs, .formRow, .formSubmitRow,
  .message-inner, .message-cell, .message-container,
  .block-row, .bbTable, .bbCodeBlock, .message-responseRow,
  .node, .structItem-cell, .pair, .formRow-label, .message-signature,
  .message-body, .message-attribution,
  .message-attribution--split,
  header.message-attribution, .rte-tab--inactive.rte-tab--preview,
  .memberProfileBanner, .memberHeader-main,
  li.alert.js-alert.menu-row.menu-row--separated.menu-row--clickable,
  .message, .tabs.tabs--standalone.js-xfSmilieMenuBody.uw_smileys_bar {
    border-color: var(--border-muted) !important;
  }

  .structItem, .structItemContainer-group.structItemContainer-group--sticky:after,
  .structItemContainer-group.structItemContainer-group--sticky:before,
  form.menu-footer, .menu-footer.menu-footer--split, .menu-footer, .formSubmitRow-bar{
    border-top:1px solid var(--border-muted) !important;
  }

  /* === Fancybox Overlay Themed by Current Variables === */
  .fancybox-bg, .fancybox__slide.has-image.has-caption.is-selected.fancybox__slide--video.is-done,
  .block-row.block-row--clickable.block-row--separated.fauxBlockLink:hover {
    background: var(--bg-primary) !important;
  }
    
    /* === Narrower Reaction (Emoji) Tooltip === */
  .reactTooltip{
    max-width: var(--reactTooltipW) !important;
    width: var(--reactTooltipW) !important;
  }

  .reactTooltip .tooltip-content,
  .reactTooltip .tooltip-content-inner{
    max-width: var(--reactTooltipW) !important;
    padding: 6px !important; /* tighter padding */
  }

  /* === Text Selection === */
  ::selection {
    background: var(--steel-accent) !important;
    color: var(--text-primary) !important;
  }
  ::-moz-selection {
    background: var(--steel-accent) !important;
    color: var(--text-primary) !important;
  }

  /* === Target ONLY real mentions/tags, exclude special users === */
  /* ADJUSTED USER IDs: Changed from 133415/66829 to 68459/75402 */
  .message-body a[href*="/members/"]:not(.avatar):not([data-user-id="75402"]):not([data-user-id="68459"]),
  .bbWrapper a[href*="/members/"]:not(.avatar):not([data-user-id="75402"]):not([data-user-id="68459"]) {
    color: var(--accent-primary) !important;
    background: transparent !important;
  }

  /* PINK USERNAME - User ID 68459 */
  .username[data-user-id="68459"] {
    background: url(https://i.imgur.com/hKPSzJw.gif) center/cover no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow:
      0 0 8px rgba(190, 100, 255, 0.8),
      0 0 16px rgba(140, 80, 255, 0.6),
      0 0 28px rgba(255, 120, 255, 0.5);
    filter: brightness(1.7) contrast(1.3) saturate(200%);
  }
  .username[data-user-id="68459"]::after {
    content: "";
    position: absolute;
    inset: -5%;
    background: url(https://looksmaxxing.com/wp-content/uploads/2024/08/sparkles.gif) center/cover no-repeat;
    opacity: 0.7;
    pointer-events: none;
  }

  /* === USER 75402 : CLEAN GOLD NAME + MATCHING HALO === */
  span.username[data-user-id="75402"], span.username[data-user-id="75402"] span,
  .username.username--style76[data-user-id="75402"],
  .username[data-user-id="75402"] .username--style76,
  .memberHeader-name .username[data-user-id="75402"],
  .memberHeader-name .username[data-user-id="75402"] span,
  .message-userDetails .username[data-user-id="75402"],
  .message-userDetails .username[data-user-id="75402"] span,
  .username--style76[data-user-id="75402"],
  a.username[data-user-id="75402"],
  a.username[data-user-id="75402"] span,
  .message-body a[href*="/members/"][data-user-id="75402"]:not(.avatar),
  .bbWrapper a[href*="/members/"][data-user-id="75402"]:not(.avatar) {
    position: relative !important;
    display: inline-block !important;
    color: rgb(235, 245, 255) !important;
    text-shadow:
      0 0 3px rgba(200, 230, 255, 0.9),
      0 0 8px rgba(170, 210, 240, 0.7),
      0 0 16px rgba(140, 190, 225, 0.45);
    transition: text-shadow 0.25s ease !important;
  }

  /* AVATAR HALO — User ID 75402 */
  a.avatar[href*=".75402/"], a.avatar[href*="/75402/"],
  .memberHeader-avatar a[href*=".75402/"], .memberHeader-avatar a[href*="/75402/"],
  .avatar[data-user-id="75402"] {
    border-radius: 67% 45% 55% 45% / 40% 62% 38% 50% !important;
    overflow: hidden !important;
    border: 2px solid rgb(180, 215, 235);
    box-shadow:
      0 0 4px rgba(190, 230, 255, 0.9),
      0 0 10px rgba(170, 210, 240, 0.75),
      0 0 20px rgba(140, 190, 225, 0.55),
      0 0 34px rgba(110, 165, 210, 0.35);
  }
  a.avatar[href*=".75402/"] img, a.avatar[href*="/75402/"] img,
  .memberHeader-avatar a[href*=".75402/"] img, .memberHeader-avatar a[href*="/75402/"] img,
  .avatar[data-user-id="75402"] img {
    border-radius: inherit !important;
    display: block !important;
  }

  /* === Round + halo avatar everywhere (user 68459) === */
  a.avatar[href*=".68459/"], a.avatar[href*="/68459/"],
  span.avatar[data-user-id="68459"], .memberHeader-avatar[data-user-id="68459"],
  .avatar[data-user-id="68459"] {
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 2px solid hsl(345, 88%, 94%);
    box-shadow: 0 0 2px hsl(345, 88%, 94%), 0 0 6px hsl(345, 88%, 94%), 0 0 12px hsla(345, 88%, 94%, 0.75), 0 0 18px hsla(345, 88%, 94%, 0.55);
  }
  a.avatar[href*=".68459/"] img, a.avatar[href*="/68459/"] img {
    border-radius: 50% !important;
    display: block !important;
  }

  /* === Style ONLY greycel usernames (under 500 posts) === */
  .username:not([data-user-id*="style"]) {
    color: var(--text-secondary) !important;
  }

  /* LEFT column: avatar + username area */
  .message-cell.message-cell--user,
  .profilePost .message-cell.message-cell--user,
  .profilePost-comment .message-cell.message-cell--user {
    background: rgba(0, 0, 0, 0.4) !important;
    border-right: 1px solid var(--border-muted) !important;
  }

  a, .p-navEl a, .p-sectionLinks a, .p-navgroup-link,
  .reactionsBar a, .reaction, .blockLink, .fancybox-button i {
    color: color-mix(in srgb, var(--accent-primary) 75%, var(--text-secondary)) !important;
  }
  a:hover, .blockLink:hover {
    color: var(--accent-hover) !important;
  }

  /* give the wallpaper room to breathe */
  .p-pageWrapper{
    padding-top: var(--page-top) !important;
    padding-bottom: 80px !important;
  }

  /* center all XF "inner" wrappers to a fixed site-width */
  .p-header-inner,
  .p-nav-inner,
  .p-sectionLinks-inner,
  .p-body-inner,
  .p-footer-inner, .p-footer-default{
    max-width: var(--page-width) !important;
    width: min(var(--page-width), calc(100% - var(--page-gutter))) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* make it feel like one centered page block */
  .p-header-inner{
    border-bottom: 0 !important;
    border-radius: var(--page-radius) var(--page-radius) 0 0 !important;
    overflow: hidden !important;
  }
  .p-nav-inner, .p-sectionLinks-inner, .block-filterBar{
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  .block-filterBar{ backdrop-filter: blur(8px) saturate(110%) !important; }
  .p-body-inner{ padding-left: 18px !important; padding-right: 18px !important; }

  /*   CHANGING SIZES*/
  .p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--user { max-width: 120px !important; }
  .p-navgroup-link.badgeContainer{ max-width: 40px !important; }
  h2.block-header, h3.block-minorHeader,
  .structItemContainer-group.structItemContainer-group--sticky:after,
  .structItemContainer-group.structItemContainer-group--sticky:before,
  .block-filterBar, h3.block-header, .block-header { border-radius: 0px !important; }

  .memberHeader-buttons {
    white-space: nowrap;
    overflow-x: hidden;
  }
  .memberHeader-buttons .button {
    padding: 6px 6px !important;
    font-size: 12px !important;
    line-height: 1.15;
    min-height: unset !important;
  }

  /* your user (75402) fake banner */
  .message:has(a.avatar[href*=".75402/"]) .message-userDetails::after{
    content: "";
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    padding: 3px 3px;
    height: 20px;
      border-radius: 3px !important;
    width: 132px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-indent: 13px;
    color: rgb(255, 185, 60);
    text-shadow: 0 1px 2px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,0.8);
    background-color: color-mix(in srgb, var(--bg-darker) 75%, transparent) !important;
    background-image: url("https://i.imgur.com/25egJ1L.gif") !important;
    background-repeat: no-repeat !important;
    background-position: 10% 60% !important;
    background-size: 100% !important;
    opacity: 0.75;
    transform: translateX(0px);
  }

  .memberHeader:has(.username[data-user-id="75402"]) .memberHeader-banners::after{
    content: "";
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    height: 25px !important;
    width: 120px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
      border-radius: 3px !important;
    color: rgb(255, 185, 60) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,0.8) !important;
    background: url("https://i.imgur.com/25egJ1L.gif") center / cover no-repeat !important;
    background-color: transparent !important;
    opacity: 0.75 !important;
    z-index: 9999 !important;
    pointer-events: none !important;
  }

  /* === USER 75402 : CUSTOM BANNER IN MEMBER TOOLTIP === */
 
  .memberTooltip:has(.username[data-user-id="75402"]) .memberTooltip-banners::after{
    content: "";
    position: absolute !important;
  
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 20px !important;
    width: 122px !important;
    padding: 3px !important;
    font-size: 12px !important;
      border-radius: 3px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: rgb(235, 190, 90) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.95), 0 0 6px rgba(0,0,0,0.45) !important;
    background: url("https://i.imgur.com/25egJ1L.gif") center / cover no-repeat !important;
    opacity: 0.75 !important;
    pointer-events: none !important;
    z-index: 10 !important;
      transform: translateY(0px);
  }
}
 
i forgot imgur was banned in the uk
1767990693345.webp
 
You must log in or register to reply here.

Users who are viewing this thread

Total: 1 (Looksmaxxers: 0, Guests: 1)
Back
Top