.clearfix:before, .clearfix:after, .clearfix:after, .ap-row:before, .ap-row:after { content: " "; display: table; clear: both; } .ap-row { margin-right: -15px; margin-left: -15px; } .ap-col-12 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-12 { width: 100%; vertical-align: top; } } .ap-col-11 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-11 { width: 91.66667%; vertical-align: top; } } .ap-col-10 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-10 { width: 83.33333%; vertical-align: top; } } .ap-col-9 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-9 { width: 75%; vertical-align: top; } } .ap-col-8 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-8 { width: 66.66667%; vertical-align: top; } } .ap-col-7 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-7 { width: 58.33333%; vertical-align: top; } } .ap-col-6 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-6 { width: 50%; vertical-align: top; } } .ap-col-5 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-5 { width: 41.66667%; vertical-align: top; } } .ap-col-4 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-4 { width: 33.33333%; vertical-align: top; } } .ap-col-3 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-3 { width: 25%; vertical-align: top; } } .ap-col-2 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-2 { width: 16.66667%; vertical-align: top; } } .ap-col-1 { width: 100%; display: inline-block; box-sizing: border-box; float: left; padding: 0 15px; } @media only screen and (min-width: 768px) { .ap-col-1 { width: 8.33333%; vertical-align: top; } } .anspress { font-size: 14px; line-height: 1.6; font-family: Arial, Helvetica, sans-serif; } #anspress { background: #fff; } #anspress a { text-decoration: none; box-shadow: none; } #anspress ul { margin: 0; line-height: 1.4; } #anspress h3 { line-height: 1.8; } #anspress .hentry { padding-top: 0; margin: 0; border: none; box-shadow: none; } #anspress [id^=post-]:target .ap-a-cells { border-color: #FFC107; transition: border-color 1s linear; } #anspress *, #anspress *:before, #anspress *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .entry-content a:visited, .comment-content a:visited { color: inherit; } .ap-pull-right { float: right !important; } .ap-pull-left { float: left !important; } .no-overflow { overflow: hidden; } .ap-ul-inline { list-style: none; padding: 0; margin: 0; display: block; } .ap-ul-inline > li { float: left; list-style: none outside none; margin: 0 5px 0 0; padding: 0; } .ap-ul-inline > li:last-child { margin-right: 0; } .ap-ul-inline > li ul { list-style: none; padding: 0; margin: 0; } .ap-avatar { margin-right: 10px; } .ap-avatar img { border-radius: 0; box-shadow: none; } .ap-avatar > a { display: inline-block; } .ap-initially-hidden { display: none; } .block { display: block; } .ap-pagination { display: block; margin: 20px 0; } .ap-pagination span, .ap-pagination a { border: 1px solid #ddd; display: block; float: left; margin-right: 5px; padding: 4px 10px; text-decoration: none; font-size: 12px; border-radius: 2px; } .ap-pagination span { background: #eee; } .border-top { border-top: solid 1px #eee; } .margin-top-20 { margin-top: 20px; } .ap-no-permission-to-view { background: #f7fcfe; display: block; margin-top: 20px; padding: 15px; text-align: center; } .ap-pending-notice { background: #F4AC20; border-radius: 2px; margin: 0 15px 10px; padding: 20px; text-align: center; } .ap-text-label { display: block; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; } .ap-view-count-0 { display: none; } .ap-cradit { color: #aaa; font-size: 12px; margin-top: 20px; } .dropdown-menu { border: 1px solid #ddd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); } .dropdown-menu > li { margin: 0; padding: 0; } .ap-tab-nav li > a { background: none repeat scroll 0 0 #eee; border-color: #ddd #ddd transparent; border-image: none; border-radius: 2px 2px 0 0; border-style: solid solid none; border-width: 1px 1px medium; display: block; margin-bottom: -9px; padding: 5px 12px; } .ap-tab-nav li > a:focus { outline: none; } .ap-tab-nav li.active > a { background: none repeat scroll 0 0 #fff; } .ap-tab-container > * { display: none; } .ap-tab-container > *.active { display: block; } .g-recaptcha { margin-bottom: 15px; } #ap-user-posts-tab { float: right; } #ap-user-posts-tab > li { margin-left: 10px; } #ap-user-posts-tab > li > a { font-size: 14px; font-weight: normal; color: #333; } #ap-user-posts-tab > li.active a { font-weight: 600; } .no-overflow { overflow: hidden; } ul > li:hover ul.ap-dropdown-menu { display: block; } ul ul.ap-dropdown-menu { background: none repeat scroll 0 0 #fff; display: none; list-style: outside none none; margin: 0; padding: 0; position: absolute; right: 0; top: 100%; z-index: 9; } ul li.anspress-page-link { position: relative; } .ap-loading-dot { display: inline-block; font-size: 18px; line-height: 3px; margin-left: 2px; text-align: left; width: 20px; } .ap-loading-icon { background: rgba(255, 255, 255, 0.89); width: 40px; height: 40px; display: block; position: absolute; top: 50%; left: 50%; border-radius: 2px; z-index: 99999; } .ap-loading-icon i { background-image: url(../images/loading.gif); background-repeat: no-repeat; background-size: contain; background-position: center; display: block; height: 100%; width: 100%; max-width: 24px; position: absolute; margin-left: -12px; top: 0; left: 50%; } .ap-loading-icon.is-text { background-color: transparent; } .hide { display: none !important; } .ap-login { margin-top: 20px; } .ap-login .ap-cell-inner { padding: 15px; } .ap-login-buttons { margin: 0 auto; display: table; } .ap-login-sep { padding: 6px 3px; background: #eee; border-radius: 50%; margin: 0 15px; height: 30px; display: inline-block; width: 30px; text-align: center; text-transform: uppercase; font-size: 11px; color: #888; } #anspress .ap-questions { border: solid 1px #eee; } #anspress .ap-questions-item { border-bottom: 1px solid rgba(0, 0, 0, 0.08); box-shadow: none; display: table; margin: 0; padding: 15px 15px; width: 100%; position: relative; } #anspress .ap-questions-item.status-private_post { background: #f4f6f8; } #anspress .ap-questions-item.status-moderate { background: #fff8e1; } #anspress .ap-questions-item.hentry { margin: 0; border-top: none; } #anspress .ap-questions-item.status-trash { background: #fff6f7; } #anspress .ap-questions-history { margin-top: 5px; } #anspress .ap-questions .ap-avatar { margin-right: 20px; } #anspress .ap-questions .ap-avatar a { display: block; } #anspress .ap-questions-title { display: block; font-size: 14px; font-weight: 600; margin-bottom: 5px; margin-top: 0; } #anspress .ap-questions-title a { text-decoration: none; color: #333; } #anspress .ap-questions-count { background: #fff; display: block; float: left; text-transform: lowercase; font-size: 11px; margin-left: 15px; color: #777; text-align: center; text-decoration: none; border: solid 1px #ddd; border-radius: 2px; } #anspress .ap-questions-count span { border-bottom: solid 1px #ddd; width: 50px; font-size: 13px; display: block; text-align: center; font-weight: 600; padding: 6px 0; height: 29px; margin-bottom: 1px; } #anspress .ap-questions-count.ap-questions-acount { border-color: #8bc34a; } #anspress .ap-questions-summery { padding-right: 10px; margin-right: 130px; margin-left: 65px; } #anspress .ap-questions .ap-display-meta-item { font-size: 12px; color: #777; margin-right: 15px; } #anspress .ap-questions .ap-display-meta-item a { color: #777; } #anspress .ap-questions .ap-display-meta-item i:before { color: #aaa; font-size: 12px; } #anspress .ap-questions .ap-post-type { display: inline; font-size: 11px; margin: 0; padding: 0 6px; } #anspress .ap-questions .ap-post-status { background: #ffd54f; font-size: 11px; font-weight: 400; margin-right: 5px; padding: 2px 5px; } #anspress .ap-questions .ap-post-status.private_post { background: #78909c; color: #fff; } #anspress .ap-questions .ap-post-status.trash { background: #ef5350; color: #fff; } #anspress .ap-questions .featured-question { background: #f5fdff; } #anspress .ap-list-counts { float: right; } #anspress .ap-display-meta-item i { font-style: normal; } #anspress .ap-display-meta-item [class^="apicon-"]::before, #anspress .ap-display-meta-item [class*=" apicon-"]::before { margin-right: 5px; } #anspress .ap-list-head { padding: 15px 15px; border: solid 1px #ddd; margin-bottom: 10px; } #anspress .ap-list-head .ap-btn-ask { background: #8bc34a; border-radius: 2px; color: #fff; float: right; font-size: 14px; font-weight: bold; height: 36px; margin-left: 15px; padding: 7px 20px; text-decoration: none; } #anspress .ap-list-head .ap-btn-ask:visited { color: #fff; } #anspress .ap-list-head .ap-filters { margin-top: 15px; } #anspress .ap-filters .ap-dropdown { margin-right: 15px; float: left; display: block; } #anspress .ap-filters .ap-dropdown-menu { min-width: 140px; } #anspress .ap-filter-toggle { color: #8bc34a; text-decoration: none; font-weight: bold; font-size: 13px; padding: 0; display: block; } #anspress .ap-filter-active { font-weight: normal; color: #888; } #anspress .ap-filter input[type="checkbox"] { display: none; } #anspress .ap-filter label { display: block; padding: 4px; font-size: 12px; } #anspress .ap-filter label i { color: #fff; border-radius: 2px; margin-right: 10px; background: #eee; height: 14px; display: block; float: left; padding: 1px 2px; font-size: 11px; } #anspress .ap-filter label i[class^="apicon-"]:before, #anspress .ap-filter label i [class*=" apicon-"]:before { visibility: hidden; } #anspress .ap-filter li { padding: 0 5px; } #anspress .ap-filter input[type="checkbox"]:checked + .apicon-check { background: #8bc34a; } #anspress .ap-filter input[type="checkbox"]:checked + .apicon-check[class^="apicon-"]:before, #anspress .ap-filter input[type="checkbox"]:checked + .apicon-check [class*=" apicon-"]:before { visibility: visible; } #anspress .ap-filter-search { padding: 7px 10px; border-bottom: solid 1px #ddd; border-radius: 2px 2px 0 0; margin-bottom: 5px; margin-top: -4px; background: #f7f7f7; } #anspress #ap-filter-reset { background: none; border: none; padding: 0; color: #888; } #anspress #ap-filter-reset:focus, #anspress #ap-filter-reset:active { outline: none; } #anspress #ap-filter-reset i { background: #ccc; color: #fff; padding: 0px 3px; display: block; border-radius: 2px; float: left; font-size: 12px; margin-right: 4px; } .ap-droptogg { float: right; background: #eee; border: none; color: #777; margin-right: 8px; padding: 4px 8px; display: none; } .ap-tooltip { background: #fff none repeat scroll 0 0; position: absolute; z-index: 9999; box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); border: 1px solid #ddd; font-family: arial,helvetica; border-radius: 3px; max-width: 300px; } .ap-tooltip-in { color: #444; font-size: 12px; padding: 5px; position: relative; line-height: 1.3; } .ap-tooltip .arrow { background: transparent none repeat scroll 0 0; border-color: #333 transparent transparent; border-image: none; border-style: solid; border-width: 6px; bottom: -12px; display: block; left: 50%; margin-left: -5px; position: absolute; } .ap-tooltip.x-bottom .arrow { bottom: auto; top: -12px; border-color: transparent transparent #333; } .ap-content { position: relative; padding-right: 40px; } #anspress .best-answer .ap-q-metas { background: #dcedc8; } #anspress .ap-cell { font-size: 14px; margin-left: 70px; } #anspress .ap-cell-inner { border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 3px; } #anspress .status-trash .ap-cell-inner { border-color: #EF9A9A; } #anspress .status-private_post .ap-cell-inner { border-color: #9E9E9E; } #anspress .status-moderate .ap-cell-inner { border-color: #FFCC80; } #anspress .ap-content > .ap-avatar { position: absolute; float: left; margin-right: 0x; } #anspress .ap-q-head { margin-bottom: 20px; } #anspress .ap-q-metas { font-size: 13px; padding: 12px; border-bottom: solid 1px rgba(0, 0, 0, 0.1); background: #fafafa; } #anspress .ap-q-metas a { font-weight: 600; text-decoration: none; color: inherit; } #anspress .ap-q-metas > .ap-post-history { margin-left: 10px; padding-left: 15px; border-left: solid 1px #ccc; } #anspress .ap-q-metas .ap-avatar { margin-top: 0; margin-right: 10px; } #anspress .ap-q-metas .ap-posted { font-weight: normal; } #anspress .ap-q-content p { margin-bottom: 10px; } #anspress .ap-q-content p:last-child { margin-bottom: 0; } #anspress .ap-q-inner { padding: 15px; } #anspress .ap-question-meta { margin-bottom: 25px; } #anspress .ap-question-meta > .ap-display-meta-item { display: table; float: left; margin-right: 20px; } #anspress .ap-question-meta > .ap-display-meta-item:last-child { margin-right: 0; } #anspress .ap-question-meta > .ap-display-meta-item:before { display: none; } #anspress .ap-question-meta > .ap-display-meta-item i { margin-right: 4px; vertical-align: middle; color: #888; } #anspress .ap-question-meta > .ap-display-meta-item > span { vertical-align: middle; } #anspress .ap-question-meta .question-tags a:last-child, #anspress .ap-question-meta .question-categories a:last-child { margin-right: 0; } #anspress .ap-question-meta .featured, #anspress .ap-question-meta .solved { font-size: 12px; height: 19px; margin-right: 7px; padding: 1px 6px; color: #fff; border-radius: 2px; background: #FF5722; } #anspress .ap-question-meta .solved { margin-right: 20px; background: #8bc34a; } #anspress .ap-question-meta .solved i { margin-right: 0; color: #fff; } #anspress .ap-user-meta a { color: #2488B7; } #anspress .ap-user-meta-reputation { font-size: 12px; color: #888; } #anspress .ap-answers-label { display: block; font-size: 17px; line-height: 37px; margin: 0 15px 0 0; white-space: nowrap; } #anspress ul.ap-actions { padding: 0; list-style: none; margin: 0; } #anspress ul.ap-actions li { margin: 0; padding: 0; } #anspress ul.ap-actions li.active a { background: #ddd; } #anspress ul.ap-actions li a { padding: 5px 10px; color: #333; } #anspress ul.ap-actions li a b { font-size: 11px; font-weight: normal; float: right; padding: 1px 5px; color: #fff; border-radius: 2px; background: #039be5; } #anspress ul.ap-actions li label { display: block; padding: 3px 5px; font-size: 12px; color: initial; } #anspress .ap-actions-footer input { display: inline-block; border: 1px solid #ddd; background: #eee; padding: 1px 8px; height: 22px; font-size: 12px; margin: 0 3px; } .ap-content .ap-question-actions-history { margin-bottom: 20px; } .ap-content .ap-posted-in { margin-bottom: -20px; text-transform: uppercase; } .ap-post-footer { font-size: 13px; color: #999; border-top: solid 1px rgba(0, 0, 0, 0.1); } .ap-post-footer > * { float: left; } .ap-post-footer a { text-decoration: none; color: #777; } .ap-post-footer .ap-pmsg { padding-left: 10px; border-left: solid 1px #ddd; } .ap-post-footer .ap-btn { font-size: 12px; height: 30px; padding: 6px 10px; border: none; border-right: solid 1px #ddd; border-radius: 0; } .ap-post-footer .ap-btn.active { background: none; } .ap-post-footer .ap-btn:hover { border-color: #ddd; } .ap-post-footer .ap-btn-select.active { color: #fff; border-right: none; background: #8bc34a; box-shadow: none; } .ap-post-footer .ap-btn-comments { float: right; margin-right: 0; border-right: none; } .ap-post-footer .ap-btn-comments .unapproved { display: none; margin-left: 5px; background: #FFCA28; padding: 3px 7px; border-radius: 2px; color: #333; } .ap-post-footer .ap-btn-comments .unapproved.have { display: inline; } .ap-post-tags li a { display: table; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding: 2px 10px; text-decoration: none; color: #fff; border-radius: 10px; background: #11a7db; } .ap-post-tags li a .tax-count { font-style: normal; } .ap-post-tags li a:hover { color: #333; border-color: #8bc34a; } .ap-post-tags li:last-child a { margin-bottom: 0; } .ap-sorting-tab { margin-bottom: 0; border-bottom: solid 1px #ddd; } #answers .ap-content, #ap-best-answer .ap-content { padding-top: 0; } #answers .ap-single-vote, #ap-best-answer .ap-single-vote { top: 0; } #answers .type-answer, #ap-best-answer .type-answer { margin-top: 30px; } #answers .type-answer.active .ap-a-cells, #ap-best-answer .type-answer.active .ap-a-cells { border-color: #6ab17f; } #answers .best-answer .ap-content-inner, #ap-best-answer .best-answer .ap-content-inner { border: 1px solid rgba(204, 218, 202, 0.22); background: none repeat scroll 0 0 rgba(247, 254, 249, 0.33); } #answers .best-answer .type-answer, #ap-best-answer .best-answer .type-answer { margin-top: 0; } #answers .best-answer .ap-cell-inner, #ap-best-answer .best-answer .ap-cell-inner { border-color: #cce4c8; } #ap-answers-c { margin-top: 30px; } #ap-answers-c .ap-answers-tab { float: right; margin: 0; } #ap-answers-c .ap-answers-tab li { float: right; margin-left: 4px; } #ap-answers-c .ap-answers-tab > li a { display: block; font-size: 12px; margin-bottom: -1px; padding: 10px 15px; text-decoration: none; color: #888; border: solid 1px transparent; border-radius: 2px 2px 0 0; } #ap-answers-c .ap-answers-tab > li a:hover { background: #f3f3f3; } #ap-answers-c .ap-answers-tab li.active a { font-weight: bold; padding: 10px 15px; color: inherit; border: solid 1px #ddd; border-bottom-color: #fff; } .ap-participants-list { display: block; margin: 0 -5px -5px; } .ap-participants-list .ap-avatar { display: block; float: left; margin-right: 0; margin-bottom: 10px; padding: 5px; } .ap-single-vote { position: absolute; top: 0; right: 0; } .ap-question-info .ap-widget-title { display: block; font-size: 11px; margin: 0 0 5px; padding: 0 0 8px; text-transform: uppercase; color: #333; border-bottom: 1px solid #f8f8f8; } .ap-question-info .question-tags { margin: 0; padding: 0; list-style: none; } #answer_form { padding: 10px; } #answer-form-c { position: relative; margin-top: 20px; margin-right: 40px; padding-top: 0; } #answer-form-c .ap-avatar { position: absolute; top: 0; left: 0; } post-message { float: right; } .ap-pmsg { position: relative; } .ap-pmsg i { display: block; font-size: 12px; font-style: normal; line-height: 15px; margin-top: -5px; padding: 5px 6px; color: #888; border: solid 1px #ddd; border-radius: 2px; background: #fff; } .ap-pmsg i:before { font-size: 15px; margin-right: 4px; vertical-align: text-bottom; } .ap-pmsg:hover span { display: block; } .ap-pmsg span { display: none; position: absolute; right: 0; margin-top: 5px; padding: 7px; border: solid 1px #ddd; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); z-index: 9999; width: 300px; border-radius: 3px; } .ap-pmsg.status-moderate i { color: #fff; border-color: #fff; background: #ff9800; } .ap-pmsg.status-private_post i { color: #fff; border-color: #fff; background: #757575; } .ap-pmsg.status-trash i { color: #fff; border-color: #fff; background: #e53935; } .ap-questions-tab { display: table; float: right; border: 1px solid #ddd; border-radius: 2px; background: #fff; } .ap-questions-tab > li { margin: 0; border-right: 1px solid #e4e4e4; } .ap-questions-tab > li.active a { margin: -1px; padding: 6px 10px; color: #fff; background: #8bc34a; } .ap-questions-tab > li.active a:hover { background: #a4d070; } .ap-questions-tab > li a { display: block; font-size: 13px; font-weight: 600; padding: 5px 15px; color: #333; border-radius: 0; } .ap-questions-tab > li a:hover { background: #f5f5f5; } .ap-questions-tab > li:first-child a { border-radius: 2px 0 0 2px; } .ap-questions-tab > li:last-child { border-right: none; } .ap-questions-tab > li:last-child a { border-radius: 0 2px 2px 0; } .ap-all-answers { display: table; text-align: center; border: solid 1px #F4AC20; text-decoration: none; border-radius: 3px; font-size: 13px; padding: 5px 10px; margin: 20px auto 0; } .ap-btn { background-image: linear-gradient(#ffffff, #fcfcfc); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; color: #333; font-weight: 600; line-height: 1.6; padding: 7px 15px; text-decoration: none; vertical-align: middle; } .ap-btn-medium { padding: 3px 12px; } .ap-btn-small { padding: 2px 8px; font-size: 11px; } .ap-btn.ap-btn-view-all { display: block; margin-top: 30px; text-align: center; text-transform: uppercase; } .ap-btn:hover { background: none repeat scroll 0 0 #f5f5f5; border-color: rgba(0, 0, 0, 0.2); } .ap-btn.active { background: #eee; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; } .ap-vote { background-clip: padding-box; color: #428bca; font-size: 14px; font-weight: 600; position: relative; } .ap-vote a { background-image: linear-gradient(#ffffff, #fcfcfc); border: 1px solid #ddd; border-radius: 3px; color: #777; display: block; font-size: 15px; height: 27px; line-height: 26px; padding: 0; text-align: center; text-decoration: none; width: 27px; } .ap-vote a:focus { outline: none; } .ap-vote a.disable { cursor: default; opacity: 0.3; } .ap-vote .net-vote-count { color: #333; display: block; font-size: 13px; font-weight: bold; height: 25px; line-height: 23px; padding: 0 1px; text-align: center; } .ap-vote .ap-vote-fade { bottom: 0; position: absolute; top: 0; width: 100%; } .ap-subscribers-count { margin-left: 5px; } .ap-btn-counter { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 2px; font-size: 12px; margin-left: 8px; padding: 5px 10px; position: relative; vertical-align: middle; } .ap-btn-counter:before { border-color: transparent #ddd transparent transparent; border-image: none; border-style: solid; border-width: 6px; content: ""; display: block; left: -12px; position: absolute; top: 6px; } .ap-btn-counter:after { border-color: transparent #fff transparent transparent; border-image: none; border-style: solid; border-width: 6px; content: ""; display: block; left: -11px; position: absolute; top: 6px; } .flag-btn > span { background: #f1f1f1 none repeat scroll 0 0; color: #777; font-size: 12px; margin-left: 3px; padding: 0 3px; } #anspress .ap-form-control { border: 1px solid #ddd; border-radius: 1px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.02) inset; display: block; height: 33px; margin-bottom: 15px; padding: 5px 10px; width: 100%; } #anspress .ap-form-control.autogrow { overflow: hidden; } #anspress .ap-form-control[type="checkbox"] { display: inline; margin: 0; padding: 0; width: auto; height: auto; } #anspress textarea.ap-form-control { height: auto; } #anspress label > input[type="checkbox"] { float: left; margin-right: 10px !important; margin-top: 3px !important; } #anspress label.inline-cb { margin-bottom: 15px; } #anspress .ap-checkbox-withdesc { margin-bottom: 15px; } #anspress .ap-checkbox-withdesc [type="checkbox"] { float: left; height: 20px; line-height: 100%; margin-right: 10px; } #anspress .ap-checkbox-withdesc p { color: #888; font-size: 13px; margin-bottom: 0; } #anspress .ap-field-description.have-error + .ap-field-ap_upload .ap-upload-anchor { border-color: #F44336 !important; } #anspress .ap-form-fields { position: relative; margin-bottom: 15px; } #anspress .ap-form-fields.have-error { border-color: #F44336 !important; } #anspress .ap-form-fields.have-error .ap-form-control { border-color: #F44336 !important; } #anspress .ap-form-fields.have-error.ap-field-description .ap-form-fields-in { border-color: #F44336 !important; } #anspress .ap-form-fields .error { background: #F44336; margin-bottom: 20px; display: table; padding: 2px 6px; font-size: 12px; color: #fff; margin-top: -10px; } #anspress .ap-form-fields-wrap { border-bottom: 1px solid #f7f7f7; padding: 10px 0; } #anspress .ap-form-fields-wrap .ap-btn-submit, #anspress .ap-form-fields-wrap .ap-btn-cancel { color: #777; font-size: 12px; line-height: 15px; margin-right: 7px; padding: 2px 5px; } #anspress .ap-form-fields-wrap .ap-btn-cancel { background: none; box-shadow: none; border: none; } #anspress .ap-form-fields-wrap .ap-form-control { margin-bottom: 5px; } #anspress .ap-form-fields-wrap-label { float: left; font-weight: 600; width: 150px; } #anspress .ap-form-fields-wrap-inner { overflow: hidden; } #anspress .ap-form-fields-wrap-inner > a { float: right; font-style: normal; } #anspress .ap-form-fields-edit { float: right; } #anspress .btn-submit-ans { padding: 10px 20px; } #anspress .ap-form-label { display: block; font-weight: bold; margin-bottom: 10px; font-size: 14px; } #anspress .ap-form-label .ap-field-desc { background: #bbb; border-radius: 50%; color: #fff; display: inline-block; font-size: 11px; height: 15px; line-height: 16px; margin-left: 7px; text-align: center; width: 15px; } #anspress .ap-form-label .ap-field-desc:hover { background: #11a7db; cursor: pointer; } #anspress .ap-editor-answer-label { color: #888; display: block !important; padding: 5px 10px; } #anspress #answer_form .ap-field-description { border: solid 2px #eee; border-radius: 4px 4px 0 0; } #anspress #ask_form .ap-field-description .ap-form-fields-in { border: solid 2px #eee; } #anspress .mce-toolbar-grp { background: none; padding: 4px; } #anspress .mce-edit-area { padding: 0 10px; background: #fcfcfc; } #anspress div.mce-panel { background: none; } #anspress .mce-path { display: none; } #anspress .mce-edit-area iframe { margin-bottom: 0; } #anspress .mce-toolbar .mce-ico { color: #868383; } #anspress .mce-toolbar .mce-btn button { padding: 0px 3px; line-height: normal; border-right: solid 1px #ececec; border-radius: 0; padding-right: 10px; } #anspress .mce-toolbar .mce-btn button:hover { background: none; } #anspress .mce-toolbar .mce-btn-group .mce-btn:hover { border-color: transparent; background: none; box-shadow: none; } #anspress .mce-toolbar .mce-btn-group .mce-btn:hover .mce-ico { color: #333; } #anspress div.mce-toolbar-grp { border-bottom: 2px solid #eee; } #anspress .ap-avatar-upload-form .ap-upload-o { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.89); border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 17px; height: 30px; line-height: 26px; padding: 1px; position: relative; text-align: center; width: 30px; } #anspress .ap-avatar-upload-form .ap-upload-o > span { display: none; } #anspress .ap-avatar-upload-form .ap-upload-input { cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; opacity: 0; } #anspress .ap-post-upload-form { background: #fff; border-color: #ddd; border-image: none; border-right: 1px solid #ddd; border-style: dashed solid solid; border-width: 1px; margin-top: -2px; margin-bottom: 15px; padding: 6px; position: relative; } #anspress .ap-post-upload-form .ap-upload-o { background: none; border: medium none; box-shadow: none; color: #888; font-weight: 400; } #anspress .ap-post-upload-form .ap-upload-link { color: #2488B7; position: relative; } #anspress .ap-post-upload-form .ap-upload-remote-link { color: #2488B7; cursor: pointer; } #anspress .ap-post-upload-form .ap-upload-input { cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; } #anspress .ap-post-upload-form .ap-upload-link-rc { background: none repeat scroll 0 0 #fcfcfc; border-radius: 2px; display: none; left: 0; padding: 3px; position: absolute; right: 0; top: 0; z-index: 9; } #anspress .ap-post-upload-form .ap-upload-link-rc .ap-form-control { margin: 0; width: auto; } #anspress .ap-post-upload-form .ap-upload-link-rc > * { display: inline-block; } #anspress .ap-post-upload-form .ap-upload-link-rc > a { border-radius: 2px; height: 28px; padding: 2px; text-align: center; vertical-align: top; width: 28px; } #anspress .ap-field-description.ap-have-error .ap-form-error-message { margin-bottom: 30px; } #anspress .ap-minimal-placeholder { display: none; background: #fcfcfc; position: relative; } #anspress .ap-dummy-editor { background: #fff no-repeat url(../images/editor-buttons.png); display: block; height: 45px; margin-bottom: 10px; border-bottom: solid 2px #eee; } #anspress .ap-dummy-placeholder { padding: 10px; } #anspress .ap-editor-fade { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #anspress .ap-minimal-editor #ap-form-main { display: none; } #anspress .ap-minimal-editor .ap-form-c .ap-minimal-placeholder { color: #888; cursor: pointer; display: block; min-height: 120px; } #anspress .ap-attachment { border: 2px solid #e3e1e1; border-radius: 4px; color: #777 !important; display: inline-block; font-size: 12px; margin-bottom: 7px; padding: 5px 10px; } #anspress .ap-attachments h3 { margin-bottom: 5px; } #ap-search-form { margin-bottom: 0; } #ap-search-form .ap-form-control { vertical-align: top; margin: 0; } #ap-search-form .ap-search-btn { float: right; height: 36px; margin-left: 10px; } #ap-search-form .ap-search-input { border-radius: 3px; font-size: 15px; height: 36px; padding: 10px; width: 100%; } .screen-reader-text { display: none; } #wp-link-wrap form { margin: 0; } #wp-link-wrap input { height: 34px; margin: 0; } #wp-link-wrap input[type="checkbox"] { height: auto; } #wp-link-wrap .query-results { top: 245px; } .ap-loading-icon.q-title { background: transparent; } .ap-loading-icon.q-title .apicon-sync { left: auto; right: 8px; } .ap-upload-item { background: #ffffff; margin-bottom: 10px; padding: 10px 10px; position: relative; font-size: 12px; border: solid 1px #ddd; } .ap-upload-item.failed .ap-progress { background-color: #E57373; } .ap-upload-item .apicon-trashcan { float: right; color: #333; border: solid 1px #ffc3bf; padding: 0px 8px; border-radius: 2px; } .ap-upload-item .insert-to-post { display: none; border: solid 1px #ddd; color: #666; padding: 2px 5px; border-radius: 2px; margin-left: 8px; } .ap-upload-item .apicon-check, .ap-upload-item .apicon-stop { margin-right: 8px; color: #81C784; display: none; } .ap-upload-item.done .ap-progress { display: none; } .ap-upload-item.done .apicon-check { display: inline; } .ap-upload-item.done.is-image .insert-to-post { display: inline; } .ap-upload-item.failed .apicon-stop { display: inline; } .ap-upload-item .apicon-stop { color: #F44336; } .ap-upload-anchor { border: solid 2px #eee; border-top-width: 1px; margin-top: -18px; background: #fff; padding: 8px; font-size: 13px; color: #a0a0a0; border-top-style: dashed; margin-bottom: 15px; border-radius: 0 0 4px 4px; } .ap-upload .ap-progress { width: 0%; height: 3px; background: #81C784; border-radius: 2px; position: absolute; left: 0; bottom: -2px; z-index: 0; transition: 0.5s 0.1s all; } .ap-field-description.dragging:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(236, 236, 236, 0.85); z-index: 9; } .anspress ap-comments { display: block; } .anspress ap-comments.have-comments { display: block; position: relative; } .anspress ap-comments.have-comments:before, .anspress ap-comments.have-comments:after { content: ''; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; border-style: solid; border-width: 10px; display: block; position: absolute; right: 35px; top: -20px; } .anspress ap-comments.have-comments:after { border-color: transparent transparent #fff transparent; top: -19px; } .anspress ap-comments.have-comments .ap-comments { border: 1px solid rgba(0, 0, 0, 0.1); display: block; margin-top: 15px; position: relative; max-height: 280px; overflow-y: auto; overflow-x: hidden; } .anspress ap-comment { display: block; padding: 10px; font-size: 90%; color: #666; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .anspress ap-comment.unapproved { background: #FFF9C4 !important; } .anspress ap-comment:last-child { border-bottom: none; } .anspress ap-comment:nth-child(2n) { background: #f7f7f7; } .anspress ap-comment .ap-avatar { float: left; } .anspress ap-comment .comment-inner { overflow: hidden; } .anspress ap-comment .comment-header { font-weight: bold; margin-bottom: 5px; font-size: 12px; color: #666; } .anspress ap-comment .comment-header > a { color: #666; text-decoration: none; } .anspress ap-comment .ap-comment-actions { float: right; } .anspress ap-comment .ap-comment-actions > a { margin-left: 10px; text-decoration: none; font-weight: normal; } .anspress .ap-btn-newcomment { float: right; border-left: solid 1px #ddd; } .anspress #ap-commentform { margin-top: 10px; } .anspress #ap-commentform .ap-avatar img { max-width: 40px; height: auto; } .anspress #ap-commentform .ap-comment-footer { border: solid rgba(0, 0, 0, 0.1); border-width: 0 2px 2px 2px; padding: 10px; background: #fdfdfd; } .anspress #ap-commentform textarea { line-height: 1.6; margin-bottom: 0; border-radius: 3px 3px 0 0; border-width: 2px; border-color: rgba(0, 0, 0, 0.1); } #anspress .ap-user-bio { margin-bottom: 15px; border-top: solid 1px #ddd; padding: 20px 0; min-height: 122px; } #anspress .ap-user-avatar { margin-right: 20px; } #anspress .ap-user-name { font-size: 22px; font-weight: 600; } #anspress .ap-user-name .ap-user-reputation { font-size: 13px; padding: 3px 7px; margin-left: 10px; vertical-align: middle; } #anspress .ap-user .ap-tab-nav { list-style: none; margin: 0; padding: 0; border-bottom: solid 1px #ddd; padding-left: 10px; margin-bottom: 20px; } #anspress .ap-user .ap-tab-nav > li { float: left; margin-right: 10px; margin-left: 0; } #anspress .ap-user .ap-tab-nav > li > a { display: block; background: none; border: none; margin-bottom: -1px; padding: 7px 15px; } #anspress .ap-user .ap-tab-nav > li > a i { margin-right: 5px; font-size: 12px; } #anspress .ap-user .ap-tab-nav > li > a span { background: #ddd; padding: 1px 5px; font-size: 11px; border-radius: 2px; margin-left: 5px; } #anspress .ap-user .ap-tab-nav > li.active a { border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ddd #ddd #fff #ddd; } .ap-user-reputation { margin-left: 5px; background: #FFC107; padding: 1px 4px; font-size: 11px; border-radius: 2px; font-weight: bold; margin-right: 5px; vertical-align: text-bottom; } #anspress .ap-widget-title { font-size: 15px; font-weight: 600; margin-bottom: 5px; margin-top: 0; } #anspress .ap-user-widget { border: 1px solid #eee; border-radius: 4px; padding: 5px; } #anspress .ap-user-widget .ap-user-cover { display: block; height: 90px; margin-bottom: 0; width: 100%; } #anspress .ap-user-widget .ap-user-cover-img { background-position: center center; border-radius: 3px; } #anspress .ap-user-widget .ap-user-head .ap-user-avatar { margin-top: -30px; } #anspress .ap-user-widget .ap-user-head .ap-user-name { font-size: 16px; margin-top: 5px; } #anspress .ap-user-widget .ap-user-head { border-bottom: medium none; margin-bottom: 10px; } #anspress .ap-user-widget .ap-user-widget-links { padding: 0; list-style: none; margin: 0; } #anspress .ap-user-widget .ap-user-widget-links li { display: block; padding: 0; margin: 0; } #anspress .ap-user-widget .ap-user-widget-links a { border-top: 1px solid #f8f8f8; display: block; font-size: 13px; padding: 10px 15px; } #anspress .ap-user-widget .ap-user-widget-links a:before { margin-right: 10px; } #anspress .ap-user-widget .ap-user-widget-links a .counter { background: none repeat scroll 0 0 #ff3737; border-radius: 2px; color: #fff; font-size: 10px; margin-left: 5px; padding: 1px 2px; width: 13px; display: inline-block; text-align: center; } .widget .ap-stats-widget, .ap-widget-pos .ap-stats-widget { padding: 0; margin: 0; list-style: none; border: solid 1px #ddd; border-radius: 3px; } .widget .ap-stats-widget li, .ap-widget-pos .ap-stats-widget li { border-bottom: 1px solid #eee; font-size: 14px; list-style: outside none none; margin: 0; padding: 15px; } .widget .ap-stats-widget li .stat-value, .ap-widget-pos .ap-stats-widget li .stat-value { color: #888; float: right; } .widget .ap-stats-widget li .stat-label, .ap-widget-pos .ap-stats-widget li .stat-label { font-size: 12px; font-weight: 600; } .widget .ap-stats-widget li .stat-label:before, .ap-widget-pos .ap-stats-widget li .stat-label:before { color: #888; display: inline-block; width: 25px; } .widget .ap-stats-widget li:last-child, .ap-widget-pos .ap-stats-widget li:last-child { border-bottom: none; } .widget .ap-question-subscribers-inner, .ap-widget-pos .ap-question-subscribers-inner { margin: -5px; } .widget .ap-question-subscribers a, .ap-widget-pos .ap-question-subscribers a { margin: 5px; display: inline-block; } .widget .ap-question-subscribers a > img, .ap-widget-pos .ap-question-subscribers a > img { margin: 0; display: block; } .ap-widget-pos { margin-bottom: 25px; } .ap-widget-pos .ap-rq-widget .ap-rq-post { border-bottom: 1px solid #f7f7f7; color: #888; display: block; margin-bottom: 0; padding: 10px 0; } .ap-widget-pos .ap-rq-widget .ap-rq-post a { margin-bottom: 5px; display: block; } .ap-widget-pos .ap-questions-widget .ap-question-item { border-bottom: 1px solid #f8f8f8; margin-bottom: 10px; padding-bottom: 10px; } .ap-widget-pos .ap-questions-widget .ap-question-title { display: block; margin-bottom: 5px; } .ap-widget-pos .ap-followers-widget { border: 1px solid #eee; border-radius: 2px; padding: 10px; } .ap-widget-pos .ap-followers-widget ul { margin: -5px -5px 0; } .ap-widget-pos .ap-followers-widget li { margin: 0; width: 20%; } .ap-widget-pos .ap-followers-widget li a { display: block; padding: 5px; } .ap-widget-pos .ap-followers-widget img { box-shadow: none; display: block; max-width: 47px; } .ap-widget-pos .ap-widget-all-link { display: block; padding: 4px; } .ap-uw-summary { border: 2px solid #eee; border-radius: 2px; margin-bottom: 15px; padding: 10px; text-align: center; } .ap-uw .avatar { border-radius: 50%; box-shadow: none; display: block; margin: 0 auto 10px; } .ap-uw-name { display: block; font-weight: bold; } .ap-uw-status { color: #888; font-size: 12px; margin-top: 5px; } .ap-uw-status > span { display: inline-block; font-weight: bold; margin-bottom: 2px; padding: 0 4px; white-space: nowrap; } #anspress .ap-user-posts h3 { border-bottom: 2px solid #eee; margin-bottom: 0; margin-top: 0; padding: 5px 0; } #anspress .ap-user-posts h3 li { margin-right: 15px; } #anspress .ap-user-posts-item { border-bottom: 1px solid #f8f8f8; padding: 15px 0; } #anspress .ap-user-posts-vcount { background: none repeat scroll 0 0 #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; color: #333333; display: block; float: left; font-size: 12px; font-weight: 600; height: 25px; line-height: 23px; margin-right: 15px; text-align: center; width: 50px; } #anspress .ap-user-posts-vcount i { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); border-radius: 2px 0 0 2px; color: #888; display: block; float: left; font-size: 12px; height: 25px; margin-right: 2px; width: 25px; } #anspress .ap-user-posts-vcount.positive, #anspress .ap-user-posts-vcount.answer-selected { background: #97c95d; color: #fff; } #anspress .ap-user-posts-vcount.positive i, #anspress .ap-user-posts-vcount.answer-selected i { color: #fff; } #anspress .ap-user-posts-vcount.negative { background: #ed6b4e; color: #fff; } #anspress .ap-user-posts-active { color: #888; float: right; overflow: hidden; text-align: right; white-space: nowrap; width: 70px; } #anspress .ap-user-posts-ccount { color: #888; float: right; margin-right: 10px; text-align: center; } #anspress .ap-user-posts-footer { color: #888; padding: 10px 0; } #anspress .ap-user-posts-footer > a { border: 1px solid #eee; border-radius: 3px; padding: 2px 10px; } #anspress .ap-dropdown { position: relative; display: inline-block; font-size: 14px; } #anspress .ap-dropdown.open .ap-dropdown-menu { display: block; } #anspress .ap-dropdown-menu { position: absolute; top: initial; border: 1px solid #ccc; border-radius: 3px; left: 0px; list-style: none; padding: 4px 0px; display: none; background-color: white; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175); margin-top: 4px; z-index: 999; } #anspress .ap-dropdown-menu li { display: block; white-space: nowrap; min-width: 100px; margin: 0; } #anspress .ap-dropdown-menu li:hover { background-color: #F5F5F5; cursor: pointer; } #anspress .ap-dropdown-menu li a { text-decoration: none; display: block; padding: 4px 10px; } #anspress .ap-dropdown-menu li.ap-dropdown-header { font-size: 12px; padding: 5px 10px !important; } #anspress .ap-dropdown-menu li.ap-dropdown-header:before { content: ''; display: block; border-bottom: solid 1px #eee; margin-bottom: 5px; } #anspress .ap-dropdown-menu li.sub { padding-left: 5px; font-size: 90%; } #anspress .ap-dropdown-menu li.sub a.active { background: none; font-weight: bold; } .ap-answers-nav { background: #8bc34a; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); color: #fff; font-weight: 600; text-align: center; } .ap-answers-nav.fix { bottom: 0; position: fixed; z-index: 99; } .ap-answers-nav-count, .ap-answers-nav a { color: #fff; display: inline-block; padding: 5px 10px; } .ap-answers-nav-count { padding: 5px 14px; font-weight: 700; } .ap-answers-nav > a { background: rgba(0, 0, 0, 0.05); } .ap-answers-nav > a:visited { color: #fff; } .ap-answers-nav > a:hover { background: rgba(0, 0, 0, 0.1); } #anspress .ap-breadcrumbs { list-style: none; padding: 0; margin: 0 0 15px; } #anspress .ap-breadcrumbs > li { display: inline-block; margin-bottom: 0; margin-left: 0; margin-right: 5px; } #anspress .ap-breadcrumbs > li i { color: #aaa; display: block; font-size: 10px; } #anspress .ap-breadcrumbs > li .apicon-home { margin: 0; } #anspress .ap-breadcrumbs > li a { color: #2488B7; } .ap-modal { bottom: 0; left: 0; overflow-x: auto; position: fixed; top: 0; width: 100%; z-index: 9999; } .ap-modal.open { display: block; } .ap-modal-backdrop { bottom: 0; left: 0; position: fixed; top: 0; width: 100%; } .ap-modal-body { background: none repeat scroll 0 0 #fff; border-radius: 4px; box-shadow: 0 4px 35px rgba(0, 0, 0, 0.3); padding: 20px; position: relative; margin: 50px auto 0 auto; z-index: 9999; width: 400px; } .ap-modal-body.ap-modal-medium { width: 600px; } .ap-modal-inner { margin-left: -50%; } .ap-modal-content { line-height: 1.4; } .ap-modal-title { font-weight: 600; font-size: 15px; display: inline; } .ap-modal-footer { margin-top: 15px; } .ap-modal-close { color: #aaa; cursor: pointer; float: right; font-size: 16px; text-align: center; } .ap-modal-close:hover { color: #777; } .ap-modal-header { margin-bottom: 10px; padding-bottom: 5px; } .ap-modal .login-submit { margin-bottom: 0; } .ap-modal a.ap-modal-btn { text-transform: uppercase; text-decoration: none; } .ap-modal ap-comments:before, .ap-modal ap-comments:after { display: none !important; } .ap-hover-card { background: #fff; border: 1px solid rgba(0, 0, 0, 0.18); border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); font-family: Helvetica,Arial,sans-serif; font-size: 14px; line-height: 16px; padding: 0; width: 300px; } .ap-hover-card .ap-tooltip-in { color: #333; background: #fff; } .ap-hover-card .ap-user-cover { background-image: url("../images/small_cover.jpg"); background-repeat: no-repeat; background-size: cover; display: block; height: 95px; position: relative; } .ap-hover-card .ap-card-gr { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.9)); bottom: 0; display: block; height: 70px; left: 0; position: absolute; width: 100%; } .ap-hover-card .ap-card-content { padding: 5px; position: relative; } .ap-hover-card .ap-avatar { float: left; margin-right: 15px; max-width: 80px; } .ap-hover-card .ap-avatar img { background: #eee none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 3px; display: block; height: 80px; width: 80px; } .ap-hover-card .avatar { max-width: 80px; } .ap-hover-card .ap-card-name { color: #333; display: block; font-size: 15px; font-weight: 600; margin-top: 5px; overflow: hidden; text-decoration: none; white-space: nowrap; } .ap-hover-card .ap-card-desc { display: block; margin-top: 3px; overflow: hidden; color: #777; } .ap-hover-card .ap-card-header { padding-bottom: 10px; } .ap-hover-card .ap-card-active { color: #777; display: block; font-size: 11px; margin-top: 6px; } .ap-hover-card .ap-card-stats { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-radius: 4px; line-height: 100%; margin: 0 -12px -11px -11px; overflow: hidden; padding: 0; } .ap-hover-card .ap-card-stats .stat { border-top: 1px solid #e7e7e7; color: #777; display: inline-block; float: left; font-size: 11px; line-height: 100%; text-align: center; width: 33.33%; } .ap-hover-card .ap-card-stats .stat span { background: #f7f7f7 none repeat scroll 0 0; border-right: 1px solid #e7e7e7; display: block; padding: 6px; } .ap-hover-card .ap-card-stats b { color: #333; display: block; font-size: 14px; line-height: 100%; margin-bottom: 6px; } .ap-hover-card .ap-card-stats i { color: #b7b7b7; font-size: 13px; margin-right: 5px; vertical-align: middle; } .ap-hover-card .ap-card-mention { text-decoration: none; } .ap-hover-card .ap-btn { background-image: linear-gradient(#ffffff, #fcfcfc); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; color: #333333; display: block; font-size: 12px; font-weight: 600; line-height: 1.6; margin-top: 7px; padding: 2px 0; text-align: center; text-decoration: none; vertical-align: middle; } .ap-hover-card .ap-btn.active { background: none repeat scroll 0 0 #eee; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; } .ap-hcard-catimg { margin-bottom: 10px; overflow: hidden; } .ap-hcard-catimg img { width: 100%; } .ap-hcard-caticon { float: left; text-decoration: none; margin-right: 10px; } .ap-hcard-caticon span { border-radius: 2px; color: #fff; display: block; font-size: 20px; height: 20px; padding: 8px; text-align: center; width: 20px; } .ap-hcard-ctitle { display: block; font-size: 15px; font-weight: bold; } .ap-hcard-qcount { color: #777; display: block; font-size: 12px; margin-top: 4px; } .ap-hcard-cdesc { font-size: 11px; margin-top: 6px; } .ap-hcard-csub { display: block; font-size: 13px; font-weight: bold; margin-top: 5px; } .hovercard-loading-bg { -webkit-animation: fade 4s infinite 1400ms; animation: 1s ease-in-out 1400ms normal none infinite running fade; background: #fff url('../images/ripple.gif') no-repeat center; height: 80px; margin: -5px; } @-webkit-keyframes fade { 50% { opacity: 0.5; } } @keyframes fade { 50% { opacity: 0.5; } } #anspress #similar_suggestions h3 { margin: 0; } #anspress #similar_suggestions p { margin-bottom: 10px; } #anspress .ap-similar-questions { border: 1px solid #e7e7e7; border-radius: 2px; margin-bottom: 15px; max-height: 200px; overflow-x: auto; } #anspress .ap-similar-questions .ap-sqitem { border-bottom: 1px solid #eee; color: #5e5e5e; display: block; margin: 0 10px; padding: 10px 5px; } #anspress .ap-similar-questions .ap-sqitem:last-child { border-bottom: none; } #anspress .ap-similar-questions .ap-sqitem:hover { background: #FCFCFC; } #anspress .ap-similar-questions .acount { float: right; } #anspress .ap-similar-questions .ap-title { font-weight: bold; white-space: nowrap; overflow: hidden; font-size: 13px; } #anspress.ap-eq { border: 1px solid #e3e3e3; border-radius: 3px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.06); padding: 10px; margin-top: 10px; margin-bottom: 10px; } #anspress.ap-eq .entry-title { margin: 0; } #anspress.ap-eq .ap-q-cells { padding: 0; border: none; } #anspress.ap-eq .ap-eq-view-ans { background: #fcfcfc none repeat scroll 0 0; border: 1px solid #eeeeee; border-radius: 3px; display: block; font-weight: bold; margin-top: 15px; padding: 10px; text-align: center; } #anspress .ap-activity { border-bottom: 1px solid #eeeeee; padding: 15px 0; } #anspress .ap-activity .ap-avatar { float: left; margin-right: 15px; } #anspress .ap-activity .ap-user-link:first-child { color: #333; display: block; font-weight: bold; } #anspress .ap-activity-actions { color: #888; display: block; font-size: 12px; margin-top: 4px; } #anspress .ap-activity-actions > a { color: #888; } #anspress .ap-activity-actions > * { margin-right: 5px; } #anspress .ap-comment-excerpt { border: 1px solid #eee; border-radius: 2px; display: block; font-size: 13px; margin-top: 10px; padding: 6px; } #anspress .ap-comment-excerpt a { color: #666; } /* for mobile phones: Portrait and Landscape */ @media only screen and (max-width: 480px) { #anspress { /*list style*/ } #anspress .ap-list-head .ap-search-form { float: none; margin-bottom: 5px; } #anspress .ap-list-head .ap-search-form .ap-form-control { width: 100%; } #anspress .ap-list-head .ap-btn-ask { display: block; float: none; margin: 0; text-align: center; margin-bottom: 10px; } #anspress #ap-filter-reset span { display: none; } #anspress .ap-filters .ap-dropdown-menu { width: 90%; left: 5%; right: 0; position: fixed; top: 5%; height: 90%; } #anspress .ap-list-counts, #anspress .ap-questions-item .ap-avatar, #anspress #answer-form-c .ap-avatar { display: none; } #anspress .ap-questions-title { font-size: 13px; margin-bottom: 0; } #anspress .ap-questions .ap-display-meta-item { font-size: 11px; } #anspress .ap-questions .ap-display-meta-item.history { display: none; } #anspress .ap-display-meta-item:before { width: 4px; height: 4px; } #anspress .ap-questions-item { padding: 8px 2px; } #anspress .ap-questions .ap-post-type { font-size: 10px; padding: 1px; } #anspress .ap-label-name { border-radius: 1px; font-size: 10px; padding: 1px 4px; } #anspress .ap-q .ap-avatar img { max-width: 30px; height: auto; } #anspress .ap-q .ap-avatar { float: none; position: static; } #anspress .ap-cell { margin-left: 0; } #anspress .ap-q-content { font-size: 12px; line-height: 1.2; } #anspress .ap-content { padding-right: 0; } #anspress .ap-single-vote { position: absolute; right: 0; top: 3px; } #anspress .ap-single-vote .ap-vote > * { display: inline-block; } #anspress .ap-single-vote .ap-vote > span { width: 30px; } #anspress .ap-questions-summery { margin-right: 10px; margin-left: 10px; } #anspress #answer-form-c { margin-right: 0; } #anspress .ap-q-metas { font-size: 11px; } #anspress .ap-q-metas > .ap-post-history { margin-left: 0; padding-left: 0; border-left: none; display: block; } #anspress #ap-answers-c .ap-answers-tab { float: none; margin-bottom: 10px; } #anspress #ap-answers-c .ap-answers-tab li { float: none; display: inline-block; margin-left: 0; margin-right: 10px; } #anspress #ap-answers-c .ap-answers-tab li a { padding: 0; border: none; } #anspress .ap-post-footer .ap-dropdown { display: block; } #anspress .ap-post-footer > * { float: none !important; display: block; text-align: center; font-size: 11px; border-bottom: solid 1px #eee; } #anspress .ap-post-footer .ap-btn { border-right: none; } #anspress ap-comment { font-size: 12px; } #anspress .ap-comments .ap-avatar { display: none; } #anspress .ap-comments .ap-comment-actions { float: none; } #anspress .ap-comments .ap-comment-actions > a:first-child { margin-left: 0; } #anspress .ap-user .ap-tab-nav { border: solid 1px #ddd; } #anspress .ap-user .ap-tab-nav li { float: none; border-bottom: solid 1px #eee; } #anspress .ap-user .ap-tab-nav li:last-child { border-bottom: none; } #anspress .ap-user .ap-tab-nav li a { padding: 10px 5px; } #anspress .ap-user .ap-tab-nav li.active a { border: none; font-weight: bold; } #anspress .ap-reputation-item { display: block; border-bottom: solid 1px #eee; line-height: 1.5; padding: 10px 0; } #anspress .ap-reputation-item > td { display: block; border: none; padding: 0; } #anspress .ap-reputation-item .col-icon { float: left; } #anspress .ap-reputation-item .ap-reputation-ref p { display: none; } #anspress .ap-reputation-item .col-event { margin-left: 50px; } #anspress .ap-reputation-item .ap-reputation-ref { margin: 0; } #anspress .ap-reputation-item .ap-reputation-ref strong { font-weight: normal; } #anspress .ap-reputation-item .col-date { width: auto; margin-left: 50px; } #anspress .ap-reputation-item .col-points { width: auto; } #anspress .ap-reputation-item .col-points span { margin-left: 50px; float: none; margin-top: 8px; padding: 0px; width: 30px; } body #noti-dp { position: fixed; left: 2.5% !important; top: 2.5vh !important; width: 95%; height: 95vh; overflow-y: auto; } body #noti-dp .scroll-wrap { max-height: 100%; overflow-y: visible; } body #noti-dp .ap-droptogg { display: block; float: none; margin: 7px 7px 7px auto; } .ap-droptogg { display: block; } } .ap-snackbar { -webkit-transition-property: opacity, bottom, left, right, width, margin, border-radius; transition-property: opacity, bottom, left, right, width, margin, border-radius; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; transition-timing-function: ease; font-size: 14px; min-height: 14px; position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #d32F2f; color: #fff; line-height: 22px; padding: 18px 24px; bottom: 0px; opacity: 0; z-index: 9999; } .ap-snackbar.success { color: #fff; background-color: #323232; } .snackbar-show .ap-snackbar { opacity: 1; bottom: 0; } @media (min-width: 640px) { .ap-snackbar { min-width: 288px; max-width: 568px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; border-radius: 2px; margin: 24px; bottom: -100px; } } @media (max-width: 640px) { .ap-snackbar { /* Mobile: Single-line snackbar height: 48 dp Multi-line snackbar height: 80 dp Text: Roboto Regular 14 sp Action button: Roboto Medium 14 sp, all-caps text Default background fill: #323232 100% */ left: 0px; right: 0px; } } .ap-snackbar .action { background: inherit; display: inline-block; border: none; font-size: inherit; text-transform: uppercase; color: #ffeb3b; margin: 0px 0px 0px 24px; padding: 0px; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; } .anspress .ap-term-category-box { list-style: outside none none; margin: -10px; padding: 0; } .anspress .ap-term-category-box > li { float: left; margin: 0; padding: 10px; width: 33.33%; } .anspress .ap-category-item { border: 2px solid #eee; border-radius: 3px; padding: 7px; } .anspress .ap-category-item .ap-cat-img-c .ap-category-icon { color: #fff; width: 50px; font-size: 35px; height: 50px; text-align: center; } .anspress .ap-cat-img-c { position: relative; } .anspress .ap-cat-img-c .ap-category-icon { left: 50%; margin-left: -20px; margin-top: -20px; position: absolute; top: 50%; } .anspress .ap-term-count { background: #333 none repeat scroll 0 0; border-radius: 3px; bottom: 0; color: #fff; display: block; font-size: 12px; font-weight: bold; padding: 1px 7px; position: absolute; right: 0; } .anspress .ap-sub-category { color: #888; float: right; font-size: 13px; text-align: right; } .anspress .ap-term-title { color: #8bc34a; font-size: 17px; font-weight: bold; margin-top: 10px; text-decoration: none; } .anspress .ap-taxo-description { font-size: 13px; line-height: 1.4; margin-top: 5px; } .anspress .ap-category-image { box-shadow: none; max-height: 114px; } .anspress .sub-taxo-label { font-size: 16px; font-weight: bold; margin-bottom: 15px; margin-top: 10px; } .anspress .ap-category-subitems { margin-bottom: 30px; } .anspress .ap-category-subitems li a { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 3px; display: block; font-size: 12px; font-weight: bold; padding: 5px 15px; text-decoration: none; } .anspress .ap-category-subitems li a span { margin-left: 3px; } .anspress .ap-category-subitems li a:hover { border-color: #eee; } .anspress .ap-taxo-detail { background: none repeat scroll 0 0 #f8f8f8; border-radius: 5px; margin-bottom: 25px; padding: 15px 20px; } .anspress .ap-taxo-detail .entry-title { font-size: 25px; font-weight: bold; } .anspress .ap-taxo-detail .ap-tax-count { background: #333 none repeat scroll 0 0; border-radius: 3px; color: #fff; font-size: 12px; font-weight: bold; padding: 4px 7px; vertical-align: super; } .anspress .ap-taxo-detail .ap-category-icon { width: 50px; height: 50px; color: #fff; font-size: 35px; text-align: center; border-radius: 2px; } .anspress .ap-taxo-detail .ap-taxo-description { font-size: 18px; line-height: inherit; margin-bottom: 0; } .anspress .ap-taxo-detail .ap-term-sub { margin-top: 20px; } .anspress .ap-taxo-detail .ap-sub-taxo { margin: 0; } .anspress .ap-taxo-detail .ap-category-icon { display: block; margin-right: 20px; margin-top: 5px; } .anspress .ap-taxo-detail .ap-subscribe-btn { margin-top: 4px; float: right; } .anspress .ap-categories-feat { display: block; overflow: hidden; } .anspress .ap-categories-feat img { border-radius: 2px; box-shadow: none; display: block; height: auto; width: 100%; } .anspress .ap-category-feat { border-radius: 5px; margin-bottom: 25px; overflow: hidden; } .anspress .ap-category-feat img { width: 100%; } #ap-categories-widget.ap-cat-wid { list-style: none; padding: 0; margin: 0; } #ap-categories-widget.ap-cat-wid > li { border-bottom: 1px solid #f1f1f1; margin: 0; padding: 7px 0; } #ap-categories-widget.ap-cat-wid > li:last-child { border-bottom: none; } #ap-categories-widget.ap-cat-wid > li a { display: block; font-size: 13px; font-weight: 600; margin-bottom: 2px; padding: 0; } #ap-categories-widget.ap-cat-wid > li .ap-cat-count { color: #888; font-size: 12px; } #ap-categories-widget.ap-cat-wid > li .ap-cat-count span:first-child { margin-right: 5px; } #ap-categories-widget.ap-cat-wid > li .ap-cat-image { float: right; position: relative; border-radius: 2px; } #ap-categories-widget.ap-cat-wid > li .ap-cat-image .ap-category-icon { color: rgba(255, 255, 255, 0.97); display: block; font-size: 16px; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; line-height: 100%; text-align: center; width: 16px; } .anspress .ap-term-tag-box { list-style: none; padding: 0; margin: 0 -15px; } .anspress .ap-term-tag-box > li { border-bottom: 1px dashed #e4e4e4; float: left; margin: 0 0 20px; padding: 0 0 10px; width: 25%; } .anspress .ap-term-tag-box > li .ap-tags-item { padding: 0 15px; } .anspress .ap-term-tag-box > li .ap-tagq-count { color: #888888; font-size: 12px; font-style: italic; line-height: 28px; text-align: right; } .anspress .ap-term-tag-box > li .term-title { background: none repeat scroll 0 0 padding-box #f4f4f4; border: 1px solid #ddd; border-radius: 2px; color: #333; margin-right: 10px; padding: 3px 12px; text-decoration: none; text-transform: lowercase; } .anspress .ap-term-tag-box > li .ap-taxo-description { color: #888888; font-size: 12px; height: 65px; line-height: 21px; margin-top: 15px; overflow: hidden; } .anspress .sub-taxo-label { font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 10px; } .anspress .ap-sub-taxo { margin-bottom: 30px; } .anspress .ap-sub-taxo li { margin: 0 10px 15px 0; min-width: 145px; } .anspress .ap-sub-taxo li a { background: #ffffff; border: 1px solid #eeeeee; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; color: #888888; display: block; font-size: 15px; padding: 7px 12px; text-decoration: none; } .anspress .ap-sub-taxo li a span { float: right; } .anspress .ap-sub-taxo li a:hover { border-color: #11a7db; } .anspress .ap-taxo-detail { background: none repeat scroll 0 0 #f8f8f8; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background-clip: padding-box; margin-bottom: 25px; padding: 15px 20px; } .anspress .ap-taxo-detail .ap-tax-item-count { background: #11a7db; color: #ffffff; float: right; font-size: 17px; padding: 5px 10px; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; } .anspress .ap-taxo-detail .ap-taxo-description { line-height: 28px; } .anspress .ap-taxo-detail .ap-term-sub { margin-top: 20px; } .anspress .ap-taxo-detail .ap-sub-taxo { margin: 0; } .anspress .ap-tags-input { margin-bottom: 10px; } .anspress #ap-tags-suggestion .ap-tagssugg-item { display: none; } .anspress #ap-tags-suggestion .ap-tagssugg-item button { background: #fcfcfc none repeat scroll 0 0; border-color: #ddd; border-image: none; border-radius: 2px; border-style: solid; border-width: 1px 1px 1px 2px; font-size: 14px; margin-bottom: 0; margin-right: 5px; padding: 8px 10px; text-align: left; width: 100%; margin: 0; border: none; } .anspress #ap-tags-suggestion .ap-tagssugg-item button.ap-tag-add:hover, .anspress #ap-tags-suggestion .ap-tagssugg-item button.ap-tag-add:active, .anspress #ap-tags-suggestion .ap-tagssugg-item button.ap-tag-add:focus, .anspress #ap-tags-suggestion .ap-tagssugg-item button.ap-tag-add.focus { border-color: #11a7db; background-color: #d6f2fc; } .anspress #ap-tags-suggestion .ap-tagssugg-item button.ap-tag-remove { border-color: #11a7db; } .anspress #ap-tags-suggestion .ap-tagssugg-item button.ap-tag-remove:hover, .anspress #ap-tags-suggestion .ap-tagssugg-item button.ap-tag-remove:active, .anspress #ap-tags-suggestion .ap-tagssugg-item button.ap-tag-remove:focus { border-color: #eb5837; background-color: #fbdfd9; } .anspress #ap-tags-suggestion .ap-tagssugg-item button i { float: right; margin-left: 5px; font-size: 115%; } .anspress #ap-tags-suggestion .ap-tagssugg-item:first-child button { border-top: none; } .anspress .ap-tags-field { display: inline-block; margin-bottom: 0px; padding: 8px 10px; height: auto; width: auto; width: 200px; max-width: 100%; } .anspress #ap-tags-holder, .anspress #ap-tags-suggestion { list-style: none; margin-top: 0; padding: 0; } .anspress #ap-tags-holder { margin-top: 10px; margin-bottom: 0px; } .anspress #ap-tags-holder li { display: inline-block; margin: 0 8px 0 0; padding: 0; } .anspress #ap-tags-holder li button { background: #f8f8f8 none repeat scroll 0 0; border: 2px solid #ddd; color: #333333; } .anspress #ap-tags-holder li button > span { margin-right: 5px; } .anspress #ap-tags-holder li button .apicon-x { color: #aaa; font-size: 11px; } .anspress #ap-tags-suggestion { display: none; max-width: 100%; position: absolute; width: 200px; z-index: 999; border-bottom: solid 1px #ddd; } .anspress #ap-tags-suggestion li { display: block; margin: 0; padding: 0; border-bottom: solid 1px #eee; } .anspress #ap-tags-suggestion li button { border-radius: 0px; margin-bottom: 0px; border-width: 0 1px 0 2px; color: #333333; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } #anspress .best-answer .ap-bpsingle, #anspress .answer-selected .ap-bpsingle { border-color: #cce4c8; } #anspress .ap-bpsingle { border-radius: 2px; margin-bottom: 30px; border: solid 1px #ddd; } #anspress .ap-bpsingle-title { padding: 5px 10px; font-size: 13px; border-bottom: solid 1px #eee; margin-bottom: 10px; } #anspress .ap-bpsingle-title > a { text-decoration: none; font-weight: bold; color: #333; } #anspress .ap-bpsingle-acount { margin-left: 10px; border-left: solid 1px #ddd; padding-left: 10px; font-size: 13px; text-decoration: none; } #anspress .ap-bpsingle-content { padding: 0 10px; position: relative; } #anspress .ap-bpsingle-content p { margin-bottom: 0; } #anspress .ap-bpsingle-content .ap-avatar { margin-top: 4px; } #anspress .ap-bpsingle-meta { font-size: 13px; color: #888; border-top: solid 1px #eee; padding: 5px 10px; margin-top: 10px; } #anspress .ap-bpsingle-meta > * { margin-right: 10px; font-size: 11px; } #anspress .ap-bpsingle-meta a { text-decoration: none; } #anspress .ap-bpsingle-meta .apicon-thumb-up:before, #anspress .ap-bpsingle-meta .apicon-answer:before { margin-right: 2px; } #anspress .ap-bpsingle-selected, #anspress .ap-bpsingle .solved { color: #8bc34a; } #anspress .ap-bpsingle-published { color: #888; text-decoration: none; font-size: 13px; } #anspress .ap-bpsingle .apicon-answer:before { margin-right: 5px; } #anspress .ap-view-question { background: #8bc34a; font-size: 12px; color: #fff; padding: 2px 6px; border-radius: 1px; text-decoration: none; margin-top: 8px; display: table; } #anspress .ap-bp-head { border-bottom: solid 1px #ddd; margin-bottom: 25px; padding-bottom: 10px; } #anspress .ap-bp-head h1 { margin: 0; float: left; } #anspress .ap-bp-head .ap-answers-tab { float: right; border-radius: 3px; } #anspress .ap-bp-head .ap-answers-tab li { margin: 0; } #anspress .ap-bp-head .ap-answers-tab li a { display: block; padding: 5px 12px; text-decoration: none; font-size: 13px; } #anspress .ap-bp-head .ap-answers-tab li.active a { background: #eee; } #anspress .ap-bp-head .ap-filters { float: right; } #anspress .ap-bp-loadmore { display: table; margin: 0 auto; font-size: 12px; } .ap-user-meta-reputation { background: #F4AC20; font-size: 12px; padding: 3px 10px; border-radius: 2px; } .ap-reputations { border: none; border-spacing: 0; } .ap-reputations td { border-width: 0 0 1px 0; border-color: #eee; border-style: solid; padding: 10px 5px; vertical-align: top; } .ap-reputations td.col-icon { width: 50px; color: #b5b5b5; } .ap-reputations td.col-icon i { font-size: 18px; background: #9E9E9E; width: 35px; display: block; height: 35px; padding: 5px; text-align: center; border-radius: 50%; color: #fff; } .ap-reputations td.col-icon i.answer { background: #8bc34a; } .ap-reputations td.col-icon i.ask { background: #F44336; } .ap-reputations td.col-icon i.comment { background: #673AB7; } .ap-reputations td.col-icon i.select_answer { background: #00C853; } .ap-reputations td.col-icon i.best_answer { background: #00BCD4; } .ap-reputations td.col-icon i.received_vote_up { background: #AB47BC; } .ap-reputations td.col-icon i.received_vote_down { background: #FF9800; } .ap-reputations td.col-icon i.given_vote_down { background: #8D6E63; } .ap-reputations td.col-icon i.given_vote_up { background: #EC407A; } .ap-reputations td.col-points { text-align: right; width: 55px; } .ap-reputations td.col-points span { background: #F4AC20; color: #fff; width: 40px; display: block; float: right; text-align: center; border-radius: 2px; padding: 2px; } .ap-reputations td.col-date { width: 100px; font-size: 12px; } .ap-reputation-ref { margin-top: 5px; display: block; margin-top: 5px; font-size: 12px; color: #777; } .ap-reputation-ref strong { display: block; color: #444; } .ap-reputation-activity { font-weight: bold; } .ap-reputations { border: none; border-spacing: 0; } .ap-reputations td { border-width: 0 0 1px 0; border-color: #eee; border-style: solid; padding: 10px 5px; vertical-align: top; } .ap-reputations td.col-icon { width: 50px; color: #b5b5b5; } .ap-reputations td.col-icon i { font-size: 18px; background: #9E9E9E; width: 35px; display: block; height: 35px; padding: 5px; text-align: center; border-radius: 50%; color: #fff; } .ap-reputations td.col-icon i.answer { background: #8bc34a; } .ap-reputations td.col-icon i.ask { background: #F44336; } .ap-reputations td.col-icon i.comment { background: #673AB7; } .ap-reputations td.col-icon i.select_answer { background: #00C853; } .ap-reputations td.col-icon i.best_answer { background: #00BCD4; } .ap-reputations td.col-icon i.received_vote_up { background: #AB47BC; } .ap-reputations td.col-icon i.received_vote_down { background: #FF9800; } .ap-reputations td.col-icon i.given_vote_down { background: #8D6E63; } .ap-reputations td.col-icon i.given_vote_up { background: #EC407A; } .ap-reputations td.col-points { text-align: right; width: 55px; } .ap-reputations td.col-points span { background: #F4AC20; color: #fff; width: 40px; display: block; float: right; text-align: center; border-radius: 2px; padding: 2px; } .ap-reputations td.col-date { width: 100px; font-size: 12px; } .ap-reputation-ref { margin-top: 5px; display: block; margin-top: 5px; font-size: 12px; color: #777; } .ap-reputation-ref strong { display: block; color: #444; } .ap-reputation-activity { font-weight: bold; } #anspress .ap-noti { border: solid 1px #eee; border-radius: 2px; } #anspress .ap-noti-item { border-bottom: solid 1px #eee; padding: 10px 15px; } #anspress .ap-noti-icon { float: left; width: 40px; height: 40px; background: #eee; padding: 8px; text-align: center; font-size: 18px; border-radius: 2px; } #anspress .ap-noti-avatar { float: left; } #anspress .ap-noti-avatar .avatar { border-radius: 2px; } #anspress .ap-noti-rep { background: #F4AC20; float: left; width: 40px; height: 40px; text-align: center; padding: 9px 0; font-weight: bold; color: #fff; border-radius: 50%; } #anspress .ap-noti-inner { color: #333; display: block; margin-left: 60px; } #anspress .ap-noti-date { display: block; font-size: 12px; color: #777; } #anspress .ap-noti-sub { margin-bottom: 15px; } #anspress .ap-noti-sub a { margin-right: 10px; border-right: solid 1px #ccc; padding-right: 10px; } #anspress .ap-noti-sub a:last-child { border-right: none; margin-right: 0; } #anspress .ap-btn-markall-read { float: right; margin-right: 0; } #noti-dp { position: absolute; top: 0; right: 0; width: 300px; min-height: 50px; background: #fff; border: solid 1px #ddd; font-size: 13px; font-family: Arial, Helvetica, sans-serif; overflow: hidden; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); z-index: 9999; } #noti-dp .ap-btn-markall-read { float: right; background: none; border: none; font-weight: normal; padding: 0; } #noti-dp .noti-item { padding: 10px 10px; border-bottom: solid 1px #e8e8e8; text-align: left; } #noti-dp .noti-item.unseen { background: #f5f5f5; } #noti-dp .ap-noti-unseen { background: #F4AC20; color: #fff; padding: 1px 3px; font-weight: normal; font-style: normal; border-radius: 2px; } #noti-dp .ap-noti-icon, #noti-dp .ap-noti-avatar, #noti-dp .ap-noti-rep { background: #eee; float: left; height: 35px; width: 35px; } #noti-dp .ap-noti-rep { color: #fff; text-align: center; padding: 7px 0; border-radius: 50%; background: #F4AC20; } #noti-dp .ap-noti-icon { text-align: center; padding: 8px; border-radius: 2px; } #noti-dp .ap-noti-inner { margin-left: 50px; display: table; font-size: 12px; line-height: 1.4; color: #333; text-decoration: none; } #noti-dp .ap-noti-date { display: block; color: #888; } #noti-dp .ap-noti-head { background: #eee; border-bottom: solid 1px #ddd; font-size: 11px; font-weight: bold; padding: 5px 10px; } #noti-dp .scroll-wrap { max-height: 300px; overflow-y: auto; } i.noti-count { font-style: normal; background: #F44336; color: #fff; width: 10px; display: inline-block; margin-left: 4px; padding: 2px; width: 20px; text-align: center; height: 20px; line-height: 20px; border-radius: 2px; } /*# sourceMappingURL=main.css.map */