Thread:AmazingTLM/@comment-33229961-20190428012021/@comment-33229961-20190429144428

EsaïeGregoryPrickett wrote: Also put this into MediaWiki:Wikia.css The message walls are based off of the ModernProfile script on Dev, but the exact code follows: /* message Walls */ /** Original code by Pirr & Luqgreg form http://pl.nfs.wikia.com/wiki/MediaWiki:Profile.css **/ .Board .comments .SpeechBubble.message-main, .Board .SpeechBubble.new-message { border: 0; border-left: 3px solid currentColor; padding: 0 0 0 5px; margin: 15px 0 45px 0 } .Board .SpeechBubble.new-message { margin: 15px 0; } .Board .SpeechBubble .speech-bubble-message { margin-left: 0; border-radius: 0 !important; margin-bottom: 0 !important } .Board .SpeechBubble.message-main > .speech-bubble-avatar img, .Board .SpeechBubble.new-message .speech-bubble-avatar img { width: 32px; height: 32px; margin: 10px 10px 0; z-index: 2; } .Board .replies > li { padding-left: 20px } .Board .SpeechBubble .speech-bubble-message:after { display: none } .Board .comments .SpeechBubble > .replies { margin-left: 0 } .Board .edited-by { margin-top: 0; margin-bottom: 6px } .Board .deleteorremove-bubble { border-radius: 0; background: transparent; border: 0; box-shadow: none; padding: 0; padding-left: 10px } .Board .deleteorremove-bubble .avatar { height: 30px; width: 30px; margin-left: 0 !important } .Board .deleteorremove-bubble img { border: none } .Board .deleteorremove-bubble .message { margin-left: 50px } .Board .edited-by:after { content: none } .Board .SpeechBubble .speech-bubble-message .buttons { display: block; opacity: 0; transition: opacity 0.15s ease } .Board .SpeechBubble .speech-bubble-message:hover .buttons { opacity: 1 } .Board .deleteorremove-infobox { margin: 0 !important } .Board .SpeechBubble .load-more { margin: 0 } .Board .new-message textarea.title { margin-left: 50px; width: calc(100% - 50px); height: 36px } .Board .new-reply :not(.active) .speech-bubble-avatar { display: block; opacity: .5 } .Board .new-reply :not(.active) .speech-bubble-message { margin-left: 40px; padding: 1px 0 } .Board .speech-bubble-message .buttons ul li a { padding: 2px 5px } .Board .SpeechBubble.message-main > .speech-bubble-message .msg-title a { font-size: 18px } .Board .SpeechBubble.message-main > .speech-bubble-message .edited-by { font-size: 12px; line-height: 1 } .Board .MiniEditorWrapper .toolbar .cke_button > a { border-radius: 0 } .Board .wikia-button.secondary, .Board .wikia-button, .Board button, .Board .wikia-menu-button.secondary.combined, .Board button .quote-button.secondary { background-image: none; border-radius: 3px; font-size: x-small; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 10px; border: none; } .Board .wikia-button.secondary:hover, .Board .wikia-button:hover, .Board button:hover, .Board .wikia-menu-button.secondary.combined:hover, .Board button .quote-button.secondary:hover { background-image:none; } .Board .avatar { border-radius:50%; } .Board .wikia-menu-button.secondary.combined .WikiaMenuElement { border: 0; border-radius: 3px; box-shadow: 0 0 0px; } .Board .wikia-menu-button.secondary.combined .WikiaMenuElement:hover { transition: all 1s; transition-delay: 0.5s; } .Board .replyBody { text-transform: uppercase; font-family: Arial; border: none; } .Board .editarea { border: 0px !important } .Board .SpeechBubble:after { display: none !important } .Board .speech-bubble-message .MiniEditorWrapper { border-radius: 3px; } /* test */ .Board .wikia-menu-button.secondary .WikiaMenuElement li a { border-top: 0px !important; border-left: 0px !important; border-bottom: 0px !important; border-right: 0px !important; }

Credit goes Americhino of the Calvin and Hobbes Wiki and the original developers.

Oops, I forgot one thing, and its below user masthead info.

.UserProfileMasthead .masthead-info hgroup { background-image: none; border-radius: 0px !important; } .UserProfileMasthead .avatar { border-radius: 50%; border: none !important; } .UserProfileMasthead .masthead-info .masthead-info-lower::before { display: none } .avatar-controls img { display: none }	content: url("data:image/svg+xml;utf8,  "); margin-right: 5px; } .UserProfileMasthead .masthead-avatar .avatar-controls { float: right; text-align: right; width: 100%; transition: opacity 0.15s ease-out !important; } .UserProfileMasthead .masthead-avatar .avatar-controls a,   color: #ff6600 !Important; }	font-weight: bold; text-transform: uppercase; vertical-align: top; text-align: right !important; }	font-weight: bold; text-transform: uppercase; vertical-align: top; }	text-decoration: none; } .user-identity-box-edit svg { fill: #ff6600 !important } .UserProfileMasthead .masthead-info-lower::before { display: none !important; } .WikiaUserPagesHeader .tabs li { cursor: pointer !important; flex: 1 auto !important; float: left !important; font-size: 0.875rem !important; font-weight: 700 !important; height: 50px !important; line-height: 50px !important; margin: 0 !important; text-align: center !important; text-transform: uppercase !important; transition: filter 0.25s ease-out !important; } .WikiaUserPagesHeader .tabs li:hover a { text-decoration: none !important; } .WikiaUserPagesHeader .tabs li.selected a { background: none !important; border-bottom: 4px solid currentColor; } .WikiaUserPagesHeader .tabs li a { align-items: center; border: none; box-sizing: border-box; display: flex; height: 100%; justify-content: center; border-bottom:4px solid transparent; } .WikiaUserPagesHeader .tabs li:hover { filter: brightness(.7); } .UserProfileMasthead li.twitter a{   content: url("data:image/svg+xml; utf8,   ") } .UserProfileMasthead li.facebook a{   content: url("data:image/svg+xml; utf8,   ") } .UserProfileMasthead li.website a { content: url("data:image/svg+xml; utf8,  ") } .skin-oasis.oasis-dark-theme .UserProfileMasthead li.website a { content: url("data:image/svg+xml; utf8,  ") } .UserProfileMasthead hgroup .tag { border-radius: 2px !important; background-color: #c24e00 !important; padding: 5px 8px !important; } .UserProfileMasthead a:hover { filter: brightness(80%) } .UserProfileMasthead .masthead-avatar img:hover { transform: rotate(360deg); transition: 0.5s ease } .UserProfileMasthead .masthead-avatar img { transition: 0.5s ease }
 * 1) userAvatarEdit::before {
 * 1) userIdentityBoxEdit {
 * 1) userIdentityBoxEdit,
 * 2) userAvatarEdit {
 * 1) userIdentityBoxEdit,
 * 2) userAvatarEdit {
 * 1) userIdentityBoxEdit a:hover,
 * 2) userAvatarEdit a:hover {