MediaWiki:Comment.css


 * root {

--img-shadow-light: 0 2px 10px rgba(0, 0, 0, 0.2); --img-shadow-normal: 0 2px 10px rgba(0, 0, 0, 0.3); --img-shadow-dark: 0 2px 10px rgba(0, 0, 0, 0.4); --box-shadow-light: 0 0 10px rgba(0, 0, 0, 0.1); --box-shadow-normal: 0 0 10px rgba(0, 0, 0, 0.2); --box-shadow-dark: 0 0 10px rgba(0, 0, 0, 0.3); --box-shadow-darker: 0 0 10px rgba(0, 0, 0, 0.4); --color-trans-1: rgba(var(--color), 0.4); --color-trans-2: rgba(var(--color), 0.5); --color-trans-3: rgba(var(--color), 0.6); --color-trans-4: rgba(var(--color), 0.7); --color-solid: var(--color); --radius: 10px; }

/* == Display None == */ .SpeechBubble .speech-bubble-message::before, .SpeechBubble .speech-bubble-message::after, .Wall .comments ul.replies > li:first-child::before, .Wall .comments ul.replies > li:first-child::after, .UserProfileMasthead .masthead-info-lower::before, .Forum .DiscussionBox .message::before, .deleteorremove-infobox .deleteorremove-bubble.tail::before, .deleteorremove-infobox .deleteorremove-bubble.tail::after { display: none; }

/* == Comments == */ .WikiaArticleComments #article-comments-minieditor-newpost { padding: 10px 10px 0 10px; } .WikiaArticleComments #article-comments > .MiniEditorWrapper #article-comm-form { margin-bottom: 10px !important; } .speech-bubble-message figure:first-child { margin-top: 8px !important; } .WikiaArticleComments .SpeechBubble .wikia-button { background-image: none; border: 1px solid rgba(0, 0, 0, 0); background: none; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); opacity: 0.2; transition: opacity 0.2s, border 0.2s, background 0.2s; } .WikiaArticleComments .SpeechBubble:hover .wikia-button { background: var(--grey-solid); background-image: none; border: 1px solid var(--primary-border-color); opacity: 1; } .SpeechBubble .tools { visibility: visible; opacity: 0; transition: opacity 0.2s; } .SpeechBubble .speech-bubble-message:hover .tools { opacity: 1; } .WikiaArticleComments .article-comm-history { padding-left: 0; } .WikiaArticleComments #article-comments > .MiniEditorWrapper #article-comm-form { margin-bottom: 10px; } .WikiaArticleComments .sub-comments { margin: 0 !important; } .WikiaArticleComments .sub-comments .speech-bubble-message { padding-left: 165px !important; } .WikiaArticleComments .sub-comments .SpeechBubble .speech-bubble-avatar { transform: translate(95px, 10px) !important; }	background: var(--grey-trans-2); border-radius: var(--radius); border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border: 1px solid var(--primary-border-color); box-shadow: var(--box-shadow-normal); }	background: none; border: none; box-shadow: none; }	background: none; border: none; margin-left: 0; padding-left: 80px; transition: transform 0.3s; }	transform: translate(0, -2px); } .comment { margin: 0; }	border-radius: var(--radius); border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }	border-radius: var(--radius); border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .SpeechBubble, .speech-bubble-message { transition: background 0.2s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* .SpeechBubble .speech-bubble-message.current { border-radius: 0; box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.2); transition: transform 0.3s, box-shadow 0.3s !important; } .SpeechBubble .speech-bubble-message.current:hover { box-shadow: inset 0 2px 50px rgba(0, 0, 0, 0.25); } */ .SpeechBubble.odd { background: var(--grey-trans-2) !important; }	background: var(--grey-trans-4) !important; } .SpeechBubble .article-thumb { transition: 0.3s; margin: 0 15px 15px 15px !important; } .article-thumb img, .WikiaArticle .thumbinner canvas { filter: drop-shadow(var(--img-shadow-light)); } .article-thumb .info-icon { transition: opacity 0.3s; } .article-thumb.show-info-icon .info-icon { display: block; opacity: 0; } .article-thumb.show-info-icon:hover .info-icon { opacity: 1; }	transform: translate(0, -1px); } .SpeechBubble:hover .avatar { transform: translate(0, -4px); } .Wall .comments .SpeechBubble > ul .avatar, .deleteorremove-infobox .deleteorremove-bubble .avatar { transform: none !important; }
 * 1) article-comments-ul {
 * 1) article-comments-ul #article-comments-ul {
 * 1) article-comments-ul .SpeechBubble .speech-bubble-message {
 * 1) article-comments-ul .SpeechBubble:hover .speech-bubble-message {
 * 1) article-comments-ul > .SpeechBubble:first-child {
 * 1) article-comments-ul .SpeechBubble:last-child .speech-bubble-message {
 * 1) article-comments-ul .SpeechBubble:hover {
 * 1) article-comments-ul .SpeechBubble:hover .article-thumb, .Wall ul.comments > li.message > .speech-bubble-message:hover .article-thumb {

position: relative; z-index: 1; transform: translate(10px, 10px); } .avatar:not(li):not(div), .forum-user-avatar { border: 1px solid var(--avatar-border-color); box-shadow: var(--img-shadow-normal); transition: transform 0.3s; }   transition: none; border: none !important; } .avatar:not(li):not(div), .forum-user-avatar, .WallVotersModal ul li img { border-radius: var(--avatar-radius); box-shadow: var(--img-shadow-normal); } .article-comments-pagination { margin: 10px 0 !important; border: none !important; } .oasis-dark-theme .article-comments-pagination a.accent, .Pagination li.selected a { border-radius: 50%; padding: 4px 8px; color: #474646 !important; } .article-comments-pagination a.accent, .Pagination li.selected a { border-radius: 50%; padding: 2px 8px; } .Pagination { margin: 10px 0 0 0 !important; } .Pagination li { border-left: none !important; } .WikiaArticleComments .article-comments-pagination.upper-pagination { padding: 5px 0 !important; } .WikiaArticleComments .article-comments-pagination { padding: 10px 0 0 0; }
 * 1) article-comments-ul .SpeechBubble .speech-bubble-avatar, .Wall ul.comments > li.message > .speech-bubble-avatar, .Wall .SpeechBubble.new-message .speech-bubble-avatar {
 * 1) GlobalNavigationWallNotifications .notification .avatars .avatar {