/* Theme Name: Answers Theme URI: //templatic.com/ Description: Theme for creating a question answer portal. Version: 2.0.5 Author: Templatic.com Author URI: //templatic.com/ */ /* IMPORTANT NOTE! If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme without worrying about overwriting your style changes. */ /*=== Setup ===*/ /* Import RESET styling for grid framework*/ @import url('library/css/reset.css'); /* Import Font Awesome CSS*/ @import url('library/css/font-awesome.min.css'); /* Import Menu CSS*/ @import url('library/css/menu.css'); /* Import GRID styling for grid framework*/ @import url('skins/1-default.css'); @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700); @import url(https://fonts.googleapis.com/css?family=Arimo:400,700); /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ html, body { margin:0px; padding:0px; } body { font-size:14px; } .fix{ clear: both; height:1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } hr { margin-bottom:30px; margin-top:20px; clear:both; } p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0; } p em { line-height:20px; } code { line-height:18px; } .alignleft { float:left; padding:5px; margin:13px 12px 0px 0; } .alignright { float:right; padding:5px; margin:24px 0 0px 12px; } .wp-caption .alignleft { margin:0 15px 10px 15px; padding:0; } .wp-caption p { margin:0; padding:3px 5px; font-size:12px; font-weight:bold;} .wp-caption .alignright { float:right; margin:0 0 10px 15px; padding:0; } .wp-caption { width:auto !important; } /* headings //////////////////////////////////////--------------------- */ h1, h2, h3, h4, h5, h6 { font-weight:bold;} h1.page_head, h1.single_head { padding:0 0 8px 0; font-size:32px; } h1.single_head { margin:0; padding:0; } h1.page_head span { font-size:11px; color:#b1b1b1; padding:10px 0 0 0; } h1 { margin:0; font-size:34px; } h2 { font-size:28px; } h3 { font-size:24px; } h4 { margin-bottom:10px; font-size:20px; } h5 { font-size:18px; } h6 { font-size:16px; } /* Font //////////////////////////////////////--------------------- */ body, p, #top_strip p, #content .answers_total, #sidebar li, .form_row label, .ask_row label, #comments .comment small, #comments .comment .comments_links, #nav .search .textfield, .form_row .textfield, .form_row .select, .form_row .textarea, .ask_row .textfield, .ask_row .textarea, .ask_row .textfield_login, #respond .textarea, #respond .textfield, #respond .textfield2, #sidebar .subscribe .subscribefieldnow { font-family:'PT Sans', sans-serif; } h1, h2, h3, h4, h5, h6, .wp-caption p, .blog-title a, #content .answers_total a, #content #tab .page_item a, #content .user_tab li a, a.b_askquestions, #sidebar .topusers li .users, #sidebar .topusers li .points, #sidebar .widget h3 span.point, #content .userlistings li h3, #content .userlistings li p, #comments .comment .auhtor_name, .content_left p strong, .alphabetical li a { font-family: Arial, Helvetica, sans-serif; } #sidebar .subscribe .submit, .btn_input_highlight, .btn_input_normal, input#submit { font-family:'Arimo', sans-serif;cursor:pointer; padding:12px 20px; border:none; text-align:center; font-weight:bold; } input[type="submit"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn_input_normal { padding:14px 20px; } /* Border-Radius & Border Color //////////////////////////////////////--------------------- */ #content .answers_total, a.b_askquestions, #sidebar .subscribe .submit, .btn_input_highlight, .btn_input_normal, input#submit { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #nav .search, .pro_author, .subscribe, #sidebar .subscribe .subscribefieldnow, .form_row .textfield, .form_row .textarea, #sidebar #loginform, .ask_row .textfield, .ask_row .textarea, #respond .textarea, #respond .textfield, #respond .textfield2, .votes, .content_left, .agent_details_main { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #nav .search, .pro_author, .subscribe, #content #tab li.current_page_item a, #content .user_tab li.current_page_item a, .author #content .user_tab li:first-child a, .form_row .textarea, #sidebar .subscribe .subscribefieldnow, .form_row .textfield, #sidebar #loginform, .ask_row .textfield, .ask_row .textarea, #respond .textarea, #respond .textfield, #respond .textfield2, .votes, .author_photo { border:1px solid #e5e5e5; } /* Font-Size //////////////////////////////////////--------------------- */ #content p, #respond p, #respond p label, #content h5.payment_head, #sidebar .subscribe .subscribefieldnow, .form_row label, .form_row .textfield, .form_row .textarea, .ask_row label, .ask_row .user_login, .ask_row .textfield, .ask_row .textarea, #respond .textarea, #respond .textfield, #respond .textfield2, #sidebar .subscribe .submit, .btn_input_highlight, .btn_input_normal, input#submit { font-size:16px; } /* Font-Color //////////////////////////////////////--------------------- */ h1, h2, h3, h4, h5, h6, .earn_point b, #content .posts .question_list h1, #content #tab .page_item a, #content .user_tab li a, #sidebar .widget h3, #sidebar .subscribe .subscribefieldnow, #comments h3, .content_left p strong, .breadcrumbs a:hover { color:#333; } #content .question_list p, #content .question_list p a, #content .question_list p span, #content p, .form_row label, .form_row .textfield, .form_row .textarea, .votes span, #respond p { color:#444; } #questionform p.que_error_msg, #loginform .form_row label span, #loginform .form_row .message_error2, #changepw_frm .form_row .message_error2, #content .registration_form_box .message_error2, .ask_row .message_error2, .delete a, #content h5.payment_head, #contact_detail_id .error_msg { color:#ff0000; } #nav .search, #content .question_list, #content #tab .page_item a, #content .user_tab li a, .subscribe, .votes span.bnone, .pagination { background:#fff; } #nav .search .textfield, #content .question_list p span.user::before, #content .question_list p span.views::before, #content .question_list p span.ptags::before, #content .question_list p span.pcate::before, #comments .comment small, #comments .comment .comments_links, #comments .comment .comments_links a, span.comm-reply, span.comm-reply a, .content_left p span { color:#999; } /* STRUCTURE //////////////////////////////////////--------------------- */ #top_strip_in, #header_in, #nav_in, #wrapper, #footer_in { width:1194px; margin:0 auto; } #nav { margin-bottom:70px; } #nav_in { min-height:54px; display:block; } #wrapper { height:100%; overflow:hidden; padding-bottom:100px; } #content { width:68%; float:left; } #sidebar { width:27%; float:right; } #footer { clear:both; background:#131313; } #footer_in { padding:20px 0; height:100%; overflow:hidden; } /* HEADER //////////////////////////////////////--------------------- */ #top_strip p { padding:10px 0; float:right; font-size:14px; color:#525252; } #top_strip p a { padding:0 4px; color:#fff; } #top_strip p a:hover { color:#525252; } .logo { float:left; margin:35px 0; } .header_right { float:right; margin-top:16px; width:468px; } .blog-title a { font-size:30px; padding:0; margin:0; } .blog-title a:hover { } p.blog-description{ font-style:italic; font-size:12px; margin:0; padding:0; } #sidebar .searchform input[type="text"]{border: 1px solid #e5e5e5; padding:9px 5px 9px 12px; width: 100%; max-width: 300px; margin: 10px 0; } #sidebar .searchform input[type="submit"]{background: #82b541; color: #fff; padding: 10px 20px; border: 0; cursor: pointer; font-weight: bold;} #sidebar .searchform input[type="submit"]:hover{background: #f5c142; color: #79341a;} #nav .search { width:280px;float:right; margin:7px 0;} #nav .search .textfield { padding:9px 5px 9px 12px; width:230px; float:left; font-size:14px; background:none; border:none; } #nav .b_search { float:right; margin:10px 8px; } #top_strip_in .menu li:hover > ul{ background-color: #333; } /* content question list //////////////////////////////////////--------------------- */ #content .question_list { padding:30px 0; height:100%; overflow:hidden; position:relative; border-bottom:1px solid #e5e5e5; } #content .question_list:hover { cursor:pointer; } #content .question_list h3 { margin:0; font-size:18px; float:left; padding-bottom: 10px} #content .question_list h3 a { } #content .question_list p { float:left; max-width:86%; width: 100%; font-size:14px; border-bottom:none; } #content .question_list p span { float:left; margin-right:20px; } #content .answers_total { float:left; width:65px; height:65px; font-size:14px; text-align:center; line-height:normal; color:#fff; margin-right:25px; } #content .answers_total a { display:block; text-align:center; font-size:25px; font-weight:bold; padding-top:8px; color:#fff; } #content .answers_total a:hover {} #content .question-desc { width: 87%; float:right; } #content .posts .question_list { padding:0; } #content .posts .question_list p { padding:0 0 15px 0; margin-bottom:30px; width:87%; float:right; border-bottom:1px solid #e5e5e5; } #content .posts .question_list .answers_total { float:left; margin:0; } #content .posts .question_list h1 { width:87%; font-size:32px; font-weight:bold; float:right; display:block; margin:0 0 10px; } #content .question_list p span.user::before, #content .question_list p span.views::before, #content .question_list p span.ptags::before, #content .question_list p span.pcate::before { font-family:'FontAwesome'; font-size:14px; margin-right:8px; } #content .question_list p span.pcate::before { margin-right:4px; } #content .question_list p span.user::before { content:"\f007"; } #content .question_list p span.views::before { content:"\f06e"; } #content .question_list p span.ptags::before { content:"\f02b"; } #content .question_list p span.pcate::before { content:"\f115"; } /* Tabs //////////////////////////////////////--------------------- */ #content #tab, #content .user_tab { margin:0 0 25px 0; padding:0; list-style:none; text-align:right; width:100%; border-bottom:1px solid #e5e5e5;} #content #tab li, #content .user_tab li { float:left; margin:0 0px 0 10px; padding:0; } #content #tab .page_item a, #content .user_tab li a { display: block; text-decoration: none; padding:15px 22px; font-size:18px; font-weight:bold; border:1px solid #fff; border-top:2px solid #fff; border-bottom:none; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #content #tab li.current_page_item a, #content .user_tab li.current_page_item a, .author #content .user_tab li:first-child a { margin-bottom:-1px; } /* content //////////////////////////////////////--------------------- */ #content p { line-height:28px; } #content ul { list-style:none; margin:0 0 30px 0; } #content ul li ul, #content ul li ul li ul { margin:4px 0 0 0; } #content li { margin:0 0 10px 0; padding:0 0 0 12px; line-height:20px; font-size:14px; } #content ol { margin:0 0 30px 18px; padding:0 0 10px 5px; list-style-type:decimal; line-height:18px; } #content ol li ol { margin:8px 0 5px 18px; padding:0; } #content ol li ol li { margin:0 0 5px 0; padding:0; list-style-type: lower-latin; } #content ol li ol li ol li { list-style-type: lower-roman; } #content h3 { margin:0 0 15px 0; padding:0 0 4px 0; } #content .question_cat { } #content .question_cat li { background:none; margin:0 0 12px 0; padding:0; display:block; width:220px; float:left; color:#666; } #content .question_cat li input { position:relative; top:-2px; margin-right:8px; } blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 5px 30px; } #content blockquote p, #sidebar blockquote p { font:italic 18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; padding:0; line-height:23px; } blockquote cite, #sidebar cite { font-size:12px; font-weight:bold ; float:right; line-height:18px; text-align:right; display:block; } blockquote a { font-size:13px; } #calendar_wrap{ padding:0; font-size:13px } #wp-calendar { width:100%; } #wp-calendar caption { font-weight:bold; font-size:15px; text-transform:uppercase; } #calendar_wrap caption{ padding:10px 0 } #content h5 { margin:30px 0 10px 0; padding:0; } #content h5.form_title { margin:30px 0 10px 0; padding:20px 0 0 0; } #content .posts h2, #content h2 { font-size: 22px } #content .posts h3, #content h3 { font-size: 20px } #content .posts h4, #content h4 { font-size: 18px; clear:both; } #content .posts h5, #content h5 { font-size: 16px } #content .posts h6, #content h6 { font-size: 14px } .content_spacer h4.cate_title { font-size:26px; clear:both; } #content .posts h2, #content .posts h3, #content .posts h4, #content .posts h5, #content .posts h6 { margin:30px 0 5px 0; } #content h2, #content h3, #content h4, #content h5, #content h6 { margin:30px 0 5px 0; } #content .posts { margin-bottom:120px; height:100%; overflow:hidden; } #content .post_top { margin:0 0 15px 0; } #content p.post_top a { } #content p.post_top a:hover { } .more { font-size:12px; font-weight:bold; } .post_left { border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:10px; } .post_left span { display:block; float:left; margin-right:5px; color:#777; } #content .post_top h1, #content .post_top h3 { margin:0; padding:0; line-height:normal; } #content .post_top h1 a, #content .post_top h3 a{} #content .post_top h3 a { font-size:24px; } .single_post_advt { padding-bottom:50px; text-align:center; } .commentcount { margin-left:0px; padding-left:18px; } #content p.postmetadata { margin:0; font-size:11px; } #content .post_top p.postmetadata { margin:0; padding:0; font-size:11px; } #content p.post_bottom { margin:0; padding:10px 0 0 0; font-size:11px; } .info { margin-bottom:30px; } .published_info { padding:10px; padding-bottom:5px; margin-bottom:30px; background:#fffdc3; border:1px solid #ff7800; } /* sidebar //////////////////////////////////////--------------------- */ a.b_askquestions { margin-top:4px; display:block; padding:16px 20px; text-align:center; font-size:18px; font-weight:bold; margin-bottom:50px; } a.b_askquestions::before { font-family:'FontAwesome'; font-size:18px; margin-right:8px; content:"\f067"; } #sidebar .widget { margin-bottom:70px; } #sidebar .widget h3 { margin:0; padding:0 0 30px 0; font-size:24px; } #sidebar ul { margin:0; padding:0; } #sidebar li { margin:0 0 0px 0; padding:10px 0 10px 15px; font-size:18px; background:url(images/bullet.png) no-repeat left 15px; } #sidebar li ul { margin:0; padding:0; } #sidebar li ul li { border-bottom:none; margin-bottom:4px; padding:9px 0 0px 15px; background-position:0 15px;} .pro_author { padding:30px; } #sidebar .topusers li { padding:18px 0; border-bottom:1px solid #e5e5e5; background:none; } #sidebar .topusers li img { float:left; margin:0 8px 0 0; /*width:45px; height:45px*/; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } #sidebar .topusers li .users, #sidebar .topusers li .user-answers, #sidebar .topusers li .points, #sidebar .widget h3 span.point { font-size:14px; } #sidebar .topusers li .users { float:none; margin-right:5px; padding:13px 0; display: block; } #sidebar .topusers li .points { float:right; padding:13px 0; font-weight:bold;} #sidebar .widget h3 span.point { font-weight:bold;} .subscribe { padding:14px;} #sidebar .subscribe h6 { margin:0; padding:0 0 7px 0; } #sidebar .subscribe p { line-height:normal; } #sidebar .subscribe .subscribefieldnow { padding:12px; width:85%; margin-bottom:8px;} /* form ------ */ .form_row { margin:8px 0 12px 0; } .form_row label { display:block; padding:10px 15px 6px 0; } .form_row .textfield { float:left; width:90%; padding:15px 10px;} .form_row .select { float:left; width:318px; } .form_row .textarea { float:left; width:90%; height:200px; float:left; padding:15px 10px; } .indicates { font-size:11px; } #contact_detail_id p, #contact_detail_id .form_row { width:33%; float:left; } #contact_detail_id .form_row .textfield { width:85%; } #contact_detail_id .que_error_msg { clear:both; padding:3px 0 0 84px; } .error_msg, .que_error_msg2 { display:block; padding:3px 0 0 195px; float:left; clear:both; } #questionform p.que_error_msg { clear:both; padding:3px 0 0 0; padding-bottom:25px; } #contact_detail_id .error_msg{width: 100%;padding: 0;} .b_spacer2 { float:left; clear:both; margin:10px 0 0 0; } .b_spacer3 { margin-left:0 !important; } .btn_spacer { margin-right:10px; } .message_note { clear:both; display:block; padding-bottom:20px; color:#777; } /* login form //////////////////////////////////////--------------------- */ #loginform { padding-top:30px; } #loginform .form_row .textfield { width:55%; } #loginform .form_row .message_error2, #changepw_frm .form_row .message_error2 { clear:both; display:block; padding:4px; } #loginform p.rember { color:#666; font-size:13px; } #loginform p.links { color:#666; font-size:13px; margin-top:10px; margin-bottom:30px; } #loginform p.links a { margin-right:5px; margin-left:5px; } #lostpassword_form { clear:both; margin-top:20px; padding:20px; border:1px solid #ccc; width:400px; margin:0 auto; height:100%; overflow:hidden; } #lostpassword_form label { display:block; width:auto; margin-bottom:5px; } #lostpassword_form h4 { margin:0; padding:0; } .forgot_spacer { margin-left:57px; } /* login form widget //////////////////////////////////////--------------------- */ #sidebar .login_widget h3 { margin:0; padding:0 0 20px 0; } #sidebar #loginform { padding:30px; } #sidebar #loginform .form_row label { text-align:left; } #sidebar #loginform .form_row .textfield { width:90%; } #sidebar #loginform .form_row { height:100%; overflow:hidden; margin-bottom:15px; } .pro_author { height:100%; overflow:hidden; } .pro_author img { margin:0 10px 0 0; float:left; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } .pro_author ul { clear:both; } .pro_author p { font-size:18px; font-weight:bold; } .pro_author p a, .pro_author p span { font-size:14px; font-weight:normal; } #sidebar .tagcloud { line-height:22px; } /* registration form //////////////////////////////////////--------------------- */ #content .registration_form_box h5 { margin:40px 0 10px 0; padding:0 0 5px 0; font-size:18px; border-bottom:1px solid #ccc; } #content .registration_form_box label { width:180px; } #content .registration_form_box .message_error2 { clear:both; display:block; padding:4px; } #content .registration_form_box #reg_passmail { clear:both; display:block; color:#666; padding:4px; } #content .registration_form_box .form_row .textfield { width:55%; } #content #registerform .btn_input_highlight { float:left; } .logged-in #registerform .form_row .textfield, #changepw_frm .form_row .textfield { width:55%; } /* ask a question form //////////////////////////////////////--------------------- */ .ask_row { height:100%; overflow:hidden; margin-bottom:25px; } .ask_row label { display: block; padding-bottom:10px;} .ask_row label.login { width:75px; float:left;} .ask_row label.login_s { width:95px; float:left; padding-top:7px; } #login_user_frm_id label.login_s { width:33%; float:left; } .ask_row .radio { margin-top:11px; } .ask_row .user_login { color:#585858; } .ask_row .textfield { width:88%; padding:12px; } .ask_row .textarea { width:88%; height:200px; padding:12px; } .ask_row .textfield_tags { width:88%; } .ask_row .textfield_login { width:85%; float:left; margin:5px 15px 10px 0; } .ask_row .notice { display:block; padding:5px; clear:both; } .ask_row .message_error2 { clear:both; display:block; padding:4px; } .ask_row h5.rfh { display:none;} .ask_row .form_row, .ask_row .form_row label,.ask_row .message_note{ margin:0; padding:0; text-align:left;} /* user listing //////////////////////////////////////--------------------- */ #content .userlistings { margin:0; padding:0; } #content .userlistings li { margin:0 0 30px 0; padding:0 0 20px 0; clear:both; height:100%; overflow:hidden; background:none; } #content .userlistings li img { float:left; padding:5px; margin-bottom:15px; } #content .userlistings li h3 { margin:0 0 8px 0; padding:8px; width:80%; display:block; float:right; font-size:14px; font-weight:bold; } #content .userlistings li h3 a { font-weight:bold; } #content .userlistings li h3 span { display:block; } #content .userlistings li h3 span.total a { font-weight:normal; font-size:13px; float:right; } #content .userlistings li h3 span.total_point a { font-weight:normal; font-size:13px; float:right; margin-right:10px; border-right:1px solid #ccc; } #content .userlistings li p { margin:0 0 8px 0; padding:0; width:82%; float:right; font-size:14px; line-height:18px; } #content .userlistings li p.links { padding:3px 3px 5px 3px; } #content .userlistings li p.links a { float:left; display:block;} #content .userlistings li span.phone { padding-left:4px; } /*--------- COMMENTS //////////////////////////////////////--------------------- */ #comments h3 { margin:0 0 60px 0; padding:0; font-size:28px;} #comments .commentlist { padding:0; margin:0 } .commentlist li { width:100%; height:100%; clear:both; background:#ccc; } #content #comments .comment { margin:0 0 80px 0; list-style:none } #content #comments p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal; font-size:11px; font-weight:bold; } #comments .comment .meta-left { width:60px; float:left;} #comments .comment small {font-size:12px; font-weight:normal; padding-top:5px; display:block; } #comments .comment .text-right { min-height:70px; margin:0; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 12px 22px; font-size:14px; color:#626262; } #comments .comment .text-right .date { font-size:11px; } #comments .comment { clear:both; } #comments .comment .agent_photo { float:left; margin-right:18px; border:1px solid #ededed; } #comments .comment p.author { margin:15px 0 10px 15px; padding:20px 0 0 0; border-top:1px solid #ebebeb; } #comments .comment .auhtor_name { float:left; font-size:14px; font-weight:bold;} #comments .comment .comments_links { float:right; margin:8px -12px 0 0; font-size:13px; clear:right; text-transform:capitalize } #comments .comment .comments_links a { padding:0 12px; } #comments .comment .comments_links a:hover { text-decoration:underline; } span.comm-reply { float:right; padding:5px 0 18px 0; font-size:13px; clear:both; text-transform:capitalize; } span.comm-reply a { margin:0 10px; } #comments .comment span.comm-reply small { display:inline; } span.comm-reply input { top:2px; position:relative; } .spacer_com { padding:5px 0 10px 0px !important; } span.comm-reply small { margin-right:10px; } span.comm-reply a:hover{} #content #comments ul.children { clear:both; margin:0; padding-left:13%; } #content #comments ul.children li { padding:14px 0 0 0; border-bottom:none; } p.commpadd input{ line-height:25px; padding:8px; width:300px; } p.commpadd label{ padding:0 0 0 5px } #content #commentform .comment_blog p.commpadd input{ line-height:25px; padding:8px; width:300px; } #content #commentform .comment_blog p.commpadd label{ padding:0 0 0 5px; float:left; } #content .comment_blog p.commpadd { margin-bottom:10px; height:100% !important; overflow:hidden !important; } #content .comment_blog p.commpadd .textare { width:500px; } .spacer { margin-left:0 !important; } #respond .textarea { padding:12px; width:95%; } #respond .textfield { float:left; padding:12px; width:85%; } #respond .textfield2 { float:left; padding:12px; width:85%;} #respond .aleft { float:left; } #respond .respond-col { width:68%; } #respond { padding-top:40px; clear:both; } #content #respond h3 { margin:0; padding:10px 0px; font-size:24px; } .votes { float:left; width:75px; height:85px; padding:0; text-align:center; background:#f9f9f9; } .votes p { margin:0; padding:0; } .votes span { } .votes span b { display:none; } .votes img.up-thumb { margin:8px 0; padding:0 7px !important; border-right:1px solid #d4d4d4 !important; } .votes img.down-thumb { margin:8px 0; padding:0 !important; } .votes span.bnone { border:none; font-size:25px; font-weight:bold; text-align:center; display:block; padding:13px 0; } .content_left { float:right; width:82%; padding:20px; background:#f8f8f8;} .content_left p { padding-left:15px; } .content_left p span { font-size:12px; } .content_left p strong { font-weight:bold; } .content_left_2 { width:82%; } a.report { color:#6eb237;} a:hover.report { color:#000; } #comments .comment .votes p { margin:0; padding:0; } .cancel-comment-reply { padding:8px 10px 5px 18px; } #respond form { padding:0px; } #respond p { margin:0 0 20px 0; padding:0; } #respond p label { display:block; padding-top:7px; text-align:left; } #respond p label.fix-label { width:35px; float:left; } .user_login { color:#82b541; } #respond p label.label-col { width:50%; float:left; } #respond p span.user_login { float:left; padding-top:0px; margin-right:10px; } #respond p .radio { float:left; margin-top:5px; margin-right:5px; } .label_spacer { margin-left:20px; } #commentform p .radio { margin-top:14px; } #commentform p .user_login { margin-top:9px; } /* BREADCRUMBS //////////////////////////////////////--------------------- */ .breadcrumbs { margin-bottom:20px; } #content .breadcrumbs p { margin:0; padding:0; font-size:14px; } .breadcrumbs a { padding-right:3px; font-size:14px; text-align:left;} .breadcrumbs a:hover { } .breadcrumbs strong { font-weight:normal; } /* FOOTER //////////////////////////////////////--------------------- */ #footer_in .fleft { padding-top:5px; } #footer p { padding:0; line-height:18px; } #footer .copyrights { margin:58px 0px 10px 0px; float:left; width:400px; } #footer .copyrights p.author { color:#8b8674; } #footer .footerright { margin:58px 5px 10px 0px; padding-right:10px; float:right; text-align:center; } #footer .fleft { width:470px; float:left; } #footer p.author { float:right; } #footer .designby { padding:5px 8px 0 0; float:left; } #footer p span.templatic { width:80px; display:block; overflow:hidden; float:left; } #footer p span.templatic img { margin-top: 4px; } /* Post Pagination //////////////////////////////////////--------------------- */ .pagination { height:100%; overflow:hidden; text-align:center; clear:left; margin-top:-1px; position:relative; z-index:1; } .pagination .Navi { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:30px 0; padding:18px 0; } .pagination .on, .pagination a { padding:8px 14px; margin-right:3px; margin-left:3px; display:inline; font-weight:bold; } .pagination a, .pagination .on { margin-left:0; line-height:28px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } #content .alphabetical { padding:10px 0 20px 20px ; } #content .alphabetical li { margin:0; padding:0; float:left; } .alphabetical li a { padding:5px 7px; margin-right:3px; float:left; display:block; font-size:11px; font-weight:bold;} #comments .commentlist .selectedans { position:relative; } #comments .commentlist span.bestanswer { width:26px; height:26px; padding:0; display:block; text-align:center; position:absolute; left:27px; top:113px; background:#f5c142; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;} #comments .commentlist span i { font-size:15px; color:#79341a; display:block; line-height:25px; } #comments .commentlist li { padding-left:0; } .author_photo { float:left; padding:2px; } .agent_biodata { float:right; width:72%; } .sucess_msg { text-align:center; padding:10px; margin:10px 0; background:#ecffe0; border-top:1px solid #6aa23a; border-bottom:1px solid #6aa23a; font-size:12px; font-weight:bold; color:#5e962e; } .error_msg_fix { text-align:center; padding:10px; margin:10px 0; background:#ffe2e2; border-top:1px solid #af3a3a; border-bottom:1px solid #af3a3a; font-size:12px; font-weight:bold; color:#9a1313; } #change_pw h5 { margin:0px 0 15px 0; padding:40px 0 10px 0; border-bottom:1px solid #e5e5e5; } .propertylistinglinks { height:100%; overflow:hidden; } .i_agent_others { margin-right:10px; display: block; float:left; padding-right:10px; border-right:1px solid #ccc; } .answers_provider { margin-right:10px; display: block; float:left; padding-right:10px; border-right:1px solid #ccc; } .earn_point, .i_agent_others, .answers_provider { color:#666; } .agent_details_main { background:#f8f8f8; padding:20px; position:relative; overflow:hidden; word-wrap: break-word; } #content .agent_details_main h3 { margin-top:0; border-bottom:none; } .editProfile { position:absolute; top:20px; right:20px; font-weight:bold; } .editProfile a { color:#090; font-size:15px; } .renew { position:absolute; right:149px; bottom:5px; border-right:1px solid #ccc; padding-right:10px; } .renew a { color:#666; } .edit { position:absolute; right:50px; bottom:5px; } .delete { position:absolute; right:10px; bottom:5px; } .status { position:absolute; right:93px; bottom:5px; border-right:1px solid #ccc; padding-right:10px; color:#000; color:#f60; text-transform:capitalize; } .edit a { color:#090;padding-right:6px; border-right:1px solid #ccc; margin-right:5px; } .delete a { padding:3px; } .info { height:100%; overflow:hidden; } .go_spacer { margin-right:10px; } .published_box { padding:10px 0 10px 0; height:100%; overflow:hidden; } #content h5.payment_head { margin:0; padding:10px 120px 10px 120px; text-align:center; } .emailagent { margin-left:13px; padding-left:5px; } .up_points,.down_points{ display:none !important;} #recaptcha-submit-btn-area { clear: both; display: block;} #recaptcha-submit-btn-area input[type="submit"] { margin-left: 0; margin-top: 10px;} #registerform #recaptcha_widget_div { display: inline-block;} /* clearfix //////////////////////////////////////--------------------- */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 } .clearfix:before, .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } .clearfix { display:inline-block } * html .clearfix { height:1% } .clearfix { display:block; } #questionform .form_row.clearfix > label { margin: 0 0 5px; } #questionform .redia-button { display: inline-block; vertical-align: middle; } #questionform .loginform-box{ margin-bottom:20px; } #questionform #login_user_frm_id { margin: 0; } .captcha-from { width: 100%; } .mobile-ask-que{ display: none; } /*------------------------------------------------ Responsive CSS -------------------------------------------------- */ @media only screen and (max-width: 1200px) { #top_strip_in, #header_in, #nav_in, #wrapper, #footer_in{width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; /*--- jgi padding 0 15 -> 0 41 ; remis, ne changent rien!! ----- */ -moz-box-sizing: border-box; box-sizing: border-box;} #sidebar .textwidget img{ width: 100%; } } @media only screen and (max-width: 1024px) { body { overflow-x: hidden; } #top_strip_in, #header_in, #nav_in, #wrapper, #footer_in {width:auto; padding-left:20px; padding-right:20px; overflow:hidden; clear:both; } /*--- jgi padding-left:20 padding-left:41 ; remis, ne changent rien!! ----- */ -moz-box-sizing: border-box; box-sizing: border-box;} #nav_in, #top_strip_in { overflow:inherit; } #top_strip_in .menu { width:auto; } #nav_in .menu { width:71%; } #nav_in .menu > ul > li > a { font-size:16px; } #content #tab .page_item a, #content .user_tab li a { padding:15px; } #content .userlistings li h3 { width:77%; } #content .userlistings li p { width:78%; } #comments .comment .auhtor_name { line-height:16px; } .content_left { width:78%; } #sidebar #loginform .form_row .textfield { width:84%; } #content .question_list p{width: auto;} } @media only screen and (max-width: 980px) { #content #tab .page_item a, #content .user_tab li a { padding:12px; } #content .posts .question_list h1, #content .posts .question_list p, #content .question-desc{ width: 100%; max-width: 85%; padding-left:15px; padding-right:15px; box-sizing: border-box;} .content_left { max-width: 85%; width: 100%; box-sizing: border-box;} #nav .search{width: 100%;} #nav_in .menu{width: 100%;} } @media only screen and (max-width: 800px) { #main-menu #menu-button { z-index:1; } #top_strip_in { position:relative; height:55px; } #topmenu { position:absolute; left:10px; top:0px; background:#131313; z-index:999; } #nav_in { position:relative; height:60px; } #main-menu { position:absolute; left:10px; top:5px; background:#131313; z-index:9; } #nav_in { display:table; width:100%; } #nav .search{width: 100%;margin: 10px 0 0 0; display: inline-block;} #top_strip_in .menu, #nav_in .menu { float:left; width:100%; left: 0;position: inherit; } #content #tab .page_item a, #content .user_tab li a { padding:10px; font-size:13px; } #content .posts .question_list h1, #content .posts .question_list p { width:85%; } #content .question_list p, #content .question_list h3 { max-width:75%; width: 100%;} .content_left { width:72%; } #contact_detail_id p, #contact_detail_id .form_row, #respond p label.label-col { float:none; width:75%; } #content .userlistings li h3 { width:72%; } #content .userlistings li p { width:73%; } .agent_biodata { width:60%; } .post_right { width:75%; } #sidebar #loginform { padding:20px; } #login_user_frm_id label.login_s { width:90%; float:none; margin:10px 0 5px; display:inline-block; } #sidebar #loginform .form_row .textfield { width:85%; } #content .posts .question_list h1, #content .posts .question_list p, #content .question-desc{ width: 100%; max-width: 84%;} .content_left { max-width: 80%; width: 100%; box-sizing: border-box;} #questionform .form_row.clearfix > label {margin: 20px 0 5px;} } @media only screen and (max-width: 768px) { /*#top_strip_in .menu, #nav_in .menu { width:57%; }*/ .ask_row .textfield_login { width:100%;} #top_strip_in p{ display: none; } .header_right{ display: none; } .mobile-ask-que{ display: block; position: absolute; font-size: 40px; right: 25px; top: 15px; color: rgb(245, 193, 66) } #header_in{ position: relative; } .logo{ margin: 25px 0; } } @media only screen and (max-width: 640px) { .header_right { width:65%; } .header_right img, .header_right iframe { width:100%; } #top_strip_in .menu, #nav_in .menu { width:100%; } #content { padding-bottom:80px; } #content, #sidebar { width:100%; float:none; clear:both; } #footer .fleft, #footer p.author { display: table; float: none; margin: 0 auto; text-align: center;} #questionform .redia-button{display:block;} .ask_row label.login_s{display:block; width:100%;} } @media only screen and (max-width: 480px) { #top_strip_in { height:auto; } #nav_in { height:85px; } #top_strip_in .menu li a{ padding: 16px 7px !important; } .header_right { width:100%; margin:0 0 20px 0; } #top_strip p { margin:0; padding:51px 0 10px 10px; float:none; } #top_strip_in .menu, #nav_in { width:97%; padding-left:0; padding-right:0; } #top_strip_in .menu, #nav_in .menu { width:97%; } #nav .search { float: left; margin:10px 0px 10px; width: 96%;} #content #tab li, #content .user_tab li { width:100%; float:none; text-align:left; margin-left:0; } #content #tab li, #content .user_tab li { border:1px solid #e5e5e5; border-bottom:none; } #content #tab li.current_page_item a, #content .user_tab li.current_page_item a, .author #content .user_tab li:first-child a { border-left:none; border-right:none; } .author #content .user_tab li:first-child { border-top:none; } #content .answers_total{margin-right: 20px;} #content .question_list p, #content .question_list h3 { max-width:75%; float:right; width: 100%;} #content .posts .question_list h1, #content .posts .question_list p { width:80%; } #content .question-desc { width:100%; float:none; } .post_left, .post_right { width:100%; float:none; } #content .userlistings li img { width:14%; height:auto; } #content .userlistings li .profile { float:right; clear:both; display:block; } .agent_biodata { padding-top: 30px; width: 100%; } #content .registration_form_box .form_row .textfield { width:90%; } #contact_detail_id p, #contact_detail_id .form_row, #respond p label.label-col { width:90%; } #respond .textarea { width:85%; } #footer .fleft{width: 100%;} .content_left{max-width: 74%;} #top_strip_in, #header_in, #nav_in, #wrapper, #footer_in{padding-left:7px; padding-right:7px;} .form_row #captcha_div{margin-left:-3px;} #nav{margin-bottom: 20px;} } @media only screen and (max-width: 360px) { .content_left { margin-top: 10px; width: 88%;} #content .posts .question_list h1, #content .posts .question_list p { padding-top: 10px; width: 100%;} #content .posts .question_list .answers_total { width:100%; float:left; } .votes { width:100%; } #comments .commentlist span.bestanswer { left: -14px; top: 109px; } #comments .comment .comments_links a { padding: 0 8px; } #content .posts .question_list h1, #content .posts .question_list p, #content .question-desc{max-width: 100%; padding-left: 0; padding-right: 0;} .content_left { max-width: 100%; width: 100%; box-sizing: border-box;} #nav .search .textfield { max-width:80%; } #content .question_list p, #content .question_list h3{max-width: 65%;} } @media only screen and (max-width: 320px) { #top_strip_in .menu { width:95%; } #nav_in { width:90%; } #content .question_list { padding:20px 0; } }