Help Desk Request - Group CSS (and possibly profile CSS) is broken

By Draconid_Jo
23 Mar 2025 13:42
Category: Bug Report

All I did was make a slight modification to the CSS of my Ryuusei no Tami group (trying to change the message at the top with body::before), and it went from looking like it does in the 1st picture to how it does in the 2nd...

body::before {content: "We have been without electricity here since Election Day and without running water since early February. DCTheGamr will be returning to Paint on April 1st, and sometime after he does, he will try to finish the unfinished SDK Quilts." !important; text-align: justify; display: block; color:

; background-color: rgba(0, 0, 32, 0.9) !important; background-image: url("/images/upload_gallery/19317.jpg&quot

!important; background-position: center center !important; border: 3px solid rgba(0, 0, 32, 0.9) !important; font-family: "New Century Schoolbook", "TeX Gyre Schola", serif !important; font-style: normal !important; font-weight: bold !important; font-size: 16px !important; box-shadow:

1px 1px 20px,

-1px -1px 20px !important; }

body { background-color:

!important; background-image: url("/images/upload_gallery/9548.jpg&quot

!important; background-attachment: fixed !important; background-position: center center !important; }

div { color:

; background: transparent !important; text-shadow:

1px 1px 7px,

-1px -1px 7px !important; border-color: transparent !important; text-align: center !important; font-family: "New Century Schoolbook", "TeX Gyre Schola", serif !important; font-style: normal !important; font-weight: normal !important; }

div.menu_section { border: transparent; background: transparent !important; max-width: 1280px !important; }

div.form_body { background-color: rgba(0, 0, 32, 0.9) !important; text-align: center !important; }

div.spoiler_body { background-color: rgba(0, 208, 128, 0.3) !important; text-shadow:

1px 1px 7px,

-1px -1px 7px !important; }

div.button_div { background-color: rgba(0, 0, 32, 0.9) !important; border: 2px solid

!important; border-radius: 10px !important; box-shadow:

1px 1px 2px,

-1px -1px 2px !important; padding: 4px !important; margin: 5px auto !important; }

div.zebra { max-width: 99%; background-color: rgba(0, 0, 32, 0.9) !important; border: 3px solid

!important; border-radius: 10px !important; box-shadow:

1px 1px 3px,

-1px -1px 3px !important; margin: 8px auto !important; text-align: center !important; }

.alerts_popup { animation-duration: 2s; background-color: rgba(0, 0, 32, 0.9) !important; font-weight: bold !important; animation-name: Aurorus !important; animation-iteration-count: infinite !important; }

.alerts_popup::before { content: "There's a " !important; }

.alerts_popup::after { content: "! Please read it ASAP!" !important; }

{ content: url("https://snipboard.io/6O2sdm.jpg&quot

!important; max-width: 69% !important; }

div.nav_div { color:

!important; text-shadow:

1px 1px 7px,

-1px -1px 7px !important; border-color: transparent !important; text-align: center !important; font-family: "New Century Schoolbook", "TeX Gyre Schola", serif !important; font-style: normal !important; font-variant: small-caps !important; font-weight: bold !important; text-transform: capitalize !important; }

h1 { color:

; text-shadow:

1px 1px 14px,

-1px -1px 14px !important; text-align: center !important; font-family: "Tribal Dragon", Luminari, fantasy !important; font-style: normal !important; border: hidden !important; background-color: transparent !important; }

h1::before, h1::after { content: url("http://i.imgur.com/icXqXEC.gif&quot

; z-index: -1; position: relative; }

@keyframes Aurorus {
0% { color:

; }
25% { color:

; }
50% { color:

; }
75% { color:

; }
100% { color:

; }
}

.form_button { background:

!important; color:

!important; text-shadow:

1px 1px 7px,

-1px -1px 7px !important; border-style: solid !important; border-color:

!important; border-width: 1px !important; box-shadow:

1px 1px 10px,

-1px -1px 10px !important; text-align: center center !important; border-radius: 25px !important; font-family: "Tribal Dragon", fantasy !important; font-style: normal !important; font-variant: small-caps !important; font-weight: bold !important; }

.avatar { border-radius: 50px !important; height: 80px !important; width: 80px !important; border-color:

!important; border-style: solid !important; box-shadow:

1px 1px 10px,

-1px -1px 10px !important; }

.nav_avatar { border-radius: 20px !important; height: 32px !important; width: 32px !important; border-color:

!important; border-style: solid !important; border-width: 2px !important; box-shadow:

1px 1px 7px,

-1px -1px 7px !important; }

.form_textarea { background: url("http://i.imgur.com/fksxjfH.jpg&quot

center center !important; text-color:

; text-shadow:

1px 1px 10px,

-1px -1px 10px !important; font-family: "American Typewriter", serif !important; font-style: normal !important; font-weight: bold !important; font-size: 14px !important; }

textarea { width: 220px !important; height: 220px !important; box-shadow:

1px 1px 20px,

-1px -1px 20px !important; }

input:hover { color:

; background-color:

!important; text-shadow:

1px 1px 7px,

-1px -1px 7px !important; border: hidden !important; text-align: center !important; font-family: "American Typewriter", serif !important; font-style: normal !important; font-weight: bold !important; }

::selection { background-color:

!important; color:

!important; text-shadow:

1px 1px 7px,

-1px -1px 7px !important; font-family: "New Century Schoolbook", "TeX Gyre Schola", serif !important; font-style: normal !important; font-weight: bold !important; }

a:hover { color:

; background-color:

!important; font-weight: bold !important; }

a { color:

!important; text-shadow:

1px 1px 4px,

-1px -1px 4px !important; font-weight: bold !important; }

p { font-style: italic !important; }

blockquote { font-family: "Snell Roundhand", cursive !important; }

.zebra [src$="246735.png"] { content: url("/images/upload_gallery/24254.jpg&quot

!important; }

a[href$="137730"]::before { animation-duration: 2s; content: "Reptilian Overlord 🦈🦖" !important; animation-name: Aurorus !important; animation-iteration-count: infinite !important; }

a[href$="137730"]::after { animation-duration: 2s; content: "🐉🌠 the 流星" !important; animation-name: Aurorus !important; animation-iteration-count: infinite !important; }

a[href$="140519"]::after { content: "

" !important; color:

!important; }

a[href$="150961"]::before { content: "Da Digital Cheese Empire Emperor" !important; color:

!important; "New Century Schoolbook", "TeX Gyre Schola", serif !important; font-style: normal !important; font-weight: normal !important; font-size: 12px !important; text-align: center !important; text-shadow:

1px 1px 4px,

-1px -1px 4px !important; text-decoration: underline !important; }

a[href$="150961"] { color: transparent !important; font-size: 1px !important; text-shadow: transparent 0px 0px 0px, transparent 0px 0px 0px !important; }

a[href$="145053"]::before { content: "Calem" !important; color:

!important; font-family: "New Century Schoolbook", "TeX Gyre Schola", serif !important; font-style: normal !important; font-weight: normal !important; font-size: 12px !important; text-align: center !important; text-shadow:

1px 1px 4px,

-1px -1px 4px !important; text-decoration: underline !important; }

a[href$="145053"] { color: transparent !important; font-size: 1px !important; text-shadow: transparent 0px 0px 0px, transparent 0px 0px 0px !important; }

a[href$="151161"]::before { animation-duration: 2s; content: "Olivia the Paint Princess" !important; font-family: "New Century Schoolbook", "TeX Gyre Schola", serif !important; font-style: normal !important; font-weight: normal !important; font-size: 12px !important; text-align: center !important; text-shadow: pink 1px 1px 4px, pink -1px -1px 4px !important; text-decoration: underline !important; animation-name: Aurorus !important; animation-iteration-count: infinite !important; }

a[href$="151161"] { color: transparent !important; font-size: 1px !important; text-shadow: transparent 0px 0px 0px, transparent 0px 0px 0px !important; }

[src="/images/icons/icon_home.png"] { background: transparent !important; opacity: 0.5 !important; }

[src="/images/icons/icon_back.png"] { background: transparent !important; opacity: 0.5 !important; }

Resolved: No
Bug Report High 0 hr

Help Desk Request - Group CSS (and possibly profile CSS) is broken

Responses

History