MediaWiki:Forum.css

@import url("//dev.wikia.com/load.php?mode=articles&only=styles&articles=MediaWiki:FontAwesome.css");

.cForumTitle { font-size: 13px; font-weight: 500; text-transform: uppercase; padding: 12px 15px; margin: 0; background: #802020; color: #828e99; }

.cForumToggle::after { content: "\f078"; font-family: "FontAwesome"; font-size: 18px; }

.cForumToggle { float: right; }

.cForumToggle:hover { opacity: 1; }

.cForumRow_hidden .cForumToggle::after { content: "\f053"; }

.cForumList { padding: 0; }

.cForumRow { padding: 15px 10px 15px 10px; list-style: none; }

.cForumRow:nth-child(odd) { background: #390808; }

.cForumRow:nth-child(even) { background: #2e0808; }

.cForumRowMain { vertical-align: middle; display: table-cell; word-wrap: break-word; line-height: 20px; font-weight: 400; font-size: 18px; }

.cForumRowTitle { color: #d81818; text-decoration: none; }

.cForumRowDescription { word-wrap: break-word; overflow-wrap: break-word; line-height: 1.6; color: #dddddd; display: table; table-layout: fixed; width: 100%; margin: 0; font-size: 13px; }

.bForumBox { border: 0; border-radius: 0; background: none; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

.bForumButtonBar { clear: both; padding: 7px; line-height: 1; background: #802020; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.bForumPagination { padding: 0 10px 0 0; margin: 0; border-radius: 30px; display: inline-block; line-height: 26px; font-size: 11px; -webkit-font-smoothing: antialiased; }

.bForumPagination > li { display: inline-block; font-weight: 500; text-decoration: none; }

.PaginationFirst a { background: #fff; text-shadow: none; color: #222; font-size: 10px; text-transform: uppercase; padding: 0 10px; border-radius: 2px; font-weight: bold; text-align: center; text-decoration: none; display: block; }

.PaginationPrevious a { background: #fff; text-shadow: none; color: #222; font-size: 10px; text-transform: uppercase; padding: 0 10px; border-radius: 2px; font-weight: bold; text-align: center; text-decoration: none; display: block; }

.PaginationPage a { background: #fff; text-shadow: none; color: #222; font-size: 10px; text-transform: uppercase; padding: 0 10px; border-radius: 2px; font-weight: bold; text-align: center; text-decoration: none; display: block; }

.PaginationNext a { background: #fff; text-shadow: none; color: #222; font-size: 10px; text-transform: uppercase; padding: 0 10px; border-radius: 2px; font-weight: bold; text-align: center; text-decoration: none; display: block; }

.PaginationLast a { background: #fff; text-shadow: none; color: #222; font-size: 10px; text-transform: uppercase; padding: 0 10px; border-radius: 2px; font-weight: bold; text-align: center; text-decoration: none; display: block; }

.PaginationActive a { background: #3e4148; border-color: #3e4148; color: #fff; }

.bForumPagination .fa { font-size: 14px; position: relative; top: 1px; }

.ThreadPanel { font-size: 13px; line-height: 18px; color: #dddddd; font-family: "Verdana", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ThreadContentMain { background: #202020; height: 100%; padding: 15px; }

.WikiaArticle .ThreadVertical { list-style: none; padding: 0; margin: 0; }

.ThreadContentRow { margin-left: 0; margin-bottom: 15px; }

.ThreadContentRowLabel { text-align: left; margin-left: 0; float: none; width: 100%; font-size: 15px; font-weight: 600; margin-bottom: 5px; display: inline-block; padding-top: 5px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; vertical-align: middle; }

.ThreadRequired { margin-left: 10px; font-size: 10px; text-transform: uppercase; color: #c02222; font-weight: normal; }

.ThreadContentRowTitle { margin-left: 0; }

.EditorContent { display: block; overflow: hidden; margin: 0; padding: 0; border: 0; text-decoration: none; width: auto; position: static; transition: none; visibility: inherit; color: #000000; }

.EditorContentEditable { cursor: text; background: transparent; background-color: #fff; display: block; height: 100%; overflow: auto; outline-style: none; margin: 0; border: 0; text-decoration: none; width: auto; position: static; transition: none; padding: 15px; min-height: 200px; }

.ThreadSubmit { text-align: center; padding: 15px; background: #202020; }

.ThreadSubmitCancel { background: #2D4760; color: #DDDDDD; font-size: 14px; line-height: 38px; padding: 0 20px; font-weight: normal; text-align: center; text-decoration: none; text-shadow: none; white-space: nowrap; display: inline-block; vertical-align: middle; border-radius: 3px; transition: 0.1s all linear; user-select: none; border: none; }

.ThreadSubmitConfirm { color: #DDDDDD; font-size: 14px; line-height: 38px; padding: 0 20px; background: #2d4760; font-weight: 500; text-align: center; text-decoration: none; text-shadow: none; white-space: nowrap; display: inline-block; vertical-align: middle; border-radius: 3px; transition: 0.1s all linear; user-select: none; border: none; text-transform: none; overflow: visible; margin: 0; }

.ForumPost { margin-top: 15px; clear: both; }

.ForumArticle { border-collapse: separate; background: none; background-color: #2e0808; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 8px; margin-bottom: 10px; border: 0; clear: both; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); width: 100%; display: table; table-layout: fixed; border-spacing: 0; position: relative; padding: 0; }

.ForumCommentAuthor { padding: 10px; text-align: center; width: 200px; display: table-cell; position: relative; vertical-align: top; }

.ForumCommentAuthorName { font-size: 17px; color: #dddddd; font-weight: 300; display: block; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; margin: 0; margin-bottom: 3px; font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ForumCommentAuthorNameA { color: inherit; word-wrap: break-word; background-color: transparent; text-decoration: none; }

.WikiaArticle .ForumCommentAuthorInfo { margin: 0; padding: 0; list-style: none; }

.ForumCommentAuthorPhoto { margin: 10px 0; position: relative; }

.ForumCommentPhoto { background: none; vertical-align: middle; display: inline-block; line-height: 1px; position: relative; margin: 2px; border-radius: 2px; }

.ForumCommentPhoto img { font-size: 0; min-width: 34px; min-height: 34px; width: 90%; height: 90%; border-style: none; vertical-align: middle; }

.ForumCommentContent { padding: 0 7px; padding-right: 0; padding-left: 0; background-color: #390808; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: relative; width: 100%; display: table-cell; vertical-align: top; }

.ForumCommentContentMain { padding-right: 0; padding-left: 0; position: static; line-height: 20px; font-size: 13px; }

.ForumCommentContentPost { padding: 10px 10px 44px 10px; position: static; }

.ForumCommentContentText { margin-top: 0; line-height: 1.6; overflow-x: auto; overflow-y: hidden; margin-bottom: 20px; font-size: 14px; word-wrap: break-word; overflow-wrap: break-word; color: #dddddd; display: table; table-layout: fixed; width: 100%; }

.ForumCommentContentMeta { margin: 0; margin-right: 0; padding: 0; font-size: 11px; border-top-right-radius: 4px; background-color: #2e0808; color: #a68d8d; border-collapse: separate; border-spacing: 0; font-family: "Verdana", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ForumCommentContentDate { opacity: 1; margin: 0; }

.ForumCommentContentDateA { color: inherit; text-decoration: none; font-size: 11px; line-height: 20px; }

.ForumReply { margin-top: 10px; padding: 0; background: none; }

.ForumReplyForm { background: none; }

.ForumReplyComposer { margin-top: 0; display: table; table-layout: fixed; width: 100%;

}

.ForumReplyAvatar { float: left; }

.ForumReplyAuthorAvatar { margin: 4px; background: none; vertical-align: middle; display: inline-block; line-height: 1px; position: relative; border-radius: 2px; }

.ForumReplyComposerEditor { margin-left: 75px; padding: 4px; background: #333; position: relative; border-collapse: collapse; }

.ForumReplyComposerEditor::before { right: 100%; border-color: transparent #333 transparent transparent; content: ''; position: absolute; top: 15px; display: block; width: 0; height: 0; border-width: 15px; border-style: solid;

}

.ForumReplyEditor { line-height: 1.6; font-size: 14px; word-wrap: break-word; overflow-wrap: break-word; color: #dddddd; }

.ForumReplyEditorMain { display: table; table-layout: fixed; width: 100%; }

.ForumReplyEditorDummy { padding: 15px; background: #fff; color: #707070; font-size: 15px; cursor: text; }

.fa-comment-o::before { content: "\f0e5"; }

.ForumReplyEditorContent { display: none; }

.EditorMain { box-shadow: none; visibility: inherit; display: block; padding: 0; margin: 0; border: 0; background: transparent; text-decoration: none; width: auto; height: auto; position: static; transition: none; color: #000000; }

.EditorContentPost { display: block; background: #fff; padding: 0; margin: 0; border: 0; text-decoration: none; width: auto; height: auto; position: static; transition: none; }

.EditorContentBox { display: block; overflow: hidden; margin: 0; padding: 0; border: 0; background: transparent; text-decoration: none; width: auto; position: static; transition: none; }

.EditorContentText { cursor: text; background-color: #fff; display: block; height: 100%; overflow: auto; outline-style: none; margin: 0; border: 0; text-decoration: none; width: auto; position: static; transition: none; }

.ForumReplyHorizontalBar { margin: 0; margin-top: 7px; margin-bottom: 3px; padding: 0 7px; display: none; list-style: none; clear: both; }

.ForumReplyHorizontalBar::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.ForumReplySubmit { color: #DDDDDD; background: #2d4760; font-size: 13px; font-weight: 500; text-align: center; text-decoration: none; text-shadow: none; white-space: nowrap; display: inline-block; vertical-align: middle; padding: 10px 20px; border-radius: 3px; transition: 0.1s all linear; user-select: none; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; border: none; }