Description

/* Template: Poster Description: Version: 1.2 */ /* Template: T-Shirt Short Sleeve - Long Sleeve Description: Version: 1.2 */ /* user colors */ #wpl_store_header .hotline { color: #FFFFFF; background-color: #FFA500; display: block; float: right; } #wpl_wrapper .wpl_description h2 { color: #000000; } #wpl_wrapper h3.bar { color: #FFFFFF; background-color: #f21222; background-image: -webkit-gradient(linear, left top, left bottom, from(#f21222), to(#000000)); background-image: -webkit-linear-gradient(top, #f21222, #000000); background-image: -moz-linear-gradient(top, #f21222, #000000); background-image: -ms-linear-gradient(top, #f21222, #000000); background-image: -o-linear-gradient(top, #f21222, #000000); background-image: linear-gradient(to bottom, #f21222, #000000); } /* layout */ #wpl_wrapper { width: 90%; margin-right: auto; margin-left: auto; margin-top: 30px; margin-bottom: 20px; font-size: 14px; font-family:Arial,Helvetica,sans-serif; } #wpl_wrapper h2 { font-size: 24px; line-height: 30px; } #wpl_wrapper h3.bar { margin-top: 30px; margin-bottom: 20px; padding-left: 10px; height: 30px; line-height: 30px; font-size: 16px; font-family: Helvetica, Arial, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #wpl_store_header { width:100%; overflow: hidden; } #wpl_store_header .logo { float: left; } #wpl_store_header .hotline { height: 40px; font-size: 16px; line-height: 40px; font-weight: bold; padding-right: 20px; padding-left: 20px; margin-top: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; text-shadow: 2px 2px 4px #713803; filter: dropshadow(color=#713803, offx=0, offy=1); } #wpl_wrapper .clearfix { clear:both; } #wpl_list_images a { border: 1px solid #ccc; display: block; float: left; height: 75px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; padding: 12px; width: 75px; } #wpl_wrapper .alignleft { float: left; } #wpl_wrapper .alignright { float: right; } #wpl_wrapper .section p { padding-left: 10px; padding-right: 10px; /* fix for firefox: */ line-height: 1.2em; margin: 1em 0; } #wpl_wrapper .section big { font-size: 18px; font-weight: bold; } .primary_image, .wpl_product_image { width: 100%; } #gallery a { text-decoration: none; } /* these only apply in preview to override default styles from wp-admin */ body.wp-admin #wpl_wrapper ul { list-style: disc inside none; } body.wp-admin #wpl_wrapper ul li { padding-left: 2em; } /** Media queries **/ @media (min-width: 320px) { #wpl_wrapper { width: 95%; } #wpl_store_header .hotline { float: left; } #gallery { width: 100%; } #wpl_list_images { display: none; } } @media (min-width: 481px) { #wpl_wrapper { width: 95%; } #wpl_store_header .hotline { float: right; display: inline-block; } #gallery { display: block; width: 48%; float: left; } #description { width: 48%; float: right; } #gallery #wpl_main_image { max-width: 220px; max-height: 225px; } #wpl_list_images { display: block; } #wpl_list_images a { width: 80px; height: 80px; } #wpl_list_images a img.wpl_thumb { width: 100%; } } @media (min-width: 641px) { #wpl_wrapper { width: 95%; } #wpl_store_header .hotline { float: right; } #gallery { display: block; width: 45%; float: left; } #description { width: 48%; float: right; } #gallery #wpl_main_image { width: 100%; height: 100%; max-height: 370px; max-width: 370px; } #wpl_list_images { display: block; } #gallery #wpl_list_images a { width: 80px; height: 80px; } #wpl_list_images a img.wpl_thumb { width: 80px; } } /* Style for the new product_gallery shortcode */ .wplister-gallery{position:relative;width:95%;margin:2em auto auto} .wplister-gallery img{margin:0 auto} .wplister-gallery{width:48%;display:inline-block;padding-top:480px;text-align:center;} .wplister-gallery .gallery-thumbnail{width:100%;position:absolute;left:0;top:0;transition:all .5s;text-align:center;max-height:570px;transition:all .5s;z-index:22;height:445px;background:#fff} .wplister-gallery .gallery-thumbnail img{max-width:100%;max-height:443px;} .wplister-gallery input[name='thumb_switch']{display:none} .wplister-gallery label{margin-right:11px;display:inline-block;cursor:pointer;transition:all .5s;opacity:1;margin-bottom:1em} .wplister-gallery span{display:table-cell;width:90px;height:90px;text-align:center;border:1px solid #cdcdce;vertical-align:middle;} .wplister-gallery label img{max-width:100%;width:auto;padding:1px;max-height:88px} .wplister-gallery input[name='thumb_switch']:checked+label{opacity:1} .wplister-gallery input ~ .gallery-thumbnail{margin-bottom:0} .wplister-gallery input[name='thumb_switch'] ~ .gallery-thumbnail{opacity:0;display:none} .wplister-gallery input[name='thumb_switch']:checked + label + .gallery-thumbnail{opacity:1;display:block;transform:scale(1)} .wplister-gallery #id1 + label + .gallery-thumbnail{opacity:1;display:block;transform:scale(1)} @media (max-width: 1210px) and (min-width: 1140px) { .wplister-gallery .gallery-thumbnail,.wplister-gallery .gallery-thumbnail img{max-height:443px} } @media(min-width:992px) and (max-width:1140px) { .wplister-gallery #id1 + label + .gallery-thumbnail:hover,.wplister-gallery input[name='thumb_switch']:checked+label+ .gallery-thumbnail:hover{transform:scale(1.1);border:1px solid #0084c9} } @media (max-width: 992px) { .wplister-gallery .gallery-thumbnail,.wplister-gallery .gallery-thumbnail img{max-height:443px} } @media (max-width: 939px) { .wplister-gallery .gallery-thumbnail,.wplister-gallery .gallery-thumbnail img{max-height:443px} } @media(width: 768px) { .wplister-gallery .gallery-thumbnail,.wplister-gallery .gallery-thumbnail img{max-height:370px} .wplister-gallery label{margin-right:14px} .wplister-gallery span{width:81px;height:81px} .wplister-gallery label img{max-height:79px} } @media(max-width: 767px) { .wplister-gallery{width:100%;position:relative} .wplister-gallery .gallery-thumbnail,.wplister-gallery .gallery-thumbnail img{max-height:300px} .wplister-gallery label{margin-right:12px} .wplister-gallery span{width:66px;height:66px} .wplister-gallery label img{max-height:64px} }