/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc #fancyBox v2.1.5 */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } *::-moz-selection { padding:2px 0 0 2px; background: none repeat scroll 0 0 #000000; color: #fff; } /* #Basic Styles ================================================== */ body { background: #fff; font: 18px/25px gandlreg, Arial, sans-serif; color: #000; letter-spacing: 0.035em; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; overflow:scroll; overflow-x:auto; } #service { position:fixed; background:transparent; background-color:rgba(255, 255, 255, 0.7); padding-top:5px; top:0; } header, #steuer { z-index:100; } #superContainer header, #superContainer #steuer { left:-7.5px; } header li { float:right; margin-left:20px; font-size:18px; } header #cartcrumb li { margin-left:0; } header #cartcrumb li:first-child { margin-left:10px; } header #cartcrumb li:last-child { margin-right:0; } header li#basket { width:54px; height:33px; background:url(/img/basket.png) 0 0 no-repeat; text-align: center; position:relative; } header li#basket:hover, header li#basket.aktiv { background:url(/img/basket.png) -104px 0 no-repeat; } #basket-info { display:none; z-index:100; position:absolute; right:-8px; top:28px; overflow:hidden; width:250px; padding:0 9px 12px; } #basket-details { z-index:3; margin-top:12px; width:206px; float:right; background-color:#ffff2e; text-align:left; padding:8px 12px;} #basket-details ul { margin-left:0; margin-bottom:3px; overflow:hidden; } .spitzli { position:absolute;top:3px;right:9px;z-index:1001; } #basket a:hover #basket-info { display:block; } #basket-details button { display:block; font:18px/24px gandlreg, Arial, sans-serif; text-transform:uppercase; width:100%; text-align:center; } #basket-details li { float:left; clear:left; width:100%; margin-left:0; margin-bottom:9px; line-height:16px; font-size:12px; } header li#search { height:33px; background:url(/img/search.png) right 11px no-repeat; } header li a { display:block; padding-top:11px; width:100%; } header #cartcrumb li a { display:inline; padding:0; width:auto; } header li#login { z-index:2000; } header li#sharetop { z-index:2000; } header li#sharetop img { margin-right:10px; } header li#search { width:330px; position:relative; } header li#search form { position:absolute; z-index: 10000; right:0; display:none; width:320px; margin:1px 0 0; background:#ffff2e url(/img/search.png) right 10px no-repeat;} header li#search:hover form { display:block; } header li#search form input { font: 18px/24px gandlreg, Arial, sans-serif; letter-spacing: 0.05em; color:#000; background-color:#ffff2e; border:0; padding:2px 4px; width:270px; margin:6px 0 0 6px; } header li#search form input:focus { border:0; color: #000; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } header li#search ul { background-color:#fff; overflow:hidden; margin:0; } header li#search li { float:left; clear:left; width:100%; margin-left:0; margin-bottom:0; padding:8px 10px; background:transparent url(/img/dotline.png) 0 bottom repeat-x; } header li#search li:last-of-type { background:none; } header li#search li span { display:block; } header li#search li a { padding:0; color:#666; } header li#search li a:hover { color:#000; } header li#basket a { padding-left:3px; } nav { position:fixed; top:80px; } #mainnav a { position:relative; z-index:1000; display:inline-block; padding-bottom: 2px; border-bottom: 2px solid transparent; } #mainnav a:hover, #mainnav li.current a, #artistmenu li a:hover { border-bottom: 2px solid #000; } #artistmenu li a { border-bottom: 2px solid transparent !important; } #artistmenu li.active a, #artistmenu li a:hover { border-bottom: 2px solid #000 !important; } #mainnav li { margin-bottom:0.2em; } #service .storelogo { display:block;float:left;margin:-4px 0 0;font-size:24px;white-space:nowrap; } #navTrigger { display:none; width:16px; height:16px; margin:12px 0 0 0; background: transparent url(/img/hamburger.png) 0 0 no-repeat; } #navTrigger a:hover, #jPanelMenu-menu li a:hover { border-bottom:0; } #jPanelMenu-menu li a:hover, #jPanelMenu-menu li.current a { color:#999; } #jPanelMenu-menu { overflow:hidden !important; background:#333; } body.open .jPanelMenu-panel { z-index:0 !important; } .jPanelMenu-panel { overflow-y:hidden !important; } #jPanelMenu-menu li { margin:0; } #jPanelMenu-menu li a { display:block; color:#fff; font-size:20px; padding:15px 15px 0; } #gltop { display:block; width:80px; height:16px; margin:16px 0 0 0; } #artistmenu { position:absolute; display:none; z-index:8; top:-30px; left:-30px; padding:26px 30px 25px 0; background:#fff; } .current:hover #artistmenu { display:block; } nav li.current li a { border:0; } #filter { /* 150915 hide */display:none; margin-top:50px; font-size:18px; text-transform: none; } #logo { padding-bottom:15px; } .artistnews { padding-left:50px; margin:30px 0; } .item { position:relative; float:left; text-align:center; background:#fff; margin-bottom:40px; cursor:pointer; width:33.333333%; min-height:305px; } .item p { text-transform: uppercase; } .tableCell .container { text-align:center; } .container .itemhover.columns { position:absolute; z-index:100; top:-15px; left:-5px; background:#fff; padding:15px; padding-left:-20px; display:none; } .item:hover .itemhover.columns { display:block; } .itemtable { text-align:left; font:12px/18px Geneva, "MS Sans Serif", sans-serif; margin:12px 0 0; letter-spacing:0.07em; } .itemtable td.l { width:90px; } .imgpad { margin:5px 0 15px; } #collection-item { padding-left:10px; } .mob img, .mobtxt h2, .mobtxt p, .mobtxt .button { display:none; } #login-form, #addtocart { text-align:center; } #login-form { margin-bottom:8px; } #addtocart { padding-top:24px; } #addtocart h3 { margin-bottom: 18px; } #addtocart .msg { margin:24px 0; } .error, .formerror { color:#dc4719; } .success { color:#090; } #addtocart .button { margin-right:6px; } #login-form input[type="text"] { width:80%; } #cart-login-form a.tec { margin-left:8px; } #backlink { text-align:center; position:fixed; top:13px; left:50%; margin-left:-10px; z-index:10000; } a.share:before { content:url('/img/share-icon.png'); margin-right:6px; } a.share:hover:before { content:url('/img/share-icon-w.png'); margin-right:6px; } #cartcrumb { margin: -3px 0 0 0; } #cartcrumb li { float:left; margin-right:25px; margin-bottom:7px; text-transform:uppercase; color:#999; } #cartcrumb li.active { color:#000; } #cart-table, .cart-forms { width:100%; margin:35px 0 25px; } .cart-forms-p { margin:35px 0 10px; } #aside-table { width:100%; } #cart-table th, #aside-table th { font-weight:400; text-align:left; background:transparent url(/img/dotline.png) 0 bottom repeat-x; } #cart-table td, #aside-table td { vertical-align:top; padding:15px 0; } #cart-table td.promo { vertical-align:middle; background:#eee url(/img/dotline.png) 0 top repeat-x; padding:7px 0; } #aside-table td.subtotal { border: none; clear: both; margin: 80px 0; height: 1px; background:transparent url(/img/dotline.png) 0 top repeat-x; padding-top:10px; } #aside-table td { padding:0 10px 15px 0; } #aside-table .valright { float:right; } #cart-table tfoot, #aside-table tfoot { font-weight:800; text-align:left; text-transform:uppercase; border-top:1px solid #000; border-bottom:1px solid #000; } #aside-table tfoot { border-bottom:0; } #aside-table tfoot td { padding:10px 10px 35px 0; } aside { background:#ffff2e; margin-top:25px; margin-bottom:30px; } aside .asideinner { display:block; margin:10px 10px 35px; } aside hr { margin:0 0 15px; } main { padding-bottom: 20px; } footer div { position:fixed; bottom:0; padding:5px 0; text-align:center; background:#fff; } footer ul { display:inline; } footer li { display:inline; padding-left:9px; } footer .socialbar { display:inline-block; margin:0 10px 5px; } footer .socialbar img { padding:5px 3px 0; margin-bottom:-2px; } footer .sixteen.columns.center { z-index:100; } #collection-overview article.artikel h2 { display:none; } /* #Home / News ================================================== */ h1.logotype { font-size:68px; margin-bottom:52px; } h2.subline { font-size:52px; line-height:52px; margin-bottom:100px; } #storeadd { position:absolute; top:85px; } .logocontent { padding-top:70px; } .circle { border-radius: 50%; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); height: 140px; width: 140px; } .circle a { border-radius:50%; display:table; float:left; font-size:1.3rem; height:140px; line-height:0; position:relative; text-align:center; text-decoration:none; width:140px; } .circle a:hover { border:0; } .circle div { display: table-cell; text-align: center; vertical-align: middle; width: 100%; } .circle div span { display: block; margin: 25px 15px; } .newsitems article.maxislider > div.bx-wrapper { padding:0; } .bx-wrapper img { max-width:100%; height:auto; } .bx-caption { position:absolute; top:24px; left:28px; width:50%; } .newsitems article .viewport { padding:28px; } .newsitems article.yborder>div { padding:15px; } .newsitems .bx-caption { width:80%; } .newsitems a { border-bottom:none !important; } .yellow { background-color:#fafa32; } .yborder { border:13px solid #fafa32; } .newsitems { margin-bottom:100px; } .newsitems article { min-height:405px; margin-bottom:25px; box-sizing: border-box; } .newsitems article>div { padding:28px; } .newsitems article p, .newsitems article small, .bx-caption small { font-size:36px; line-height:36px; text-transform:none; letter-spacing:.05rem; } .newsitems article .titversal, .bx-caption { display:block; font-size:52px; line-height:52px; text-transform:uppercase; letter-spacing:.05rem; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6, p.alt, a.alt, p.artist { color: #000; font-family: gandlreg; font-weight: 400; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 60px; line-height: 60px; text-transform: uppercase; } h1.logotype { font-size:92px; line-height:92px; letter-spacing:0.01em; margin-bottom:52px; } h2.subline { font-size:52px; line-height:52px; margin-bottom:100px; } nav ul, #artistmenu ul, #cart h1 { font: 24px/29px gandlreg; text-transform: uppercase; } #cart h1 { clear:left; } h2, .artistlist { font-size: 60px; line-height: 60px; text-transform: uppercase; letter-spacing:0.035em; } #cart h2, #basket-details h2 { font: 18px/20px gandlreg, Arial, sans-serif; text-transform: uppercase; } h2.lead { font-size: 60px; line-height: 55px; text-transform: uppercase; margin-bottom:10px;letter-spacing:0.035em; } h2.thema, .newsitems article small { font: 24px/29px gandlreg, Arial, sans-serif; margin-bottom:18px; text-transform: uppercase; text-align:center; } h3 { font-size: 40px; line-height: 40px; text-transform: uppercase; margin-bottom: 8px; letter-spacing:0.025em; } h1.lauftext { font-size: 40px; line-height: 40px; text-transform: uppercase; margin-bottom: 30px; letter-spacing:0.05em; text-align:center; } h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } h5 { font-size: 17px; line-height: 24px; } h6 { font-size: 14px; line-height: 21px; } .product { font-family:gandlitalic; letter-spacing:0.025em; } h2.product { margin-bottom:20px; } p { margin:0; } p.alt, p.artist, .alt { font-size:24px; line-height:29px; margin: 0 0 20px 0; letter-spacing:0.05em; } .five p.alt, .six p.alt { text-align:left; } .seven p.alt { padding-right:15px; } p.artist { text-transform: uppercase; margin:0 0 7px; } .tec, #search-results li span, footer, #cart-table td, #aside-table td, figcaption { font-family:Geneva, "MS Sans Serif", sans-serif;font-size:12px; line-height:16px; } p img { margin: 0; } p.lead { font-size: 22px; line-height: 23px; } em { font-style: italic; } strong, .price { font-weight: 700; color: #000; } small { font-size: 80%; } figure { margin-bottom:20px; } figure img { display:block; padding-bottom:6px; } figcaption { text-align:left; font-size:11px; line-height:14px; } p.alt .tec { line-height:1; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: none; clear: both; margin: 80px 0; height: 1px; background:transparent url(/img/dotline.png) 0 bottom repeat-x; } /* #Links ================================================== */ a, a:visited { color: #000; text-decoration: none; outline: 0; outline: 0; } a:hover, a.active-filter { color: #000; border-bottom:2px solid #000; } a.request { border-bottom:1px dotted #333; } a.request:hover { border-bottom:1px solid #000; } a.request2 { border-bottom:1px dotted #333; } a.request2:hover { border-bottom:2px solid #000; } nav ul li a:hover, nav li.current a, #service li.current a, nav li.current li.active a { border-bottom:2px solid #000; } .tec a:hover, a.tec:hover { border-bottom:1px solid #000; } p a, p a:visited { line-height: inherit; } a.nono, a:hover.nono, header li.nono a:hover, header li.nono a:focus, .artistlist li a, #cart-table a.nono, #cart-table a.nono:hover { border-bottom:0; } .artistlist li a:hover { text-shadow: 0 0 1px #666; } #cart-table a { border-bottom:1px dotted #000; } #cart-table a:hover { border-bottom:1px solid #000; } footer a:hover, footer li.current a { border-bottom:1px solid #000; } footer .socialbar a:hover { border-bottom:0; } .eight .alt a:hover { border-bottom:2px solid #000; } aside li.pdf_list:before { content: ""; } aside li.pdf_list { line-height: 17px; padding-left: 22px; text-indent:0; background:url(/img/pdf.gif) 0 0 no-repeat; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul.error { margin-bottom:0; } ul { list-style: none outside; } ol { list-style: decimal inside; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li, li ul li { line-height: 21px; margin-bottom: 0.6em; } ul.error li { margin-bottom: 0.3em; } #service li { line-height:1em; } .artistlist li { line-height:34px; } .artistlist li:first-child { padding-top:8px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } aside ul { margin-top:12px; } aside li { line-height: 16px; padding-left: 14px; text-indent: -14px; } aside li:before { content: "–"; padding-right:6px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img.scale-with-height { width: auto; max-width:1260px; max-height: 100%; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background:transparent; border: 2px solid #000; color: #000; display: inline-block; font-size: 18px; letter-spacing: 0.1em; text-decoration: none; cursor: pointer; margin: 15px 0 10px; line-height: normal; padding: 3px 10px; font-family: gandlreg, Arial, sans-serif; } button.cartbutton { border:0; margin:0 0 0 6px; padding:0; font-family:Geneva, "MS Sans Serif", sans-serif;font-size:12px; line-height:16px; border-bottom: 1px dotted #000; } button.cartbutton:hover { color:#000; background:transparent; border-bottom: 1px solid #000; } button.addbut, button.morebut, a.morebut { color:#888; border:2px solid #888; } button.buybut, button.morebut, a.morebut, a.buybut { margin-right:7px; } #cart button, #cart .button { margin-right:8px; } .ibut { padding:1px 6px 1px 8px; border:1px solid #999; font-weight:700; color:#999; } .ibut:hover { background:#000; border:1px solid #000; color:#fff; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #fff; background: #000; } .addbut:hover, .morebut:hover { border:2px solid #000; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { color: #fff; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .itemhover.columns .button { margin-bottom:0 !important; } /* #Forms ================================================== */ form { margin-bottom: 20px; } #promo-form { margin-bottom:0; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #aaa; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 14px Geneva, "MS Sans Serif", sans-serif; color: #333; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; } select { padding: 6px 4px; } #varianten-select, #varianten-select2, #ringsize-select, #ringsize-select2 { margin:4px 0 4px; font-size:12px; padding:0 1px; width:120px; background:transparent; } #varianten-select:focus, #ringsize-select:focus, #varianten-select2:focus, #ringsize-select2:focus { outline:none; } #ringsize-select, #ringsize-select2 { float:left; margin:-3px 9px 4px 0; } .ao2 { padding:2px 0 0; } .ao3 { padding:3px 0 0; } .aop { padding:10px 0 0; } #collection-item .buybut, #collection-item2 .buybut { display:none; } #collection-item input[type="submit"], #collection-item2 input[type="submit"] { margin-right:8px; } #ringsize-table { font:12px Geneva, "MS Sans Serif", sans-serif; } #ringsize-table th { font-size:12px; text-align:left; width:105px; font-weight:700; } #ringsize-table th #ds { font-size:16px; display:inline; } #ringsize-table th, #ringsize-table td { padding:3px 0 2px; } #ringsize-table tr { background:url(/img/dotline.png) repeat-x scroll 0 bottom; } #sharebuttons-table { font:12px Geneva, "MS Sans Serif", sans-serif; } #sharebuttons-table td { height:50px; vertical-align:middle; } #sharebuttons-table .col1 { width:50px; } #sharebuttons-table .col1 a:hover { border:0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #000; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-size: inherit; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { } .cart-forms input[type="text"], .cart-forms input[type="password"], .cart-forms input[type="email"], .cart-forms textarea, .cart-forms select { width:90%; } .cart-forms select { width:93%; } input.quantity { display:inline; width:20px; text-align:center; padding: 0 2px; margin-bottom: 0; margin-top:9px; } input.promocode { font-size:12px; font-weight:700; padding: 3px; margin-bottom:0; width:85%; } #terms { float:left; margin-right:8px; } #nr { display:none; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .shadow { -moz-box-shadow: 0 0 9px #888; -webkit-box-shadow: 0 0 9px #888; box-shadow: 0 0 9px #888; } .oben, .standard { margin-top:80px; min-height:450px; } .homeadd { padding-top:50px; } .obennewsletter { margin-top:76px; min-height:450px; } .standard { margin-bottom:80px; } .unten { padding-bottom:300px; /*650px;*/ text-align:left; } .unten div { margin-bottom:95px; } .untens { padding-bottom:150px; } .center { text-align:center; } .left { text-align:left; } .right { text-align:right; } .fancybox-overlay { background:#fff; } .fancybox-skin { border-radius:0; background-color:#ffff2e;} .fancybox-opened .fancybox-skin { box-shadow: none; -moz-box-shadow: 0 0 9px #888; -webkit-box-shadow: 0 0 9px #888; box-shadow: 0 0 9px #888; } .fancybox-wrap { background-color:#ffff2e; } #login-form input[type="text"]#username, #login-form input[type="text"]#emailaddress, #login-form input[type="password"]#pwd { font: 18px/21px gandlreg, Arial, sans-serif; letter-spacing: 0.05em; width:280px; text-align:center; padding:9px 9px 7px; margin-bottom:18px; display:inline; } #login-logo { margin:30px 0 30px; } #login-message { color:#dc4719; margin:0 0 18px; } #login-message2 { color:#dc4719; margin:12px 0 0; } #login-text { margin:0 0 8px; } .h { display:none; } .red { color:#dc4719; } #cart-table td.promo.r { padding-right:18px; } #promocode { display:inline;width:170px; } /* Newsletter */ #mc_embed_signup form { padding-top:0; } #mc_embed_signup{ font:14px engschrift,Helvetica,Arial,sans-serif; } #mc_embed_signup .asterisk { color: #000000; font-size: 150%; } #mc_embed_signup .button { font-weight:400; background-color:#fff; border-radius:0; color:#000; border:2px solid #000; } #mc_embed_signup .button:hover { background-color:#000; color:#fff; } #mc_embed_signup .mc-field-group input { width: 90%; } /* Cart */ #cart-table td.r, #cart-table th.r { text-align:right; padding-right:6px; } .upc { text-transform:uppercase; } #shipping-address { margin-top:15px; } h1 span.w { display:block;position:absolute;top:-3000px;left:-3000px; } /*! #fancyBox v2.1.5 fancyapps.com ================================================== */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #ffff2e; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/img/fancybox_sprite.png'); } #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: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/img/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; margin-right:15px; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: none; } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; /*overflow-y: scroll;*/ } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; 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 { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .fancybox-margin #backlink { margin-left:-17px; } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/img/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/img/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } .fancybox-margin #backlink { margin-left:-10px; } .fancybox-lock { margin-right:0 !important; } }