Blackgifted Exhibition Gallery

/* ----------------------------------------- */ /* View: view-with-pagination-for-post - start */ /* ----------------------------------------- */ .js-wpv-filter-trigger{ width: 84%; } .wpv-reset-trigger{background: #C0900A !important; border-radius: 2px; padding: 10px 40px; border: 0;color:#fff; font-size: 14px; display: inline-block; font-weight: normal; text-align: center; vertical-align: middle;margin-top: 14px;} .filter-box { background: #eee; padding: 20px !important; margin-bottom: 30px !important;width: 100%; float: left; } .js-wpv-filter-trigger-delayed{width:100%;} label{float: left; width: 100%;} @media (min-width: 768px) .filter-box { display: table; width: 100%; } @media (min-width: 768px) .filter-box>[class*='col-sm'] { float: none; display: table-cell; vertical-align: middle; } @media (min-width: 768px) .col-sm-3 { width: 25%; } .col-sm-3 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } form{ border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } input[type="submit"], input[type="reset"] { border-radius: 2px; padding: 10px 30px; border: 0;font-size: 14px;display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; } /*Layouts css goes here*/ /********************************* Header styling & Row styling **********************************/ .ddl-full-width-row, .row-fluid { margin-right: -15px; margin-left: -15px; } .header-background-image .col-sm-12 { padding: 0; } .row.list-group-item { padding-right: 0; padding-left: 0; margin-left: 0; margin-right: 0; } /****************** Buttons *******************/ .btn-primary, .btn-primary.disabled, input[type="submit"] { background-color: #ff3b3b!important; border-color: #ff1c1c!important; color:#fff!important; } a:hover.btn-primary, input[type="submit"]:hover{ background-color: black!important; border-color:black!important; } /******************************************* * My Messages ********************************************/ .tab-content {padding:20px;} .messages-list { padding: 0; list-style-type: none; margin: 30px 0; } .messages-list li { padding: 15px 30px; border-bottom: 1px solid #ececec; } .messages-list .cred-delete { float: right; } /******************************************* * Single message ********************************************/ .message-date, .message-from, .message-listing { margin: 0; } .message-date .glyphicon, .message-from .glyphicon, .message-listing .glyphicon { margin-right: 5px; } .message-date a, .message-from a, .message-listing a { text-decoration: underline; } .message-entry { margin-top: 30px; margin-bottom: 30px; } /******************************************* * Ad packages ********************************************/ .ad-packages-options { margin-bottom: $margin-base; text-align: right; } .ad-packages-options input[type="submit"] { line-height: 28px; } /******************************************* * Featured ads ********************************************/ .list-element.featured, .product-list-table tr.featured td{ background: rgba(255, 255, 0, 0.2); } /**************************** Footer styling **************************/ .footer-credits-products-logo, .footer-credits-text { display: inline-block; vertical-align: bottom; } .footer-credits-products-logo { margin-left:-15px; width: 120px; } @media (min-width: 768px){ .footer-credits-products-logo { margin-bottom:-5px; } .footer-credits-text { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); } .footer-credits-text p:last-child { margin-bottom: 0; } } .footer-credits-otgs { margin-top: 30px; text-align: right; } /**************************** Parametric search **************************/ .filter-box input[type="submit"] { margin-top: 14px; } .filter-box ul { line-height: 1; } .sidebar .filter-box [class*='col-sm-'] { display: block; width: 100%; float: none; margin-bottom: 10px; } .sidebar .filter-box .search-header { width: 100%; padding:15px; } .filter-box .search-header, .cart-icon { background-color: #ff3b3b; } @media (min-width: 768px) { .filter-box .search-header { width: 90%; min-height: 130px; text-align: left; padding:15px; } .list-header { display: table; width: 100%; } .filter-box>[class*='col-sm'] { float: none; display: table-cell; vertical-align: middle; } .filter-box { display: table; width: 100%; }} .sidebar .filter-box { margin: 0; padding: 15px 0; } .filter-box { background: #eee; padding: 30px 30px 22px 30px; margin-bottom: 30px; } .filter-box .search-header h3 { margin-top: 10px; margin-bottom: 5px; } .filter-box .search-header, .filter-box .search-header h3 {color:white;} /**************************** Ads listing **************************/ .list-header { background: #333; color: #fff; padding: 15px; margin: 30px 0; border: 1px solid #474747; border-bottom: 2px solid #404040; font-size: 1.1em; } .product-tech-info { display: block; padding-top: 10px; margin-top: 15px; font-size: .85em; position: relative; } .product-tech-info:before { content: ''; height: 2px; width: 65px; background: #ccc; position: absolute; top: 0; left: 0; } @media (min-width: 768px) { .list-element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } } .list-element h2 {margin-bottom:5px;} .list-element { padding-top: 15px; padding-bottom: 15px; } /**************************** Let's place an ad **************************/ .place-ad { margin-top: 3em; } .place-ad.panel-default { margin-top: 4.5em; } .place-ad .description { margin-top: 1.5em; min-height: 7.5em; color: #999; } .place-ad.panel-danger .description { min-height: 10.5em; } .place-ad .price { font-size: 1.5em; font-weight: 600; margin: 15px 0; } .place-ad input[type="submit"] { display: block; width: 100%; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #cccccc !important; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; color: #333333 !important; background-color: #ffffff !important; } .place-ad input[type="submit"]:hover { color: #333333 !important; background-color: #e6e6e6!important; border-color: #adadad!important; } /**************************** listing categories **************************/ .category-listing h3 > a {color:#ff3b3b} .category-listing h3 > a:hover {color:black} /**************************** helper classes **************************/ .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} .page-id-20118 .col-sm-2 {width:19.66%;} @media all and (min-width: 320px) and (max-width: 767px){ .col-sm-3{clear:both;} } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #337ab7; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #dddddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #ffffff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #ffffff; cursor: not-allowed; } .wpv-reset-trigger {padding: 10px 34px;} /* ----------------------------------------- */ /* View: view-with-pagination-for-post - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Loop item in myview-with-pagination-for-post - start */ /* ----------------------------------------- */ .panel.product-box { display: block; } /* ----------------------------------------- */ /* Content Template: Loop item in myview-with-pagination-for-post - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in my-view-with-search - start */ /* ----------------------------------------- */ .product-box {margin-bottom:40px; box-shadow: none;} .product-box h3 {margin-bottom:7px;} /*.panel-body{ float: left; padding-left: 18px; font-size: 13px;} .imagediv{height: 166px;border: solid aqua 1px;width: 41%;float: left;}*/ .panel.product-box { border: solid 1px #bfb225; padding: 20px 3px 20px 0px; margin-bottom:20px;} .panel-body .row { font-size: 12px; } /*.rowd { float: left; width: 33%; font-size: 12px; } .product-box:nth-child(1) { display:none; }*/ /* ----------------------------------------- */ /* Content Template: Loop item in my-view-with-search - end */ /* ----------------------------------------- */