Hydra

/* ----------------------------------------- */ /* Szablon zawartości: Szablon dla Product page - start */ /* ----------------------------------------- */ /*fonty*/ .parameters{ font-family: 'rawengulkbold'; } .parameters label{ font-family: 'rawengulkbold'; } .tytul { font-size: 32px; margin: 0; text-transform: uppercase; } /*szerokości*/ .single-product .footer { margin-top: -5px; } .product-template-default .content { width: 100%; } .product-template-default .wf-wrap { padding: 0; width: 100%; } .sidebar-divider-vertical.sidebar-right .content{ padding-right:0; } .product-template-default #main { padding: 0; } .single .type-product .entry-content { padding: 0; margin-top: 0; } .product .vc_row { margin-left: 0; margin-right: 0; } .product-template-default .row { margin-left: 0; margin-right: 0; } .marg { margin:0 40px 0 40px; } /*kolory*/ .type-product:before{ content:""; width:100%; height:180px; margin-top:-180px; z-index:-200; background-repeat:no-repeat; background-position:center center; } .product .parameters ul li.code{ background-size: contain!important; background-position: 4px 0 !important; } /*konfiguracje złożone*/ .katalog-konfiguracje-zlozone .parameters ul li.code, .katalog-pyramids-configurations .parameters ul li.code, .katalog-pyramiden-konfiguration .parameters ul li.code, .katalog-92 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-orange-light.svg) no-repeat; } .katalog-konfiguracje-zlozone .elementy .product .product-code, .katalog-pyramids-configurations .elementy .product .product-code, .katalog-pyramiden-konfiguration .elementy .product .product-code, .katalog-92 .parameters .elementy .product .product-code{ background: transparent url(/wp-content/uploads/2018/02/hex-orange-light.svg) no-repeat; } /*piramidy*/ .katalog-piramidy .parameters ul li.code, .katalog-pyramids .parameters ul li.code, .katalog-pyramiden .parameters ul li.code, .katalog-120 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-orange.svg) no-repeat; } .katalog-piramidy .elementy .product .product-code, .katalog-pyramids .elementy .product .product-code, .katalog-pyramiden .elementy .product .product-code, .katalog-120 .elementy .product .product-code{ background: transparent url(/wp-content/uploads/2018/01/hex-orange.svg) no-repeat; } /*urządzenia pojedyncze*/ .katalog-urzadzenia-pojedyncze .parameters ul li.code, .katalog-single-devices .parameters ul li.code, .katalog-einzelne-gerate .parameters ul li.code, .katalog-102 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-pink.svg) no-repeat; } .katalog-urzadzenia-pojedyncze .elementy .product .product-code, .katalog-single-devices .elementy .product .product-code, .katalog-einzelne-gerate .elementy .product .product-code, .katalog-102 .elementy .product .product-code { background: transparent url(/wp-content/uploads/2018/02/hex-pink.svg) no-repeat; } /*diamentowa kolekcja*/ .katalog-diamentowa-kolekcja .parameters ul li.code, .katalog-diamond-collection .parameters ul li.code, .katalog-diamant-kollektion .parameters ul li.code, .katalog-89 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-turquoise.svg) no-repeat; } .katalog-diamentowa-kolekcja .elementy .product .product-code, .katalog-diamond-collection .elementy .product .product-code, .katalog-diamant-kollektion .elementy .product .product-code, .katalog-89 .elementy .product .product-code { background: transparent url(/wp-content/uploads/2018/02/hex-turquoise.svg) no-repeat; } /*projekty indywidualne*/ .katalog-indyvidualnye-proekty .parameters ul li.code, .katalog-individuelle-projekte .parameters ul li.code, .katalog-individual-projects .parameters ul li.code, .katalog-projekty-indywidualne .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-blue.svg) no-repeat; } .katalog-indyvidualnye-proekty .elementy .product .product-code, .katalog-individuelle-projekte .elementy .product .product-code, .katalog-individual-projects .elementy .product .product-code, .katalog-projekty-indywidualne .elementy .product .product-code { background: transparent url(/wp-content/uploads/2018/01/hex-blue.svg) no-repeat; } /* zestawy linowe moduły */ .katalog-moduly .parameters ul li.code, .katalog-modules .parameters ul li.code, .katalog-galaxie-modularitat .parameters ul li.code, .katalog-105 .parameters ul li.code, .katalog-zestawy-linowe .parameters ul li.code, .katalog-galaktyka .parameters ul li.code, .katalog-galaxie .parameters ul li.code, .katalog-94 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-red.svg) no-repeat; } .katalog-moduly .elementy .product .product-code, .katalog-modules .elementy .product .product-code, .katalog-galaxie-modularitat .elementy .product .product-code, .katalog-105 .elementy .product .product-code, .katalog-zestawy-linowe .elementy .product .product-code, .katalog-galaktyka .elementy .product .product-code, .katalog-galaxie .elementy .product .product-code, .katalog-94 .elementy .product .product-code{ background: transparent url(/wp-content/uploads/2018/02/hex-red.svg) no-repeat; } /*urzadzenia obrotowe*/ .katalog-urzadzenia-obrotowe .parameters ul li.code, .katalog-rotating-equipment .parameters ul li.code, .katalog-drehgerate .parameters ul li.code, .katalog-101 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-turquoise-two.svg) no-repeat; } /*huśtawki*/ .katalog-hustawki .parameters ul li.code, .katalog-swings .parameters ul li.code, .katalog-schaukeln .parameters ul li.code, .katalog-90 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-green.svg) no-repeat; } .katalog-hustawki .elementy .product .product-code, .katalog-swings .elementy .product .product-code, .katalog-schaukeln .elementy .product .product-code, .katalog-90 .elementy .product .product-code { background: transparent url(/wp-content/uploads/2018/02/hex-green.svg) no-repeat; } /*sprezynowce*/ .katalog-sprezynowce .parameters ul li.code, .katalog-spring-riders .parameters ul li.code, .katalog-wipptiere .parameters ul li.code, .katalog-100 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-blue-light.svg) no-repeat; } /*urządzenia dodatkowe*/ .katalog-urzadzenia-dodatkowe .parameters ul li.code, .katalog-additional-equipment .parameters ul li.code, .katalog-spielplatzzubehor .parameters ul li.code, .katalog-125 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-navy.svg) no-repeat; } /*podzespoły*/ .katalog-podzespoly .parameters ul li.code, .katalog-components .parameters ul li.code, .katalog-zubehor .parameters ul li.code, .katalog-93 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-green-dark.svg) no-repeat; } /*pająki linowe*/ .katalog-pajaki-linowe .parameters ul li.code, .katalog-spiders-rope .parameters ul li.code, .katalog-spinnen-seil .parameters ul li.code, .katalog-95 .parameters ul li.code{ background: url(/wp-content/uploads/2018/05/hex-90-green-spider.svg) no-repeat; } /*strona*/ .single .type-product .textwidget, .single .type-product .textwidget p{ margin-bottom: 0; } .single .type-product .wpb_content_element{ margin-bottom: 0; } .tytul{ font-size:32px; margin:0; } .line { position: relative; padding: 5px 0 0 0; background: url(/wp-content/uploads/2018/01/lina-poz.gif) 0 0 repeat-x; } .line.tytul{ padding-top:35px; padding-bottom:35px; } #lina:before, .line:before { content: ""; position: absolute; display: block; width: 28px; height: 17px; left: -6px; top: -6px; background: url(/wp-content/uploads/2018/01/zlaczka-lewa.gif) 0 0 no-repeat; z-index: 99; } .main-photo img { width: 100%; max-width: 620px; height: auto; } .main-photo{ text-align:center; } .parameters { padding: 0 30px; vertical-align: middle; text-align: left; } .parameters ul { list-style-type: none; list-style-image: none; position: relative; display: inline-block; max-width: 620px; min-width: 150px; } .parameters ul:before { content: ""; position: absolute; display: block; height: 100%; width: 2px; left: 65px; top: 0px; background-color: #878787; } .parameters ul li.code { padding-left: 0; padding-right: calc(100% - 130px); height: 107px; line-height: 75px; background: url(/wp-content/uploads/2018/04/hex-90-grey.svg) no-repeat; background-size: 126px 107px; color: #fff; } .parameters ul li.code { text-align: center; } .parameters ul li { padding: 16px 0 16px 130px; margin-bottom: 10px; font-size: 19px; line-height: 30px; position: relative; text-align: left; } .parameters ul li:after { content: ""; position: absolute; display: block; height: 80px; width: 80px; left: 25px; top: -9px; } .parameters ul .dimensions:after { background: url(/wp-content/uploads/2018/04/dimensions.svg) no-repeat; background-size: 100% 100%; } .parameters ul .space:after { background: url(/wp-content/uploads/2018/04/space.svg) no-repeat; background-size: 100% 100%; } .parameters ul .age:after { background: url(/wp-content/uploads/2018/04/age.svg) no-repeat; background-size: 100% 100%; } .parameters ul .freefall:after { background: url(/wp-content/uploads/2018/04/freefall.svg) no-repeat; background-size: 100% 100%; } .parameters ul .foundations:after { background: url(/wp-content/uploads/2018/04/foundations.svg) no-repeat; background-size: 100% 100%; } .parameters ul .equipment:after { background: url(/wp-content/uploads/2018/04/equipment.svg) no-repeat; background-size: 100% 100%; } .parameters ul .certs:after { background: url(/wp-content/uploads/2018/04/cert.svg) no-repeat; background-size: 100% 100%; } /*opis*/ .opis-pojemnik .ops .opisy { padding:50px 20px 50px 20px; } .ops .opisy p{ max-width:1200px; margin:0 auto; } /*pliki do pobania*/ .single .type-product .pliczek{ flex-grow:1; } .centrum{ text-align: center; } .pobieranie .wpb_wrapper .textwidget{ display:flex; justify-content:center } .centrum .textwidget .pliczek:nth-of-type(1){ text-align:right; } .centrum .textwidget .pliczek:nth-of-type(2){ text-align:left; } .centrum .textwidget .pliczek:only-of-type{ text-align:center; } a.file { display: inline-block; padding: 0 20px; margin: 0; background: url(/wp-content/uploads/2018/03/bgg.gif) center top repeat-y; width: 100%; max-width: 350px; text-align: center; text-decoration: none; } a.file .icon:after { content: ""; position: absolute; display: block; height: 100%; width: 100%; left: 0; top: 0; background: transparent url(/wp-content/uploads/2018/03/mask.svg) no-repeat; background-size: cover; } a.file .icon { width: 160px; height: 185px; display: inline-block; position: relative; } .icon.word { background: #fff url(/wp-content/uploads/2018/03/file_doc.gif) center center no-repeat; } .icon.dwg { background: #fff url(/wp-content/uploads/2018/03/file_dwg.gif) center center no-repeat; } a.file .title { text-transform: uppercase; font-size: 15px; color: #646363; background-color: #fff; margin: 20px 0; } /*produkty*/ .single-product .elementy .row .col-sm-3:after, .single-product .elementy .row .col-sm-3:before{ display:none; } /*pobierz*/ .baton, .button { position: relative; display: inline-block; color: #fff; text-transform: uppercase; line-height: 43px; font-weight: 700; font-size: 16px; border-bottom: 1px solid #646363; border-top: 1px solid #646363; background-color: #646363; padding: 0 14px; } .baton:before, .button:before { content: ""; position: absolute; display: block; width: 15px; height: 44px; left: -14px; top: 0; background: url(/wp-content/uploads/2018/01/but_gray_l.png) 0 0 no-repeat; } .baton:after, .button:after { content: ""; position: absolute; display: block; width: 15px; height: 44px; right: -14px; top: 0; background: url(/wp-content/uploads/2018/01/but_gray_r.png) 0 0 no-repeat; } /*guzik*/ .galer .alignleft { margin: 0; } .wiecej { width: 100%; float: none; text-align: center; clear: both; top: 30px; position: relative; margin-bottom:50px; } #loadMore{ color:#fff; font-family: 'rawengulkbold'; } /*galeria*/ .galer .alignleft { margin: 0; } .galer .row { display:none; } /*galeria: 4 kolumny*/ @media screen and (min-width: 778px) { .galer .row { width: 25%; float: left; margin:0; position:relative; } .galer .row:before { content: ""; position: absolute; display: block; width: calc(100% + 12px); height: 22px; left: -12px; bottom: -11px; background: url(/wp-content/uploads/2018/01/siatka-2.png) 0 0 no-repeat; z-index: 100; } .galer .row:nth-child(4n+1):before { width: calc(100% + 6px); height: 22px; left: -6px; bottom: -11px; background:url(/wp-content/uploads/2018/01/siatka-1.png) 0 0 no-repeat; } .galer .row:nth-child(4n+1):nth-last-child(1):before, .galer .row:nth-child(4n+1):nth-last-child(2):before{ width: calc(100% + 6px); height: 22px; left: -6px; bottom: -11px; background:none; } .galer .row:after { content: ""; position: absolute; display: block; height: calc(100% - 22px); width: 22px; right: -10px; bottom: 11px; background: url(/wp-content/uploads/2018/01/siatka-3.png) 0 -30px no-repeat; z-index: 100; } .galer .row:nth-child(4n):after{ background: none; } .galer .row:nth-child(1):after, .galer .row:nth-child(2):after, .galer .row:nth-child(3):after{ height: 100%; width: 22px; right: -10px; top: -6px; background: url(/wp-content/uploads/2018/01/siatka-3.png) 0 0 no-repeat; } .galer .row:nth-child(4n-1):nth-last-child(1):after, .galer .row:nth-child(4n-1):nth-last-child(2):after, .galer .row:nth-child(4n-2):nth-last-child(1):after, .galer .row:nth-child(4n-2):nth-last-child(2):after, .galer .row:nth-child(4n-2):nth-last-child(3):after, .galer .row:nth-child(4n-3):nth-last-child(1):after, .galer .row:nth-child(4n-3):nth-last-child(2):after, .galer .row:nth-child(4n-3):nth-last-child(3):after, .galer .row:nth-child(4n-3):nth-last-child(4):after { height: calc(100% - 3px); width: 22px; right: -10px; top: 10px; background: url(/wp-content/uploads/2018/01/siatka-4.png) center bottom no-repeat; } } /*galeria: max-4 kolumny*/ @media screen and (min-width: 778px) { .galer .row.doczterech { width: 25%; float: left; margin:0; position:relative; } .galer .row.doczterech .connector { content: ""; position: absolute; display: block; width: 17px; height: 28px; right: -8px; top: -6px; background: url(/wp-content/uploads/2018/01/zlaczka-gora.gif) 0 0 no-repeat; z-index: 101; } .galer .row.doczterech:after { content: ""; position: absolute; display: block; height: calc(100% - 3px); width: 22px; right: -10px; top: 10px; background: url(/wp-content/uploads/2018/01/siatka-4.png) center bottom no-repeat; z-index: 100; } .galer .row.doczterech:nth-child(4) .connector, .galer .row.doczterech:nth-child(4):after { background: none; } .galer .row.doczterech:before{ background: none; } } /*galeria 2 kolumny*/ @media screen and (max-width: 778px) { .galer .row { width: 50%; float: left; margin:0; position:relative; } .galer .row:before { content: ""; position: absolute; display: block; width: calc(100% + 12px); height: 22px; left: -12px; bottom: -11px; background: url(/wp-content/uploads/2018/01/siatka-2.png) 0 0 no-repeat; z-index: 100; } .galer .row:nth-child(2n+1):before{ background-position: -25px 0; } .galer .row:nth-child(1):after { background: url(/wp-content/uploads/2018/01/siatka-3.png) 0 0 no-repeat; content: ""; position: absolute; display: block; z-index: 100; height: 100%; width: 22px; right: -10px; top: -6px; } .galer .row:nth-child(2n-1):nth-last-child(1):after, .galer .row:nth-child(2n-1):nth-last-child(2):after { content: ""; position: absolute; display: block; height: calc(100% - 3px); width: 22px; right: -10px; top: 10px; background: url(/wp-content/uploads/2018/01/siatka-4.png) center bottom no-repeat; z-index: 100; } .galer .row:nth-child(2n-1):nth-last-child(1)::before, .galer .row:nth-child(2n-1):nth-last-child(2)::before, .galer .row:nth-child(2n):nth-last-child(1)::before, .galer .row:nth-child(2n):nth-last-child(1)::after { display: none; } } /*responsywność*/ @media (max-width: 1400px){ .wide.vc_col-lg-6 { width: 100%; text-align: center; }} @media (max-width: 768px){ .left{ text-align:center; } .right{ text-align:center; } } /* ----------------------------------------- */ /* Szablon zawartości: Szablon dla Product page - koniec */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Szablon zawartości: Element pętli w Zestawy linowe-Hydra - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Szablon zawartości: Element pętli w Zestawy linowe-Hydra - koniec */ /* ----------------------------------------- */