Custom CSS and HTML

[Idkchud]

how do i do this doe

 

[blackops2]

how do i do this doe

where do i find it

https://soyjak.forum/account/account-details

 

[Idkchud]

https://soyjak.forum/account/account-details
View attachment 116131

no you dummy how do I make CSS.

 

[Perfect Pepsilord]

>Custom BBC and HTSM or something like that, yeah

 

[blackops2]

no you dummy how do I make CSS.

learn how to ask

 

[shipment]

no you dummy how do I make CSS.

I've told you thrice personally on my profile page and like twice in this thread, stop being dummyED.

 

[Idkchud]

I've you thrice personally on my profile page and like twice in this thread, stop being dummyED.

noob I'm not AI generating shit I want to learn the basics

 

[shipment]

noob I'm not AI generating shit I want to learn the basics

Then DO THAT.

 

[shipment]

Here's a dump of some of the classes I've messed around with thus far if any of youse are looking to really tinkerreal woman with the CSS. You can view another users CSS in their about page if you want to use my current one as a guide of sorts.

Spoiler: Words words words

• .memberHeader-avatar - Avatar container on member profile view
• .memberHeader--withBanner- element for titlebar area on profiles with banner
• .memberHeader .avatarWrapper - Wrapper for large avatar on member profiles
• .memberHeader-blurContainer - Blur layer behind profile banner
• .memberHeader-blur - Blur effect on member header
• .memberHeader-stats - Statistics section on member profile
• .memberHeader-buttons - Action buttons on member header
• .memberHeader-separator - Separator in member header
• .memberHeader--withBanner .username - Username display when banner is present
• .memberHeader .userTitle - User title on member profile
• .memberHeader-blurb - Blurb text on member profile
• .memberHeader-content - Main content wrapper in member header
• .memberProfileBanner - Profile banner image container
• .js-lbImage - Lightbox image element
• .lazy.bbImage - Lazy loaded BBCode image
• .message-body img - Images inside message body
• .attachment img - Images inside attachment containers
• .bbImage - BBCode image
• .messageContent img - Images inside message content area
• .attachment - Attachment wrapper/container
• .attachment .file - File details inside attachment
• .message-body .bbWrapper img - Images inside BBCode wrapper in messages
• .js-lbContainer img - Images inside lightbox container
• .message - Single post/message container
• .message--simple - Simplified message variant
• .message-inner - Inner wrapper of a message
• .message-content - Content section of a message
• .message-cell - Layout cell in message table structure
• .message-cell--main - Main content cell in message layout
• .message-cell--user - User information cell in message layout
• .message-footer - Footer of a message
• .message-actionBar - Action bar below messages
• .message-body - Body text area of a message
• .js-messageContent - JavaScript enhanced message content wrapper
• .block-container - Outer wrapper for blocks and widgets
• .block - Generic block container
• .block-body - Content area inside blocks
• .block.block--messages .block-body - Message list container (thread view, search results, etc.)
• .block-tabHeader.block-tabHeader--memberTabs - Tab header on member profile tabs
• .input - Form input field
• .textarea - Textarea field
• .button - Button element
• .avatar - Avatar container
• .avatar img - Image inside avatar
• .comment - Comment container (profile posts)
• .message-responseRow - Response/quote row in messages
• .bbWrapper - BBCode content wrapper
• .bbCodeBlock-content - Content inside code/quote/spoiler blocks
• .bbCodeSpoiler - Spoiler container
• .bb-greentext - Greentext formatting class
• .profile-post-comment - Profile post comment
• .fr-box - Froala rich text editor main container
• .fr-ltr - Froala left-to-right direction
• .fr-basic - Froala basic editor mode
• .fr-top - Froala top toolbar area
• .menu-row - Item row inside dropdown menus (Your own account name pull-down menu)
• .menu-row--alt - Alternate menu row
• .menu-footer - Footer inside menus
• .menu-tabHeader - Tab header inside menus
• .p-nav-inner - Inner navigation bar
• .p-header - Page header area
• .p-sectionLinks-list - Section links in navigation (Bar with the "Home" "Forum" etc etc)
• .p-breadcrumbs - Breadcrumb navigation (Same as above.)
• .listColumns - Multi-column list layout (All of these are in the "member" dropdown menu)
• .listColumns--narrow - Narrow variant of multi-column list
• .listColumns--together - Compact list columns variant
• .comment-avatar - Avatar inside comments on profile page
• .featuredBadges - Featured badges display
• .id_number - User ID number display (The 4chan message counter)

 

[shipment]

Here's a dump of some of the classes I've messed around with thus far if any of youse are looking to really tinkerreal woman with the CSS. You can view another users CSS in their about page if you want to use my current one as a guide of sorts.

Spoiler: Words words words

• .memberHeader-avatar - Avatar container on member profile view
• .memberHeader--withBanner- element for titlebar area on profiles with banner
• .memberHeader .avatarWrapper - Wrapper for large avatar on member profiles
• .memberHeader-blurContainer - Blur layer behind profile banner
• .memberHeader-blur - Blur effect on member header
• .memberHeader-stats - Statistics section on member profile
• .memberHeader-buttons - Action buttons on member header
• .memberHeader-separator - Separator in member header
• .memberHeader--withBanner .username - Username display when banner is present
• .memberHeader .userTitle - User title on member profile
• .memberHeader-blurb - Blurb text on member profile
• .memberHeader-content - Main content wrapper in member header
• .memberProfileBanner - Profile banner image container
• .js-lbImage - Lightbox image element
• .lazy.bbImage - Lazy loaded BBCode image
• .message-body img - Images inside message body
• .attachment img - Images inside attachment containers
• .bbImage - BBCode image
• .messageContent img - Images inside message content area
• .attachment - Attachment wrapper/container
• .attachment .file - File details inside attachment
• .message-body .bbWrapper img - Images inside BBCode wrapper in messages
• .js-lbContainer img - Images inside lightbox container
• .message - Single post/message container
• .message--simple - Simplified message variant
• .message-inner - Inner wrapper of a message
• .message-content - Content section of a message
• .message-cell - Layout cell in message table structure
• .message-cell--main - Main content cell in message layout
• .message-cell--user - User information cell in message layout
• .message-footer - Footer of a message
• .message-actionBar - Action bar below messages
• .message-body - Body text area of a message
• .js-messageContent - JavaScript enhanced message content wrapper
• .block-container - Outer wrapper for blocks and widgets
• .block - Generic block container
• .block-body - Content area inside blocks
• .block.block--messages .block-body - Message list container (thread view, search results, etc.)
• .block-tabHeader.block-tabHeader--memberTabs - Tab header on member profile tabs
• .input - Form input field
• .textarea - Textarea field
• .button - Button element
• .avatar - Avatar container
• .avatar img - Image inside avatar
• .comment - Comment container (profile posts)
• .message-responseRow - Response/quote row in messages
• .bbWrapper - BBCode content wrapper
• .bbCodeBlock-content - Content inside code/quote/spoiler blocks
• .bbCodeSpoiler - Spoiler container
• .bb-greentext - Greentext formatting class
• .profile-post-comment - Profile post comment
• .fr-box - Froala rich text editor main container
• .fr-ltr - Froala left-to-right direction
• .fr-basic - Froala basic editor mode
• .fr-top - Froala top toolbar area
• .menu-row - Item row inside dropdown menus (Your own account name pull-down menu)
• .menu-row--alt - Alternate menu row
• .menu-footer - Footer inside menus
• .menu-tabHeader - Tab header inside menus
• .p-nav-inner - Inner navigation bar
• .p-header - Page header area
• .p-sectionLinks-list - Section links in navigation (Bar with the "Home" "Forum" etc etc)
• .p-breadcrumbs - Breadcrumb navigation (Same as above.)
• .listColumns - Multi-column list layout (All of these are in the "member" dropdown menu)
• .listColumns--narrow - Narrow variant of multi-column list
• .listColumns--together - Compact list columns variant
• .comment-avatar - Avatar inside comments on profile page
• .featuredBadges - Featured badges display
• .id_number - User ID number display (The 4chan message counter)

To add, Xenforo uses broad classes so these elements are seen elsewhere on the site making them usable for custom style injection. Ergo, the jannyteam could easily (with some tweaking and addition of certain elements not accounted for) implement a users custom CSS as a theme if there's demand.

 

[Literal Who Number #271]

>Custom BBC and HTSM or something like that, yeah

>you said BBC?

 

[木制的尼尔森]

nah I would rather ask the jannies to add custom themes for me

 

[shipment]

Just a warning but if you want profile comments to be laid out like picrel it'll be largely client-side only. Masonry grids are largely experimental in most browsers and not enabled by default. In Firefox for example you need to enable the "layout.css.grid-template-masonry-value.enabled" flag in about:config. There aren't any 1:1 ways of going about this without either JS - which we can't add - or more experimental CSS cacaotry.

Spoiler: Code 28/6/26

/* Shit I forget relating to my pfp*/
.memberHeader-avatar {
margin: 0 auto !important;
padding-top: 20px !important;
}

/* hacky attachment fitting*/
.js-lbImage,
.lazy.bbImage,
.message-body img,
.attachment img,
.bbImage,
.messageContent img {
max-width: 100% !important;
height: auto !important;
width: auto !important;
object-fit: contain !important;
border-radius: 0 !important;
display: block !important;
margin: 8px auto !important; /* Optional: centers the image nicely */
}

/* more hacky attachment shit*/
.attachment,
.attachment .file,
.message-body .bbWrapper img,
.js-lbContainer img {
max-width: 100% !important;
box-sizing: border-box !important;
}

/* attachment theming separately so it doesn't break out the boxes */
.attachment {
background: #8399B1 !important;
border: 3px solid #4F657D !important;
box-shadow: inset 2px 2px #C1CCD9,
inset -2px -2px #2A3644 !important;
padding: 8px !important;
margin: 10px 0 !important;
}

/* Profile picture outline */
.memberHeader .avatarWrapper,
.memberHeader .avatar.avatar--l {
margin: 0 auto !important;
box-shadow: inset 2px 2px #C1CCD9,
inset -2px -2px #2A3644,
0 4px 8px rgba(0,0,0,0.5) !important;
border: 4px solid #4F657D !important;
background: #8399B1 !important;
}

/* Titlebar above banner */
.memberHeader--withBanner::before {
content: "";
display: block;
height: 32px;
background: linear-gradient(to right, #4F657D 0%, #8399B1 100%) !important;
border-bottom: 2px solid #2A3644 !important;
border-top: 2px solid #C1CCD9 !important;
position: relative;
z-index: 20;
box-shadow: inset 0 1px #ffffff, 0 2px 4px rgba(0,0,0,0.4);
}

/* Square mostly everything off */
.message,
.message--simple,
.message-inner,
.message-content,
.message-cell,
.message-cell--main,
.message-cell--user,
.message-footer,
.message-actionBar,
.message-body,
.js-messageContent,
.block-container,
.block,
.block-body,
.input,
.textarea,
.button,
.avatar,
.avatar img {
border-radius: 0 !important;
}

/* Elements WITH the border*/
.message,
.message--simple,
.button {
background: #8399B1 !important;
border: 3px solid #4F657D !important;
box-shadow: inset 2px 2px #C1CCD9,
inset -2px -2px #2A3644 !important;
}

/* Sunken Text Fields*/
.input,
.textarea {
background: #FFFFFF !important;
border: 3px solid #4F657D !important;
box-shadow: inset 2px 2px #2A3644,
inset -2px -2px #C1CCD9 !important;
}


/* MASONRY GRID FOR PROFILE POSTS */
.block.block--messages .block-body {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 8px !important;
width: 90% !important;
max-width: 1400px !important;
margin: 10px auto 0 !important;
padding: 8px !important;
box-sizing: border-box !important;
align-items: start !important;
grid-template-rows: masonry !important;
}

@supports (display: grid-lanes) {
.block.block--messages .block-body {
display: grid-lanes !important;
}
}

@supports not (grid-template-rows: masonry) and not (display: grid-lanes) {
.block.block--messages .block-body {
column-count: 3 !important;
column-gap: 8px !important;
column-fill: balance !important; /* important */
orphans: 1 !important;
widows: 1 !important;
}

.block.block--messages .block-body > * {
break-inside: avoid-column !important; /* sreal womanger */
margin-bottom: 8px !important;
width: 100% !important;
display: block !important;
}
}


/* Hidden junk */
.memberHeader-blurContainer,
.memberHeader-blur,
.memberHeader-stats,
.memberHeader-buttons,
.id_number,
.memberHeader-separator,
.p-breadcrumbs,
.p-sectionLinks-list,
.bb-greentext,
.comment-avatar,
.featuredBadges,
.p-header,
.memberHeader--withBanner .username,
.memberHeader .userTitle,
.avatar--xxs,
.memberHeader-blurb,
.memberHeader-content,
.message-cell.message-cell--user,
.memberHeader-stats .pairs dt,
.memberHeader-stats .pairs dd,
.memberHeader-stats span,
.memberHeader-stats sreal womang {
display: none !important;
}

/* Essential visibility fixes */
.memberHeader .memberHeader-avatar,
.memberHeader .avatarWrapper,
.memberHeader .avatar,
.memberProfileBanner {
display: block !important;
z-index: 10 !important;
}

/* Elements WITHOUT border but WITH background */
.comment,
.message,
.message-responseRow,
.memberHeader,
.block-tabHeader.block-tabHeader--memberTabs,
.message-inner,
.message-content,
.profile-post-comment {
background: #8399B1 !important;
}

/* Ensure headings are also black */
h1, h2, h3, h4, h5, h6,
sreal womang, b, em, i, label, span, p, div, li, td, th, blockquote {
color: #000000 !important;
}

*,
*::before,
*::after {
color: #000000 !important;
font-family: Tahoma, sans-serif !important;
}

 

[grimmki]

my CSS sucks for now i must change that soon

 

[木制的尼尔森]

Just a warning but if you want profile comments to be laid out like picrel it'll be largely client-side only. Masonry grids are largely experimental in most browsers and not enabled by default. In Firefox for example you need to enable the "layout.css.grid-template-masonry-value.enabled" flag in about:config. There aren't any 1:1 ways of going about this without either JS - which we can't add - or more experimental CSS cacaotry.
View attachment 143419

Spoiler: Code 28/6/26

/* Shit I forget relating to my pfp*/
.memberHeader-avatar {
margin: 0 auto !important;
padding-top: 20px !important;
}

/* hacky attachment fitting*/
.js-lbImage,
.lazy.bbImage,
.message-body img,
.attachment img,
.bbImage,
.messageContent img {
max-width: 100% !important;
height: auto !important;
width: auto !important;
object-fit: contain !important;
border-radius: 0 !important;
display: block !important;
margin: 8px auto !important; /* Optional: centers the image nicely */
}

/* more hacky attachment shit*/
.attachment,
.attachment .file,
.message-body .bbWrapper img,
.js-lbContainer img {
max-width: 100% !important;
box-sizing: border-box !important;
}

/* attachment theming separately so it doesn't break out the boxes */
.attachment {
background: #8399B1 !important;
border: 3px solid #4F657D !important;
box-shadow: inset 2px 2px #C1CCD9,
inset -2px -2px #2A3644 !important;
padding: 8px !important;
margin: 10px 0 !important;
}

/* Profile picture outline */
.memberHeader .avatarWrapper,
.memberHeader .avatar.avatar--l {
margin: 0 auto !important;
box-shadow: inset 2px 2px #C1CCD9,
inset -2px -2px #2A3644,
0 4px 8px rgba(0,0,0,0.5) !important;
border: 4px solid #4F657D !important;
background: #8399B1 !important;
}

/* Titlebar above banner */
.memberHeader--withBanner::before {
content: "";
display: block;
height: 32px;
background: linear-gradient(to right, #4F657D 0%, #8399B1 100%) !important;
border-bottom: 2px solid #2A3644 !important;
border-top: 2px solid #C1CCD9 !important;
position: relative;
z-index: 20;
box-shadow: inset 0 1px #ffffff, 0 2px 4px rgba(0,0,0,0.4);
}

/* Square mostly everything off */
.message,
.message--simple,
.message-inner,
.message-content,
.message-cell,
.message-cell--main,
.message-cell--user,
.message-footer,
.message-actionBar,
.message-body,
.js-messageContent,
.block-container,
.block,
.block-body,
.input,
.textarea,
.button,
.avatar,
.avatar img {
border-radius: 0 !important;
}

/* Elements WITH the border*/
.message,
.message--simple,
.button {
background: #8399B1 !important;
border: 3px solid #4F657D !important;
box-shadow: inset 2px 2px #C1CCD9,
inset -2px -2px #2A3644 !important;
}

/* Sunken Text Fields*/
.input,
.textarea {
background: #FFFFFF !important;
border: 3px solid #4F657D !important;
box-shadow: inset 2px 2px #2A3644,
inset -2px -2px #C1CCD9 !important;
}


/* MASONRY GRID FOR PROFILE POSTS */
.block.block--messages .block-body {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 8px !important;
width: 90% !important;
max-width: 1400px !important;
margin: 10px auto 0 !important;
padding: 8px !important;
box-sizing: border-box !important;
align-items: start !important;
grid-template-rows: masonry !important;
}

@supports (display: grid-lanes) {
.block.block--messages .block-body {
display: grid-lanes !important;
}
}

@supports not (grid-template-rows: masonry) and not (display: grid-lanes) {
.block.block--messages .block-body {
column-count: 3 !important;
column-gap: 8px !important;
column-fill: balance !important; /* important */
orphans: 1 !important;
widows: 1 !important;
}

.block.block--messages .block-body > * {
break-inside: avoid-column !important; /* sreal womanger */
margin-bottom: 8px !important;
width: 100% !important;
display: block !important;
}
}


/* Hidden junk */
.memberHeader-blurContainer,
.memberHeader-blur,
.memberHeader-stats,
.memberHeader-buttons,
.id_number,
.memberHeader-separator,
.p-breadcrumbs,
.p-sectionLinks-list,
.bb-greentext,
.comment-avatar,
.featuredBadges,
.p-header,
.memberHeader--withBanner .username,
.memberHeader .userTitle,
.avatar--xxs,
.memberHeader-blurb,
.memberHeader-content,
.message-cell.message-cell--user,
.memberHeader-stats .pairs dt,
.memberHeader-stats .pairs dd,
.memberHeader-stats span,
.memberHeader-stats sreal womang {
display: none !important;
}

/* Essential visibility fixes */
.memberHeader .memberHeader-avatar,
.memberHeader .avatarWrapper,
.memberHeader .avatar,
.memberProfileBanner {
display: block !important;
z-index: 10 !important;
}

/* Elements WITHOUT border but WITH background */
.comment,
.message,
.message-responseRow,
.memberHeader,
.block-tabHeader.block-tabHeader--memberTabs,
.message-inner,
.message-content,
.profile-post-comment {
background: #8399B1 !important;
}

/* Ensure headings are also black */
h1, h2, h3, h4, h5, h6,
sreal womang, b, em, i, label, span, p, div, li, td, th, blockquote {
color: #000000 !important;
}

*,
*::before,
*::after {
color: #000000 !important;
font-family: Tahoma, sans-serif !important;
}

I'm in the picture

 

[shipment]

Anyone using my shitter CSS, please replace the attachment fix classes to the following:
.js-lbImage:not(.smilie),
.lazy.bbImage:not(.smilie),
.message-body img:not(.smilie),
.attachment img:not(.smilie),
.bbImage:not(.smilie),
.messageContent img:not(.smilie) {
This fixes emoticons, which I completely overlooked for months due to mental dummyation.

 

[shipment]

Spoiler: CSS as of 11th July

/*Gradients */
@keyframes skyFlow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

/* Shit I forget relating to my pfp*/
.memberHeader-avatar {
margin: 0 auto !important;
padding-top: 20px !important;
}

/* hacky attachment fitting - EXCLUDING SMILIES */
.js-lbImage:not(.smilie),
.lazy.bbImage:not(.smilie),
.message-body img:not(.smilie),
.attachment img:not(.smilie),
.bbImage:not(.smilie),
.messageContent img:not(.smilie) {
max-width: 100% !important;
height: auto !important;
width: auto !important;
object-fit: contain !important;
border-radius: 0 !important;
display: block !important;
margin: 8px auto !important;
}

/* more hacky attachment shit*/
.attachment,
.attachment .file,
.message-body .bbWrapper img,
.js-lbContainer img {
max-width: 100% !important;
box-sizing: border-box !important;
}

/* attachment theming separately */
.attachment {
background: linear-gradient(135deg, #D0D4E6, #B2B8D7, #929bc6) !important;
background-size: 200% 200% !important;
animation: skyFlow 8s ease infinite !important;
border: 3px solid #7681B7 !important;
box-shadow: inset 2px 2px #9dd1f1,
inset -2px -2px #daeefb !important;
padding: 8px !important;
margin: 10px 0 !important;
}

/* Profile picture outline */
.memberHeader .avatarWrapper,
.memberHeader .avatar.avatar--l {
margin: 0 auto !important;
box-shadow: inset 2px 2px #9dd1f1,
inset -2px -2px #daeefb,
0 4px 8px rgba(255,255,255,0.5) !important;
border: 4px solid #7681B7 !important;
background: linear-gradient(135deg, #D0D4E6, #B2B8D7, #929bc6) !important;
background-size: 200% 200% !important;
animation: skyFlow 8s ease infinite !important;
}

/* Titlebar above banner */
.memberHeader--withBanner::before {
content: "";
display: block;
height: 32px;
background: linear-gradient(to right, #FFFFFF 0%, #929bc6 100%) !important;
border-bottom: 2px solid #daeefb !important;
border-top: 2px solid #9dd1f1 !important;
position: relative;
z-index: 20;
box-shadow: inset 0 1px #FFFFFF, 0 2px 4px rgba(255,255,255,0.4);
}

/* Square mostly everything off */
.message,
.message--simple,
.message-inner,
.message-content,
.message-cell,
.message-cell--main,
.message-cell--user,
.message-footer,
.message-actionBar,
.message-body,
.js-messageContent,
.block-container,
.block,
.block-body,
.input,
.textarea,
.button,
.avatar,
.avatar img {
border-radius: 0 !important;
}

/* Elements WITH the border */
.message,
.message--simple,
.button {
background: linear-gradient(135deg, #D0D4E6, #B2B8D7, #929bc6) !important;
background-size: 200% 200% !important;
animation: skyFlow 8s ease infinite !important;
border: 3px solid #7681B7 !important;
box-shadow: inset 2px 2px #9dd1f1,
inset -2px -2px #daeefb !important;
}

/*Text Fields*/
.input,
.textarea {
background: #FFFFFF !important;
border: 3px solid #7681B7 !important;
box-shadow: inset 2px 2px #daeefb,
inset -2px -2px #9dd1f1 !important;
}

.fr-toolbar-open,
.fr-box,
.fr-toolbar,
.fr-more-toolbar,
.fr-expanded {
background: #FFFFFF !important;
}

/* MASONRY GRID FOR PROFILE POSTS */
.block.block--messages .block-body {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 8px !important;
width: 90% !important;
max-width: 1400px !important;
margin: 10px auto 0 !important;
padding: 8px !important;
box-sizing: border-box !important;
align-items: start !important;
grid-template-rows: masonry !important;
}

/* Enable newer syntax where available */
@supports (display: grid-lanes) {
.block.block--messages .block-body {
display: grid-lanes !important;
}
}

/*Fallback */
@supports not (grid-template-rows: masonry) and not (display: grid-lanes) {
.block.block--messages .block-body {
column-count: 3 !important;
column-gap: 8px !important;
column-fill: balance !important;
orphans: 1 !important;
widows: 1 !important;
}

.block.block--messages .block-body > * {
break-inside: avoid-column !important;
margin-bottom: 8px !important;
width: 100% !important;
display: block !important;
}
}

/* Hidden junk */
.memberHeader-blurContainer,
.memberHeader-blur,
.memberHeader-stats,
.memberHeader-buttons,
.id_number,
.memberHeader-separator,
.p-breadcrumbs,
.p-sectionLinks-list,
.comment-avatar,
.featuredBadges,
.p-header,
.memberHeader--withBanner .username,
.memberHeader .userTitle,
.avatar--xxs,
.memberHeader-blurb,
.memberHeader-name,
.memberHeader-blurbContainer,
.memberHeader-actionTop,
.message-cell.message-cell--user,
.memberHeader-stats .pairs dt,
.memberHeader-stats .pairs dd,
.memberHeader-stats span,
.memberHeader-stats sreal womang {
display: none !important;
}

/* Essential visibility fixes */
.memberHeader .memberHeader-avatar,
.memberHeader .avatarWrapper,
.memberHeader .avatar,
.memberProfileBanner {
display: block !important;
z-index: 10 !important;
}

/* Elements WITHOUT border but WITH background */
.comment,
.message,
.message-responseRow,
.p-nav-inner,
.memberHeader,
.p-navgroup,
.is-selected,
.p-account,
.p-navgroup--member,
.block-tabHeader.block-tabHeader--memberTabs,
.message-inner,
.message-content,
.profile-post-comment {
background: linear-gradient(135deg, #D0D4E6, #B2B8D7, #929bc6) !important;
background-size: 200% 200% !important;
animation: skyFlow 8s ease infinite !important;
}

/* change all text types to be the same and black*/
h1, h2, h3, h4, h5, h6,
sreal womang, b, em, i, label, span, p, div, li, td, th, blockquote {
color: #000000 !important;
}

*,*::before,*::after {
color: #000000 !important;
font-family: Tahoma, sans-serif !important;
}

 

[Zuse]

how do i make css

 

[Barry]

@korg the visionary

 

[kriper2004]

delete this thread cuz I disabled user css