XDNA78 (обсуждение | вклад) (Полностью удалено содержимое страницы) Метка: очистка |
XDNA78 (обсуждение | вклад) |
||
Строка 1: | Строка 1: | ||
+ | <div class="container_about"> | ||
+ | .left {float: left;} | ||
+ | .right {float: right;} | ||
+ | |||
+ | .zarukolasxrnsa { | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | height: auto; | ||
+ | min-height: 100%; | ||
+ | width: 100%; | ||
+ | max-width: 1200px; | ||
+ | background: #FFF; | ||
+ | transition: 0.3s ease; | ||
+ | } | ||
+ | |||
+ | .kasuseteza-kigezolan { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | height: auto; | ||
+ | padding: 50px 0 30px; | ||
+ | width: 85%; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .kantengebsa { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | height: 550px; | ||
+ | width: 100%; | ||
+ | margin: 0 auto; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .hidden-input {display: none;} | ||
+ | |||
+ | #zornetas1:checked ~ #perazim-derdnum1 {margin-left: 0;} | ||
+ | #zornetas1:checked ~ #perazim-derdnum2 {margin-left: 100%;} | ||
+ | #zornetas1:checked ~ #perazim-derdnum3 {margin-left: 200%;} | ||
+ | #zornetas1:checked ~ #perazim-derdnum4 {margin-left: 300%;} | ||
+ | #zornetas1:checked ~ #perazim-derdnum5 {margin-left: 400%;} | ||
+ | #zornetas1:checked ~ #perazim-derdnum6 {margin-left: 500%;} | ||
+ | #zornetas1:checked ~ #perazim-derdnum7 {margin-left: 600%;} | ||
+ | #zornetas1:checked ~ #perazim-derdnum8 {margin-left: 700%;} | ||
+ | #zornetas1:checked ~ #perazim-derdnum9 {margin-left: 800%;} | ||
+ | #zornetas1:checked ~ #perazim-derdnum10 {margin-left: 900%;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #zornetas2:checked ~ #perazim-derdnum1 {margin-left: -100%;} | ||
+ | #zornetas2:checked ~ #perazim-derdnum2 {margin-left: 0;} | ||
+ | #zornetas2:checked ~ #perazim-derdnum3 {margin-left: 100%;} | ||
+ | #zornetas2:checked ~ #perazim-derdnum4 {margin-left: 200%;} | ||
+ | #zornetas2:checked ~ #perazim-derdnum5 {margin-left: 300%;} | ||
+ | #zornetas2:checked ~ #perazim-derdnum6 {margin-left: 400%;} | ||
+ | #zornetas2:checked ~ #perazim-derdnum7 {margin-left: 500%;} | ||
+ | #zornetas2:checked ~ #perazim-derdnum8 {margin-left: 600%;} | ||
+ | #zornetas2:checked ~ #perazim-derdnum9 {margin-left: 700%;} | ||
+ | #zornetas2:checked ~ #perazim-derdnum10 {margin-left: 800%;} | ||
+ | |||
+ | #zornetas3:checked ~ #perazim-derdnum1 {margin-left: -200%} | ||
+ | #zornetas3:checked ~ #perazim-derdnum2 {margin-left: -100%;} | ||
+ | #zornetas3:checked ~ #perazim-derdnum3 {margin-left: 0;} | ||
+ | #zornetas3:checked ~ #perazim-derdnum4 {margin-left: 100%;} | ||
+ | #zornetas3:checked ~ #perazim-derdnum5 {margin-left: 200%;} | ||
+ | #zornetas3:checked ~ #perazim-derdnum6 {margin-left: 300%;} | ||
+ | #zornetas3:checked ~ #perazim-derdnum7 {margin-left: 400%;} | ||
+ | #zornetas3:checked ~ #perazim-derdnum8 {margin-left: 500%;} | ||
+ | #zornetas3:checked ~ #perazim-derdnum9 {margin-left: 600%;} | ||
+ | #zornetas3:checked ~ #perazim-derdnum10 {margin-left: 700%;} | ||
+ | |||
+ | |||
+ | #zornetas4:checked ~ #perazim-derdnum1 {margin-left: -300%;} | ||
+ | #zornetas4:checked ~ #perazim-derdnum2 {margin-left: -200%;} | ||
+ | #zornetas4:checked ~ #perazim-derdnum3 {margin-left: -100%;} | ||
+ | #zornetas4:checked ~ #perazim-derdnum4 {margin-left: 0;} | ||
+ | #zornetas4:checked ~ #perazim-derdnum5 {margin-left: 100%;} | ||
+ | #zornetas4:checked ~ #perazim-derdnum6 {margin-left: 200%;} | ||
+ | #zornetas4:checked ~ #perazim-derdnum7 {margin-left: 300%;} | ||
+ | #zornetas4:checked ~ #perazim-derdnum8 {margin-left: 400%;} | ||
+ | #zornetas4:checked ~ #perazim-derdnum9 {margin-left: 500%;} | ||
+ | #zornetas4:checked ~ #perazim-derdnum10 {margin-left: 600%;} | ||
+ | |||
+ | |||
+ | #zornetas5:checked ~ #perazim-derdnum1 {margin-left: -400%;} | ||
+ | #zornetas5:checked ~ #perazim-derdnum2 {margin-left: -300%;} | ||
+ | #zornetas5:checked ~ #perazim-derdnum3 {margin-left: -200%;} | ||
+ | #zornetas5:checked ~ #perazim-derdnum4 {margin-left: -100%;} | ||
+ | #zornetas5:checked ~ #perazim-derdnum5 {margin-left: 0;} | ||
+ | #zornetas5:checked ~ #perazim-derdnum6 {margin-left: 100%;} | ||
+ | #zornetas5:checked ~ #perazim-derdnum7 {margin-left: 200%;} | ||
+ | #zornetas5:checked ~ #perazim-derdnum8 {margin-left: 300%;} | ||
+ | #zornetas5:checked ~ #perazim-derdnum9 {margin-left: 400%;} | ||
+ | #zornetas5:checked ~ #perazim-derdnum10 {margin-left: 500%;} | ||
+ | |||
+ | |||
+ | #zornetas6:checked ~ #perazim-derdnum1 {margin-left: -500%;} | ||
+ | #zornetas6:checked ~ #perazim-derdnum2 {margin-left: -400%;} | ||
+ | #zornetas6:checked ~ #perazim-derdnum3 {margin-left: -300%;} | ||
+ | #zornetas6:checked ~ #perazim-derdnum4 {margin-left: -200%;} | ||
+ | #zornetas6:checked ~ #perazim-derdnum5 {margin-left: -100%;} | ||
+ | #zornetas6:checked ~ #perazim-derdnum6 {margin-left: 0;} | ||
+ | #zornetas6:checked ~ #perazim-derdnum7 {margin-left: 100%;} | ||
+ | #zornetas6:checked ~ #perazim-derdnum8 {margin-left: 200%;} | ||
+ | #zornetas6:checked ~ #perazim-derdnum9 {margin-left: 300%;} | ||
+ | #zornetas6:checked ~ #perazim-derdnum10 {margin-left: 400%;} | ||
+ | |||
+ | |||
+ | #zornetas7:checked ~ #perazim-derdnum1 {margin-left: -600%;} | ||
+ | #zornetas7:checked ~ #perazim-derdnum2 {margin-left: -500%;} | ||
+ | #zornetas7:checked ~ #perazim-derdnum3 {margin-left: -400%;} | ||
+ | #zornetas7:checked ~ #perazim-derdnum4 {margin-left: -300%;} | ||
+ | #zornetas7:checked ~ #perazim-derdnum5 {margin-left: -200%;} | ||
+ | #zornetas7:checked ~ #perazim-derdnum6 {margin-left: -100%;} | ||
+ | #zornetas7:checked ~ #perazim-derdnum7 {margin-left: 0;} | ||
+ | #zornetas7:checked ~ #perazim-derdnum8 {margin-left: 100%;} | ||
+ | #zornetas7:checked ~ #perazim-derdnum9 {margin-left: 200%;} | ||
+ | #zornetas7:checked ~ #perazim-derdnum10 {margin-left: 300%;} | ||
+ | |||
+ | |||
+ | #zornetas8:checked ~ #perazim-derdnum1 {margin-left: -700%;} | ||
+ | #zornetas8:checked ~ #perazim-derdnum2 {margin-left: -600%;} | ||
+ | #zornetas8:checked ~ #perazim-derdnum3 {margin-left: -500%;} | ||
+ | #zornetas8:checked ~ #perazim-derdnum4 {margin-left: -400%;} | ||
+ | #zornetas8:checked ~ #perazim-derdnum5 {margin-left: -300%;} | ||
+ | #zornetas8:checked ~ #perazim-derdnum6 {margin-left: -200%;} | ||
+ | #zornetas8:checked ~ #perazim-derdnum7 {margin-left: -100%;} | ||
+ | #zornetas8:checked ~ #perazim-derdnum8 {margin-left: 0;} | ||
+ | #zornetas8:checked ~ #perazim-derdnum9 {margin-left: 100%;} | ||
+ | #zornetas8:checked ~ #perazim-derdnum10 {margin-left: 200%;} | ||
+ | |||
+ | |||
+ | #zornetas9:checked ~ #perazim-derdnum1 {margin-left: -800%;} | ||
+ | #zornetas9:checked ~ #perazim-derdnum2 {margin-left: -700%;} | ||
+ | #zornetas9:checked ~ #perazim-derdnum3 {margin-left: -600%;} | ||
+ | #zornetas9:checked ~ #perazim-derdnum4 {margin-left: -500%;} | ||
+ | #zornetas9:checked ~ #perazim-derdnum5 {margin-left: -400%;} | ||
+ | #zornetas9:checked ~ #perazim-derdnum6 {margin-left: -300%;} | ||
+ | #zornetas9:checked ~ #perazim-derdnum7 {margin-left: -200%;} | ||
+ | #zornetas9:checked ~ #perazim-derdnum8 {margin-left: -100%;} | ||
+ | #zornetas9:checked ~ #perazim-derdnum9 {margin-left: 0;} | ||
+ | #zornetas9:checked ~ #perazim-derdnum10 {margin-left: 100%;} | ||
+ | |||
+ | #zornetas10:checked ~ #perazim-derdnum1 {margin-left: -900%;} | ||
+ | #zornetas10:checked ~ #perazim-derdnum2 {margin-left: -800%;} | ||
+ | #zornetas10:checked ~ #perazim-derdnum3 {margin-left: -700%;} | ||
+ | #zornetas10:checked ~ #perazim-derdnum4 {margin-left: -600%;} | ||
+ | #zornetas10:checked ~ #perazim-derdnum5 {margin-left: -500%;} | ||
+ | #zornetas10:checked ~ #perazim-derdnum6 {margin-left: -400%;} | ||
+ | #zornetas10:checked ~ #perazim-derdnum7 {margin-left: -300%;} | ||
+ | #zornetas10:checked ~ #perazim-derdnum8 {margin-left: -200%;} | ||
+ | #zornetas10:checked ~ #perazim-derdnum9 {margin-left: -100%;} | ||
+ | #zornetas10:checked ~ #perazim-derdnum10 {margin-left: 0;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .losaznu-tikartev { | ||
+ | display: inline-block; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | height: 90%; | ||
+ | margin: 0 auto; | ||
+ | width: 100%; | ||
+ | max-width: 1200px; | ||
+ | background-size: cover !important; | ||
+ | background-position: center !important; | ||
+ | transition: 0.6s ease-in-out; | ||
+ | } | ||
+ | #perazim-derdnum1{background: img_container_about;} | ||
+ | #perazim-derdnum2{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_02.png");} | ||
+ | #perazim-derdnum3{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_03.png");} | ||
+ | #perazim-derdnum4{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_04.png");} | ||
+ | #perazim-derdnum5{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_05.png");} | ||
+ | #perazim-derdnum6{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_06.png");} | ||
+ | #perazim-derdnum7{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_07.png");} | ||
+ | #perazim-derdnum8{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_08.png");} | ||
+ | #perazim-derdnum9{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_09.png");} | ||
+ | #perazim-derdnum10{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_10.png");} | ||
+ | |||
+ | .kantengebsa-label { | ||
+ | position: relative; | ||
+ | height: 100%; | ||
+ | width: 22%; | ||
+ | transition: 0.3s ease; | ||
+ | background: rgba(255,255,255,0.65); | ||
+ | opacity: 0; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 69% 35%; | ||
+ | background-position: center; | ||
+ | } | ||
+ | .kantengebsa-label:hover {opacity: 1;} | ||
+ | |||
+ | } | ||
+ | |||
+ | .kantengebsa-button { | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | height: 100%; | ||
+ | width: 8%; | ||
+ | margin: 0 1%; | ||
+ | background: rgba(35, 52, 101, 0.8); | ||
+ | transition: 0.3s ease; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .kantengebsa-button::before { | ||
+ | content: ''; | ||
+ | display: inline-block; | ||
+ | position: absolute; | ||
+ | height: 90%; | ||
+ | width: 90%; | ||
+ | left: 50%; | ||
+ | border: 1px solid black; | ||
+ | transform: translate(-50%, -14%); | ||
+ | opacity: 0; | ||
+ | transition: 0.2s ease; | ||
+ | } | ||
+ | .kantengebsa-button:hover {background: rgba(20,20,20,0.8);} | ||
+ | .kantengebsa-button:hover::before {opacity: 1; height: 130%; width: 110%;} | ||
+ | |||
+ | @media only screen and (max-width: 750px) { | ||
+ | .kantengebsa-button {margin: 0 0.5%} | ||
+ | .kantengebsa {width: 100%; padding-bottom: 84%; height: 0;} | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 650px) { | ||
+ | .kasuseteza-kigezolan::before {bottom: 12%;} | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 550px) { | ||
+ | .kasuseteza-kigezolan::before {bottom: 13%;} | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 450px) { | ||
+ | .kasuseteza-kigezolan::before {bottom: 14%;} | ||
+ | } | ||
+ | </div> |
Версия 16:35, 16 марта 2021
.left {float: left;} .right {float: right;}
.zarukolasxrnsa {
display: block; margin: 0 auto; height: auto; min-height: 100%; width: 100%; max-width: 1200px; background: #FFF; transition: 0.3s ease;
}
.kasuseteza-kigezolan {
display: block; position: relative; height: auto; padding: 50px 0 30px; width: 85%; margin: 0 auto;
}
.kantengebsa {
display: block; position: relative; height: 550px; width: 100%; margin: 0 auto; overflow: hidden;
}
.hidden-input {display: none;}
- zornetas1:checked ~ #perazim-derdnum1 {margin-left: 0;}
- zornetas1:checked ~ #perazim-derdnum2 {margin-left: 100%;}
- zornetas1:checked ~ #perazim-derdnum3 {margin-left: 200%;}
- zornetas1:checked ~ #perazim-derdnum4 {margin-left: 300%;}
- zornetas1:checked ~ #perazim-derdnum5 {margin-left: 400%;}
- zornetas1:checked ~ #perazim-derdnum6 {margin-left: 500%;}
- zornetas1:checked ~ #perazim-derdnum7 {margin-left: 600%;}
- zornetas1:checked ~ #perazim-derdnum8 {margin-left: 700%;}
- zornetas1:checked ~ #perazim-derdnum9 {margin-left: 800%;}
- zornetas1:checked ~ #perazim-derdnum10 {margin-left: 900%;}
- zornetas2:checked ~ #perazim-derdnum1 {margin-left: -100%;}
- zornetas2:checked ~ #perazim-derdnum2 {margin-left: 0;}
- zornetas2:checked ~ #perazim-derdnum3 {margin-left: 100%;}
- zornetas2:checked ~ #perazim-derdnum4 {margin-left: 200%;}
- zornetas2:checked ~ #perazim-derdnum5 {margin-left: 300%;}
- zornetas2:checked ~ #perazim-derdnum6 {margin-left: 400%;}
- zornetas2:checked ~ #perazim-derdnum7 {margin-left: 500%;}
- zornetas2:checked ~ #perazim-derdnum8 {margin-left: 600%;}
- zornetas2:checked ~ #perazim-derdnum9 {margin-left: 700%;}
- zornetas2:checked ~ #perazim-derdnum10 {margin-left: 800%;}
- zornetas3:checked ~ #perazim-derdnum1 {margin-left: -200%}
- zornetas3:checked ~ #perazim-derdnum2 {margin-left: -100%;}
- zornetas3:checked ~ #perazim-derdnum3 {margin-left: 0;}
- zornetas3:checked ~ #perazim-derdnum4 {margin-left: 100%;}
- zornetas3:checked ~ #perazim-derdnum5 {margin-left: 200%;}
- zornetas3:checked ~ #perazim-derdnum6 {margin-left: 300%;}
- zornetas3:checked ~ #perazim-derdnum7 {margin-left: 400%;}
- zornetas3:checked ~ #perazim-derdnum8 {margin-left: 500%;}
- zornetas3:checked ~ #perazim-derdnum9 {margin-left: 600%;}
- zornetas3:checked ~ #perazim-derdnum10 {margin-left: 700%;}
- zornetas4:checked ~ #perazim-derdnum1 {margin-left: -300%;}
- zornetas4:checked ~ #perazim-derdnum2 {margin-left: -200%;}
- zornetas4:checked ~ #perazim-derdnum3 {margin-left: -100%;}
- zornetas4:checked ~ #perazim-derdnum4 {margin-left: 0;}
- zornetas4:checked ~ #perazim-derdnum5 {margin-left: 100%;}
- zornetas4:checked ~ #perazim-derdnum6 {margin-left: 200%;}
- zornetas4:checked ~ #perazim-derdnum7 {margin-left: 300%;}
- zornetas4:checked ~ #perazim-derdnum8 {margin-left: 400%;}
- zornetas4:checked ~ #perazim-derdnum9 {margin-left: 500%;}
- zornetas4:checked ~ #perazim-derdnum10 {margin-left: 600%;}
- zornetas5:checked ~ #perazim-derdnum1 {margin-left: -400%;}
- zornetas5:checked ~ #perazim-derdnum2 {margin-left: -300%;}
- zornetas5:checked ~ #perazim-derdnum3 {margin-left: -200%;}
- zornetas5:checked ~ #perazim-derdnum4 {margin-left: -100%;}
- zornetas5:checked ~ #perazim-derdnum5 {margin-left: 0;}
- zornetas5:checked ~ #perazim-derdnum6 {margin-left: 100%;}
- zornetas5:checked ~ #perazim-derdnum7 {margin-left: 200%;}
- zornetas5:checked ~ #perazim-derdnum8 {margin-left: 300%;}
- zornetas5:checked ~ #perazim-derdnum9 {margin-left: 400%;}
- zornetas5:checked ~ #perazim-derdnum10 {margin-left: 500%;}
- zornetas6:checked ~ #perazim-derdnum1 {margin-left: -500%;}
- zornetas6:checked ~ #perazim-derdnum2 {margin-left: -400%;}
- zornetas6:checked ~ #perazim-derdnum3 {margin-left: -300%;}
- zornetas6:checked ~ #perazim-derdnum4 {margin-left: -200%;}
- zornetas6:checked ~ #perazim-derdnum5 {margin-left: -100%;}
- zornetas6:checked ~ #perazim-derdnum6 {margin-left: 0;}
- zornetas6:checked ~ #perazim-derdnum7 {margin-left: 100%;}
- zornetas6:checked ~ #perazim-derdnum8 {margin-left: 200%;}
- zornetas6:checked ~ #perazim-derdnum9 {margin-left: 300%;}
- zornetas6:checked ~ #perazim-derdnum10 {margin-left: 400%;}
- zornetas7:checked ~ #perazim-derdnum1 {margin-left: -600%;}
- zornetas7:checked ~ #perazim-derdnum2 {margin-left: -500%;}
- zornetas7:checked ~ #perazim-derdnum3 {margin-left: -400%;}
- zornetas7:checked ~ #perazim-derdnum4 {margin-left: -300%;}
- zornetas7:checked ~ #perazim-derdnum5 {margin-left: -200%;}
- zornetas7:checked ~ #perazim-derdnum6 {margin-left: -100%;}
- zornetas7:checked ~ #perazim-derdnum7 {margin-left: 0;}
- zornetas7:checked ~ #perazim-derdnum8 {margin-left: 100%;}
- zornetas7:checked ~ #perazim-derdnum9 {margin-left: 200%;}
- zornetas7:checked ~ #perazim-derdnum10 {margin-left: 300%;}
- zornetas8:checked ~ #perazim-derdnum1 {margin-left: -700%;}
- zornetas8:checked ~ #perazim-derdnum2 {margin-left: -600%;}
- zornetas8:checked ~ #perazim-derdnum3 {margin-left: -500%;}
- zornetas8:checked ~ #perazim-derdnum4 {margin-left: -400%;}
- zornetas8:checked ~ #perazim-derdnum5 {margin-left: -300%;}
- zornetas8:checked ~ #perazim-derdnum6 {margin-left: -200%;}
- zornetas8:checked ~ #perazim-derdnum7 {margin-left: -100%;}
- zornetas8:checked ~ #perazim-derdnum8 {margin-left: 0;}
- zornetas8:checked ~ #perazim-derdnum9 {margin-left: 100%;}
- zornetas8:checked ~ #perazim-derdnum10 {margin-left: 200%;}
- zornetas9:checked ~ #perazim-derdnum1 {margin-left: -800%;}
- zornetas9:checked ~ #perazim-derdnum2 {margin-left: -700%;}
- zornetas9:checked ~ #perazim-derdnum3 {margin-left: -600%;}
- zornetas9:checked ~ #perazim-derdnum4 {margin-left: -500%;}
- zornetas9:checked ~ #perazim-derdnum5 {margin-left: -400%;}
- zornetas9:checked ~ #perazim-derdnum6 {margin-left: -300%;}
- zornetas9:checked ~ #perazim-derdnum7 {margin-left: -200%;}
- zornetas9:checked ~ #perazim-derdnum8 {margin-left: -100%;}
- zornetas9:checked ~ #perazim-derdnum9 {margin-left: 0;}
- zornetas9:checked ~ #perazim-derdnum10 {margin-left: 100%;}
- zornetas10:checked ~ #perazim-derdnum1 {margin-left: -900%;}
- zornetas10:checked ~ #perazim-derdnum2 {margin-left: -800%;}
- zornetas10:checked ~ #perazim-derdnum3 {margin-left: -700%;}
- zornetas10:checked ~ #perazim-derdnum4 {margin-left: -600%;}
- zornetas10:checked ~ #perazim-derdnum5 {margin-left: -500%;}
- zornetas10:checked ~ #perazim-derdnum6 {margin-left: -400%;}
- zornetas10:checked ~ #perazim-derdnum7 {margin-left: -300%;}
- zornetas10:checked ~ #perazim-derdnum8 {margin-left: -200%;}
- zornetas10:checked ~ #perazim-derdnum9 {margin-left: -100%;}
- zornetas10:checked ~ #perazim-derdnum10 {margin-left: 0;}
.losaznu-tikartev {
display: inline-block; position: absolute; left: 0; height: 90%; margin: 0 auto; width: 100%; max-width: 1200px; background-size: cover !important; background-position: center !important; transition: 0.6s ease-in-out;
}
- perazim-derdnum1{background: img_container_about;}
- perazim-derdnum2{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_02.png");}
- perazim-derdnum3{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_03.png");}
- perazim-derdnum4{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_04.png");}
- perazim-derdnum5{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_05.png");}
- perazim-derdnum6{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_06.png");}
- perazim-derdnum7{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_07.png");}
- perazim-derdnum8{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_08.png");}
- perazim-derdnum9{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_09.png");}
- perazim-derdnum10{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_10.png");}
.kantengebsa-label {
position: relative; height: 100%; width: 22%; transition: 0.3s ease; background: rgba(255,255,255,0.65); opacity: 0; background-repeat: no-repeat; background-size: 69% 35%; background-position: center;
} .kantengebsa-label:hover {opacity: 1;}
}
.kantengebsa-button {
display: inline-block; position: relative; height: 100%; width: 8%; margin: 0 1%; background: rgba(35, 52, 101, 0.8); transition: 0.3s ease; cursor: pointer;
} .kantengebsa-button::before {
content: ; display: inline-block; position: absolute; height: 90%; width: 90%; left: 50%; border: 1px solid black; transform: translate(-50%, -14%); opacity: 0; transition: 0.2s ease;
} .kantengebsa-button:hover {background: rgba(20,20,20,0.8);} .kantengebsa-button:hover::before {opacity: 1; height: 130%; width: 110%;}
@media only screen and (max-width: 750px) {
.kantengebsa-button {margin: 0 0.5%} .kantengebsa {width: 100%; padding-bottom: 84%; height: 0;}
}
@media only screen and (max-width: 650px) {
.kasuseteza-kigezolan::before {bottom: 12%;}
}
@media only screen and (max-width: 550px) {
.kasuseteza-kigezolan::before {bottom: 13%;}
}
@media only screen and (max-width: 450px) {
.kasuseteza-kigezolan::before {bottom: 14%;}
}