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) { /* Forum grid layout */ .cAuthorPane_mobile { display: flex; align-items: center; position: relative; padding: var(--sp-5) var(--sp-4) var(--sp-3); } .cAuthorPane_photo{ flex: 0 0 auto; margin: 0; } .cAuthorPane_content{ flex: 1 1 0; min-width: 0; } .cPost.ipsComment .ipsUserPhoto { display: inline-block; width: 40px; height: 40px; margin: 0; } [dir='ltr'] .cAuthorPane_mobile .cAuthorPane_photo{ margin-right: var(--sp-3); } [dir='rtl'] .cAuthorPane_mobile .cAuthorPane_photo{ margin-left: var(--sp-3); } .cPost.ipsComment .cAuthorPane_author { line-height: 16px; max-width: calc(100% - 15px); margin: 0; } .cPost.ipsComment .cAuthorPane_author > a { font-size: {fontsize="base"}; line-height: {fontsize="large"}; font-weight: bold; } .cPost .ipsComment_meta { padding-top: 0; padding-bottom: 0; position: absolute; top: -46px; } html[dir="ltr"] .cPost .ipsComment_meta { right: 0; } html[dir="rtl"] .cPost .ipsComment_meta { left: 0; } /* Normal comments have an absolutely-positioned toolbox, but we need to revert that for posts */ /* since ipsComment_meta contains the tools in forums and is itself abs positioned (above) */ html[dir] .cPost .ipsComment_toolWrap { position: relative; left: 0; right: 0; } /* 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; } /* Q&A-specific changes */ .cPost.cPostQuestion { margin-bottom: 20px; } .cPost .cRatingColumn { margin-bottom: 0 !important; padding: var(--sp-4) var(--sp-4) var(--sp-2) var(--sp-4) !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: var(--sp-2) 0 0 0; } html[dir] .cPost .ipsComment_content { padding-left: var(--sp-4); padding-right: var(--sp-4); position: static; } .cPost .cAuthorPane + .ipsColumn { margin-bottom: 0; } 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; } }]]> .ipsDataList { display: none !important; } .cForumToggle { font-size: 18px; opacity: 0.2; transition: 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"; } .cTopicList .ipsDataItem_icon { min-width: 21px; padding-inline-end: 0; } .cTopicList .ipsLiveActivity--small { margin-inline-end: calc( var(--sp-2) * -1 ); display: inline-block; } .cTopicHovercard .cTopicHovercard_container { height: 200px; overflow: auto; border-bottom: 0; } .cTopicHovercard .ipsType_richText { font-size: {fontsize="x_small"}; } .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; } [dir='ltr'] .cRatingColumn{ border-top-left-radius: var(--box--radius); border-bottom-left-radius: var(--box--radius); } [dir='rtl'] .cRatingColumn{ border-top-right-radius: var(--box--radius); border-bottom-right-radius: var(--box--radius); } .cRatingColumn.cRatingColumn_question { padding-top: 0 !important; } .cRatingColumn_on { background: var(--positive-light); } .cRatingColumn_up { border-color: var(--positive-dark); } .cRatingColumn_down { border-color: var(--negative-dark); } .cRatingColumn > ul > li { display: block; } .cRatingColumn_question { padding: 0 !important; } .cRatingColumn_question { margin-inline-end: calc( var(--sp-4) * -1 ); } @media screen and (max-width: 767px) { .cRatingColumn_question { margin-inline-end: calc( var(--sp-3) * -1 ); } } .cAnswerRate { font-size: 50px; 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: rgb( var(--theme-text_color) ); } span.cAnswerRate:not( .ipsType_positive ):not( .ipsType_negative ), span.cAnswerRate:hover:not( .ipsType_positive ):not( .ipsType_negative ) { color: rgb( var(--theme-text_light) ); opacity: 0.5; cursor: not-allowed; } .cAnswerRate.ipsType_positive:hover { color: var(--positive-dark); } .cAnswerRate.ipsType_negative:hover { color: var(--negative-dark); } .cAnswerRate > .fa { line-height: 30px; } span.cAnswerRate.cAnswerRate_noPermission { opacity: 0.25 !important; } .cAnswerRating { font-size: 22px; font-weight: 500; line-height: 30px; display: block; margin-top: -8px; } .cBestAnswerIndicator { display: inline-block; color: var(--positive-light); font-size: 22px; width: 36px; height: 36px; text-align: center; line-height: 36px; position: relative; background: var(--positive-dark); 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 { display: flex; } /*.cPost.ipsModerated, .cPost.ipsModerated .cAuthorPane { background: rgb( var(--theme-moderated) ); }*/ .cPost.ipsComment_selected:not( .ipsComment_moderated ) { background: rgb( var(--theme-selected) ); } /*.cTopic .cPost.ipsComment:last-of-type { margin-bottom: 0; }*/ .cPost.cPostQuestion.ipsBox--child { border: 0; box-shadow: none; } .cPost .cAuthorPane{ flex: 0 0 auto; margin: 0 !important; } .cPost .ipsComment_meta { padding: var(--sp-5) 0; } .cPost .ipsComment_controls { margin: 0; padding: 0; } .cPost .cPost_contentWrap { position: relative; flex: 1 1 auto; display: flex; flex-direction: column; } .cPost .cPost_contentWrap, .cPost .ipsComment_meta{ padding-inline-end: var(--sp-4); } /* Remove horizontal scrollbar when editing posts */ .cPost_contentWrap .ipsToolList_horizontal{ margin: 0; } .cPost.ipsComment .ipsType_richText { margin-top: 0; } .cPost .ipsComment_content { display: flex; flex-direction: column; min-height: 100%; } html[dir] .cPost .ipsComment_content { padding-right: 0; padding-left: 0; } .ipsApp .cTopic [data-role="commentFeed"] > .ipsComment:first-child { padding-top: 15px; } .cPostShareMenu h5 { margin-bottom: 5px; } .cTopic .ipsComment.ipsComment_ignored { padding-inline-start: 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; } .cCreateTopic_date input { padding-inline-start: 35px !important; } .cCreateTopic_date li { position: relative; } .cCreateTopic_date i { position: absolute; top: 13px; 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; } /* Unread bar */ .ipsUnreadBar { color: rgb( var(--theme-item_status) ); margin-bottom: var(--sp-5); display: flex; align-items: center; } .ipsUnreadBar:before, .ipsUnreadBar:after { content: ''; height: 2px; border-radius: 3px; background: rgb( var(--theme-item_status) ); } .ipsUnreadBar:before { flex: 0 0 calc(200px - var(--sp-4)); } .ipsUnreadBar:after { flex: 1 1 auto; } .ipsUnreadBar span{ padding: 0 var(--sp-4); font-weight: 500; } @media screen and (max-width: 767px) { html[dir] .ipsUnreadBar { margin-left: var(--sp-1); margin-right: var(--sp-1); } .ipsUnreadBar:before { display: none; } .ipsUnreadBar span { padding-inline-start: 0; } } /* Topic meta */ .ipsTopicMeta { list-style: none; margin-top: calc( ( var(--sp-5) * -1 ) + var(--sp-4) ); margin-bottom: var(--sp-2); padding: 0; display: flex; flex-direction: column; align-items: flex-start; border-radius: var(--radius-1); } .ipsTopicMeta { margin-inline-start: calc(200px - var(--sp-4)); } .ipsTopicMeta__item { background-color: var(--box--backgroundColor); box-shadow: var(--box--boxShadow); border-radius: var(--radius-1); padding: 6px var(--sp-4); font-size: {fontsize="small"}; color: rgb( var(--theme-text_color) ); word-break: break-word; display: inline-flex; margin-bottom: var(--sp-2); } .ipsTopicMeta__time { color: rgb( var(--theme-text_light) ); } .ipsTopicMeta__time { margin-inline-end: var(--sp-2); } .ipsTopicMeta__action { flex: 1; } .ipsTopicMeta a{ color: inherit; } @media screen and (max-width: 767px) { html[dir] .ipsTopicMeta { margin-inline-start: var(--sp-1); margin-inline-end: var(--sp-1); align-items: stretch; } .ipsTopicMeta__item { padding: var(--sp-2) var(--sp-4); display: block; } } /* Mini sidebar list */ .cForumMiniList_button.ipsButton_split { margin-top: 2px; } .cForumMiniList_wrapper { padding: 10px; } 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; } .ipsSideMenu > .cForumMiniList > li:not( .cForumMiniList_category ) > .cForumMiniList { margin-inline-start: 0; } .ipsSideMenu > .cForumMiniList_singleRoot .cForumMiniList { border-inline-start-width: 0; } .cForumMiniList .ipsSideMenu_item + .ipsSideMenu_list .ipsSideMenu_item { font-size: {fontsize="small"}; padding: 8px 10px; line-height: {fontsize="large"}; } .cForumMiniList .ipsSideMenu_item { font-size: {fontsize="medium"}; padding: 7px 10px; display: flex; align-items: center; } .cForumMiniList .ipsSideMenu_item .cForumMiniList_title { min-width: 0; } .cForumMiniList.cForumMiniList_multiRoot > li > a { font-size: {fontsize="large"}; font-weight: 500; padding: 8px 12px; margin: 0; color: rgb( var(--theme-text_dark) ); } .cForumMiniList_count { margin-inline-start: 12px; } .cForumMiniList_count .fa { font-size: 8px; } .cForumMiniList .cForumMiniList_blob { flex: 0 0 auto; font-size: 18px; width: 1em; height: 1em; border-radius: 3px; display: inline-flex; justify-content: center; align-items: center; color: #fff; background: rgb( var(--theme-area_background_dark) ); opacity: 0.3; position: relative; } .cForumMiniList .cForumMiniList_blob { margin-inline-end: 10px; } .cForumMiniList .cForumMiniList_blob > span { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background: rgb( var(--theme-area_background_reset) ); border-radius: 2px; } .cForumMiniList .cForumMiniList_blob .fa { display: none; font-size: .6em; } .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 > li > a.cForumMiniList_selected { background: rgb( var(--theme-area_background) ); } /* 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; } .ipsSnippetList{ margin: 0; padding: .2px 0; /* Prevent collapsing margins */ list-style: none; } .ipsTopicSnippet{ --ipsTopicSnippet--padding: 20px; --ipsTopicSnippet__avatar--width: 40px; padding: var(--ipsTopicSnippet--padding); } .ipsTopicSnippet__top{ margin-bottom: var(--sp-2); } /* Avatar */ .ipsTopicSnippet__avatar{ flex-basis: 1em; font-size: var(--ipsTopicSnippet__avatar--width); box-sizing: content-box; text-align: center; } .ipsTopicSnippet__avatar{ margin-inline-end: var(--ipsTopicSnippet--padding); } .ipsTopicSnippet__avatar .ipsUserPhoto{ margin: 0; width: 1em; height: 1em; display: block; } /* Fix alignment of moved arrow */ .ipsTopicSnippet__avatar .fa-arrow-left{ display: block; } .ipsTopicSnippet__title .ipsDataItem_title{ margin: 0 0 0.2em 0; display: block; } /* Fix alignment of participated icon, when fluid view and expanded view are both enabled on small mobile screens */ .cForumFluidTable .ipsTopicSnippet__title .ipsItemStatus{ position: static; } .ipsTopicSnippet__title .ipsTag_prefix{ display: inline-block; } .ipsTopicSnippet__date{ font-size: 0.9em; } .ipsTopicSnippet__date::first-letter{ text-transform: uppercase; } /* Snippet excerpt */ .ipsTopicSnippet__snippet p{ margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; } @media (min-width: 800px){ .ipsTopicSnippet__snippet p{ -webkit-line-clamp: 3; } } .ipsTopicSnippet__bottom{ flex-wrap: wrap-reverse; } .ipsTopicSnippet__last{ margin-top: var(--sp-2); } .ipsTopicSnippet__last-avatar{ font-size: 20px; margin-inline-end: .3em; } .ipsTopicSnippet__last .ipsUserPhoto{ margin: 0; width: 1em; height: 1em; } .ipsTopicSnippet__snippet, .ipsTopicSnippet__bottom{ padding-inline-start: calc(var(--ipsTopicSnippet__avatar--width) + var(--ipsTopicSnippet--padding)); } .ipsTopicSnippet__stats{ text-transform: uppercase; font-size: .8em; font-weight: 700; padding: .3em 0; } .ipsTopicSnippet__stats li{ flex: 0 0 auto; } .ipsTopicSnippet__stats li:not(:first-child)::before{ content: '/'; margin: 0 .6em; opacity: .4; } .ipsTopicSnippet__meta{ margin-top: 0.2em; } .ipsTopicSnippet__meta > *:not(:first-child){ margin-inline-start: 15px; } /* Reactions */ .ipsTopicSnippet__reactions .ipsReactOverview--reactions img{ max-width: 1.7em; max-height: 1.7em; } .ipsTopicSnippet__reactions .ipsReactOverview--points{ display: flex; align-items: center; } [dir='ltr'] .ipsTopicSnippet__reactions .ipsReactOverview--points p{ margin: 0 0 0 .6em; } [dir='rtl'] .ipsTopicSnippet__reactions .ipsReactOverview--points p{ margin: 0 .6em 0 0; } .ipsTopicSnippet__mod{ margin-inline-start: 20px; flex: 0 0 auto; } .ipsTopicSnippet__mod .ipsCustomInput{ vertical-align: middle; } @media (max-width: 767px){ .ipsTopicSnippet{ margin-left: 0; margin-right: 0; border-width: 1px 0 !important; /* Required to overwrite an earlier !important */ border-radius: 0; } .ipsTopicSnippet__avatar{ display: none; } [dir='ltr'] .ipsTopicSnippet__snippet, [dir='ltr'] .ipsTopicSnippet__bottom, [dir='rtl'] .ipsTopicSnippet__snippet, [dir='rtl'] .ipsTopicSnippet__bottom{ padding-left: 0; padding-right: 0; } } @media (max-width: 600px){ .ipsTopicSnippet{ --ipsTopicSnippet__avatar--width: 30px; --ipsTopicSnippet--padding: 15px; } } /* Fixes for Q and A forums */ [dir="ltr"] .ipsQuestionSnippet .ipsTopicSnippet__snippet, [dir="ltr"] .ipsQuestionSnippet .ipsTopicSnippet__bottom, [dir="rtl"] .ipsQuestionSnippet .ipsTopicSnippet__snippet, [dir="rtl"] .ipsQuestionSnippet .ipsTopicSnippet__bottom{ padding: 0; } .ipsQuestionSnippet .ipsTopicSnippet__snippet{ margin: 10px 0; } @media (min-width: 980px){ .ipsQuestionSnippet{ display: flex; align-items: center; } .ipsQuestionSnippet .ipsDataItem_icon, .ipsQuestionSnippet .ipsDataItem_main, .ipsQuestionSnippet .ipsDataItem_generic{ padding: 0; } .ipsQuestionSnippet .ipsDataItem_icon{ flex: 0 0 36px; align-self: flex-start; } .ipsQuestionSnippet .ipsDataItem_icon{ margin-inline-end: 15px; } } /* Analytics and statistics */ .ipsFluidGrid--analytics-and-statistics{ --FluidGrid--width: 300px; } .ipsLayout_sidebarUsed .ipsFluidGrid--analytics-and-statistics{ --FluidGrid--width: 340px; } .analytics-and-statistics { font-weight: normal; } .analytics-and-statistics--chart { padding-bottom: 0px; } /* Hide empty page header on analytics page */ .ipsPageHeader:has(.ipsType_pageTitle:empty:only-child){ display: none; }]]> span { display: block; } .cTopicOverview__statValue { font-weight: bold; font-size: {fontsize="large"}; } .cTopicOverview__sectionTitle { font-size: 12px; } .cTopicOverview__dataList { margin-left: -4px; margin-right: -4px; list-style: none; } .cTopicOverview__dataItem { {{if theme.rounded_photos}} border-radius: 500px; {{else}} border-radius: 2px; {{endif}} font-size: {fontsize="small"}; min-width: 110px; flex-basis: 100px; } .cTopicOverview--inline .cTopicOverview__dataItem { min-height: 34px; } .cTopicOverview--sidebar .cTopicOverview__dataItem--split { width: 50%; } .cTopicOverview--inline .cTopicOverview__dataItem--split { width: 25%; } a.cTopicOverview__dataItem.ipsType_blendLinks:hover { color: rgb( var(--theme-link_color) ); } .cTopicOverview__preview .cTopicOverview__dataItem { min-width: 0; flex-basis: auto; } .cTopicOverview--inline .cTopicOverview__dataItem { max-width: 200px; } .cTopicOverview__dataItemInner { text-overflow: ellipsis; overflow: hidden; line-height: 1.2; } .cTopicOverview__dataItemInner > strong { display: inline-block; margin-bottom: 2px; } .cTopicOverview__preview { position: relative; overflow: hidden; min-height: 90px; } .cTopicOverview__preview:after { content: ''; pointer-events: none; display: block; position: absolute; right: 0; top: 0; bottom: 0; background-image: linear-gradient(to right, rgba( var(--theme-area_background_reset), 0 ) 0%, rgba( var(--theme-area_background_reset), 1 ) 100%); width: 250px; } .cTopicOverview__preview .ipsUserPhoto_tiny { width: 28px; height: 28px; } .cTopicOverview__previewInner { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .cTopicOverview__imageGrid { height: 100%; margin: -1px -1px 0 -1px; list-style:none; } .cTopicOverview__image { position: relative; max-width: 150px; padding: 1px; } .cTopicOverview--sidebar .cTopicOverview__image { width: 50%; } .cTopicOverview--inline .cTopicOverview__image { width: 25%; } .cTopicOverview__image .ipsThumb { border: none !important; } .cTopicOverview__image > a { display: block; height: 0; padding-top: 100%; } @media screen and (max-width: 1150px) { .cTopicOverview { flex-direction: column; } .cTopicOverview__preview, .cTopicOverview__toggle--afterStats { display: none; } .cTopicOverview__toggle--inline { display: flex; } } @media screen and (max-width: 767px) { .cTopicOverview--inline .cTopicOverview__image { width: 50%; max-width: 50%; } }]]>