Board Thread:Support Requests - Designing Your Wiki/@comment-31208684-20191204173005

Hello.

As the holidays near, I have been attempting to add snow in the chat by implementing SnowStormCSS through my personal Chat.css. However, I also need to make sure that the snow doesn't coincide with a custom background for chat I already have in place.

/* TDS Chatskin */ .Chat .message, .Chat .time { color: #FFFFFF; font-family: 'Albertus' !important; text-shadow: 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0); } .Chat .inline-alert { color: #dbf0ee; font-family: 'Albertus' !important; text-shadow: 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), 1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0), -1px 1px 15px rgba(0,39,38,1.0); } .Chat a { color: #333bcc !important; font-family: 'Albertus' !important; text-shadow: 1px 1px 15px rgba(0,0,0,1.0), 1px 1px 15px rgba(0,0,0,1.0), 1px 1px 15px rgba(0,0,0,1.0), -1px 1px 15px rgba(0,0,0,1.0), -1px 1px 15px rgba(0,0,0,1.0), -1px 1px 15px rgba(0,0,0,1.0); } .Chat .me-message { color: #e5b380; font-family: 'Albertus' !important; } .Chat .username { color:#d4802b; font-family: 'Albertus' !important; text-shadow: 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 5px #000, 1px 1px 5px #000, -1px 1px 5px #000, -1px 1px 5px #000; text-transform: uppercase; } body.ChatWindow #Rail .username { color: #FFFFFF; font-family: 'Albertus' !important; text-shadow: 1px 1px 2px #241208, -1px 1px 2px #241208; } .Rail .splotch { background-color: #2e35b8; background-image: none; } .Rail .User:hover { background: #241208; border-radius: 1px 1pc 1pc 1px; border-color: #57728f; box-shadow: 1px 1px 1px #222; color: #be5727; } .ChatWindow .chat-toolbar.wds-button-group, .ChatWindow .chat-toolbar.wds-button-group .chat-toolbar__dropdown, .ChatWindow .chat-toolbar.wds-button-group .chat-toolbar__dropdown .wds-dropdown__content { background-color: inherit; color: white; text-shadow: 1px 1px 15px rgb(0, 39, 38),1px 1px 15px rgb(0, 39, 38),1px 1px 15px rgb(0, 39, 38),1px 1px 15px rgb(0, 39, 38),1px 1px 15px rgb(0, 39, 38),-1px 1px 15px rgb(0, 39, 38),-1px 1px 15px rgb(0, 39, 38),-1px 1px 15px rgb(0, 39, 38),-1px 1px 15px rgb(0, 39, 38),-1px 1px 15px rgb(0, 39, 38); } .Chat { background-color: transparent; color: #000000; border-left: none; border-top: none; } .ChatWindow #WikiaPage { background: url(https://vignette.wikia.nocookie.net/wingsoffire/images/9/9e/STARFLIGHTCOVER.jpg/revision/latest?cb=20150322092955); background-size: auto 145%; background-position: 97% 5%; } .Chat .you { background: transparent; } .ChatHeader { background: url(https://vignette.wikia.nocookie.net/wingsoffire/images/9/9e/STARFLIGHTCOVER.jpg/revision/latest?cb=20150322092955) top no-repeat, linear-gradient(45deg, #14251e, #27333f, #14251e); background-size: cover; border-radius: 1pc; border-color: #57728f; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); }

.ChatWindow .UserStatsMenu { background-color: #1e140b; border: 3px solid #57728f; border-radius: 2pc 1pc; -webkit-box-shadow: 0 0 12px 0 v, inset -2px 0 5px#000000, inset -10px -1px 16px #000; box-shadow: 0 0 12px 0 #57728f, inset -2px 0 5px#000000, inset -10px -1px 16px #000; color: #c0ccd8 !important; }

.UserStatsMenu .info { background: linear-gradient(135deg, #3a4c5f, #4e657e, #27333f); } .ChatWindow #Rail { background: transparent !important; } .Write [name="message"] { background: rgba(255, 255, 255, 0.03); border-radius: 1pc; border-color: #57728f; color: white; text-shadow: 1px 1px 15px rgb(0, 39, 38),1px 1px 15px rgb(0, 39, 38),1px 1px 15px rgb(0, 39, 38),1px 1px 15px rgb(0, 39, 38),1px 1px 15px rgb(0, 39, 38),-1px 1px 15px rgb(0, 39, 38),-1px 1px 15px rgb(0, 39, 38),-1px 1px 15px rgb(0, 39, 38),-1px 1px 15px rgb(0, 39, 38),-1px 1px 15px rgb(0, 39, 38); font-family: 'Albertus' !important; } .Write .message { background: rgb(45,31,18,0.5); } .Rail .public { background: #1a2832; background-size: 5px 5px; border-radius: 1px 1pc 1pc 1px; border-color: #57728f; } .Rail .selected { background: linear-gradient(135deg, #1a2832, #233543); border-radius: 1px 1pc 1pc 1px; border-color: #57728f; box-shadow: 0 2px 6px rgba(0,0,0,0.75),inset 0 10px rgba(255,255,255,0.03),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .Rail .private { background: linear-gradient(135deg, #1a2832, #233543); border-radius: 1pc; border-color: #57728f; color: white; box-shadow: 0 2px 6px rgba(0,0,0,0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); }	border-color: #57728f !important; }
 * 1) WikiaPage {

/* Custom Ping Color */ .message.ping { background: -webkit-linear-gradient(left, #f22, #ff2, #2f2, #2f2, #2ff, #22f, #f2f, #f22) !important; font-family: 'Albertus' !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-shadow: 1px 1px 4px transparent !important; }

/* Mod Badge */ [data-user="Parkour2906"] .username::after, [data-user="Parkour2906"] .badge { content: ''; background-image: url("https://vignette.wikia.nocookie.net/wingsoffire/images/9/9c/Gayprideflag.png/revision/latest?cb=20191114223454") !important; }

Output: []

Could anyone help me out? Thanks in advance 