update
This commit is contained in:
66
Static/css/Strona/CKStyle.css
Normal file
66
Static/css/Strona/CKStyle.css
Normal file
@@ -0,0 +1,66 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 2016-10-26, 21:25:12
|
||||
Author : makl
|
||||
*/
|
||||
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
font-family: Arial, Verdana, Helvetica, sans-serif;
|
||||
background-size: 100% 100%;
|
||||
margin:0px 0px 0px 0px;
|
||||
padding:0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.cb{ clear: both; }
|
||||
.left{ float: left; }
|
||||
.right{ float: right; }
|
||||
|
||||
a {
|
||||
color: #00adea;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
.moreInfoMain {
|
||||
max-width: 630px; border: solid red 0px; color: #ffffff;
|
||||
}
|
||||
|
||||
.moreInfoImage {
|
||||
float: left; min-height: 261px; min-width: 260px; border: solid red 0px; margin-right: 3px; background-color: #e6e6e6; position: relative;
|
||||
}
|
||||
.moreInfoImage img {
|
||||
border: solid 0px red; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin: 0 auto; text-align: center; max-width: 200px; max-height: 200px;
|
||||
}
|
||||
.moreInfoTitle {
|
||||
float: left; border: solid red 0px; min-width: 260px; min-height: 85px; background-color: #b7b7b7; text-align: center; line-height: 85px;
|
||||
}
|
||||
.moreInfoFileMain {
|
||||
float: left; border: solid red 0px; min-width: 260px; min-height: 85px; margin-top: 3px; background-color: #e6e6e6; color: #0099ff; position: relative;
|
||||
}
|
||||
.moreInfoFile {
|
||||
position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin: 0 auto;
|
||||
}
|
||||
.moreInfoFile a {
|
||||
display: block; color: #0099ff; text-align: center; vertical-align:middle;
|
||||
}
|
||||
.moreInfoFile img {
|
||||
max-width: 32px; height: 32px; vertical-align:middle;
|
||||
}
|
||||
.moreInfoContact {
|
||||
float: left; border: solid red 0px; min-width: 260px; min-height: 85px; margin-top: 3px; background-color: #7e9fb2;
|
||||
}
|
||||
.moreInfoContact a {
|
||||
display: block; color: #ffffff; text-align: center; line-height: 85px;
|
||||
}
|
||||
.moreInfoContactSolo {
|
||||
float: left; border: solid red 0px; min-width: 350px; min-height: 85px; margin-top: 5px; background-color: #7e9fb2;
|
||||
}
|
||||
.moreInfoContactSolo a {
|
||||
display: block; color: #ffffff; text-align: center; line-height: 85px; font-size: 24px;
|
||||
}
|
||||
4
Static/css/Strona/font-awesome.min.css
vendored
Normal file
4
Static/css/Strona/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
426
Static/css/Strona/jquery.flipster.css
Normal file
426
Static/css/Strona/jquery.flipster.css
Normal file
@@ -0,0 +1,426 @@
|
||||
/*! jQuery.Flipster, v1.1.5 (built 2020-10-17) */
|
||||
/* @group Flipster Essential Styles */
|
||||
.flipster {
|
||||
display: block;
|
||||
overflow-x: hidden;
|
||||
overflow-y: visible;
|
||||
position: relative;
|
||||
}
|
||||
.flipster:focus {
|
||||
outline: none;
|
||||
}
|
||||
.flipster__container,
|
||||
.flipster__item {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
}
|
||||
.flipster__container {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
word-spacing: -0.25em;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.flipster__item {
|
||||
display: inline-block;
|
||||
white-space: normal;
|
||||
word-spacing: normal;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.flipster--click .flipster__item--past,
|
||||
.flipster--click .flipster__item--future {
|
||||
cursor: pointer;
|
||||
}
|
||||
.flipster__item img {
|
||||
max-width: 100%;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Flipster Previous & Next Buttons */
|
||||
.flipster__button {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
display: block;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
z-index: 999;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
opacity: 0.5;
|
||||
-webkit-transition: opacity 500ms ease;
|
||||
-o-transition: opacity 500ms ease;
|
||||
transition: opacity 500ms ease;
|
||||
margin: -1em 2em;
|
||||
}
|
||||
.flipster__button svg {
|
||||
width: 2em;
|
||||
stroke: currentColor;
|
||||
fill: transparent;
|
||||
stroke-width: 3;
|
||||
stroke-linecap: round;
|
||||
}
|
||||
.flipster__button:hover,
|
||||
.flipster__button:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
.flipster__button--prev {
|
||||
left: 0;
|
||||
}
|
||||
.flipster__button--next {
|
||||
right: 0;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Flipster Navigation */
|
||||
.flipster__nav,
|
||||
.flipster__nav__item {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.flipster__nav {
|
||||
display: block;
|
||||
margin: 0 0 4em;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.flipster__nav__item {
|
||||
display: inline-block;
|
||||
margin: 0 0.25em;
|
||||
}
|
||||
.flipster__nav__link {
|
||||
display: block;
|
||||
color: inherit;
|
||||
padding: 0.5em 1em;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 250ms ease-out;
|
||||
-o-transition: all 250ms ease-out;
|
||||
transition: all 250ms ease-out;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
-o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
}
|
||||
.flipster__nav__link::after {
|
||||
content: '';
|
||||
display: block;
|
||||
background: #232221;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
-webkit-transform: translateY(100%) translateY(-0.25em);
|
||||
-ms-transform: translateY(100%) translateY(-0.25em);
|
||||
transform: translateY(100%) translateY(-0.25em);
|
||||
-webkit-transition: inherit;
|
||||
-o-transition: inherit;
|
||||
transition: inherit;
|
||||
}
|
||||
.flipster__nav__item--current > .flipster__nav__link,
|
||||
.flipster__nav__link:hover,
|
||||
.flipster__nav__link:focus {
|
||||
color: #FFF;
|
||||
}
|
||||
.flipster__nav__item--current > .flipster__nav__link::after,
|
||||
.flipster__nav__link:hover::after,
|
||||
.flipster__nav__link:focus::after {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
.flipster__nav__child {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -1px;
|
||||
padding: 0.5em;
|
||||
background: #4e4441;
|
||||
z-index: 1;
|
||||
}
|
||||
.flipster__nav__child .flipster__nav__link {
|
||||
color: #FFF;
|
||||
}
|
||||
.flipster__nav__child .flipster__nav__link::after {
|
||||
background: #FFF;
|
||||
}
|
||||
.flipster__nav__child .flipster__nav__item--current > .flipster__nav__link,
|
||||
.flipster__nav__child .flipster__nav__link:hover,
|
||||
.flipster__nav__child .flipster__nav__link:focus {
|
||||
color: #232221;
|
||||
}
|
||||
.flipster__nav__item--current .flipster__nav__child {
|
||||
display: block;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Flipster Carousel Theme */
|
||||
.flipster--carousel .flipster__container,
|
||||
.flipster--carousel .flipster__item,
|
||||
.flipster--carousel .flipster__item__content {
|
||||
-webkit-transition: all 350ms ease-in-out;
|
||||
-o-transition: all 350ms ease-in-out;
|
||||
transition: all 350ms ease-in-out;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
-o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
}
|
||||
.flipster--carousel .flipster__item {
|
||||
-webkit-perspective: 800px;
|
||||
perspective: 800px;
|
||||
}
|
||||
.flipster--carousel .flipster__item--past,
|
||||
.flipster--carousel .flipster__item--future {
|
||||
opacity: 0;
|
||||
-webkit-transition-delay: 115ms;
|
||||
-o-transition-delay: 115ms;
|
||||
transition-delay: 115ms;
|
||||
}
|
||||
.flipster--carousel .flipster__item--past-2,
|
||||
.flipster--carousel .flipster__item--future-2 {
|
||||
opacity: 0.6;
|
||||
-webkit-transition-delay: 90ms;
|
||||
-o-transition-delay: 90ms;
|
||||
transition-delay: 90ms;
|
||||
}
|
||||
.flipster--carousel .flipster__item--past-1,
|
||||
.flipster--carousel .flipster__item--future-1 {
|
||||
opacity: 0.8;
|
||||
-webkit-transition-delay: 60ms;
|
||||
-o-transition-delay: 60ms;
|
||||
transition-delay: 60ms;
|
||||
}
|
||||
.flipster--carousel .flipster__item--past .flipster__item__content {
|
||||
-webkit-transform: translateX(100%) rotateY(-20deg) scale(0.5);
|
||||
transform: translateX(100%) rotateY(-20deg) scale(0.5);
|
||||
}
|
||||
.flipster--carousel .flipster__item--past-2 .flipster__item__content {
|
||||
-webkit-transform: translateX(25%) rotateY(40deg) scale(0.65);
|
||||
transform: translateX(25%) rotateY(40deg) scale(0.65);
|
||||
}
|
||||
.flipster--carousel .flipster__item--past-1 .flipster__item__content {
|
||||
-webkit-transform: rotateY(45deg) scale(0.8);
|
||||
transform: rotateY(45deg) scale(0.8);
|
||||
}
|
||||
.flipster--carousel .flipster__item--future .flipster__item__content {
|
||||
-webkit-transform: translateX(-100%) rotateY(20deg) scale(0.5);
|
||||
transform: translateX(-100%) rotateY(20deg) scale(0.5);
|
||||
}
|
||||
.flipster--carousel .flipster__item--future-2 .flipster__item__content {
|
||||
-webkit-transform: translateX(-25%) rotateY(-40deg) scale(0.65);
|
||||
transform: translateX(-25%) rotateY(-40deg) scale(0.65);
|
||||
}
|
||||
.flipster--carousel .flipster__item--future-1 .flipster__item__content {
|
||||
-webkit-transform: rotateY(-45deg) scale(0.8);
|
||||
transform: rotateY(-45deg) scale(0.8);
|
||||
}
|
||||
.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
|
||||
-webkit-transform: translateX(175%) scale(0.5);
|
||||
-ms-transform: translateX(175%) scale(0.5);
|
||||
transform: translateX(175%) scale(0.5);
|
||||
}
|
||||
.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
|
||||
-webkit-transform: translateX(25%) scale(0.65);
|
||||
-ms-transform: translateX(25%) scale(0.65);
|
||||
transform: translateX(25%) scale(0.65);
|
||||
}
|
||||
.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
|
||||
-webkit-transform: translateX(0%) scale(0.8);
|
||||
-ms-transform: translateX(0%) scale(0.8);
|
||||
transform: translateX(0%) scale(0.8);
|
||||
}
|
||||
.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
|
||||
-webkit-transform: translateX(-175%) scale(0.5);
|
||||
-ms-transform: translateX(-175%) scale(0.5);
|
||||
transform: translateX(-175%) scale(0.5);
|
||||
}
|
||||
.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
|
||||
-webkit-transform: translateX(-25%) scale(0.65);
|
||||
-ms-transform: translateX(-25%) scale(0.65);
|
||||
transform: translateX(-25%) scale(0.65);
|
||||
}
|
||||
.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
|
||||
-webkit-transform: translateX(0%) scale(0.8);
|
||||
-ms-transform: translateX(0%) scale(0.8);
|
||||
transform: translateX(0%) scale(0.8);
|
||||
}
|
||||
.flipster--carousel .flipster__item--current .flipster__item__content {
|
||||
-webkit-transform: translateX(0) rotateY(0deg) scale(1);
|
||||
transform: translateX(0) rotateY(0deg) scale(1);
|
||||
-webkit-transition-delay: 60ms;
|
||||
-o-transition-delay: 60ms;
|
||||
transition-delay: 60ms;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Flipster Coverflow Theme */
|
||||
.flipster--coverflow .flipster__container,
|
||||
.flipster--coverflow .flipster__item,
|
||||
.flipster--coverflow .flipster__item__content {
|
||||
-webkit-transition: all 350ms ease-in-out;
|
||||
-o-transition: all 350ms ease-in-out;
|
||||
transition: all 350ms ease-in-out;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
-o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
}
|
||||
.flipster--coverflow .flipster__item {
|
||||
-webkit-perspective: 800px;
|
||||
perspective: 800px;
|
||||
}
|
||||
.flipster--coverflow .flipster__container {
|
||||
padding-bottom: 5%;
|
||||
}
|
||||
.flipster--coverflow .flipster__item__content {
|
||||
-webkit-transform-origin: 50% 100%;
|
||||
-ms-transform-origin: 50% 100%;
|
||||
transform-origin: 50% 100%;
|
||||
box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
|
||||
-webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
|
||||
}
|
||||
.flipster--coverflow .flipster__item__content img:only-child {
|
||||
display: block;
|
||||
}
|
||||
.flipster--coverflow .flipster__item--past .flipster__item__content {
|
||||
-webkit-transform-origin: 0% 50%;
|
||||
-ms-transform-origin: 0% 50%;
|
||||
transform-origin: 0% 50%;
|
||||
-webkit-transform: scale(0.75) rotateY(55deg);
|
||||
transform: scale(0.75) rotateY(55deg);
|
||||
}
|
||||
.flipster--coverflow .flipster__item--future .flipster__item__content {
|
||||
-webkit-transform-origin: 100% 50%;
|
||||
-ms-transform-origin: 100% 50%;
|
||||
transform-origin: 100% 50%;
|
||||
-webkit-transform: scale(0.75) rotateY(-55deg);
|
||||
transform: scale(0.75) rotateY(-55deg);
|
||||
}
|
||||
.flipster--coverflow .flip-current .flipster__item__content {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Flat */
|
||||
.flipster--flat .flipster__container,
|
||||
.flipster--flat .flipster__item,
|
||||
.flipster--flat .flipster__item__content {
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
-o-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out;
|
||||
}
|
||||
.flipster--flat .flipster__item--past,
|
||||
.flipster--flat .flipster__item--future {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.flipster--flat .flipster__item--past .flipster__item__content {
|
||||
-webkit-transform: scale(0.75);
|
||||
-ms-transform: scale(0.75);
|
||||
transform: scale(0.75);
|
||||
}
|
||||
.flipster--flat .flipster__item--future .flipster__item__content {
|
||||
-webkit-transform: scale(0.75);
|
||||
-ms-transform: scale(0.75);
|
||||
transform: scale(0.75);
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Flipster Wheel Theme */
|
||||
.flipster--wheel {
|
||||
overflow: hidden;
|
||||
}
|
||||
.flipster--wheel .flipster__container,
|
||||
.flipster--wheel .flipster__item__content {
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
-o-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
-o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
|
||||
}
|
||||
.flipster--wheel .flipster__container {
|
||||
padding-bottom: 20%;
|
||||
}
|
||||
.flipster--wheel .flipster__item__content {
|
||||
-webkit-transform-origin: 50% 100%;
|
||||
-ms-transform-origin: 50% 100%;
|
||||
transform-origin: 50% 100%;
|
||||
}
|
||||
.flipster--wheel .flipster__item--past .flipster__item__content {
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
-ms-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
}
|
||||
.flipster--wheel .flipster__item--future .flipster__item__content {
|
||||
-webkit-transform-origin: 0% 100%;
|
||||
-ms-transform-origin: 0% 100%;
|
||||
transform-origin: 0% 100%;
|
||||
}
|
||||
.flipster--wheel .flipster__item__content img:only-child {
|
||||
display: block;
|
||||
}
|
||||
.flipster--wheel .flipster__item--past .flipster__item__content {
|
||||
opacity: 0;
|
||||
-webkit-transform: rotateZ(-80deg) translate(-170%, 110%);
|
||||
-ms-transform: rotate(-80deg) translate(-170%, 110%);
|
||||
transform: rotateZ(-80deg) translate(-170%, 110%);
|
||||
}
|
||||
.flipster--wheel .flipster__item--future .flipster__item__content {
|
||||
opacity: 0;
|
||||
-webkit-transform: rotateZ(80deg) translate(170%, 110%);
|
||||
-ms-transform: rotate(80deg) translate(170%, 110%);
|
||||
transform: rotateZ(80deg) translate(170%, 110%);
|
||||
}
|
||||
.flipster--wheel .flipster__item--past-3 .flipster__item__content {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateZ(-60deg) translate(-70%, 75%);
|
||||
-ms-transform: rotate(-60deg) translate(-70%, 75%);
|
||||
transform: rotateZ(-60deg) translate(-70%, 75%);
|
||||
}
|
||||
.flipster--wheel .flipster__item--future-3 .flipster__item__content {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateZ(60deg) translate(70%, 75%);
|
||||
-ms-transform: rotate(60deg) translate(70%, 75%);
|
||||
transform: rotateZ(60deg) translate(70%, 75%);
|
||||
}
|
||||
.flipster--wheel .flipster__item--past-2 .flipster__item__content {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateZ(-40deg) translate(-17%, 30%);
|
||||
-ms-transform: rotate(-40deg) translate(-17%, 30%);
|
||||
transform: rotateZ(-40deg) translate(-17%, 30%);
|
||||
}
|
||||
.flipster--wheel .flipster__item--future-2 .flipster__item__content {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateZ(40deg) translate(17%, 30%);
|
||||
-ms-transform: rotate(40deg) translate(17%, 30%);
|
||||
transform: rotateZ(40deg) translate(17%, 30%);
|
||||
}
|
||||
.flipster--wheel .flipster__item--past-1 .flipster__item__content {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateZ(-20deg);
|
||||
-ms-transform: rotate(-20deg);
|
||||
transform: rotateZ(-20deg);
|
||||
}
|
||||
.flipster--wheel .flipster__item--future-1 .flipster__item__content {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateZ(20deg);
|
||||
-ms-transform: rotate(20deg);
|
||||
transform: rotateZ(20deg);
|
||||
}
|
||||
.flipster--wheel .flip-current .flipster__item__content {
|
||||
-webkit-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
/* @end */
|
||||
101
Static/css/Strona/jquery.lightbox-0.5.css
Normal file
101
Static/css/Strona/jquery.lightbox-0.5.css
Normal file
@@ -0,0 +1,101 @@
|
||||
/**
|
||||
* jQuery lightBox plugin
|
||||
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
|
||||
* and adapted to me for use like a plugin from jQuery.
|
||||
* @name jquery-lightbox-0.5.css
|
||||
* @author Leandro Vieira Pinho - http://leandrovieira.com
|
||||
* @version 0.5
|
||||
* @date April 11, 2008
|
||||
* @category jQuery plugin
|
||||
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
|
||||
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
|
||||
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
|
||||
*/
|
||||
#jquery-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 90;
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
#jquery-lightbox {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
#jquery-lightbox a img { border: none; }
|
||||
#lightbox-container-image-box {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#lightbox-container-image { padding: 10px; }
|
||||
#lightbox-loading {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 0%;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
#lightbox-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
#lightbox-container-image-box > #lightbox-nav { left: 0; }
|
||||
#lightbox-nav a { outline: none;}
|
||||
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
|
||||
width: 49%;
|
||||
height: 100%;
|
||||
zoom: 1;
|
||||
display: block;
|
||||
}
|
||||
#lightbox-nav-btnPrev {
|
||||
left: 0;
|
||||
float: left;
|
||||
}
|
||||
#lightbox-nav-btnNext {
|
||||
right: 0;
|
||||
float: right;
|
||||
}
|
||||
#lightbox-container-image-data-box {
|
||||
font: 10px Verdana, Helvetica, sans-serif;
|
||||
background-color: #fff;
|
||||
margin: 0 auto;
|
||||
line-height: 1.4em;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
padding: 0 10px 0;
|
||||
}
|
||||
#lightbox-container-image-data {
|
||||
padding: 0 10px;
|
||||
color: #666;
|
||||
}
|
||||
#lightbox-container-image-data #lightbox-image-details {
|
||||
width: 70%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
#lightbox-image-details-caption { font-weight: bold; }
|
||||
#lightbox-image-details-currentNumber {
|
||||
display: block;
|
||||
clear: left;
|
||||
padding-bottom: 1.0em;
|
||||
}
|
||||
#lightbox-secNav-btnClose {
|
||||
width: 66px;
|
||||
float: right;
|
||||
padding-bottom: 0.7em;
|
||||
}
|
||||
234
Static/css/Strona/skin.css
Normal file
234
Static/css/Strona/skin.css
Normal file
@@ -0,0 +1,234 @@
|
||||
.jcarousel-skin-tango .jcarousel-container {
|
||||
-moz-border-radius: 10px;
|
||||
background: #ffffff;
|
||||
border: 0px solid #346F97;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-container-horizontal {
|
||||
width: 440px;
|
||||
padding: 0px 40px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-container-vertical {
|
||||
width: 75px;
|
||||
height: 440px;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-clip-horizontal {
|
||||
width: 440px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-clip-vertical {
|
||||
width: 75px;
|
||||
height: 440x;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item {
|
||||
width: 132px;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item-horizontal {
|
||||
margin-left: 10px;
|
||||
margin-right: 7px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item-vertical {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item-placeholder {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Horizontal Buttons
|
||||
*/
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 5px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(../../image/Strona/next-horizontal2.png) no-repeat 5px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
|
||||
left: 5px;
|
||||
right: auto;
|
||||
background-image: url(../../image/Strona/prev-horizontal2.png);
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
|
||||
background-position: -27px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
|
||||
background-position: 5px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
|
||||
cursor: default;
|
||||
background-position: -91px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 5px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(../../image/Strona/prev-horizontal2.png) no-repeat -7px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
|
||||
left: auto;
|
||||
right: 5px;
|
||||
background-image: url(../../image/Strona/next-horizontal2.png);
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
|
||||
background-position: -7px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
|
||||
background-position: -7px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
|
||||
cursor: default;
|
||||
background-position: -103px 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Vertical Buttons
|
||||
*/
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 43px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(../../image/Strona/next-vertical.png) no-repeat 5px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
|
||||
background-position: 0 -32px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical:active {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
|
||||
cursor: default;
|
||||
background-position: 0 -104px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 43px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(../../image/Strona/prev-vertical.png) no-repeat 5px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
|
||||
background-position: 0 -28px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
|
||||
cursor: default;
|
||||
background-position: 0 -104px;
|
||||
}
|
||||
|
||||
|
||||
/* ddd */
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-container {
|
||||
|
||||
background: #ffffff;
|
||||
|
||||
}
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-direction-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-container-horizontal {
|
||||
width: 242px;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-container-vertical {
|
||||
width: 242px;
|
||||
height: 340px;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-clip-horizontal {
|
||||
width: 242px;
|
||||
height: 340px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-clip-vertical {
|
||||
width: 242px;
|
||||
height: 340x;
|
||||
}
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-item {
|
||||
width: 242px;
|
||||
height: 340px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-item-horizontal {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-direction-rtl .jcarousel-item-horizontal {
|
||||
margin-left: 0px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-item-vertical {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-intro .jcarousel-item-placeholder {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
2796
Static/css/Strona/style.css
Normal file
2796
Static/css/Strona/style.css
Normal file
File diff suppressed because it is too large
Load Diff
1732
Static/css/Strona/style_2.css
Normal file
1732
Static/css/Strona/style_2.css
Normal file
File diff suppressed because it is too large
Load Diff
297
Static/css/Strona/swipebox.css
Normal file
297
Static/css/Strona/swipebox.css
Normal file
@@ -0,0 +1,297 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300&display=swap');
|
||||
|
||||
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
|
||||
html.swipebox-html.swipebox-touch {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
#swipebox-overlay img {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
#swipebox-overlay {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999 !important;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#swipebox-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#swipebox-slider {
|
||||
-webkit-transition: -webkit-transform 0.4s ease;
|
||||
transition: transform 0.4s ease;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
position: absolute;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#swipebox-slider .slide {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
line-height: 1px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
#swipebox-slider .slide:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 50%;
|
||||
width: 1px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
#swipebox-slider .slide img,
|
||||
#swipebox-slider .slide .swipebox-video-container,
|
||||
#swipebox-slider .slide .swipebox-inline-container {
|
||||
display: inline-block;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#swipebox-slider .slide .swipebox-video-container {
|
||||
background: none;
|
||||
max-width: 1140px;
|
||||
max-height: 100%;
|
||||
width: 100%;
|
||||
padding: 5%;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-bottom: 56.25%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
#swipebox-slider .slide-loading {
|
||||
background: url(../../image/Strona/loader.gif) no-repeat center center;
|
||||
}
|
||||
|
||||
#swipebox-bottom-bar,
|
||||
#swipebox-top-bar {
|
||||
-webkit-transition: 0.5s;
|
||||
transition: 0.5s;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#swipebox-bottom-bar {
|
||||
bottom: -50px;
|
||||
}
|
||||
#swipebox-bottom-bar.visible-bars {
|
||||
-webkit-transform: translate3d(0, -50px, 0);
|
||||
transform: translate3d(0, -50px, 0);
|
||||
}
|
||||
|
||||
#swipebox-top-bar {
|
||||
top: -50px;
|
||||
}
|
||||
#swipebox-top-bar.visible-bars {
|
||||
-webkit-transform: translate3d(0, 50px, 0);
|
||||
transform: translate3d(0, 50px, 0);
|
||||
}
|
||||
|
||||
#swipebox-title {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#swipebox-prev,
|
||||
#swipebox-next,
|
||||
#swipebox-close {
|
||||
background-image: url(../../image/Strona/icons.png);
|
||||
background-repeat: no-repeat;
|
||||
border: none !important;
|
||||
text-decoration: none !important;
|
||||
cursor: pointer;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#swipebox-arrows {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
#swipebox-prev {
|
||||
background-position: -32px 13px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#swipebox-next {
|
||||
background-position: -78px 13px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#swipebox-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
background-position: 15px 12px;
|
||||
}
|
||||
|
||||
.swipebox-no-close-button #swipebox-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#swipebox-prev.disabled,
|
||||
#swipebox-next.disabled {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
|
||||
-webkit-animation: rightSpring 0.3s;
|
||||
animation: rightSpring 0.3s;
|
||||
}
|
||||
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
|
||||
-webkit-animation: leftSpring 0.3s;
|
||||
animation: leftSpring 0.3s;
|
||||
}
|
||||
|
||||
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 20px;
|
||||
opacity: 0;
|
||||
}
|
||||
.swipebox-touch #swipebox-container:before {
|
||||
left: 0;
|
||||
-webkit-box-shadow: inset 10px 0px 10px -8px #656565;
|
||||
box-shadow: inset 10px 0px 10px -8px #656565;
|
||||
}
|
||||
.swipebox-touch #swipebox-container:after {
|
||||
right: 0;
|
||||
-webkit-box-shadow: inset -10px 0px 10px -8px #656565;
|
||||
box-shadow: inset -10px 0px 10px -8px #656565;
|
||||
}
|
||||
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rightSpring {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rightSpring {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes leftSpring {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes leftSpring {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 800px) {
|
||||
#swipebox-close {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
#swipebox-arrows {
|
||||
width: 92%;
|
||||
max-width: 800px;
|
||||
}
|
||||
}
|
||||
/* Skin
|
||||
--------------------------*/
|
||||
#swipebox-overlay {
|
||||
background: #0d0d0d;
|
||||
}
|
||||
|
||||
#swipebox-bottom-bar,
|
||||
#swipebox-top-bar {
|
||||
text-shadow: 1px 1px 1px black;
|
||||
background: #000;
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
#swipebox-top-bar {
|
||||
color: white !important;
|
||||
font-size: 15px;
|
||||
line-height: 43px;
|
||||
font-family: 'Noto Serif', serif;
|
||||
}
|
||||
Reference in New Issue
Block a user