MediaWiki:ModernComment.css

/* Credit to BTS Wiki put on https://bts.fandom.com/wiki/MediaWiki:ModernComment.css */

/* Раньше здесь была куча кода но теперь тут совсем чуть-чуть... */ .InlineEntityFormWrapper_inline-entity-form-wrapper__12amV, .Comment_wrapper__2mxBn, #MessageWall .Message__wrapper { box-shadow: 0 2px 4px rgba(0,0,0,0); border-radius: 5px !important; }

.EntityTopBar_fold__3wHqJ, .PostIndicator__fold { display: none !important; }

.EntityTopBar_details__1lRTs { border-bottom-color: #d7707f !important; color: #d7707f; }

/* =============    Credit to kingdomthegame.fandom.com and ITZY Wiki ============= */ /* Comments - important !!! */	margin: 0 auto; background-color: inherit; }
 * 1) articleComments,
 * 2) MessageWall {

.article-comments-app { margin-top: 30px; background-color: inherit; }

/* Comments/Messages - list */ .article-comments-app div[class^="CommentList_comment-list"] { margin: 6px 0 0 0; padding: 0 6px 0 0; background-color: inherit; }

padding: 12px 0 20px; }
 * 1) MessageWall .MessageWallForum {

/* Comments - counter */ .article-comments-app div[class^="CommentCounter"] { padding: 10px 0 0.2em; background-color: inherit; background-image: linear-gradient(to top, var(--em-2) .7em, transparent .7em, transparent 100%); }

.article-comments-app p[class^="CommentList_empty-state-title"] { padding: 0 0 0.1em; background-image: linear-gradient(to top, var(--em-2) .45em, transparent .45em, transparent 100%); }

.article-comments-app div[class^="CommentCounter"]:before { margin: 0; top: 24px; position: relative; box-shadow: 0 3px 5px 0 rgba(0,0,0,0); }

.article-comments-app div[class^="CommentList_empty-state"], .article-comments-app div[class^="CommentCounter"] { text-align: right; }

.article-comments-app div[class^="CommentList_empty-state"] { position: relative; margin: 16px 0 0; padding: 0 0 36px; }

.article-comments-app div[class^="CommentList_empty-state"]:after { content: ''; display: block; }

.article-comments-app p[class^="CommentList_empty-state-title"], .article-comments-app div[class^="CommentCounter"] > p { font-size: 24px; margin: 0; color: var(--theme-page-text-color); line-height: 1; font-weight: normal; }

.article-comments-app div[class^="CommentCounter"] > p { position: relative; }

.article-comments-app p[class^="CommentList_empty-state-title"] { text-transform: lowercase; }

.article-comments-app p[class^="CommentList_empty-state-title"]:first-letter { text-transform: uppercase; }

.article-comments-app p[class^="CommentList_empty-state-message"] { margin: 8px 0 0; color: var(--theme-page-text-color); }

/* Comments - desktop - limited height */ .article-comments-app div[class^="CommentCounter"] { position: sticky; top: 42px; z-index: 9; background-color: inherit; }

.article-comments-app div[class^="CommentList_empty-state"]:before, .article-comments-app div[class^="CommentCounter"]:before { content: ''; display: block; margin: 18px 0 -24px 0; height: 6px; background-color: var(--theme-page-background-color--secondary); }

@media (hover: hover) and (pointer: fine) { .article-comments-app div[class^="CommentList_empty-state"] { z-index: 1; margin: 25px 0 -12px; background-color: inherit; }	.article-comments-app div[class^="CommentList_comment-list"] { max-height: calc(100vh - 86px); overflow-y: auto; transition: max-height .2s; }	.wikia-bar-visible .article-comments-app div[class^="CommentList_comment-list"] { max-height: calc(100vh - 104px); }	.article-comments-app div[class^="CommentList_comment-list"]:after { content: ''; display: block; position: sticky; border-bottom: 6px solid rgba(0,0,0,0); width: 100%; height: 12px; bottom: 0; background: rgba(0,0,0,0); box-shadow: 0 1px 0 rgba(0,0,0,0); } }

/* Comments/Messages - trigger */ .article-comments-app div[class^="ReplyCreate"] { margin: 0; } .page div[class^="InlineEntityFormWrapper"] { border: 0; padding: 0; background: none; } .page div[id] > div > div[class^="InlineEntityFormWrapper"] { margin-bottom: 12px; padding-left: 80px; } .page div[class^="InlineEntityFormWrapper"]:not([class*="editor-form"]) { pointer-events: none; } div[id] > div > div[class^="InlineEntityFormWrapper"]:not([class*="editor-form"]) { margin-bottom: 48px; } div[data-testid="article-comments__comment"] div[class^="ReplyCreate"] > div:not([class*="editor-form"]) { padding-left: 70px; } .Message__wrapper > div[class^="Inline"]:not([class*="editor-form"]) { padding-left: 70px; height: 50px; } div[data-testid="article-comments__comment"] div[class^="ReplyCreate"] > div:not([class*="editor-form"]), div[data-testid="article-comments__comment"] div[class^="ReplyCreate"] > div, .Message__wrapper > div[class^="Inline"]:not([class*="editor-form"]) { margin: 10px 0 46px; } .page div[class^="FormEntryPoint_form"] { position: relative; border-radius: 6px; background-color: var(--theme-page-background-color--secondary); color: var(--theme-page-text-color); pointer-events: auto; } .message-wall-app div[class^="FormEntryPoint_form"] { height: 92px; } .page div[class^="FormEntryPoint_text"] { margin-left: 16px; } .message-wall-app > div > div > div[class^="FormEntryPoint_text"] { margin-top: -53px; }

/* Comments - filter */ display: contents; }	display: none; }	display: block; position: relative; height: 0; top: 19px; margin: 0; z-index: 10; color: var(--theme-page-text-color); } /* Messages - filter */ .message-wall-app > .messagewall-filters { margin-top: 0; } .message-wall-app > .messagewall-filters .view-filter .view-filter__toggle.wds-button.wds-is-text:hover, .message-wall-app > .messagewall-filters .view-filter .view-filter__toggle.wds-button.wds-is-text:focus, .message-wall-app > .messagewall-filters .view-filter .view-filter__toggle.wds-button.wds-is-text:active { box-shadow: none; color: var(--theme-page-text-color) !important; } .message-wall-app > .messagewall-filters .view-filter .view-filter__dropdown { background-color: var(--theme-page-background-color) !important; min-width: unset; padding: 0; overflow: hidden; } .message-wall-app > .messagewall-filters .view-filter .view-filter__dropdown .view-filter__section-label { display: none; } .message-wall-app > .messagewall-filters .view-filter .view-filter__dropdown .view-filter__view-option { margin: 0; line-height: 1; } .message-wall-app > .messagewall-filters .view-filter .view-filter__dropdown .view-filter__view-option .wds-checkbox__label { white-space: nowrap; padding: 12px 16px; } .message-wall-app > .messagewall-filters .view-filter .view-filter__dropdown .view-filter__view-option .wds-checkbox__label:hover { background-color: var(--bg-wine-1); }
 * 1) articleComments div[class^="Filters_article-comments"],
 * 2) articleComments div[class^="Filters_article-comments"] div,
 * 3) articleComments div[class^="Filters_article-comments"] section {
 * 1) articleComments div[class^="Filters_article-comments"] button,
 * 2) articleComments div[class^="Filters_article-comments"] h2 {
 * 1) articleComments div[class^="Filters_article-comments"] .wds-checkbox {

/* Comments/Messages - avatar */ .page div[class^="FormEntryPoint"] > .wds-avatar { border-radius: 50%; background-color: var(--theme-page-background-color); pointer-events: none; transition: opacity .6s; } .article-comments-app > div > div[class^="FormEntryPoint"] > .wds-avatar { margin: 0 20px 0 -80px; } .message-wall-app > div > div[class^="FormEntryPoint"] > .wds-avatar { margin: -32px 20px 0 -80px; } div[id] > div > div > div[class^="FormEntryPoint"] > .wds-avatar, div[id] > div > div > .EditorForm > .wds-avatar, div[class^="Comment"] > div > span > .wds-avatar, .Message > div > span > .wds-avatar { width: 60px; height: 60px; } .article-comments-app div[class^="Reply"] div[class^="FormEntryPoint"] > .wds-avatar, .Message__wrapper div[class^="FormEntryPoint"] > .wds-avatar { margin: 0 20px 0 -70px; } .article-comments-app div[class^="Reply"] .wds-avatar, .message-wall-app .Message ~ div .wds-avatar { width: 50px; height: 50px; } .article-comments-app div[class^="Comment_body"] .wds-avatar, .message-wall-app .Message .wds-avatar { margin: 18px 43px 0 -103px; } .article-comments-app div[class^="Reply_body"] .wds-avatar, .message-wall-app .Reply .wds-avatar { margin: 8px 44px 0 -94px; } div[id] > div > div > .EditorForm > .wds-avatar { margin: 0 20px -25px -80px; } .article-comments-app .wds-avatar > a, .message-wall-app .wds-avatar > a { display: block; border-radius: 50%; overflow: hidden; opacity: .7; transition: opacity .6s; } .page .wds-avatar > a:hover { opacity: 1; transition: opacity .3s; } .article-comments-app .wds-avatar > a > img, .message-wall-app .wds-avatar > a > img { pointer-events: none; background-color: unset; } .article-comments-app .wds-avatar > a[href^="/wiki/User:"] > img, .message-wall-app .wds-avatar > a[href^="/wiki/User:"] > img { border: 4px solid transparent; } .wds-avatar a:hover *, .wds-avatar a:hover .wds-avatar__image { color: var(--theme-page-text-color); } .page div[class^="FormEntryPoint"] .wds-avatar > img { transition: opacity .6s; } .page div[class^="FormEntryPoint"]:hover .wds-avatar > img { opacity: .7; transition: opacity .3s; }

.page .wds-avatar > a:not([href*="."]):not([href*="%"]) > svg { fill: var(--theme-page-background-color); }
 * 1) MessageWall .wds-avatar > a:not([href*="."]):not([href*="%"]) > svg,

/* Comments/Messages - balloon arrow */ .article-comments-app div[class^="Comment_comment"]:before, .article-comments-app div[class^="Reply_body"]:before, .message-wall-app .Message:before, .message-wall-app .Reply:before, .page div[class^="FormEntryPoint_form"]:before, .page div[class^="FormEntryPoint_form"]:after, .article-comments-app > div[class^="Inline"] .ProseMirror:before, .article-comments-app > div[class^="Inline"] .ProseMirror:after, .message-wall-app > div > .EditorForm > .wds-input:before, .message-wall-app > div > .EditorForm > .wds-input:after, div[data-testid="article-comments__comment"] .ProseMirror:before, div[data-testid="article-comments__comment"] .ProseMirror:after, .Message__wrapper .ProseMirror:before, .Message__wrapper .ProseMirror:after { content: ''; position: absolute; border-width: 18px; border-style: solid; height: 0; transition: border-color .6s; } .page div[class^="FormEntryPoint_form"]:after, .page .ProseMirror:after, .message-wall-app > div > .EditorForm > .wds-input:after { border-width: 17px; } div[class^="CommentList_comment-list"] > div:nth-child(even) > div[class^="Comment_comment"]:before, div[class^="CommentList_comment-list"] > div:nth-child(even) div[class^="Reply_body"]:before, div[class^="ArticleCommentsSingle"] ~ div div[class^="Comment_comment"]:before, div[class^="ArticleCommentsSingle"] ~ div div[class^="Reply_body"]:before, .MessageWallForum > div:nth-child(odd) > .Message:before, .MessageWallForum > div:nth-child(odd) .Reply:before, .MessageWallSingleThread > div > .Message:before, .MessageWallSingleThread .Reply:before { border-color: transparent var(--theme-page-background-color--secondary) transparent transparent; } div[class^="CommentList_comment-list"] > div:nth-child(odd) > div[class^="Comment_comment"]:before, div[class^="CommentList_comment-list"] > div:nth-child(odd) div[class^="Reply_body"]:before, .MessageWallForum > div:nth-child(even) > .Message:before, .MessageWallForum > div:nth-child(even) .Reply:before { border-color: transparent var(--theme-page-background-color--secondary) transparent transparent; } .page div[class^="FormEntryPoint_form"]:before, .page div[class^="FormEntryPoint_form"]:after { border-color: transparent var(--theme-page-background-color--secondary) transparent transparent; } .page .ProseMirror:before, .page .ProseMirror:after, .message-wall-app > div > .EditorForm > .wds-input:before, .message-wall-app > div > .EditorForm > .wds-input:after { border-color: transparent var(--theme-page-background-color--secondary) transparent transparent; } .page div[class^="FormEntryPoint_form"]:before, .article-comments-app div[class^="Comment_comment"]:before, .article-comments-app div[class^="Reply_body"]:before, .message-wall-app .Message:before, .message-wall-app .Reply:before, .article-comments-app > div > div[class^="FormEntry"]:before, .page .ProseMirror:before { top: 6px; left: -36px; } .page div[class^="FormEntryPoint_form"]:after, .article-comments-app > div > div[class^="FormEntry"]:after, .message-wall-app .ProseMirror:after { top: 7px; left: -32px; } .article-comments-app .ProseMirror:after { top: 6px; left: -33px; } .message-wall-app > div[class^="Inline"] > div[class^="FormEntry"]:before, .message-wall-app > div > .EditorForm > .wds-input:before { top: 1px; left: -34px; } .message-wall-app > div[class^="Inline"] > div[class^="FormEntry"]:after, .message-wall-app > div > .EditorForm > .wds-input:after { top: 2px; left: -30px; } .page .ProseMirror:hover:before, .page .ProseMirror-focused:before, .message-wall-app > div > .EditorForm > .wds-input:hover:before, .message-wall-app > div > .EditorForm > .wds-input:hover:after, .message-wall-app > div > .EditorForm > .is-focused:before { transition: border-color .3s; }

/* Comment/Message/Reply */ .article-comments-app div[data-testid="article-comments__comment"], margin: 0 0 0 80px; border: 0; border-radius: 6px; padding: 0; } .article-comments-app div[class^="Comment_comment"], border-radius: 6px; padding: 12px 24px; } div[class^="CommentList_comment-list"] > div:nth-child(even) > div[class^="Comment_comment"], div[class^="CommentList_comment-list"] > div:nth-child(even) div[class^="Reply_body"], div[class^="ArticleCommentsSingle"] ~ div div[class^="Comment_comment"], div[class^="ArticleCommentsSingle"] ~ div div[class^="Reply_body"], .MessageWallForum > div:nth-child(odd) > .Message, .MessageWallForum > div:nth-child(odd) .Reply, .MessageWallSingleThread > div > .Message, .MessageWallSingleThread .Reply { background-color: var(--theme-page-background-color--secondary); } div[class^="CommentList_comment-list"] > div:nth-child(odd) > div[class^="Comment_comment"], div[class^="CommentList_comment-list"] > div:nth-child(odd) div[class^="Reply_body"], .MessageWallForum > div:nth-child(even) > .Message, .MessageWallForum > div:nth-child(even) .Reply { background-color: var(--theme-page-background-color--secondary); } .article-comments-app div[class^="Comment_body"] { padding: 0; } .page div[class^="EntityHeader"] { height: 24px; margin-bottom: 6px; pointer-events: none; } .page div[class^="EntityHeader"] > * { pointer-events: auto; } .page span[class^="EntityHeader_header"] { height: 24px; } .page a[class^="EntityHeader_name"] { color: var(--theme-page-text-color); } .page a[class^="EntityHeader_name"][href="#"] { pointer-events: none; } .page span[class^="EntityHeader_middot"] { padding: 4px 6px 0; } .page span[class^="EntityHeader_header"] time { color: var(--theme-page-text-color--hover); } .page div[class^="EntityHeader"] .wds-dropdown { padding: 0 7px; margin-right: -12px; } .page div[class^="EntityHeader"] .wds-dropdown__content { padding: 6px 0; transform: none; left: unset; right: -9px; } .wds-dropdown [class^="ActionItem_action-item"] { min-width: 100px; padding: 6px 12px 6px 8px; color: var(--theme-page-text-mix-color); }	display: inline-block; margin: 0 0 6px !important; color: #ffffff; text-shadow: 2px 2px 4px #000; } div[class^="CommentList_comment-list"] > div:nth-child(even) .is-large-content:before, div[class^="ArticleCommentsSingle"] + div .is-large-content:before, .MessageWallForum > div:nth-child(odd) .is-large-content:before, .MessageWallSingleThread .is-large-content:before { background-image: linear-gradient(to bottom, transparent 550px, var(--theme-page-background-color--secondary) 650px); } div[class^="CommentList_comment-list"] > div:nth-child(odd) .is-large-content:before, .MessageWallForum > div:nth-child(even) .is-large-content:before { background-image: linear-gradient(to bottom, transparent 550px, var(--theme-page-background-color--secondary) 650px); } .article-comments-app div[class^="ReplyList_container"] { margin: 0; } .article-comments-app span[class^="ReplyList_top-border"], display: none; } .article-comments-app div[class^="ReplyList_list-wrapper"], .message-wall-app .Replies { margin: 10px 0 10px 70px; } .article-comments-app div[class^="Reply_reply"] { padding: 0; } .article-comments-app div[class^="Reply_body"], margin: 10px 0 10px; border: 0; border-radius: 6px; padding: 12px 24px; } .article-comments-app div[class*="Reply_focused"] { background-color: transparent; } .article-comments-app div[class*="Reply_focused"] > div[class^="Reply_body"] { background-color: var(--theme-page-background-color); } .article-comments-app div[class*="Reply_focused"] > div[class^="Reply_body"]:before { border-color: transparent var(--theme-page-background-color) transparent transparent; }
 * 1) MessageWall .Message__wrapper {
 * 1) MessageWall .Message {
 * 1) MessageWall .Message__title {
 * 1) MessageWall .Message__break {
 * 1) MessageWall .Reply {

/* Comment/Message/Reply - view more replies */ border: 0; margin: 0; padding: 0; } .article-comments-app button[class^="ReplyList_view-all-replies"] { margin: 10px 0 0; width: 100%; } .message-wall-app .ViewMoreReplies__button { width: 100%; }	background-color: var(--theme-page-accent-mix-color); }	background-color: var(--theme-accent-color); }
 * 1) MessageWall .ViewMoreReplies {
 * 1) MessageWall .MessageWallForum .load-more-button {
 * 1) MessageWall .MessageWallForum .load-more-button:hover {

/* Comment/Message/Reply - elements inside the message */ .page .entity-content { white-space: normal; } .page .entity-content .read-more { bottom: 6px; } .page .entity-content + [class^="EditedBy_"] { display: none; }	margin-top: 0; }	margin-bottom: 0; }	display: none; } .page-footer .ProseMirror pre, .page-footer .entity-content pre { margin: 4px 0; } .page-footer .entity-content ul, .page-footer .entity-content ol, .page-footer .rich-text-editor__content .ProseMirror ul, .page-footer .rich-text-editor__content .ProseMirror ol { margin: .4em 0 .5em 1.8em; padding: 0; } .page-footer .entity-content ul, .page-footer .rich-text-editor__content .ProseMirror ul { list-style: square; } .page .ProseMirror .removable.rich-text-editor__image { margin: 6px 0 0; border-radius: 4px; max-height: 54px; overflow-y: hidden; } .page .entity-content .post__image-wrapper { margin: 6px 0; } .page .entity-content .post__image-wrapper > .post__image { border: 0; cursor: pointer; } .page .entity-content pre code, .page .rich-text-editor__content .ProseMirror pre code { background-color: transparent; padding: 0; } .page .lightbox__content { height: calc(100vh - 92px); top: 46px; transform: translate(-50%, 0); width: calc(100vw - 92px); } .page .lightbox__overlay > .lightbox__content > .lightbox__close { transform: translate(100%, -100%); padding: 6px; line-height: 0; cursor: pointer; } .page .lightbox__overlay > .lightbox__content > .lightbox__close:hover { background-color: var(--theme-sticky-nav-background-color); }
 * 1) articleComments .entity-content > *:first-child,
 * 2) MessageWall .entity-content > *:first-child,
 * 3) articleComments .rich-text-editor__content .ProseMirror > *:first-child,
 * 4) MessageWall .rich-text-editor__content .ProseMirror > *:first-child {
 * 1) articleComments .entity-content > *:last-child,
 * 2) MessageWall .entity-content > *:last-child,
 * 3) articleComments .rich-text-editor__content .ProseMirror > *:last-child,
 * 4) MessageWall .rich-text-editor__content .ProseMirror > *:last-child {
 * 1) articleComments .entity-content > p:last-child > br,
 * 2) MessageWall .entity-content > p:last-child > br {

/* Comment/Message/Reply - editor */ .article-comments-app div[class^="ReplyCreate"] > div[class*="editor-form"], .Message__wrapper > div[class^="Inline"][class*="editor-form"] { margin: 10px 0; } .page .EditorForm { border: 0; padding: 0; justify-content: space-between; font-size: 14px; pointer-events: none; } .article-comments-app > div > .EditorForm { min-height: 100px; } div[class^="CommentList_comment-list"] .EditorForm, .MessageWallForum .EditorForm { min-height: 90px; } .message-wall-app > div > .EditorForm > .wds-input { padding: 0; flex-basis: 100%; bottom: unset; height: 38px; margin-bottom: 10px; } .message-wall-app > div > .EditorForm > .wds-input > .wds-input__field { border-radius: 6px; background-color: var(--theme-page-background-color--secondary); pointer-events: auto; } .message-wall-app > div > .EditorForm > .wds-input > .wds-input__field { padding: 11px 16px 9px; } .message-wall-app > div > .EditorForm > .wds-input > .wds-input__label { display: none; }	margin: 0; } div[data-testid="article-comments__comment"] div:not([class^="Modal"]) > div > .EditorForm_editor, .Message__wrapper .EditorForm_editor { flex-basis: calc(100% - 70px); } .article-comments-app .rich-text-editor__wrapper { margin-top: 0 !important; }	margin-top: 0; } .page .rich-text-editor__wrapper, .page .rich-text-editor__content { overflow: visible; } .article-comments-app .rich-text-editor__content { padding: 0; }	padding: 0; min-height: unset; } .page .EditorForm_editor .is-empty:before { color: var(--theme-page-text-color); z-index: 1; } .article-comments-app > div[class^="Inline"] .is-empty:before { top: 18px; left: 16px; } .message-wall-app > div[class^="Inline"] .rich-text-editor__content.is-empty:before { top: 10px; left: 16px; } div[data-testid="article-comments__comment"] .is-empty:before, .Message__wrapper .EditorForm .is-empty:before { top: 13px; left: 15px; } .page .ProseMirror { position: relative; border-radius: 6px; box-shadow: inset 0 0 0 2px transparent; background-color: var(--theme-page-background-color--secondary); pointer-events: auto; } .article-comments-app > div[class^="Inline"] .ProseMirror { padding: 18px 16px; min-height: unset; } .message-wall-app > div > .EditorForm .ProseMirror { padding: 10px 16px; } div[data-testid="article-comments__comment"] .ProseMirror, .Message__wrapper .ProseMirror { padding: 13px 15px; min-height: unset; }
 * 1) MessageWall .EditorForm_editor {
 * 1) MessageWall .message-wall-app .rich-text-editor__wrapper {
 * 1) MessageWall .rich-text-editor__content {

/* Comment/Message/Reply - tool bar */ .page .rich-text-editor__toolbar { margin-top: 6px; height: 34px; } .page .rich-text-editor__toolbar.is-expanded:not(.is-disabled) { overflow-y: hidden; } .page .rich-text-editor__toolbar__icons-container { margin: 0 6px; border: 0; padding: 0; } .page .rich-text-editor__toolbar__icon-controls { height: 32px; } .page .rich-text-editor__toolbar__icon-wrapper { margin-left: 6px; width: 32px; height: 32px; padding: 0; } .page .rich-text-editor__toolbar:not(.is-expanded) .rich-text-editor__toolbar__icon-controls:hover, .page .rich-text-editor__toolbar__icon-wrapper:not(.is-active):hover { background-color: var(--theme-accent-color); } .page .rich-text-editor__toolbar.is-expanded .rich-text-editor__toolbar__icon-controls { background-color: var(--theme-page-accent-mix-color); } .page .rich-text-editor__toolbar__icon-wrapper.is-active { background-color: var(--theme-page-background-color); } .page .rich-text-editor__toolbar.is-expanded .rich-text-editor__toolbar__icon-controls .wds-icon-small { color: var(--theme-sticky-nav-background-color); } .page .rich-text-editor__toolbar.is-expanded .rich-text-editor__toolbar__icon-controls .wds-icon-tiny { color: var(--theme-sticky-nav-background-color); } .page .rich-text-editor__toolbar__icon-wrapper.is-active .wds-icon { color: var(--theme-page-accent-mix-color); } .page .rich-text-editor__toolbar__icon-group.has-border-left:before { border-left-width: 2px; }

/* Comment/Message/Reply - tooltip */ .page .rich-text-editor__toolbar .__react_component_tooltip { box-shadow: 0 3px 6px 0 rgba(0,0,0,0));	background: var(--theme-page-accent-mix-color) !important;	opacity: 1 !important; } .page .rich-text-editor__toolbar .__react_component_tooltip.place-top {	margin-top: -4px; }

.page .rich-text-editor__toolbar .__react_component_tooltip:after { border-top-color: var(--theme-page-background-color) !important; } .page .rich-text-editor__toolbar .__react_component_tooltip strong { font-weight: normal; font-size: 105%; } /* Duplicate tooltips (bug?) */ .rich-text-editor__toolbar div[data-test="image"] .__react_component_tooltip, .rich-text-editor__toolbar svg:not(.toolbar-icon-strong) + .__react_component_tooltip, .rich-text-editor__toolbar.is-expanded .has-border-left .__react_component_tooltip, .rich-text-editor__toolbar > .__react_component_tooltip { display: none; } /* Comment/Message/Reply - insert link */ box-shadow: 0 2px 6px 0 rgba(0,0,0,0); background-color: var(--theme-accent-color); border: 0; padding: 5px 6px; } .ns-1200 > #fandom-web-editor-portal .hyperlink-modal { margin-top: 2px; }	margin: 0 6px; padding: 0 6px; line-height: 1.75; font-size: 16px; }	transition: opacity .3s; }	opacity: 0; }	padding: 0; }	left: 84px; }	left: 182px; }
 * 1) fandom-web-editor-portal .hyperlink-modal {
 * 1) fandom-web-editor-portal .hyperlink-modal input {
 * 1) fandom-web-editor-portal .hyperlink-modal .wds-icon {
 * 1) fandom-web-editor-portal .hyperlink-modal input[value=""] + .wds-icon {
 * 1) fandom-web-editor-portal .hyperlink-modal .wds-button {
 * 1) fandom-web-editor-portal .hyperlink-modal:before {
 * 1) fandom-web-editor-portal .hyperlink-modal.is-toolbar-expanded:before {

/* Comment/Message/Reply - external links */ .page .entity-content a:not([class])[target="_blank"] { white-space: break-spaces; } .page .entity-content .post__og { margin: 6px 0; } .page .entity-content a.post__og-link .post__og-data-wrapper { border: 0; background-color: #0002; } .page a.post__og-link .post__og-details { flex: 10; padding: 6px 12px; }

/* Comment/Message/Reply - cancel & reply buttons */ .page .EditorForm__actions { align-self: flex-end; } .article-comments-app > div[class^="InlineEntityFormWrapper"] > .EditorForm__actions { margin-top: -36px; } .message-wall-app > div[class^="InlineEntityFormWrapper"] .EditorForm__actions { margin-top: -33px; } .article-comments-app > div[class^="CommentList_comment-list"] .EditorForm__actions, .MessageWallForum .EditorForm__actions { margin-top: -36px; } .article-comments-app > div[data-testid="article-comments__comment"] .EditorForm__actions, .MessageWallSingleThread .EditorForm__actions { margin-top: -33px; } .page .EditorForm__actions > .wds-is-secondary { margin-right: 6px; }	color: var(--t-red-1); }	color: var(--theme-page-text-color); }
 * 1) articleComments .EditorForm__actions > .wds-is-secondary:hover,
 * 2) MessageWall .EditorForm__actions > .wds-is-secondary:hover {
 * 1) articleComments .EditorForm__actions > .wds-is-secondary:active,
 * 2) MessageWall .EditorForm__actions > .wds-is-secondary:active,
 * 3) articleComments .EditorForm__actions > .wds-is-secondary:focus,
 * 4) MessageWall .EditorForm__actions > .wds-is-secondary:focus {

div:not(.is-disabled) > .rich-text-editor__toolbar__icons-container { pointer-events: auto; }

/* Comment/Message/Reply - Edit reply */ .page div[class^="EntityActions_edit-modal"] > div[class^="Modal_overlay"] { background-color: #000; }

.page div[class^="Modal"] div[class^="EntityActions_edit-summary"] { height: 22px; } .page div[class^="Modal"] .wds-avatar, .page div[class^="Modal"] .ProseMirror:before, .page div[class^="Modal"] .ProseMirror:after { display: none; }

/* Comment/Message/Reply - reported */ .page div[class^="EntityTopBar_entity-top-bar"] { position: absolute; right: 0; } .page div[class^="EntityTopBar_entity-top-bar"] > div[title="Reported"] { display: none; } .page div[class^="EntityTopBar_entity-top-bar"] > div[class^="EntityTopBar_details"] { border: 0; margin: 0; padding: 12px 40px 0 0; }

/* Comment/Reply - deleted */ .article-comments-app > div[class^="DefaultError_error"] > .wds-icon { display: none; } .article-comments-app > div[class^="DefaultError_error"]:before { content: ''; display: block; margin: 0 auto 12px; width: 50px; height: 50px; background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/c/cc/Warn_sign.png); }

/* Other */ .article-comments-app div[class^="CommentCounter"] { padding:5px 0 0.2em; background-color: inherit; background-image: linear-gradient(to top,var(--theme-page-accent-mix-color) .7em,transparent .7em,transparent 100%); }

/* Fix problems via https://community.fandom.com/f/p/4400000000003316930 */ .messagewall-filters__filters button.wds-button.view-filter__toggle.wds-is-text { padding: 9px 18px; }

.messagewall-filters__filters button.wds-button.view-filter__toggle { border-radius: 32px !important; font-family: var(--tv5-font-family); }

/* Remove dropdown outline */ .messagewall-filters__filters .wds-dropdown__content { border: unset !important; }