MediaWiki:Comments.css

/* Comments Styling */

.WikiaArticleComments .upper-pagination { border: 0 !important; } .WikiaArticleComments #article-comments > .MiniEditorWrapper #article-comm-form textarea { width: 99% !important; }

.article-comments .MiniEditorWrapper { background: rgba(0, 0, 0, 0.02) !important; padding-top: 30px; padding-right: 30px; padding-left: 10px; border-radius: 10px; transition: 0.3s ease; } .article-comments .MiniEditorWrapper:hover { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } background: rgba(0, 0, 0, 0.02) !important; padding: 10px; padding-bottom: 0.2px; padding-top: 0.2px; border-radius: 10px; transition: 0.3s ease; } box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); } .WikiaArticleComments .speech-bubble-message:before, .WikiaArticleComments .speech-bubble-message:after { display: none; } .WikiaArticleComments .speech-bubble-message { border: 0 !important; background: 0 !important; } li.comment.SpeechBubble { border: 0 !important; background: rgba(0, 0, 0, 0.03) !important; padding: 5px; border-radius: 10px; transition: 0.3s ease; } li.comment.SpeechBubble:hover { box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2); } .WikiaArticleComments .comments .article-comm-text > pre { margin-bottom: 8px; } .WikiaBlogListingPost .commentslikes .comments { background: rgba(0, 0, 0, 0) !important; } .WikiaBlogListingPost .commentslikes .comments:hover { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important; }
 * 1) article-comments-ul {
 * 1) article-comments-ul:hover {

.WikiaArticleComments #article-comments > .MiniEditorWrapper #article-comm-form textarea { padding-left: 5px; }

/* Message Wall Styling */

.comments { background: rgba(0, 0, 0, 0.05) !important; padding-left: 10px; border-radius: 10px; transition: 0.3s ease; } .comments:hover { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } div.SortingBar { margin-bottom: 10px; transition: 0.3s linear; background: rgba(0, 0, 0, 0.05) !important; border-radius: 10px !important; } div.SortingBar:hover { box-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.2); } span.SortingSelected { color: black !important; } .Wall ul.comments > li.message > .speech-bubble-message { background: rgba(0, 0, 0, 0); } .SpeechBubble .speech-bubble-message:before, .SpeechBubble .speech-bubble-message:after { display: none; } .SpeechBubble:before, .SpeechBubble:after { display: none; } .Wall ul.comments > li.message ul.replies > li { padding-right: 20px; }

.Wall .avatar { margin-left: 8.5px; }

.Wall .MiniEditorWrapper .avatar { margin-left: 0px; }

.Wall .SpeechBubble.new-message .speech-bubble-message { border-radius: 10px; padding: 15px !important; background: var(--comment-bg); transition: 0.3s ease; }

.Wall .new-message textarea.title { border-radius: 10px 10px 0px 0px; }

.Wall .new-message textarea.body { border-radius: 0px 0px 10px 10px; }

.SpeechBubble .new-reply { padding-left: 18px; background: rgba(0, 0, 0, 0) !important; border-top: 0 !important; }

.SpeechBubble .new-reply:hover { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important; transform: translate(0px, 0px) !important; }

.Wall ul.comments > li.message > .speech-bubble-message { background: rgba(0, 0, 0, 0.05); border-radius: 20px; margin-right: 20px !important; transition: 0.3s ease; padding-bottom: 1px; padding: 14px; }

.Wall ul.comments > li.message > .speech-bubble-message:hover { box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2) !important; }

.Wall .comments ul.replies > li:first-child:before, .Wall .comments ul.replies > li:first-child:after { display: none; }

.WallGreeting { margin-top: 15px; }

.Wall.Board .deleteorremove-infobox { margin-right: 20px; border: 0; }

html > body #Wall .new-reply .speech-bubble-avatar { margin-left: -5px; }

.Wall .comments .SpeechBubble .buttons { animation: fadeIn 0.3s linear; }

.Wall ul.comments > li.message li.message .speech-bubble-message { background: rgba(0, 0, 0, 0.05) !important; margin-left: 50px; padding: 5px; border-radius: 20px; padding-left: 15px; transition: 0.3s ease; }

.Wall ul.comments > li.message li.message .speech-bubble-message:hover { box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2) !important; }

.Wall ul.comments > li.message ul.replies > li { border-top: 0 !important; }