پروژه های سروش

بی رقیب در گرانیت های مشکی

/* ----------------------------------------- */ /* View: نمای بلوک پروژها - start */ /* ----------------------------------------- */ .filter-row { width: 100%: display: flex; flex-direction: row; flex-wrap: wrap; margin: 12px 0 24px 0; } .title-bar { display: inline-block; width: 47.8%; padding: 12px 16px 6px 16px; margin: 0 1% 24px 1%; background-color: #1f1f1f; border-radius: 8px; } .filter-row h3.fil-title { display: inline-block; float: right width: auto; font-size: 16px; font-weight: 400; color: #ffffff; } .title-bar .wpv-sort-control-select { float: left; position: inline-block; width: 30% !important; padding: 6px auto !important; margin-top: -2px; background-color: #1f1f1f !important; border: 2px solid #656463; border-radius: 8px; color: #656463; font-size: 14px; } .fil-reset { float: left; color: #656463; border-color: #656463; border-radius: 8px; font-size: 14px; } .fil-reset:hover { background-color: #D19F47 !important; color: #ffffff; border-color: #D19F47; font-size: 14px; } .form-group { display: inline-block; width: 29%; margin: 0 2%; align-items: center !important; } .labels { float: right; display: inline-block; width: 25%; color: #656463; margin-top: 11px; margin-left: 2%; } .input-style { float: right; position: inline-block; width: 73%; background-color: #27211E; border: 2px solid #786844; border-radius: 8px; color: #A48F5E; font-size: 14px; } .sorter { display: none !important; } .input-style:focus { border: 2px solid #D19F47; color: #ffffff; } #fil-apply { display: none !important; } @media only screen and (max-width: 575px) { .filter-row { display: none; position: fixed; width: 100%; height: 100vh; padding: 16px; margin: 0; background-color: #0f0f0f; top:0; left:0; z-index: 1000; } .active-mode { display: block !important; } .title-bar { width: 100%; } .filter-row h3.fil-title { display: inline-block; width: 100%; background-color: #1f1f1f; border-radius: 8px; font-size: 18px; font-weight: 400; color: #ffffff; text-align: center; } .form-group { width: 98%; margin: 0 2% 12px 2%; } .labels { width: 100%; margin-bottom: 12px; } .input-style { width: 100%; } .sorter-d { display: none !important; } .sorter { display: block !important; } .wpv-sort-control-select { float: right; position: inline-block; width: 100% !important; background-color: #27211E !important; border: 2px solid #786844; border-radius: 8px; color: #A48F5E; font-size: 14px; } #fil-apply { display: block !important; position: fixed; bottom: 16px; right: 16px; width: 50%; background-color: #0f0f0f; color: #D19F47; border: 2px solid #D19F47 !important; font-size: 14px; z-index: 1100; } .fil-reset { position: fixed; bottom: 16px; left: 16px; width: 36%; background-color: #0f0f0f; color: #656463; border: 2px solid #656463 !important; font-size: 14px; z-index: 1150; } .fil-reset:focus, #fil-apply:focus { background-color: #D19F47 !important; color: #ffffff; border-color: #D19F47; font-size: 14px; } } ul.wpv-loop { list-style: none; margin: 0; padding: 0; width: 100%; } .nothing { font-size: 16px; color: #ffffff; } #filter-btn { display: none !important; } @media only screen and (max-width: 575px) { .active-mode { display: block !important; } #filter-btn { display: block !important; width: 90%; margin: 0 5% 24px 5%; color: #D19F47; border: 2px solid #D19F47 !important; font-size: 14px; z-index: 900; } #filter-btn:hover, #filter-btn:focus { color: #ffffff; background-color: #D19F47 !important; } } /* ----------------------------------------- */ /* View: نمای بلوک پروژها - end */ /* ----------------------------------------- */

پروژه های سروش

بی رقیب در گرانیت های مشکی

فیلتر ها

ترتیب نمایش

محمدشهر

لواسانات

الهیه