@CHARSET "UTF-8"; /* Left Col ===============*/ #classy_left_col { float: left; width: 220px; margin-right: 19px; } #classy_left_col #classy_searchbox { } #classy_left_col .tab-header { margin-bottom: 5px; } #classy_left_col #classy_searchbox { background: transparent url(/assets/images/site/search_bkg.png) no-repeat top right; display: block; width: 220px; height: 26px; } #classy_left_col #classy_searchbox .searchInput { width: 180px; background: none; margin-left: 10px; padding-top: 5px; border: none; font-family: Verdana, san-serif; color: #666; } #classy_left_col #classy_searchbox .searchInput:focus { color: #333; } #classy_left_col #classy_searchbox .searchButton { border: none; background: transparent url(/assets/images/site/search_button.png) no-repeat; float: right; cursor: pointer; outline: none; display: block; height: 20px; width: 20px; margin: 3px 3px 0px 0px; } #classy_left_col #classy_searchbox .searchButton:focus { outline: none; border: none; } #classy_left_col input:focus { outline: none; } #classy_left_col #classy_search_checkboxes { margin: 20px 0 20px 0; } #classy_left_col #classy_search_location { width:100%; } #classy_left_col #classy_search_location select { width: 220px; margin: 5px 0px;} #classy_left_col #classy_search_location input { width: 75px; } #classy_left_col #btnPostClassyAd { margin-top: 20px; } #classy_left_col #btnPostClassyAd, #classy_left_col #btnMyClassyAds { width: 220px; } /* Right Col ===============*/ #classy_right_col { float: left; width: 400px; } #classy_right_col .error-msg { padding: 10px; color: red; } #classy_right_col .tab-header { padding-bottom: 10px; margin: 0px; } /* instructions and intro text ============================== */ #classy_right_col .instructions { } #classy_right_col .instructions h3 { padding: 5px 0 5px 0; } #classy_right_col .instructions ul { margin-left: 15px; } #classy_right_col .instructions ul li { list-style: disc; padding-bottom: 8px; } /* post new ad (ajax.classy-edit-form.php) ===========================================*/ #classy_right_col #classy_ajax_post { padding: 10px 20px; background: #f3f3f3; } #classy_right_col #frmEditCreateClassified select { } #classy_right_col #frmEditCreateClassified label { font-weight: bold; } #classy_right_col #frmEditCreateClassified textarea { width: 340px; margin: 10px 0px; } #classy_right_col #frmEditCreateClassified .formRow {clear: both; } #classy_right_col #frmEditCreateClassified .form-parts .form-part > div { padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 15px; } /* search/ browse classifieds (ajax.classy-search-results.php) =============================================================*/ #classy_right_col #classy_ajax_search { } #classy_right_col #classy_ajax_search #classy_search_results { line-height: 1.5em; } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result { padding: 23px 10px 20px 10px; position: relative; } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result.hover { background-color: #F6F6F6; } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result .category { position: absolute; top: 0px; left: 0px; font-size: .9em; background: #ddd; width: 100%; color: #333; text-transform: uppercase; } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result .category span { padding: 1px 10px; } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result .title { font-size: 1.2em; } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result .description { } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result .description .excerpt { } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result .description .readmore { padding-left: 5px; } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result .date-and-user { font-size: .9em; } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result .date-and-user a.username { } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result .location { font-size: .9em; } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result.hover .btn-reply { position: absolute; display: block; right: 0px; top: 25px; } #classy_right_col #classy_ajax_search #classy_search_results .classy-search-result .btn-reply { float: right; display: none; } #classy_right_col #classy_ajax_search #classy_search_results .pagination { margin-top: 20px; color: #999; font-style: italic; } #classy_right_col #classy_ajax_search #classy_search_results .search-total-time { color: #999; font-style: italic;} /* manage "my ads" (ajax.classy-my-ads.php) ============================================*/ #classy_right_col #classy_my_classifieds { } #classy_right_col #classy_my_classifieds #my_classifieds_list { } #classy_right_col #classy_my_classifieds #my_classifieds_list .legend { margin-bottom: 15px; } #classy_right_col #classy_my_classifieds #my_classifieds_list .legend .legend-item { float: left; margin-left: 15px; padding: 5px; } #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified { padding: 10px; margin-bottom: 15px; line-height: 1.5em; position: relative; } #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified.ad-status-active, #classy_right_col #classy_my_classifieds #my_classifieds_list .legend .legend-item.ad-status-active { background: rgba(1, 155, 227, 0.2); } #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified.ad-status-pending, #classy_right_col #classy_my_classifieds #my_classifieds_list .legend .legend-item.ad-status-pending { background: rgba(160, 160, 160, 0.2); } #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified.ad-status-expired, #classy_right_col #classy_my_classifieds #my_classifieds_list .legend .legend-item.ad-status-expired { background: rgba(255, 0, 0, 0.1); } #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified.ad-status-removed-by-me, #classy_right_col #classy_my_classifieds #my_classifieds_list .legend .legend-item.ad-status-removed-by-me { background: rgba(204, 153, 255, 0.2); } { background-color: lightblue; } #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified.hover { background-color: #F6F6F6; } #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified .edit-delete { display: none; } /* show edit/delete on hover */ #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified.hover .edit-delete { position: absolute; top: 10px; right: 10px; display: block; } /* show edit/delete on hover */ #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified .title { font-size: 1.2em;} #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified .date, #classy_right_col #classy_my_classifieds #my_classifieds_list .my-classified .category { font-size: .9em; } /* Image Upload ================== */ #classy_right_col .image-preview { position: relative; max-width: 200px; max-height: 200px; } #classy_right_col .image-preview img { max-width: 200px; max-height: 200px; } #classy_right_col .frm-classy-pic-upload { border: 1px solid gray; padding: 5px; margin-bottom: 10px; } /* View Ad =============*/ #classy_right_col #classy_display_ad .view-ad { line-height: 1.5em; background: #f3f3f3; padding: 20px; position: relative; } #classy_right_col #classy_display_ad .view-ad .btn-reply { position: absolute; top: 10px; right: 10px;} #classy_right_col #classy_display_ad .view-ad > div { border-bottom: 1px solid #ccc; padding: 10px 0px; } #classy_right_col #classy_display_ad .view-ad .category { margin-bottom: 0px; border-bottom: none; padding: 0px; } #classy_right_col #classy_display_ad .view-ad .date-and-user { border-bottom: none; padding: 0px; } #classy_right_col #classy_display_ad .view-ad .date-and-user a.username { } #classy_right_col #classy_display_ad .view-ad .location { padding-top: 0px; } #classy_right_col .back-to-search { text-align: right; display: block; font-size: .9em; padding: 5px 0px; line-height: 1.5em; } #classy_right_col .back-to-search:hover { text-decoration: underline; } #classy_right_col .classy-image-thumb { max-width: 200px; max-height: 200px; }