Server IP : 173.249.157.85 / Your IP : 216.73.216.232 Web Server : Apache System : Linux server.frogzhost.com 3.10.0-1127.19.1.el7.x86_64 #1 SMP Tue Aug 25 17:23:54 UTC 2020 x86_64 User : econtech ( 1005) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/econtech/public_html/public/front/slider/css/ |
Upload File : |
/* Full Screen jQuery Content Slider <https://github.com/jacobxperez/full-screen-jquery-content-slider> * Copyright (C) 2019 Jacob Perez <jacobxperez@gmx.com> * Licensed under the Apache License, Version 2.0 * http://www.apache.org/licenses/LICENSE-2.0 ------------------------------------------------------------------------------*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0 none; font-size: inherit; font-family: inherit; line-height: inherit; color: inherit; vertical-align: baseline; outline: 0; } body, html { height: 100%; } html { font-size: 100%; -webkit-text-size-adjust: 100%; } body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif; font-weight: 400; color: #555; line-height: 1.5; background-color: #fff; overflow: auto; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block; } audio, canvas, progress, video { display: inline-block; } summary { display: list-item; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } [hidden], audio:not([controls]), template { display: none; height: 0; } svg:not(:root) { overflow: hidden; } embed, img, object { max-width: 100%; } img { height: auto; } figure { margin: 1.25em; } progress[value] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } dd, ol, ul { padding-left: 2em; } dl, ol, ul { margin-bottom: 1.5rem; list-style-position: outside; } dl dl, ol ol, ol ul, ul ol, ul ul { margin: 0; } nav ol, nav ul { padding-left: 0; list-style-type: none; } nav a { display: block; } nav a:hover { text-decoration: none; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; height: 1px; margin-bottom: 1.5rem; border-top: .125em solid rgba(0, 0, 0, 0.3); } ::-moz-selection { background-color: #493d99; color: #fff; text-shadow: none; } ::selection { background-color: #493d99; color: #fff; text-shadow: none; } h1, h2, h3, h4, h5, h6 { font-weight: 400; margin-bottom: 1.5rem; text-rendering: optimizelegibility; } h1 { margin-bottom: 1.125rem; font-size: 300%; line-height: 1.125; } h2 { font-size: 200%; line-height: 1.125; } h3 { font-size: 150%; line-height: 1.5; } h4 { font-size: 125%; line-height: 1.2; } h5 { font-size: 112.5%; line-height: 1.33333333; } h6 { font-size: 100%; line-height: 1.5; } p { margin-bottom: 1.5rem; } b, strong { font-weight: 700; } a { text-decoration: none; background-color: transparent; color: #06f; cursor: pointer; } a:focus { outline: thin dotted; outline-offset: -2px; } a:hover { text-decoration: underline; } a:active, a:hover { outline: 0; } dfn { font-style: italic; } abbr[title], dfn[title] { border-bottom: 0 none; text-decoration: underline; text-decoration: underline dotted; cursor: help; } mark { background-color: #fc0; color: #000; } small, sub, sup { font-size: 87.5%; } sub, sup { position: relative; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } .slider { /* position: fixed; */ width: 100%; height: 100%; overflow: hidden; /* background-color: #555; */ } .slide { /* position: fixed; */ top: 0; left: 0; display: none; width: 100%; height: 100%; overflow: hidden; } .slide img { /* position: fixed; */ top: 0; left: 0; display: block; width: 100%; height: 100%; cursor: default; } .slide-content { position: absolute; bottom: 30%; width: 100%; text-align: center; color: #fff; -webkit-text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6), 0 0 5px rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6), 0 0 5px rgba(0, 0, 0, 0.5); text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6), 0 0 5px rgba(0, 0, 0, 0.5); } .slide-title { font-size: 10vw; } .slider-nav { position: absolute; top: 50%; right: 0; width: 100%; z-index: 10; } .next-slide, .prev-slide { position: absolute; display: inline-block; width: 3.125em; height: 3.125em; line-height: 3.125; margin: 0; border: .125em solid white; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.3); color: white; overflow: hidden; cursor: pointer; z-index: 20; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-user-select: none; user-select: none; } .prev-slide { left: 2%; } .next-slide { right: 2%; } .next-slide:hover, .prev-slide:hover { background-color: rgba(0, 0, 0, 0.6); } .next-slide::before, .prev-slide::before { position: absolute; top: 33%; display: inline-block; width: .8125em; height: .8125em; content: ""; border-left: .25em solid white; border-top: .25em solid white; backface-visibility: hidden; } .prev-slide::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 25%; } .next-slide::before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); left: 25%; } @media screen and (max-width: 42.5em) { .next-slide, .prev-slide { display: none; } } @media screen and (max-width: 61.25em) { .slider { max-height: 57.95918367vw; } } @media screen and (min-height: 61.25em) { .slider { max-height: 57.95918367vw; } }