[data-template="thread_view"] .block-outer-opposite,
[data-template="thread_view_type_article"] .block-outer-opposite,
[data-template="thread_view_type_question"] .block-outer-opposite,
[data-template="thread_view_type_suggestion"] .block-outer-opposite,
[data-template="xfrm_thread_view_type_resource"] .block-outer-opposite,
[data-template="thread_view"] .block-outer-main
<xf:if is="property('lrotv_forum_view')">, [data-template="forum_view"] .block-outer-opposite,
[data-template="forum_view_type_article"] .block-outer-opposite,
[data-template="forum_view_type_question"] .block-outer-opposite,
[data-template="forum_view_type_suggestion"] .block-outer-opposite,
[data-template="forum_view"] .block-outer-main</xf:if> {
float: none;
}
.cxf-lrotv-block {
.xf-cxf_lrotv_block();
margin-top: 10px;
}
.cxf-lrotv-container {
display: flex;
}
.cxf-lrotv-grid-block {
display: flex;
flex-direction: column;
flex: 1 1 250px;
margin-left: 1%;
padding: 15px;
}
.cxf-lrotv-grid-block:first-of-type {
margin-left: 0;
}
.cxf-lrotv-grid-block.left {
.xf-cxf_lrotv_block_left();
}
.cxf-lrotv-grid-block.right {
.xf-cxf_lrotv_block_right();
}
/* Title and description */
.cxf-lrotv-title {
.xf-cxf_lrotv_block_title();
}
.cxf-lrotv-description {
.xf-cxf_lrotv_block_description();
}
.cxf-lrotv-grid-block.left .cxf-lrotv-title-minor {
.xf-cxf_lrotv_block_left_title();
}
.cxf-lrotv-grid-block.right .cxf-lrotv-title-minor {
.xf-cxf_lrotv_block_right_title();
}
.cxf-lrotv-grid-block.left .cxf-lrotv-description {
.xf-cxf_lrotv_block_left_description();
}
.cxf-lrotv-grid-block.right .cxf-lrotv-description {
.xf-cxf_lrotv_block_right_description();
}
.cxf-lrotv-register.button, .cxf-lrotv-login.button {
width: 100%;
max-width: 350px;
}
.cxf-lrotv-register.button {
.xf-cxf_lrotv_button_register();
}
.cxf-lrotv-register.button:hover {
.xf-cxf_lrotv_button_register_hover();
}
.cxf-lrotv-register.button:before {
.xf-cxf_lrotv_button_register_icon();
}
.cxf-lrotv-login.button {
.xf-cxf_lrotv_button_login();
}
.cxf-lrotv-login.button:hover {
.xf-cxf_lrotv_button_login_hover();
}
.cxf-lrotv-login.button:before {
.xf-cxf_lrotv_button_login_icon();
}
/*** Mobile ***/
@media (max-width: @xf-responsiveMedium) {
.cxf-lrotv-block {
margin-left: -10px;
margin-right: -10px;
}
.cxf-lrotv-container {
display: block !important;
}
.cxf-lrotv-title {
font-size: 20px;
}
.cxf-lrotv-grid-block.left {
margin-left: 0;
margin-bottom: 15px;
padding-bottom: 15px;
}
.cxf-lrotv-grid-block.right {
margin-left: 0;
}
}