Initialize website project structure
This commit is contained in:
@@ -0,0 +1,230 @@
|
||||
/*!
|
||||
By André Rinas, www.andrerinas.de
|
||||
Documentation, www.simplelightbox.de
|
||||
Available for use under the MIT License
|
||||
Version 2.10.3
|
||||
*/
|
||||
body.hidden-scroll {
|
||||
overflow: hidden; }
|
||||
|
||||
.sl-overlay {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
display: none;
|
||||
z-index: 1035; }
|
||||
|
||||
.sl-wrapper {
|
||||
z-index: 1040;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
position: fixed; }
|
||||
.sl-wrapper * {
|
||||
box-sizing: border-box; }
|
||||
.sl-wrapper button {
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
font-size: 28px;
|
||||
padding: 0;
|
||||
cursor: pointer; }
|
||||
.sl-wrapper button:hover {
|
||||
opacity: 0.7; }
|
||||
.sl-wrapper .sl-close {
|
||||
display: none;
|
||||
position: fixed;
|
||||
right: 30px;
|
||||
top: 30px;
|
||||
z-index: 10060;
|
||||
margin-top: -14px;
|
||||
margin-right: -14px;
|
||||
height: 44px;
|
||||
width: 44px;
|
||||
line-height: 44px;
|
||||
font-family: Arial, Baskerville, monospace;
|
||||
color: #000;
|
||||
font-size: 3rem; }
|
||||
.sl-wrapper .sl-counter {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 30px;
|
||||
left: 30px;
|
||||
z-index: 1060;
|
||||
color: #000;
|
||||
font-size: 1rem; }
|
||||
.sl-wrapper .sl-navigation {
|
||||
width: 100%;
|
||||
display: none; }
|
||||
.sl-wrapper .sl-navigation button {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
margin-top: -22px;
|
||||
height: 44px;
|
||||
width: 22px;
|
||||
line-height: 44px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
z-index: 10060;
|
||||
font-family: Arial, Baskerville, monospace;
|
||||
color: #000; }
|
||||
.sl-wrapper .sl-navigation button.sl-next {
|
||||
right: 5px;
|
||||
font-size: 2rem; }
|
||||
.sl-wrapper .sl-navigation button.sl-prev {
|
||||
left: 5px;
|
||||
font-size: 2rem; }
|
||||
@media (min-width: 35.5em) {
|
||||
.sl-wrapper .sl-navigation button {
|
||||
width: 44px; }
|
||||
.sl-wrapper .sl-navigation button.sl-next {
|
||||
right: 10px;
|
||||
font-size: 3rem; }
|
||||
.sl-wrapper .sl-navigation button.sl-prev {
|
||||
left: 10px;
|
||||
font-size: 3rem; } }
|
||||
@media (min-width: 50em) {
|
||||
.sl-wrapper .sl-navigation button {
|
||||
width: 44px; }
|
||||
.sl-wrapper .sl-navigation button.sl-next {
|
||||
right: 20px;
|
||||
font-size: 3rem; }
|
||||
.sl-wrapper .sl-navigation button.sl-prev {
|
||||
left: 20px;
|
||||
font-size: 3rem; } }
|
||||
.sl-wrapper.sl-dir-rtl .sl-navigation {
|
||||
direction: ltr; }
|
||||
.sl-wrapper .sl-image {
|
||||
position: fixed;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
z-index: 10000; }
|
||||
.sl-wrapper .sl-image img {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
border: 0 none;
|
||||
width: 100%;
|
||||
height: auto; }
|
||||
@media (min-width: 35.5em) {
|
||||
.sl-wrapper .sl-image img {
|
||||
border: 0 none; } }
|
||||
@media (min-width: 50em) {
|
||||
.sl-wrapper .sl-image img {
|
||||
border: 0 none; } }
|
||||
.sl-wrapper .sl-image iframe {
|
||||
background: #000;
|
||||
border: 0 none; }
|
||||
@media (min-width: 35.5em) {
|
||||
.sl-wrapper .sl-image iframe {
|
||||
border: 0 none; } }
|
||||
@media (min-width: 50em) {
|
||||
.sl-wrapper .sl-image iframe {
|
||||
border: 0 none; } }
|
||||
.sl-wrapper .sl-image .sl-caption {
|
||||
display: none;
|
||||
padding: 10px;
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
font-size: 1rem;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
.sl-wrapper .sl-image .sl-caption.pos-top {
|
||||
bottom: auto;
|
||||
top: 0; }
|
||||
.sl-wrapper .sl-image .sl-caption.pos-outside {
|
||||
bottom: auto; }
|
||||
.sl-wrapper .sl-image .sl-download {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
color: #000;
|
||||
z-index: 1060; }
|
||||
|
||||
.sl-spinner {
|
||||
display: none;
|
||||
border: 5px solid #333;
|
||||
border-radius: 40px;
|
||||
height: 40px;
|
||||
left: 50%;
|
||||
margin: -20px 0 0 -20px;
|
||||
opacity: 0;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
width: 40px;
|
||||
z-index: 1007;
|
||||
-webkit-animation: pulsate 1s ease-out infinite;
|
||||
-moz-animation: pulsate 1s ease-out infinite;
|
||||
-ms-animation: pulsate 1s ease-out infinite;
|
||||
-o-animation: pulsate 1s ease-out infinite;
|
||||
animation: pulsate 1s ease-out infinite; }
|
||||
|
||||
.sl-scrollbar-measure {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
overflow: scroll; }
|
||||
|
||||
.sl-transition {
|
||||
transition: -moz-transform ease 200ms;
|
||||
transition: -ms-transform ease 200ms;
|
||||
transition: -o-transform ease 200ms;
|
||||
transition: -webkit-transform ease 200ms;
|
||||
transition: transform ease 200ms; }
|
||||
|
||||
@-webkit-keyframes pulsate {
|
||||
0% {
|
||||
transform: scale(0.1);
|
||||
opacity: 0.0; }
|
||||
50% {
|
||||
opacity: 1; }
|
||||
100% {
|
||||
transform: scale(1.2);
|
||||
opacity: 0; } }
|
||||
|
||||
@keyframes pulsate {
|
||||
0% {
|
||||
transform: scale(0.1);
|
||||
opacity: 0.0; }
|
||||
50% {
|
||||
opacity: 1; }
|
||||
100% {
|
||||
transform: scale(1.2);
|
||||
opacity: 0; } }
|
||||
|
||||
@-moz-keyframes pulsate {
|
||||
0% {
|
||||
transform: scale(0.1);
|
||||
opacity: 0.0; }
|
||||
50% {
|
||||
opacity: 1; }
|
||||
100% {
|
||||
transform: scale(1.2);
|
||||
opacity: 0; } }
|
||||
|
||||
@-o-keyframes pulsate {
|
||||
0% {
|
||||
transform: scale(0.1);
|
||||
opacity: 0.0; }
|
||||
50% {
|
||||
opacity: 1; }
|
||||
100% {
|
||||
transform: scale(1.2);
|
||||
opacity: 0; } }
|
||||
|
||||
@-ms-keyframes pulsate {
|
||||
0% {
|
||||
transform: scale(0.1);
|
||||
opacity: 0.0; }
|
||||
50% {
|
||||
opacity: 1; }
|
||||
100% {
|
||||
transform: scale(1.2);
|
||||
opacity: 0; } }
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,7 @@
|
||||
/*!
|
||||
By André Rinas, www.andrerinas.de
|
||||
Documentation, www.simplelightbox.de
|
||||
Available for use under the MIT License
|
||||
Version 2.10.3
|
||||
*/
|
||||
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#000;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user