first commit
This commit is contained in:
66
_rejestracja/Static/css/Strona/CKStyle.css
Normal file
66
_rejestracja/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;
|
||||
}
|
||||
101
_rejestracja/Static/css/Strona/jquery.lightbox-0.5.css
Normal file
101
_rejestracja/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
_rejestracja/Static/css/Strona/skin.css
Normal file
234
_rejestracja/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;
|
||||
}
|
||||
|
||||
|
||||
1752
_rejestracja/Static/css/Strona/style.css
Normal file
1752
_rejestracja/Static/css/Strona/style.css
Normal file
File diff suppressed because it is too large
Load Diff
295
_rejestracja/Static/css/Strona/swipebox.css
Normal file
295
_rejestracja/Static/css/Strona/swipebox.css
Normal file
@@ -0,0 +1,295 @@
|
||||
/*! 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: Helvetica, Arial, sans-serif;
|
||||
}
|
||||
Reference in New Issue
Block a user