div > span:last-child { right: 15px; } html[dir="rtl"] .cForumFluidTable .ipsDataItem_loading > div > span:last-child { left: 15px; } } /* TABLETS */ @media screen and (min-width: 768px) and (max-width: 979px) { .cForumQuestion .ipsDataItem_main { width: 100%; padding-left: 5px !important; } .cForumQuestion .ipsDataItem_main, .cForumQuestion .cForumQuestion_stat { display: table-cell; } .cForumQuestions .cForumQuestion .cForumQuestion_stat + .ipsDataItem_modCheck { position: absolute; top: 40px; padding: 0 4px; } } /* PHONES */ @media screen and (max-width: 767px) { /* Adjust author pane for mobile display */ .cPost.ipsComment .cAuthorPane { text-align: left; min-height: 57px; position: relative; } .cPost.ipsComment:not( .ipsComment_selected ):not( .ipsModerated ) .cAuthorPane { background: {theme="area_background_light"}; } html[dir="rtl"] .cPost.ipsComment .cAuthorPane { text-align: right; } .cPost.ipsComment .ipsUserPhoto { display: inline-block; } .cPost.ipsComment .ipsUserPhoto > img { width: 40px; height: 40px; } .cPost.ipsComment .cAuthorPane_photo { position: absolute; top: 7px; margin: 0; } html[dir="ltr"] .cPost.ipsComment .cAuthorPane_photo { left: 7px; } html[dir="rtl"] .cPost.ipsComment .cAuthorPane_photo { right: 7px; } html[dir="ltr"] .cPost.ipsComment .cAuthorPane_info, html[dir="ltr"] .cPost.ipsComment .cAuthorPane_author { margin-left: 45px; } html[dir="rtl"] .cPost.ipsComment .cAuthorPane_info, html[dir="rtl"] .cPost.ipsComment .cAuthorPane_author { margin-right: 45px; } .cPost.ipsComment .cAuthorPane_author { line-height: 16px; margin-top: -5px; max-width: calc(100% - 80px); } .cPost.ipsComment .cAuthorPane_author > a { font-size: 15px; } /* Adjusts meta line, e.g. posted date */ html[dir] .cPost .ipsComment_meta { position: absolute; top: -28px; padding: 0; } html[dir="ltr"] .ipsComment_meta { left: 60px; right: 0; margin-right: 0; } html[dir="rtl"] .ipsComment_meta { right: 60px; left: 0; margin-left: 0; } html[dir="ltr"] .cPost.ipsComment_popular .ipsComment_meta { padding-right: 40px; } html[dir="rtl"] .cPost.ipsComment_popular .ipsComment_meta { padding-left: 40px; } .cPost .ipsComment_meta .cPost_moderator { position: absolute; top: -22px; margin: 0 !important; } html[dir="ltr"] .cPost .ipsComment_meta .cPost_moderator { right: -2px; } html[dir="rtl"] .cPost .ipsComment_meta .cPost_moderator { left: -2px; } /* on popular posts we show a flag, so we need to adjust positioning for that */ .cPost.ipsComment.ipsComment_popular .ipsComment_popularFlag { top: -60px; height: 55px; padding-top: 18px; } html[dir] .ipsComment.ipsComment_popular [data-role="commentContent"] { padding-right: 0; padding-left: 0; } html[dir="ltr"] .cPost.ipsComment.ipsComment_popular .ipsComment_meta .cPost_moderator { right: 38px; } html[dir="rtl"] .cPost.ipsComment.ipsComment_popular .ipsComment_meta .cPost_moderator { left: 38px; } /* Q&A-specific changes */ .cPost.cPostQuestion { margin-bottom: 20px; } .cPost .cRatingColumn { margin-bottom: 0 !important; padding: 7px 7px 0 7px !important; } .cPost .cRatingColumn ul.cPostRating_controls li { display: inline-block; float: left; } .cPost .cRatingColumn ul.cPostRating_controls .cPostRating_bestAnswer { float: right; } .cPost .cRatingColumn .cAnswerRate { font-size: 40px; } .cPost .cRatingColumn .cAnswerRate.cAnswerRate_up { top: -1px; } .cPost .cRatingColumn .cAnswerRating { margin: 0 10px; font-size: 16px; font-weight: bold; } .cPost .cRatingColumn .cBestAnswerIndicator { width: 30px; height: 30px; line-height: 30px; font-size: 15px; } /* ---- */ .cForumGrid .cForumGrid_forumInfo.ipsPad { padding: 15px; } html[dir] .cPost .cPost_contentWrap { padding: 15px 0 0 0; } html[dir] .cPost .ipsComment_content { padding-left: 10px; padding-right: 10px; position: static; } .cPost .cAuthorPane + .ipsColumn { margin-bottom: 0; } .cPost .ipsItemControls { margin-bottom: -7px; } html[dir="ltr"] .cTopic .ipsComment.ipsComment_ignored { padding-left: 7px; } html[dir="rtl"] .cTopic .ipsComment.ipsComment_ignored { padding-right: 7px; } /* Forum view */ .cForumRow .ipsItemStatus_custom { max-width: 26px; } html[dir="ltr"] .cForumQuestions.cTopicList .ipsDataItem_main { margin-left: 40px; } html[dir="rtl"] .cForumQuestions.cTopicList .ipsDataItem_main { margin-right: 40px; } .cForumQuestions.cTopicList .cForumQuestion_stat { display: inline-block !important; } .cForumQuestions .cForumQuestion .cForumQuestion_stat, .cForumQuestions .cForumQuestion .cForumQuestion_stat span:first-child { display: inline-block; min-width: 0; color: inherit; } .cForumQuestions .cForumQuestion .cForumQuestion_stat span { font-size: 13px; color: inherit; font-weight: bold; } html[dir="ltr"] .cForumQuestions .cForumQuestion .ipsDataItem_modCheck, html[dir="ltr"] .cForumQuestions .cForumQuestion .ipsDataItem_main + .cForumQuestion_stat { margin-left: 30px; } html[dir="rtl"] .cForumQuestions .cForumQuestion .ipsDataItem_modCheck, html[dir="rtl"] .cForumQuestions .cForumQuestion .ipsDataItem_main + .cForumQuestion_stat { margin-right: 30px; } .cForumQuestions .cForumQuestion .cForumQuestion_stat + .ipsDataItem_modCheck { position: absolute; top: 50px; } html[dir="ltr"] .cForumQuestions .cForumQuestion .cForumQuestion_stat + .ipsDataItem_modCheck { left: -15px; } html[dir="rtl"] .cForumQuestions .cForumQuestion .cForumQuestion_stat + .ipsDataItem_modCheck { right: -15px; } html[dir="ltr"] .cForumQuestions .cForumQuestion .cForumQuestion_stat + .cForumQuestion_stat { margin-left: 10px; } html[dir="rtl"] .cForumQuestions .cForumQuestion .cForumQuestion_stat + .cForumQuestion_stat { margin-right: 10px; } /* Page header styles */ .cForumHeader .ipsToolList { float: right; width: auto; margin-bottom: 0; } .cForumHeader .ipsType_pageTitle { line-height: 1.5; } .cForumHeader .ipsToolList .ipsButton { line-height: 28px; } }]]> .ipsDataList { display: none !important; } .cForumToggle { font-size: 18px; opacity: 0.2; {prefix="transition" value="0.3s all linear"} width: 20px; height: 20px; } .cForumToggle:hover { opacity: 1; } .cForumToggle:after { content: "\f078"; font-family: "FontAwesome"; font-size: 18px; } .cForumRow_hidden .cForumToggle:after { content: "\f053"; } html[dir="rtl"] .cForumRow_hidden .cForumToggle:after { content: "\f054"; } html[dir="ltr"] .cTopicList .ipsDataItem_icon { min-width: 25px; padding-right: 0; } html[dir="rtl"] .cTopicList .ipsDataItem_icon { min-width: 25px; padding-left: 0; } .cTopicList .ipsDataItem_main { padding: 12px 10px; } .cTopicHovercard .cTopicHovercard_container { height: 200px; overflow: auto; border-bottom: 0; } .cTopicHovercard .ipsType_richText { font-size: 12px; } .cTopicHovercard hr.ipsHr { margin: 7px 0; } /* Q&A RATINGS */ .cForumQuestion_stat > span:first-child { display: block; font-size: 22px; } .cRatingColumn { width: 65px; padding: 15px 15px 0 15px !important; } .cRatingColumn.cRatingColumn_question { padding-top: 0 !important; } .cRatingColumn_on { background: #e4ecdd; } .cRatingColumn_up { border-color: #4a7c20; } .cRatingColumn_down { border-color: #a52638; } .cRatingColumn > ul > li { display: block; } .cRatingColumn_question { padding-top: 15px; } html[dir="ltr"] .cRatingColumn_question + .ipsColumn { padding-left: 15px; } html[dir="rtl"] .cRatingColumn_question + .ipsColumn { padding-right: 15px; } .cAnswerRate { font-size: 60px; line-height: 10px; position: relative; display: block; overflow: hidden; } .cAnswerRate.cAnswerRate_up { margin-bottom: 10px; } html[dir="ltr"] .cAnswerRate { left: 1px; } html[dir="rtl"] .cAnswerRate { right: 1px; } .cAnswerRate:not( .ipsType_positive ):not( .ipsType_negative ), .cAnswerRate:hover:not( .ipsType_positive ):not( .ipsType_negative ) { color: {theme="text_color"}; } span.cAnswerRate:not( .ipsType_positive ):not( .ipsType_negative ), span.cAnswerRate:hover:not( .ipsType_positive ):not( .ipsType_negative ) { color: {theme="text_light"}; opacity: 0.5; cursor: not-allowed; } .cAnswerRate.ipsType_positive:hover { color: #4a7c20; } .cAnswerRate.ipsType_negative:hover { color: #a52638; } .cAnswerRate > .fa { line-height: 30px; } span.cAnswerRate.cAnswerRate_noPermission { opacity: 0.25 !important; } .cAnswerRating { font-size: 26px; font-weight: 500; line-height: 30px; display: block; margin-top: -8px; } .cBestAnswerIndicator { display: inline-block; color: #fff; font-size: 22px; width: 36px; height: 36px; text-align: center; line-height: 36px; position: relative; background: #4a7c20; border-radius: 36px; margin-bottom: 5px; } .ipsDataList .cBestAnswerIndicator { margin-bottom: 0; } .cBestAnswerIndicator_off { background: #d4d4d4; } .cBestAnswerIndicator_off:hover { background: #c9c9c9; color: #fff; } a.cBestAnswerIndicator:not( .cBestAnswerIndicator_off ):hover { line-height: 34px; } a.cBestAnswerIndicator:not( .cBestAnswerIndicator_off ):hover i.fa:before { content: '\f00d'; color: #fff; } /* POST WRAPPER STYLES */ .cPost {} .cPost.ipsModerated, .cPost.ipsModerated .cAuthorPane { background: {theme="moderated"}; } .cPost.ipsComment_selected:not( .ipsComment_moderated ) { background: {theme="selected"}; } /*.cTopic .cPost.ipsComment:last-of-type { margin-bottom: 0; }*/ .cPost.cPostQuestion:not( .ipsComment_popular ):not( .ipsComment_selected ):not( .ipsComment_highlighted ) { border: 0; } html[dir="ltr"] .cPost .ipsComment_meta { padding: 18px 0 10px; margin-right: 15px; } html[dir="rtl"] .cPost .ipsComment_meta { padding: 18px 0px 10px; margin-left: 15px; } html[dir="ltr"] .cPost.ipsComment_popular .ipsComment_meta { padding-right: 45px; } html[dir="rtl"] .cPost.ipsComment_popular .ipsComment_meta { padding-left: 45px; } .cPost .ipsComment_controls { margin: 0; padding: 0; } .cPost .cPost_contentWrap { position: relative; padding: 7px 15px 15px 0; /*min-height: 200px;*/ } html[dir="rtl"] .cPost .cPost_contentWrap { padding: 7px 0px 15px 15px; } .cPost.ipsComment .ipsType_richText { margin-top: 0; } html[dir] .cPost .ipsComment_content { padding-right: 0; padding-left: 0; } .cAuthorPane { text-align: center; padding: 15px !important; } .cAuthorPane_photo { margin: 10px 0; position: relative; } .cAuthorPane_author { display: block; /*word-break: break-all;*/ line-height: 1.2; word-wrap: initial; overflow: hidden; text-overflow: ellipsis; -moz-hyphens: initial; margin-bottom: 3px; } .cAuthorPane_author strong { font-weight: 500; } .cAuthorPane_info .ipsRepBadge { font-size: inherit; } .cAuthorPane .cAuthorGroupIcon { max-width: 100%; } .ipsApp .cTopic [data-role="commentFeed"] > .ipsComment:first-child { padding-top: 15px; } .cPostShareMenu h5 { margin-bottom: 5px; } html[dir="ltr"] .cTopic .ipsComment.ipsComment_ignored { padding-left: 200px; } html[dir="rtl"] .cTopic .ipsComment.ipsComment_ignored { padding-right: 200px; } /* REPLY AREA / CREATE TOPIC */ .cTopicPostArea .ipsComposeArea { margin-top: 0; } /*.cTopicPostArea:not( .cTopicPostArea_noSize ) .ipsComposeArea_dummy { min-height: 200px; }*/ /*.cTopicPostArea hr { display: none; }*/ .cCreateTopic_date input { max-width: 100% !important; width: 100% !important; margin-bottom: 7px; } html[dir="ltr"] .cCreateTopic_date input { padding-left: 35px !important; } html[dir="rtl"] .cCreateTopic_date input { padding-right: 35px !important; } .cCreateTopic_date li { position: relative; } .cCreateTopic_date i { position: absolute; top: 10px; font-size: 18px; } html[dir="ltr"] .cCreateTopic_date i { left: 10px; } html[dir="rtl"] .cCreateTopic_date i { right: 10px; } /* FEATURED TOPICS */ .cFeaturedTopics h2 { font-weight: 500; } /* PHONES */ @media screen and (max-width: 767px) { .cPost.ipsComment .cAuthorPane { text-align: left; } html[dir="rtl"] .cPost.ipsComment .cAuthorPane { text-align: right; } .cPost.ipsComment .ipsUserPhoto { display: inline-block; } .cPost.ipsComment .ipsUserPhoto > img { width: 50px; height: 50px; } .cPost.ipsComment .cAuthorPane_photo { position: absolute; top: 0; margin: 0; } html[dir="ltr"] .cPost.ipsComment .cAuthorPane_photo { left: 0; } html[dir="rtl"] .cPost.ipsComment .cAuthorPane_photo { right: 0; } html[dir="ltr"] .cPost.ipsComment .cAuthorPane_info, html[dir="ltr"] .cPost.ipsComment .cAuthorPane_author { margin-left: 65px; } html[dir="rtl"] .cPost.ipsComment .cAuthorPane_info, html[dir="rtl"] .cPost.ipsComment .cAuthorPane_author { margin-right: 65px; } .cPost.ipsComment .cAuthorPane_author { line-height: 1.1; } .cPost.ipsComment .cAuthorPane_author > a { font-size: 14px; line-height: 18px; font-weight: bold; } } /* Mini sidebar list */ .cForumMiniList_button.ipsButton_split { margin-top: 2px; } .cForumMiniList_wrapper { padding: 9px 5px 0; } /* Topic view container color hint */ .cForumContainerHint { width: 10px; height: 53px; float: left; margin-right: 10px; padding-top: 6px; border-radius: 4px; } .cForumContainerHint { height: 33px; } ul.ipsButton_split.cForumMiniList_buttonShowFlow { margin-top: 8px; } ul.ipsButton_split.cForumMiniList_button { text-transform: none; } html[dir] .cForumMiniList_wrapper > .ipsSideMenu > .ipsSideMenu_list.cForumMiniList_multiRoot > li > .cForumMiniList { border: 0; } html[dir="ltr"] .ipsSideMenu > .cForumMiniList > li:not( .cForumMiniList_category ) > .cForumMiniList { margin-left: 0; } html[dir="rtl"] .ipsSideMenu > .cForumMiniList > li:not( .cForumMiniList_category ) > .cForumMiniList { margin-right: 0; } .cForumMiniList .ipsSideMenu_item + .ipsSideMenu_list .ipsSideMenu_item { font-size: 13px; padding: 5px 10px; line-height: 18px; } .cForumMiniList .ipsSideMenu_item { font-size: 14px; padding: 7px 10px; display: flex; } .cForumMiniList .ipsSideMenu_item .cForumMiniList_title { min-width: 0; } .cForumMiniList.cForumMiniList_multiRoot > li > a { font-size: 17px; font-weight: 500; padding: 10px 9px; margin-bottom: 4px; color: #000; } html[dir="ltr"] .cForumMiniList_count { margin-left: 12px; } html[dir="rtl"] .cForumMiniList_count { margin-right: 12px; } .cForumMiniList_count .fa { font-size: 8px; } .cForumMiniList .cForumMiniList_blob { width: 22px; height: 18px; text-align: center; border-radius: 2px; display: inline-block; vertical-align: middle; background: #3e4148; color: #fff; opacity: 0.3; position: relative; top: -1px; } html[dir="ltr"] .cForumMiniList .cForumMiniList_blob { margin-right: 5px; } html[dir="rtl"] .cForumMiniList .cForumMiniList_blob { margin-left: 5px; } .cForumMiniList .cForumMiniList_blob > span { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background: #fff; border-radius: 1px; } .cForumMiniList .cForumMiniList_blob .fa { text-align: center; line-height: 18px; width: auto; font-size: inherit; display: none; font-size: 11px; margin-top: 1px; } .cForumMiniList .cForumMiniList_selected > .cForumMiniList_blob { opacity: 1; } .cForumMiniList .cForumMiniList_selected > .cForumMiniList_blob .fa { display: block; } .cForumMiniList .cForumMiniList_selected > .cForumMiniList_blob > span { display: none; } .cForumFluidTable .ipsDataItem_lastPoster.ipsDataItem_noPhoto { min-width: 170px; } .cForumFluidTable .ipsItemStatus { position: relative; top: -1px; } .cForumFluidTable .ipsBadge_pill { height: 18px; line-height: 18px; position: relative; top: -2px; } .cForumMiniList_multiRoot { margin-top: -4px; } .cForumMiniList > li > a.cForumMiniList_selected { background: #e5e5e5; } /* Loading styles */ .cForumFluidTable .ipsDataItem_loading > div > span:last-child:after { left: 10px; width: 38px; height: 38px; border-radius: 38px; } html[dir="ltr"] .cForumFluidTable .ipsDataItem_loading > div > span:last-child { left: 56px; right: 500px; } html[dir="rtl"] .cForumFluidTable .ipsDataItem_loading > div > span:last-child { right: 56px; left: 500px; } html[dir="ltr"] .cForumFluidTable .ipsDataItem_loading > div > span:last-child:after { left: -46px; } html[dir="rtl"] .cForumFluidTable .ipsDataItem_loading > div > span:last-child:after { right: -46px; } .cForumFluidTable .ipsDataItem_loading > div > span:first-child { width: 0; height: 0; } .cForumFluidTable .ipsDataItem_loading > div > span:first-child { top: 15px; }]]> .ipsPost { margin-left: 200px; } .ipsPost .ipsImage { margin: 0 5px 10px 0; } .ipsAuthorPane { text-align: center; padding: 15px 10px; } .ipsAuthorPane h3 { font-size: 18px; margin-bottom: 10px; } .ipsAuthorPane h3 a { color: #2f2f2f; text-decoration: none; } .ipsAuthorPane_info { margin-top: 8px; } .ipsApp .ipsPost_wrap.ipsPost_topicView.ipsPost_bestAnswer { background: #7a8871; font-size: 15px; } .ipsPost_bestAnswer .ipsPost { background: #fff; } .ipsPost_bestAnswer .ipsPost:before { width: 0; height: 0; position: absolute; display: block; content: ""; border-width: 15px; border-style: solid; left: -30px; top: 15px; border-color: transparent #fcfffa transparent transparent; } .ipsPost_bestAnswer_check { font-size: 50px; color: #fff; display:block; } .ipsPost_bestAnswerTitle { font-size: 15px; font-weight: bold; line-height: 24px; color: #355416; } .ipsPost_bestAnswer .ipsAuthorPane h3 a { color: #fff; }*/]]>