{{head_content}} Living Legends Clothing <!-- body { font: 'Scada', sans-serif; background-color: #fff; margin: 0; padding: 0; color: #000; } body,td,th { font-family:'Scada', sans-serif; font-size: 14px; } ul, ol, dl { padding: 0; margin: 0; list-style:none; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; } a img { border: none; } a:link { color: #000; text-decoration: none; transition: all 0.3s ease-out; } a:visited { color: #000; text-decoration: none; } a:hover, a:active, a:focus { color: #C32821; text-decoration: none; font-weight:700; } /* ~~ this fixed width container surrounds the other divs ~~ */ .container { width: 900px; background-color: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */ } /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */ .header { text-align: right; font-size: 14px; padding-top:5px; } .logo { text-align: center; padding-top: 0; padding-right: 0; padding-bottom: 15px; padding-left: 0; } .nav { text-align: center; border-bottom-color: #000; border-bottom-width: 1px; border-top-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #000; padding-top: 10px; padding-bottom: 10px; height: 40px; } .section { width:900px; padding-right: 0; padding-left: 0; padding-top:30px; text-align:left; line-height:26px; font-size:18px; } img.floatright { float: right; margin: 0px 15px; box-shadow: 0 0 5px 2px rgba(0,0,0,.35); } ul.accordion{ list-style:none; } /* ~~ The footer ~~ */ .footer { text-align: center; padding-top: 30px; padding-right: 0; padding-bottom: 10px; padding-left: 0; clear: both; } /* ~~ miscellaneous float/clear classes ~~ */ .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */ float: left; margin-right: 8px; } .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */ clear:both; height:0; font-size: 1px; line-height: 0px; } .tg-bump img{ margin-top: 10px; margin-bottom:10px; margin-right:5px; float:right; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; } .tg-bump img:hover { margin-top: 2px; } #left{float:left;} #right{float:right;} #center{margin:0 auto;} @charset "UTF-8"; ul.MenuBarHorizontal { list-style-type: none; cursor: default; font-size: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 60em; } ul.MenuBarActive { z-index: 1000; } ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: pointer; float: left; width: 10em; } ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; position: absolute; left: -1000em; } ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; } ul.MenuBarHorizontal ul li { } ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; } ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul { border: 1px solid #CCC; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; color: #222; text-decoration: none; font-family:'Scada', sans-serif; font-size: 18px; text-transform: uppercase; padding: 0.5em 0.75em; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { color: #C32821; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { color: #C32821; } ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url(SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%; } ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; } ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; } ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; background: #FFF; float: left; } } --> .button { width:200px; display: inline-block; padding: 10px; background: #000; border: 3px solid #000; border-radius: 6px; /* Font styles */ color: white; font-weight: 700; text-decoration: none; } .button:hover { background: #fff; color:#000; border: 3px solid #222;} .button.three-d { position: relative; box-shadow: 1px 1px #53A7EA, 2px 2px #53A7EA, 3px 3px #53A7EA; transition: all 0.1s ease-in; } .button.three-d:active { box-shadow: none; top: 3px; left: 3px; } .remove, .remove:hover { text-indent: 100%; overflow: hidden; width: 23px; height: 23px; background-color: transparent !important; background-image: url({{ 'fancybox_sprite.png' | theme_image_url }}); background-position: -6px -5px; background-repeat: no-repeat; } #content hr, .cart_item, #cart_discount, #cart_shipping, #entries li { border-bottom-color: #ccc; border-bottom-width: 1px; border-bottom-style: solid; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } img, input, textarea, button, submit, a, .overlay .product_info, #search form { transition: opacity .2s ease, color .2s ease, background-color .2s ease; -o-transition: opacity .2s ease, color .2s ease, background-color .2s ease; -moz-transition: opacity .2s ease, color .2s ease, background-color .2s ease; -webkit-transition: opacity .2s ease, color .2s ease, background-color .2s ease; outline: 0; } @keyframes spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-moz-keyframes spinner /* Firefox */ { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spinner { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .loading, #fancybox-loading { animation: spinner 1.5s linear infinite; -webkit-animation: spinner 1.5s linear infinite; -moz-animation: spinner 1.5s linear infinite; z-index: 999; } #fancybox-loading { width: 23px; height: 23px; overflow: hidden; } .loading, #fancybox-loading div { text-indent: 100%; overflow: hidden; width: 23px; height: 23px; margin: 0; padding: 0; background-color: transparent !important; background-image: url({{ 'loading_spinner.png' | theme_image_url }}); background-position: 0 0; background-repeat: no-repeat; } *:-o-prefocus, .loading:before, #fancybox-loading div:before { /* Opera Animation Fallback */ content: url({{ 'loading_spinner.gif' | theme_image_url }}); } body.working, body.working * { cursor: progress !important; } /*================ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /*============================================================ fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license ============================================================*/ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1002; } .fancybox-opened { z-index: 1003; } .fancybox-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden; } .fancybox-error { color: #444; font: 14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url({{ 'fancybox_sprite.png' | theme_image_url }}); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 1010; } .fancybox-close { position: absolute; top: 15px; right: -15px; width: 23px; height: 23px; cursor: pointer; z-index: 1004; background-position: -6px -5px; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url({{ 'blank.gif' | theme_image_url }}); /* helps IE */ z-index: 1003; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 23px; height: 23px; margin-top: -18px; cursor: pointer; z-index: 1003; visibility: hidden; } .fancybox-prev span { left: 20px; background-position: -5px -42px; } .fancybox-next span { right: 20px; background-position: -5px -80px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } /* Overlay helper */ #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: #000; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 1005; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 1003; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { margin-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .product, .product img { {% if theme.product_list_size == 'medium' %} max-width: 260px; {% elsif theme.product_list_size == 'large' %} max-width: 270px; {% else %} max-width: 390px; {% endif %} } .ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .ch-grid:after, .ch-item:before { content: ''; display: table; } .ch-grid:after { clear: both; } .ch-grid li { width: 150px; height: 150px; display: inline-block; margin: 20px; } .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; box-shadow: inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ch-img-1 { background-image: url(http://farm9.staticflickr.com/8503/8321716090_9f3f6f6256_m.jpg); } .ch-img-2 { background-image: url(http://farm9.staticflickr.com/8492/8320655951_36d43e1bfe_m.jpg); } .ch-img-3 { background-image: url(http://farm9.staticflickr.com/8496/8321716158_f55a677a18_m.jpg); } .ch-info { position: absolute; background: rgba(0,0,0, 0.9); width: inherit; height: inherit; border-radius: 50%; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; } .ch-info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; margin: 0 auto; padding: 50px 0 0 0; height: 150px; font-family: 'Scada', sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); } .ch-info h2 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 52px; margin: 0 auto; padding: 40px 0 0 0; height: 150px; font-family: 'Scada', sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); } .ch-info h1 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; margin: 0 auto; padding: 60px 0 0 0; height: 150px; font-family: 'Scada', sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); } .ch-info p { color: #fff; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); opacity: 0; -webkit-transition: all 1s ease-in-out 0.4s; -moz-transition: all 1s ease-in-out 0.4s; -o-transition: all 1s ease-in-out 0.4s; -ms-transition: all 1s ease-in-out 0.4s; transition: all 1s ease-in-out 0.4s; } .ch-info p a { display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; } .ch-info p a:hover { color: #fff222; color: rgba(255,242,34, 0.8); } .ch-item:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1); } .ch-item:hover .ch-info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .ch-item:hover .ch-info p { opacity: 1; } /* Modernizr 2.5.3 (Custom Build) | MIT & BSD * Build: http://www.modernizr.com/download/#-cssanimations-csstransforms-csstransforms3d-csstransitions-shiv-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes */ ;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a)if(j[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.substr(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.5.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k=b.createElement("div"),l=b.body,m=l?l:b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),k.appendChild(j);return f=["­","<style>",a,"</style>"].join(""),k.id=h,(l?k:m).innerHTML+=f,m.appendChild(k),l||(m.style.background="",g.appendChild(m)),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e});var G=function(a,c){var d=a.join(""),f=c.length;w(d,function(a,c){var d=b.styleSheets[b.styleSheets.length-1],g=d?d.cssRules&&d.cssRules[0]?d.cssRules[0].cssText:d.cssText||"":"",h=a.childNodes,i={};while(f--)i[h[f].id]=h[f];e.csstransforms3d=(i.csstransforms3d&&i.csstransforms3d.offsetLeft)===9&&i.csstransforms3d.offsetHeight===3},f,c)}([,["@media (",m.join("transform-3d),("),h,")","{#csstransforms3d{left:9px;position:absolute;height:3px;}}"].join("")],[,"csstransforms3d"]);q.cssanimations=function(){return F("animationName")},q.csstransforms=function(){return!!F("transform")},q.csstransforms3d=function(){var a=!!F("perspective");return a&&"webkitPerspective"in g.style&&(a=e.csstransforms3d),a},q.csstransitions=function(){return F("transition")};for(var H in q)y(q,H)&&(v=H.toLowerCase(),e[v]=q[H](),t.push((e[v]?"":"no-")+v));return z(""),i=k=null,function(a,b){function g(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function h(){var a=k.elements;return typeof a=="string"?a.split(" "):a}function i(a){var b={},c=a.createElement,e=a.createDocumentFragment,f=e();a.createElement=function(a){var e=(b[a]||(b[a]=c(a))).cloneNode();return k.shivMethods&&e.canHaveChildren&&!d.test(a)?f.appendChild(e):e},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+h().join().replace(/\w+/g,function(a){return b[a]=c(a),f.createElement(a),'c("'+a+'")'})+");return n}")(k,f)}function j(a){var b;return a.documentShived?a:(k.shivCSS&&!e&&(b=!!g(a,"article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio{display:none}canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}mark{background:#FF0;color:#000}")),f||(b=!i(a)),b&&(a.documentShived=b),a)}var c=a.html5||{},d=/^<|^(?:button|form|map|select|textarea)$/i,e,f;(function(){var a=b.createElement("a");a.innerHTML="<xyz></xyz>",e="hidden"in a,f=a.childNodes.length==1||function(){try{b.createElement("a")}catch(a){return!0}var c=b.createDocumentFragment();return typeof c.cloneNode=="undefined"||typeof c.createDocumentFragment=="undefined"||typeof c.createElement=="undefined"}()})();var k={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:j};a.html5=k,j(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document); //... obj.dd.on('click', function(event){ $(this).toggleClass('active'); return false; }); //... $(function() { var dd = new DropDown( $('#dd') ); $(document).click(function() { // all dropdowns $('.wrapper-dropdown-1').removeClass('active'); }); }); WebFontConfig = { google: { families: [ 'Scada:400italic,700italic,400,700:latin' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })();