COLORPLAY

/* ----------------------------------------- */ /* View: End Uses - start */ /* ----------------------------------------- */ li.end-use-li a { text-transform: uppercase; color: #666; } .end-use-ul { list-style: none; padding: 0; text-align: center; margin-bottom: 30px; } li.end-use-li { display: inline-block; margin: 0 10px; } .end-use-title { text-align: center; color: #3CBEFE; margin: 30px 0 30px 0; } /* ----------------------------------------- */ /* View: End Uses - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Load Primary Color - start */ /* ----------------------------------------- */ #basecloth-box {display:none;} #hidden-color { display:none; } .featherlight .featherlight-content { overflow: hidden; } button.featherlight-close-icon.featherlight-close { font-size: 30px; } .add-box { margin-top: 15px; } @media all and (max-width: 992px) and (min-width: 240px) { .color-thumb { height: auto !important; } .add-box { position: inherit; text-align: left; } } /* ----------------------------------------- */ /* View: Load Primary Color - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Single Pattern - start */ /* ----------------------------------------- */ #basecloth-box, #cad-box {display:none;} .label { color: white; border-radius: 50px; display: inline-block; margin-bottom: 3px; } .custom-color-background { background: repeating-linear-gradient( 135deg, blue, red, green, orange ); } .usa-background { background: repeating-linear-gradient( blue, red, blue, red); } .fabric-info-box { } .fabric-fact { margin-bottom: 5px; } .flag-container { margin-bottom: 0px; margin-top: 0px; } #color-image, #mobile-header-image { background-size: cover; // border-radius: 10px; margin: 3px; // border: 3px solid #ccc; width:100%; height: 350px; } .pattern-details { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 20px; } .affix { top:50px; position:fixed; width:1150px; } #color-sku { min-height:24px; text-align: center; } button.all-button { background: none; border-radius: 15px; border: 1px solid; padding: 5px 15px; width: 180px; } button#custom-add-button { background: #ffbf1f; color: #fff; border: 1px solid #fff; border-radius: 15px; padding: 5px 15px; width: 180px; margin-bottom: 10px; } button#custom-add-button:hover { background: #018ed3;; } #color-title { margin-top:0; } /* ----------------------------------------- */ /* Content Template: Single Pattern - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in All the colors of a pattern - start */ /* ----------------------------------------- */ .color-info { text-align: center; margin-bottom: 35px; } .color-name-thumb { margin: 0; } .color-thumb { cursor: pointer; height: 147px; width: 165px; // border: 1px solid #CCC; // border-radius: 10px; margin-bottom: 5px; } /* ----------------------------------------- */ /* Content Template: Loop item in All the colors of a pattern - end */ /* ----------------------------------------- */