Файловый менеджер - Редактировать - /home/digilove/public_html/components/com_marketplace/css/newdesign/category.css
Назад
.grid ,.list{ min-width:20px; width:15%; display: inline-block; float: left; } .order_history{ background-color: #404040; height: 40px; font-size: 18px; font-weight: bold; width: 100%; color: #FFF; } .detail_design{ height: inherit; width: 5px; background-color: #E8534F; display: block; float: left; } .detail_text{ display: block; float: left; margin: 12px 5%; color: #FFFFFF; text-transform: uppercase; } .pro_details .rating{ display: inline; float: left; height: 20px; margin: 5px 10px 0 !important; min-width: 200px; position: relative; width: 100%; } .pro_details .rating .yellow{ color: #e8c81b; float: left; margin-bottom: 2%; max-width: 100px; position: sticky; width: 50%; } .yellow{ width: 90%; color: #e8c81b; margin-bottom:2%; } .clear{ clear: both !important; } .pad_none{ padding: 0px !important; } .recent_pro{ position: relative; } .recent_pro_list{ height: 200px; display: block; clear: both; width: 98%; margin: 10px 0px; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; word-wrap:break-word; } .image_pro_list{ height:inherit ; } .pro_img_list{ margin-right: 2%; width: 28%; height: inherit; float: left; padding:.5%; } .pro_details{ margin-right: 2%; font-size: 18px; width: 65%; height: 60px; float: left; word-wrap:break-word; } .pro_name_list{ display: inline-block; font-size: 100%; font-weight: bold; width: 100%; word-wrap: break-word; color:#08c; margin-left: 15px; margin-top: 5px; } .pro_price_list{ display: inline-block; font-size: 90%; font-weight: bold; width: 90%; word-wrap: break-word; margin-left: 15px; margin-top: 5px; } .pro_price_list .current{ display: inline-block; } .pro_time { display: inline-block; float: left; height: auto; margin-left: 15px; width: 50%; word-wrap: break-word; margin-top: 5px; margin-bottom: 5px; } .pro_buy{ display: block; height: auto; min-width: 100px; position: relative; width: 35%; word-wrap: break-word; margin-left: 15px; } .tabs-data { clear: both; margin-top: 5%; } .shop_search { float: left; margin: 5px auto; min-width: 200px; width: 51%; } .grid_list{ float: left; margin: 5px auto; width: 48%; min-width: 200px; } .pro_action { height: 40px; margin: 5px auto; } .grd{ padding-top:4px !important; padding-bottom: 5px !important; padding-right: 0px !important; color: black; } .lst{ padding-top:4px !important; padding-bottom: 5px !important; padding-right: 0px !important; color: #0a7ab5; } .grd:hover{ cursor: pointer; color: black; } .txt_search { border-radius: 0px !important; width: 55% !important; } .lst:hover{ cursor: pointer; color: black; } .grid_list > div { float: left; width: 69%; } .sortby { margin-bottom: 0px !important; width: 65% !important; } .txt_search{ margin-bottom: 0px !important; } .btn_search { background-color: #0a7ab5; display: inline; margin-left: -5px; padding-bottom: 7px; padding-left: 2%; padding-right: 2%; padding-top: 4px; color: #fff; font-weight: bold; text-align: center; } .btn_search:hover{ cursor: pointer; } .pro_img { height: 160px; position: relative; text-align: center; width: 100%; } .pro_name { font-size: 15px; font-weight: bolder; text-align: center; height: 55px; } .pro_price { font-size: 15px; font-weight: bold; text-align: center; } .current{ color: #2b8cbf; } .image_pro{ height: 130px; max-width: 80%; width:auto; } .block-cont.list_view{ height: 505px; } .block-cont { padding-top: 0px !important; width: 100%; } #recent-product { width: 100%; } .hover_product { background-color: #333333; height: 100%; left: 0; opacity: 0.9; position: absolute; top: 0; width: 100%; } @media screen and (max-width: 980px) { .grid_list > div{ width: 84%; } .shop_search{ width: 100%; float: none; margin-bottom: 10px; } .grid_list{ width: 100%; float: none; } .txt_search{ width: 60%; } } @media screen and (max-width: 780px) { .btn_search { margin-left: -5px; padding-bottom: 6px; padding-top: 5px; } .grid_list > div{ width: 70%; } .shop_search{ width: 100%; float: left; margin-bottom: 10px; } .grid_list{ width: 40%; float: left; } .txt_search{ width: auto; } } @media screen and (max-width: 610px) { .grid_list > div{ width: 84%; } .shop_search{ width: 100%; float: none; margin-bottom: 10px; } .grid_list{ width: 100%; float: none; margin-bottom: 10px; } .txt_search{ width: 60%; } } @media screen and (max-width: 497px) { .grid_list > div{ width: 77%; } .txt_search{ width: 60%; } } @media screen and (max-width: 420px) { .txt_search{ width: 60%; } } .grid_view .hover_product .rating, .grid_view .hover_product .pro_buy_grid{ min-width: 100px; top: 20px; position: absolute; } .grid_view .hover_product .rating{ margin: 40px 0 0 30px !important; } .grid_view .hover_product .pro_buy_grid{ margin: 78px 35px 0; } @media screen and (max-width: 407px) { .recent_pro_list .pro_buy{ margin-left: 0; } } @media screen and (max-width: 390px) { .block{ width: 97% !important; } } @media screen and (max-width: 468px) { .list_view *{ font-size: 8px !important; } .rating{ float:left; display: block; min-width: 100px; } .pro_name_list{ display: block; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0.08 |
proxy
|
phpinfo
|
Настройка