Current Path :
/
home
/
develito
/
httpdocs
/
components
/
com_faqbookpro
/
assets
/
css
/
Or
Select Your Path :
Upload File :
New :
File
Dir
//home/develito/httpdocs/components/com_faqbookpro/assets/css/style.css
/* General */ #fbExtended { padding: 0 0 20px; } #fbExtended .clearfix::after { clear: both; } #fbExtended .clearfix::before, #fbExtended .clearfix::after { display: table; content: ""; line-height: 0; } #fbExtended a:focus { outline: none; } /* Top Navigation */ .fbTopNavigation_core_outer { position: relative; } .fbTopNavigation_core { background: none repeat scroll 0 0 #f0f2f7; float: left; width: 100%; line-height: 22px; min-height: 18px; margin: 0; padding: 15px 15px 15px 0; box-sizing: border-box; } .fbTopNavigation_wrap { margin: 2px 0; padding: 0 15px; display: inline-block; position: relative; } ul.fbTopNavigation_root { white-space: nowrap; list-style-type: none; margin: 0 !important; padding: 0 !important; display: inline-block; } #top_liid_home { display: inline-block !important; } .NavTopUL_item, .NavTopUL_home { display: inline; margin-right: 8px; padding: 0; position: relative; background: none !important; } .NavTopUL_firstChild { padding-left: 0; } .NavTopUL_lastChild a { color: #444; } .NavTopUL_link { font-weight: bold; white-space: normal; outline: none; text-decoration: none; background: none; line-height: 34px; } .NavTopUL_link:hover, .NavTopUL_link:focus { background: none; text-decoration: none; } span.NavTopUL_link { color: #444; } .NavTopUL_loading { background: url("../images/loader.gif") no-repeat scroll center center transparent; display: none; height: 14px; line-height: 34px; width: 17px; margin: 0; vertical-align: middle; } .fbTopNavigation_wrap.NavTopULloading span.NavTopUL_loading { display: inline-block; } .NavTopUL_buttons { margin: 2px 0; float: right; } /* Menu Toggle button */ .NavTopUL_buttons .show_menu { margin: 0; display: none; float: right; text-align: center; } .NavTopUL_buttons .show_menu a, .NavTopUL_buttons .show_menu a:focus { margin: 0 0 0 10px; line-height: 20px; padding: 6px 10px; border: 1px solid #e5e5e5; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background: #fff; color: #333; } .NavTopUL_buttons .show_menu a:hover, .NavTopUL_buttons .show_menu a.fb-active { border: 1px solid #4cae4c; background: #5cb85c; color: #fff; } .NavTopUL_buttons .show_menu a:active { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; background: #5cb85c; color: #fff; } .NavTopUL_buttons .show_menu a i { font-size: 14px; line-height: 20px; vertical-align: top; } /* Left Navigation */ .leftnav-hidden { display: none !important; } .fbLeftNavigation_core { float: left; margin-right: 30px; position: relative; width: 260px; overflow: hidden; transition: width 0.3s ease 0s; border-right: 1px solid #e5e5e5; } .fbLeftNavigation_core.fb-minimized { width: 34px; } .fbLeftNavigation_core.fb-minimized #NavLeftUL { opacity: 0; visibility: hidden; } .fbLeftNavigation_core.fb-minimized .NavLeftUL_toggle { width: 34px; } .fbLeftNavigation_core.fb-minimized .NavLeftUL_item.li_loading { width: 34px; white-space: nowrap; } .fbLeftNavigation_core.fb-minimized .NavLeftUL_item.li_loading span.NavLeftUL_endpointIcon { right: 13px; } .fbLeftNavigation_core.fb-minimized a.NavLeftUL_anchor { width: 34px; white-space: nowrap; transition: width 0.3s ease 0s; } .fbLeftNavigation_core.fb-minimized .NavLeftUL_item.li_loading a.NavLeftUL_anchor i { display: none; } .fbLeftNavigation_core.fb-minimized .NavLeftUL_item.li_loading a.NavLeftUL_anchor span.NavLeftUL_text { opacity: 0; } .NavLeftUL_anchor.NavLeftUL_toggle, .NavLeftUL_anchor.NavLeftUL_toggle:hover, .NavLeftUL_anchor.NavLeftUL_toggle:focus { background: none; border: 0; } .fbLeftNavigation_user li span.username { font-weight: bold; font-size: 13px; display: block; padding: 0 0 3px; } .fbLeftNavigation_user .NavLeftUL_anchor .fb-btn { float: right; padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; margin: 0; position: relative; top: -3px; font-weight: normal; border: 1px solid #ccc; background: #fff; color: #333; white-space: nowrap; text-align: center; } .fbLeftNavigation_user .NavLeftUL_anchor .fb-btn:hover, .fbLeftNavigation_user .NavLeftUL_anchor .fb-btn:focus { outline: none; text-decoration: none; background: #e6e6e6; border: 1px solid #adadad; } .fbLeftNavigation_user .NavLeftUL_anchor .fb-btn:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .fbLeftNavigation_toggle { font-size: 12px; overflow: hidden; position: relative; line-height: 1.4; float: right; width: 34px; } .fbLeftNavigation_toggle ul { position: relative; margin: 0 !important; padding: 0 !important; list-style-type: none; } .fbLeftNavigation_toggle li { list-style: none outside none; padding: 0; background: none !important; } .fbLeftNavigation_topics, .fbLeftNavigation_user { font-size: 12px; overflow: hidden; position: relative; width: 260px; line-height: 1.4; } .fbLeftNavigation_topics ul, .fbLeftNavigation_user ul { position: relative; width: 260px; margin: 0 !important; padding: 0 !important; list-style-type: none; } .fbLeftNavigation_topics li, .fbLeftNavigation_user li { list-style: none outside none; width: 260px; padding: 0; background: none !important; } ul.NavLeftUL_sublist { display: none; position: absolute; left: 100%; top: 0; } ul.NavLeftUL_expanded { display: block; } .fbLeftNavigation_wrap { left: 0; position: relative; top: 0; } .fbLeftNavigation_toggle a.NavLeftUL_anchor { text-align: right; padding: 9px 8px; } .fbLeftNavigation_toggle a.NavLeftUL_anchor i { font-size: 20px; vertical-align: top; line-height: 16px; } a.NavLeftUL_anchor, span.NavLeftUL_anchor { box-sizing: border-box; border-top: 1px solid #e5e5e5; display: block; outline: 0 none; padding: 9px 30px 9px 8px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-decoration: none; outline: none; width: 100%; font-size: 13px; line-height: 1.4; } span.NavLeftUL_anchor { font-weight: 600; color: #656565; } span.NavLeftUL_anchor small { white-space: nowrap; } span.NavLeftUL_title { padding: 9px 8px; background: #fafafa; } span.NavLeftUL_title i { margin: 0 8px 0 0; opacity: 0; width: 18px; } span.NavLeftUL_title .fb-link { float: right; font-weight: normal; font-size: 11px; line-height: 16px; } span.NavLeftUL_title .fb-link i { opacity: 1; margin: 0 3px 0 0; width: auto; } a.NavLeftUL_anchor:hover, a.NavLeftUL_anchor:focus { background-color: #f0f2f7; position: relative; text-decoration: none; outline: none; } a.NavLeftUL_anchor i { font-size: 13px; width: 18px; text-align: center; margin: 0 8px 0 0; } .NavLeftUL_navIcon.fa { position: absolute; right: 10px; top: 12px; height: 15px; width: 10px; background: none; font-size: 11px; line-height: 15px; } .NavLeftUL_navBackIcon.fa { position: absolute; right: 9px; top: 13px; height: 16px; width: 16px; background: none; font-size: 14px; line-height: 16px; } .li_loading span.NavLeftUL_endpointIcon { background: url("../images/loader.gif") no-repeat scroll right 0 transparent; position: absolute; right: 9px; top: 12px; height:14px; width: 17px; } .li_loading ul span.NavLeftUL_endpointIcon { background: none; } .fbLeftNavigation_core .li_selected > a, .fbLeftNavigation_core .li_selected > a:hover, .fbLeftNavigation_core .li_selected > a:focus { background: #3b5998; border-top: 1px solid #3b5998; color: #fff; text-shadow: none; } /* Loaders */ .fb_loader, .topic_loader, .myanswers_loader, .answers_loader { text-align: center; display: none; } .fb_loader { margin: 0; padding: 8px 0 10px; } .topic_loader, .myanswers_loader, .answers_loader { margin: 10px 0 0; padding: 10px; } /* Content placeholders */ .placeholder-item { background: #fff; padding: 0 0 20px; margin: 0 0 15px; min-height: 42px; } @keyframes placeHolderShimmer{ 0%{ background-position: -468px 0 } 100%{ background-position: 468px 0 } } .animated-background { animation-duration: 1.2s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right, #f0f2f7 8%, #eee 18%, #f0f2f7 33%); background-size: 900px 42px; height: 42px; position: relative; } .background-masker { background: #fff; position: absolute; } .background-masker.title-top { top: 0; right: 0; width: 50%; height: 25px; } .background-masker.title-bottom { top: 25px; left: 0; right: 0; height: 17px; } .background-masker.top-left { top: 0; left: 50px; height: 20px; width: 10px; } .background-masker.top-bottom { top: 20px; left: 50px; right: 0; height: 10px; } .background-masker.middle-left { top: 30px; left: 50px; height: 12px; width: 10px; } .background-masker.middle-bottom { top: 42px; left: 50px; right: 0; height: 8px; } /* Main */ .fbContent_core { overflow: hidden; padding-top: 20px; position: relative; } .fbContent_root { padding-top: 0; margin: 0; } /* Headers */ h2.fbContent_title { font-size: 22px; line-height: 34px; margin: 0 0 25px 0; } h2.fbContent_title a, h2.fbContent_title a:hover, h2.fbContent_title a:focus { text-decoration: none; background: none; } h2.fbContent_title .btn { font-size: 13px; font-weight: normal; } h2.fbContent_title small { white-space: nowrap; } /* Subheaders */ .fbContent_root .topic_subheader, .fbContent_root .myanswers_subheader, .fbContent_root .answers_subheader { margin: 20px 0 0; border-bottom: 1px solid #e5e5e5; height: 37px; clear: both; box-sizing: border-box; } /* State headers */ .fbContent_core .unpublished-header, .fbContent_core .trashed-header, .fbContent_core .archived-header, .fbContent_core .private-header, .fbContent_core .scheduled-header, .fbContent_core .selected-header { text-transform: uppercase; margin: 0 5px 10px 0; padding: 5px 10px; font-size: 11px; font-weight: bold; line-height: 14px; display: inline-block; border-radius: 4px; } .fbContent_core .private-header, .fbContent_core .scheduled-header { cursor: help; } .fbContent_core .unpublished-header { color: #b94a48; background: #f2dede; border: 1px solid #ebccd1; } .fbContent_core .trashed-header { color: #656565; background: #e9e9e9; border: 1px solid #ddd; } .fbContent_core .archived-header { color: #656565; background: #e9e9e9; border: 1px solid #ddd; } .fbContent_core .private-header { color: #b94a48; background: #f2dede; border: 1px solid #ebccd1; } .fbContent_core .private-header small { font-size: 10px; color: #D88F8D; } .fbContent_core .scheduled-header { color: #468847; background: #dff0d8; border: 1px solid #d6e9c6; } .fbContent_core .scheduled-header small { font-size: 10px; color: #468847; } .fbContent_core .selected-header { color: #468847; background: #dff0d8; border: 1px solid #d6e9c6; } /* Browse Topics (Topics tree) */ .fbContent_topics { margin: 0 0 20px; padding: 20px 0 0; list-style: none; } .fbContent_topics > li { display: inline-block; vertical-align: top; margin: 0; padding: 0 10px; box-sizing: border-box; } .fbContent_topics > li > a { font-size: 18px; font-weight: 600; margin: 0 0 13px; width: 100%; padding: 0 0 10px; border-bottom: 1px solid #eee; } .fbContent_topics > li > a img { margin: 0 15px 0 0; max-width: 120px; } .fbContent_topics li a { display: inline-block; text-decoration: none; } .fbContent_topics ul { padding: 0; margin: 0 0 0 10px; list-style: none; } .fbContent_topics .level1 { margin: 0 0 20px 10px; } .fbContent_topics .level1 ul { margin: 0 0 2px 15px; } .fbContent_topics .level1 li a { margin: 0 0 7px; } .fbContent_topics .level2 li a { font-size: 85%; } /* Section */ .fbSection_description { padding: 10px 0; margin: 0 0 20px; } /* Topic */ .fbTopic { position: relative; padding: 0 0 20px; } .fbTopic_permalink { line-height: 34px; } .fbTopic_description { padding: 10px 0; } .fbTopic_image { text-align: left; padding: 20px 0; } .fbTopic_image img { max-width: 100%; } .fbTopic_content { clear: both; margin: 0 0 30px; } /* Questions List */ .fbContent_empty { margin: 20px 0 0; padding: 20px 0; line-height: 23px; text-align: center; } .fbContent_qList { padding: 0; margin: 0; } .fbContent_qListItem { padding: 10px 10px 10px 7px; margin: 0; border-color: transparent transparent #e5e5e5 transparent; border-style: solid; border-width: 0 0 1px 3px; background: none; } .fbContent_qListItem.qListItem_pinned { border-left: 3px solid #E4C1E0; border-bottom: 1px solid #F7DDF4; margin: 0 0 1px; } .fbContent_qListItemInner { padding: 5px 0; } .qListItem_stats { float: left; margin: 0 10px 10px 0; text-align: center; font-size: 11px; min-width: 58px; max-width: 100px; } .qListItem_votes { margin: 0 0 8px; padding: 5px; } .qListItem_votes strong { font-size: 18px; font-weight: 500; } .qListItem_answers { margin: 0; padding: 5px; background: #f7f7f7; } .qListItem_answers a, .qListItem_answers a:hover, .qListItem_answers a:focus { margin: 0; padding: 0; text-decoration: none; } .qListItem_answers span { display: block; } .qListItem_answers.resolved { background: #6f9136; color: #fff; } .qListItem_answers.resolved a { color: #fff; } .qListItem_answers strong { font-size: 18px; font-weight: 500; } .qListItem_preview { overflow: hidden; padding: 0 10px; } .qListItem_preview h3 { margin: 0 0 10px; line-height: 23px; } .qListItem_preview h3 i { font-size: 14px; margin: 0 3px 0 0; } .qListItem_preview h3 .label { font-size: 10px; vertical-align: top; display: inline-block; margin: 0 0 0 5px; padding: 4px 5px; color: #fff; text-shadow: none; } .qListItem_preview .label.label-pending { background: #f0ad4e; } .qListItem_preview .label.label-open { background: #d9534f; } .qListItem_preview img { margin: 0 0 15px; } h3.qListItem_header a, h3.qListItem_header a:hover, h3.qListItem_header a:focus { text-decoration: none; background: none; } .fa.qListItem_pinned { color: #bb7bb4; } .fa.qListItem_resolved { color: #5cb85c; } .fa.qListItem_feat_star { color: #ffa500; } .fa.qListItem_locked_icon { color: #d9534f; } .qListItem_link { line-height: 23px; font-size: 16px; font-weight: 500; } .qListItem_introtext { margin: 0 0 8px; } .qListItem_info { font-size: 12px; margin: 0 0 8px; color: #777; } .qListItem_info > span:after { content: "\00b7"; font-size: 26px; line-height: 16px; vertical-align: middle; padding: 0 4px; } .qListItem_info > span:last-child:after { content: none; } .qListItem_date { cursor: help; } .qListItem_edit_link { font-size: 12px; padding: 0; margin: 0; } .qListItem_topic { padding: 3px 0 0; } .qListItem_topic a { background: #ecf0f4; border-radius: 3px; padding: 3px 6px; margin: 0 2px 2px; display: inline-block; } .qListItem_topic a:hover, .qListItem_topic a:focus { background: #f0f2f7; text-decoration: none; } /* Theme: FAQ */ .fbContent_qFaqItemInner { padding: 0 0 0 22px; position: relative; } .fbContent_qFaqItemInner .qListItem_preview { padding: 0; } .fbContent_qFaqItemInner .qListItem_preview h3 { margin: 0; line-height: 22px; } .qFaqItem_link { padding: 0; margin: 0; text-decoration: none; display: block; } .qFaqItem_link:focus, .qFaqItem_link:hover { text-decoration: none; background: none; } .faq_open .qFaqItem_link { font-weight: bold; } .qFaqItem_triangle { width: 22px; height: 22px; left: 0; top: 0; position: absolute; } .qFaqItem_triangle .fa { line-height: 23px; vertical-align: top; text-align: center; height: 22px; width: 20px; font-size: 15px; color: #777; } .qFaqItem_introtext { padding: 8px 0 0; color: #999; } .faq_open .qFaqItem_introtext { display: none; } .qFaqItem_answer { display: none; padding: 8px 0 0; } .faq_open .qFaqItem_answer { display: block; } .qFaqItem_answer img { max-width: 100%; margin: 0 0 15px; } .qFaqItem_tools { background: none repeat scroll 0 0 #f9f9f9; border-top: 1px solid #E3E8F3; margin: 1em 0 0.8em; position: relative; padding: 0 5px 0 0; } .qFaqItem_links { float: right; } .qFaqItem_links a { margin: 0 3px; font-size: 12px; display: inline-block; vertical-align: top; line-height: 30px; } .qFaqItem_voting { float: left; } .qFaqItem_voting .voting-text { display: inline-block; vertical-align: top; line-height: 30px; font-size: 11px; color: #777; padding: 0 8px; } .qFaqItem_votes { text-align: center; display: inline-block; vertical-align: top; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; } .qFaqItem_votes .fa { font-size: 20px; height: 30px; vertical-align: top; } .qFaqItem_votes .vote-up, .qFaqItem_votes .vote-down { float: left; width: 30px; height: 30px; } .qFaqItem_votes .vote-up { border-right: 1px solid #d5d5d5; } .qFaqItem_votes .vote-up .fa { line-height: 26px; } .qFaqItem_votes .vote-down { border-left: 1px solid #d5d5d5; } .qFaqItem_votes .vote-down .fa { line-height: 28px; } .qFaqItem_votes .has_voted, .qFaqItem_votes .has_voted:hover, .qFaqItem_votes .has_voted:focus, .qFaqItem_votes .has_voted:active { color: #4cae4c; } .qFaqItem_votes a, .qFaqItem_votes a:focus, .qFaqItem_votes a:active { color: #999; } .qFaqItem_votes a:hover { color: #777; } .qFaqItem_votes .vote-count { float: left; position: relative; color: #777; font-size: 14px; min-width: 35px; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; } /* Ajax pagination */ .fbContent_paging { text-align: center; margin: 30px 0; } .fbContent_paging span { display: inline-block; height: 24px; vertical-align: top; } a.fbContent_paging_button { display: inline-block; line-height: 24px; padding: 6px 12px; border: 1px solid #e5e5e5; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); text-decoration: none; min-width: 110px; } a.fbContent_paging_button:hover, a.fbContent_paging_button:focus { text-decoration: none; } a.fbContent_paging_button:hover { background: #eee; } a.fbContent_paging_button:focus { background: #fff; } a.fbContent_paging_button.fbContent_btn_disabled .fbContent_paging_text, a.fbContent_paging_button.fbContent_btn_disabled .fbContent_noresults { opacity: 0.5; } a.fbContent_paging_button:active { background: #eee; } .fbContent_paging .fbContent_noresults { display: none; } .fbContent_paging .fbContent_paging_loader { background: url("../images/loader.gif") no-repeat scroll center center transparent; display: none; width: 24px; height: 24px; } /* Popular topics */ .fbContent_grid { width: 100%; margin-bottom: 30px; margin-left: 0 !important; padding: 0; list-style: none !important; } .fbContent_gridItem { float: left; margin: 0 0 20px; } .fbContent_gridItem.onecolgrid { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #eee; } .onecolgrid .fbContent_gridItemContainer { text-align: left; } .onecolgrid .fbContent_gridItemContainer img { float: left; margin: 0; } .onecolgrid .fbContent_gridItemContainer .pop-item-desc { text-align: left; } .fbContent_gridItemContainer .pop-item-desc { text-align: justify; } .fbContent_gridItemContainer { margin: 0 10px; padding: 0; text-align: center; opacity: 0.85; } .fbContent_gridItemContainer:hover { opacity: 1; } .fbContent_gridItemContainer h4 { margin: 0; padding: 0; } .fbContent_gridItemContainer h4 a { font-size: 14px; text-decoration: none; font-weight: normal; background: none; display: inline-block; width: 100%; padding: 15px 0; } .fbContent_gridItemContainer h4 a:hover, .fbContent_gridItemContainer h4 a:focus { text-decoration: none; background: none; } .fbContent_gridItemContainer .pop-item-img { margin: 0; padding: 4px; border: 1px solid #e5e5e5; background: none !important; display: inline-block; width: 100%; box-sizing: border-box; } .fbContent_gridItemContainer .pop-item-img:hover, .fbContent_gridItemContainer .pop-item-img:focus { background: none !important; } .fbContent_gridItemContainer img { margin: 0; max-width: 100%; width: 100%; float: left; } /* Popular questions */ .fbContent_popQuestions { width: 100%; margin-bottom: 30px; margin-left: 0; padding: 0; list-style-type: none; } .fbContent_popQuestions li { margin: 0; padding: 0; } .fbContent_popQuestions li + li { border-top: 1px solid #eee; } .fbContent_popQuestions li a { margin: 0; padding: 8px 0; display: inline-block; font-size: 14px; } /* Alert boxes */ #myquestions_public_msg { padding: 15px; } .myquestion_private_selector .control-label .private-locked { display: inline-block; padding: 2px 5px; font-size: 11px; background-color: #FBECEC; border: 1px solid #ebccd1; color: #b94a48; border-radius: 4px; margin: 0 0 0 10px; font-weight: normal; line-height: 12px; } .myquestions_public_msg { margin: 0 0 20px; } /* Sections */ .fbContent_sections_desc { margin: 0 0 20px; } /* Forum layout (Sections) */ .fb_forums { padding: 20px 0 0; } .fb_forum { margin: 0 0 40px; padding: 0; border-bottom: 1px solid #e5e5e5; } .fb_forum small { white-space: nowrap; } .fb_forum_header { margin: 0; padding: 0 10px 10px; } .fb_forum_header > h2 { line-height: 28px; } .fb_forum_header > h2 a, .fb_forum_header > h2 a:hover, .fb_forum_header > h2 a:focus { text-decoration: none; background: none; } .fb_forum_body_header { border-top: 1px solid #e5e5e5; background: #f9f9f9; padding: 15px 0; color: #888; } .fb_forum_row { padding: 15px 0; border-top: 1px solid #e5e5e5; } .fb_forum_row small { color: #999; } .fb_table_row { display: table; width: 100%; table-layout: fixed; } .fb_table_cell { display: table-cell; vertical-align: top; } .fb_table_cell_padding { padding: 0 15px; } .fb-col-8 { width: 66.67%; } .fb-col-4 { width: 33.33%; } .fb_forum_topic_icon, .fb_forum_topic_image { float: left; margin: 0 15px 0 0; padding: 5px; } .fb_forum_topic_icon a { width: 32px; height: 32px; display: inline-block; text-align: center; } .fb_forum_topic_image a { display: inline-block; max-width: 120px; } .fb_forum_topic_icon i { font-size: 32px; vertical-align: top; height: 32px; width: 32px; } .fb_forum_topic_body { overflow: hidden; } .fb_forum_topic_title { margin: 12px 0 10px; font-size: 18px; } h3.fb_forum_topic_title a, h3.fb_forum_topic_title a:hover, h3.fb_forum_topic_title a:focus { text-decoration: none; background: none; } .fb_forum_topic_desc { font-size: 13px; } .fb_forum_topic_children { padding: 5px 0 0; } .fb_forum_topic_child { display: inline-block; margin: 0 8px 4px; } .fb_forum_topic_child i { margin: 0 5px 0 0; } .fb_forum_topic_child a { font-size: 12px; } .fb_forum_question_title { margin: 12px 0 10px; } .fb_forum_question_meta { font-size: 13px; color: #888; } .fb_forum_question_meta > span:after { content: "\00b7"; font-size: 26px; line-height: 16px; vertical-align: middle; padding: 0 4px; } .fb_forum_question_meta > span:last-child:after { content: none; } /* Columns layout (sections) */ .fb_columns { margin: 0 -10px; padding: 0; } .fb_column { float: left; margin: 0 0 20px; text-align: left; } .fb_column small { color: #999; } .fb_column_inner { margin: 0 10px; padding: 15px; border: 1px solid #e5e5e5; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background: #fff; } .fb_column_inner .fb_column_image { display: block; margin: 0 0 15px; } .fb_column_inner img { max-width: 100%; } .fb_column_inner small { white-space: nowrap; } h3.fb_column_header { margin: 0; padding: 10px 0 20px; font-size: 18px; } h3.fb_column_header a, h3.fb_column_header a:hover, h3.fb_column_header a:focus { text-decoration: none; background: none; } .fb_column_topics { padding: 10px 0; } .fb_column_topic { display: inline-block; margin: 0 5px 4px; } .fb_column_topic i { margin: 0 5px 0 0; } .fb_column_topic a { font-size: 12px; } /* Responsive */ @media(max-width: 768px) { .fb-hidden-phone li.NavTopUL_item { display: none !important; } .fbContent_core { width: 100% !important; float: left !important; } .fbLeftNavigation_core { margin: 0 !important; width: 100% !important; transition: none; } .fbLeftNavigation_toggle { display: none; } .fbLeftNavigation_core.fb-minimized #NavLeftUL { opacity: 1; visibility: visible; } .fbLeftNavigation_core { border-right: 0 !important; } .fbLeftNavigation_core.fb-minimized .NavLeftUL_item.li_loading { width: auto; white-space: normal; } .fbLeftNavigation_core.fb-minimized .NavLeftUL_item.li_loading span.NavLeftUL_endpointIcon { right: 9px; } .fbLeftNavigation_core.fb-minimized .NavLeftUL_item.li_loading a.NavLeftUL_anchor i { display: inline-block; } .fbLeftNavigation_core.fb-minimized .NavLeftUL_item.li_loading a.NavLeftUL_anchor span.NavLeftUL_text { opacity: 1; } .fbLeftNavigation_core a.NavLeftUL_anchor { width: 100% !important; transition: none !important; } .fbLeftNavigation_user, .fbLeftNavigation_topics { margin: 0 !important; width: 100% !important; } .fbLeftNavigation_wrap { margin: 0 !important; width: 100% !important; } .fbLeftNavigation_user ul, .fbLeftNavigation_topics ul { margin: 0 !important; width: 100% !important; } .fbLeftNavigation_user li, .fbLeftNavigation_topics li { margin: 0 !important; width: 100% !important; } .fbLeftNavigation_core.fb-hidden { display: none; } .fbTopNavigation_core .show_menu { display: block; } .fb-hidden-phone li.NavTopUL_item { display: none !important; } .fb_forum_body_header .fb-col-8 { width: 100%; } .fb_forum_body_header .fb-col-4 { display: none; } .fb_forum_body_container .fb-col-8 { width: 100%; } .fb_forum_body_container .fb-col-4 { display: none; } .fb_column { width: 100% !important; } .fbContent_topics li { width: 100% !important; } } @media screen and (max-width: 992px) { .fbContent_gridItem, .fbContent_allTopics > li { width: 50% !important; } } @media screen and (max-width: 500px) { .fbContent_gridItem, .fbContent_allTopics > li { width: 100% !important; } }