File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/parkercamps.com/style.css
Back
@import url('https://fonts.googleapis.com/css?family=Roboto:900&display=swap'); * { box-sizing: border-box; } /*body { font-family: 'Roboto', sans-serif; margin: 0; }*/ .slider-container { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; height: 100vh; width: 100%; } .slider-container h1 { color: #fff; font-size: 100px; letter-spacing: 5px; position: relative; z-index: 100; text-align: center; font-size: 100px; color: #fff; margin-top: 30px; margin-bottom: -20px; font-family: beautiful-heartregular; } .slider-container .default-btn { font-size: 16px; color: #fff; padding: 10px 20px; line-height: 1; -webkit-transition: all .5s; transition: all .5s; z-index: 1; text-transform: capitalize; background-color: #cc8c18; border-radius: 4px; position: relative; cursor: pointer; border-radius: 50px; font-family: muli, sans-serif; text-align: center; letter-spacing: initial; } @media only screen and (max-width:767px) { .slider-container h1{ font-size: 45px; line-height: 60px; } .control { display: block!important; background-color: #fff; cursor: pointer; opacity: 0.5; margin: 5px; height: 20px!important; width: 5px; transition: opacity 0.3s, background-color 0.3s, transform 0.3s; } .slider-container { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; height: 60vh; width: 100%; } } .slider-container::after { background-color: #000; content: ''; position: absolute; opacity: 0.3; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .slide { background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; transform: scale(1.15); transition: opacity .6s ease; } .slide.active { animation: grow 4s linear forwards; opacity: 1; } @keyframes grow { 0%, 20% { transform: scale(1); } 75%, 100% { transform: scale(1.15); } } .controls-container { position: absolute; top: 50%; right: 10px; display: flex; flex-direction: column; transform: translateY(-50%); z-index: 2; } .control { display:none; background-color: #fff; cursor: pointer; opacity: 0.5; margin: 6px; height: 40px; width: 5px; transition: opacity 0.3s, background-color 0.3s, transform 0.3s; } .control.active, .control:hover { background-color: #fff; opacity: 1; transform: scale(1.2); }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings