diff --git a/css/style.css b/css/style.css index 1d0f4ae..f0f84c3 100644 --- a/css/style.css +++ b/css/style.css @@ -91,6 +91,12 @@ body { padding: 10px } +/* #dropdown-content>input { */ +/* border:1px solid #eeeeec; */ +/* display: block; */ +/* padding: 10px */ +/* } */ + #faq { margin: 80px 0 0; } @@ -164,3 +170,72 @@ body { + /* The switch - the box around the slider */ +.switch { + position: relative; + display: inline-block; + width: 40px; + height: 24px; +} + +/* Hide default HTML checkbox */ +.switch input {display:none;} + +/* The slider */ +.slider { + position: absolute; + cursor: pointer; + top: 2pt; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} + +.slider:before { + position: absolute; + content: ""; + height: 19px; + width: 19px; + left: 2px; + bottom: 2px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; +} + +input:checked + .slider { + background-color: #2196F3; +} + +input:focus + .slider { + box-shadow: 0 0 1px #2196F3; +} + +input:checked + .slider:before { + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); +} + +/* Rounded sliders */ +.slider.round { + border-radius: 14px; +} + +.slider.round:before { + border-radius: 50%; +} + +#preloader { + position: fixed; + left: 0; + top: 0; + z-index: 999; + width: 100%; + height: 100%; + overflow: visible; + background: #2E3436 url('/img/preload.gif') no-repeat center center; +} diff --git a/index.html b/index.html index 7b8a825..50d53c8 100644 --- a/index.html +++ b/index.html @@ -17,34 +17,39 @@ -
- - - -