Skip to content

T
taskonsite-архив-перенесен
Commit 6cbfc2f3 authored by Ruslan Karimov's avatar Ruslan Karimov
Browse files
Options

#2498. Размещение кейса

parent c4701834
Hide whitespace changes
Inline Side-by-side
Showing with 1328 additions and 0 deletions
frontend/views/layouts/foot.php
View file @ 6cbfc2f3
......@@ -33,4 +33,5 @@
<?php // $this->registerJsFile('/plugins/fusioncharts-suite-xt/js/fusioncharts.js', ['position' => yii\web\View::POS_END ]);?>
<?php $this->registerJsFile('/js/custom.js', ['position' => yii\web\View::POS_END ]);?>
<?php $this->registerJsFile('/js/case-api.js', ['position' => yii\web\View::POS_END ]);?>
<?php endif; ?>
\ No newline at end of file
frontend/views/layouts/head.php
View file @ 6cbfc2f3
......@@ -54,5 +54,6 @@ endif;?>
<?php $this->registerCssFile('/css/main-v1.css');?>
<?php $this->registerCssFile('/css/main-v2.css');?>
<?php $this->registerCssFile('/css/style_26.11.2018.css');?>
<?php $this->registerCssFile('/css/style_30.11.2018.css');?>
<?php Yii::$app->view->registerAssetFiles('/') ?>
frontend/web/css/style_30.11.2018.css 0 → 100644
View file @ 6cbfc2f3
.appl_par_api{
top: -20px;
left: 10px;
position: relative;
z-index: 3;
}
.appl_par_api img {
max-width: 100%;
height: auto;
}
.appl_p_api {
position: absolute;
z-index: 4;
background-repeat: no-repeat;
background-position: center center;
transform: translate(0%, 0%) !important;
}
.appl_p1_api{
width: 240px;
height: 231px;
top: 90px;
left: 60px;
}
.appl_p2_api{
width: 215px;
height: 219px;
top: 533px;
left: 225px;
}
.appl_p3_api{
width: 220px;
height: 248px;
top: -29px;
right:0px;
}
.appl_p4_api{
width: 228px;
height: 228px;
top: 352px;
right: 202px;
}
.keys_appl_top_api{
background: #444950 url(../img/api_bg.jpg) 0 0 repeat;
height: auto;
}
.keys_appl_top_api a.toggle_bottom{
top: 240px;
}
.txt_top_box{
padding-top: 90px;
}
.txt_top_box h4{
font-size: 26px;
line-height: 35px;
font-weight: 200;
color: #9bcb59;
margin-bottom: 10px;
}
.txt_top_box p{
font-size: 16px;
line-height: 26px;
}
.appl_how_works_api{
top: 0;
padding-top: 100px;
/* margin-bottom: 40px; */
margin-top: -70px;
}
.appl_list_api li{
font-family: "RobotoRegular";
background: none;
position: relative;
padding-left: 20px;
font-size: 17px;
line-height: 35px;
margin-bottom: 0;
}
.appl_list_api li::before{
content: '';
position: absolute;
top: 15px;
left: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #2d323a;
}
.api_items_wrap{
padding-top: 50px;
margin-bottom: 50px;
}
.api_item{
max-width: 240px;
text-align: center;
margin: 0 auto;
}
.api_item p{
font-size: 18px;
line-height: 26px;
font-weight: bold;
color: #282828;
}
.api_item_img{
min-height: 80px;
}
.mb_60{
margin-bottom: 60px;
}
.mb_30{
margin-bottom: 30px;
}
.arrow{
position: relative;
}
.arrow::before{
content: '';
position: absolute;
background-position: center;
background-size: cover;
}
.arrow_1::before{
background: url(../img/arrow_1.png) no-repeat;
width: 90px;
height: 63px;
bottom: -110px;
right: -40px;
}
.arrow_2::before{
background: url(../img/arrow_2.png) no-repeat;
width: 20px;
height: 35px;
bottom: -50px;
right: 50%;
transform: translateX(50%);
}
.arrow_3::before{
background: url(../img/arrow_3.png) no-repeat;
width: 90px;
height: 63px;
bottom: -135px;
left: -40px;
}
.arrow_4::before{
background: url(../img/arrow_4.png) no-repeat;
width: 190px;
height: 65px;
bottom: -100px;
right: 50%;
transform: translateX(50%);
}
.appl_api_section{
padding-bottom: 45px;
background-color: #fff;
color: #282828;
}
.appl_api_section_first{
padding-top: 70px;
}
.appl_api_section p{
font-size: 16px;
line-height: 28px;
}
.appl_api_section p:not(:last-child){
margin-bottom: 30px;
}
/* .appl_api_section:first-child{
margin-top: -62px;
} */
.api_title1{
font-size: 20px;
line-height: 30px;
font-weight: bold;
margin-bottom: 20px;
}
.api_list{
margin-bottom: 40px;
}
.api_list li{
font-size: 16px;
line-height: 20px;
position: relative;
padding-left: 30px;
}
.api_list li::before{
content: '';
position: absolute;
top: 7px;
left: 15px;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #7bab38;
}
.api_list li:not(:last-child){
margin-bottom: 10px;
}
.api_title2{
font-size: 32px;
line-height: 36px;
font-weight: bold;
margin-bottom: 20px;
}
.api_title2 span {
font-size: 24px;
font-weight: normal;
}
.q_box{
padding: 30px 60px 35px 30px;
border: 3px solid #cadcb0;
position: relative;
}
.q_box::before{
content: '';
position: absolute;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 50px;
background: url(../img/q_img.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.q_box p{
font-style: italic;
}
.api_img_box img{
max-width: 100%;
height: auto;
}
.api_img_box:not(:last-child){
margin-bottom: 30px;
}
.api_title3{
display: inline-block;
font-size: 26px;
line-height: 33px;
font-weight: bold;
color: #fff;
padding: 10px 25px;
background-color: #2d323a;
margin-bottom: 30px;
}
.api_img_wr {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 20px;
}
.api_img_wr img {
width: 100%;
height: auto;
}
.api_img_center {
text-align: center;
margin-bottom: 30px;
}
.api_img_center img {
max-width: 100%;
height: auto;
}
.api_list {
margin-bottom: 50px;
}
.api_list li {
color: #282828;
font-size: 16px;
line-height: 20px;
padding-bottom: 5px;
padding-left: 16px;
position: relative;
}
.api_list li:before {
content: '';
position: absolute;
top: 8px;
left: 0;
background-color: #7bab38;
width: 5px;
height: 5px;
border-radius: 100%;
}
.api_more_inf {
border: 3px solid #7bab38;
margin-bottom: 60px;
padding: 50px 60px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
}
.api_img_more_inf {
margin-top: -72px;
margin-bottom: -100px;
position: relative;
padding-right: 40px;
}
.api_img_more_inf img {
position: relative;
z-index: 5;
}
.api_img_more_inf:before {
content: '';
position: absolute;
width: 105px;
left: 45px;
top: 0;
bottom: 50%;
background-color: #ffffff;
z-index: 2;
}
.api_img_more_inf:after {
content: '';
position: absolute;
width: 235px;
right: -26px;
top: 50%;
bottom: 0;
background-color: #ffffff;
z-index: 2;
}
.img_list_wrap{
position: relative;
text-align: right;
counter-reset: myCounter2;
}
.img_list{
counter-reset: myCounter;
}
.img_list span:before{
counter-increment: myCounter2;
content: counter(myCounter2) ".";
/* width: 100%;
height: 100%; */
font-size: 16px;
line-height: 20px;
font-weight: bold;
/*position: absolute;*/
top: 0;
left: 0;
padding-right: 5px;
display: none;
}
.img_list li{
font-size: 16px;
line-height: 20px;
font-weight: bold;
position: absolute;
width: 170px;
/*padding-left: 15px;*/
}
.img_list li:before {
counter-increment: myCounter;
content: counter(myCounter);
/* width: 100%;
height: 100%; */
font-size: 10px;
line-height: 20px;
font-weight: bold;
/*position: absolute;*/
padding-right: 0px;
top: 0;
left: 0;
display: none;
}
.img_list_resp_box {
padding-left: 20px;
display: none;
margin-bottom: 30px;
}
.img_list_resp_box li {
font-size: 16px;
line-height: 20px;
margin-bottom: 5px;
text-align: left;
list-style-type: decimal;
width:100% !important;
}
.img_list_wrap0 {
padding-bottom: 80px;
}
.img_list_wrap0 li{
top: 120px;
text-align: center;
font-weight: normal;
}
.img_list_wrap0 .note1{
left: 270px;
width:80px
}
.img_list_wrap0 .note2{
left: 352px;
width: 80px;
}
.img_list_wrap0 .note3{
left: 655px;
width: 80px;
}
.img_list_wrap1 li{
left: -30px;
}
.img_list_wrap1 .note1{
top: 195px;
}
.img_list_wrap1 .note2{
top: 235px;
}
.img_list_wrap1 .note3{
top: 295px;
}
.img_list_wrap1 .note4{
top: 375px;
}
.img_list_wrap1 .note5{
top: 695px;
}
.img_list_wrap1 .note6{
top: 1655px;
}
.img_list_wrap1 .note7{
top: 1895px;
}
.al_center{
text-align: center;
}
.img_list_wrap2 li{
width: 105px;
}
.img_list_wrap2 .note1{
top: 198px;
left: 0;
}
.img_list_wrap2 .note2{
top: 278px;
left: 0;
}
.img_list_wrap2 .note3{
top: 358px;
left: 0;
}
.img_list_wrap2 .note4{
top: 218px;
right: 30px;
width: 155px;
text-align: left;
}
.img_list_wrap3 .note1{
top: 295px;
left: -30px;
}
.img_list_wrap4 .note1{
top: 225px;
left: -30px;
}
.img_list_wrap4 .note2{
top: 275px;
left: -30px;
}
.img_list_wrap4 .note3{
top: 255px;
right: 70px;
width: 180px;
}
.img_list_wrap5 .note1{
top: 355px;
left: -30px;
}
.img_list_wrap5 .note2{
top: 455px;
left: -30px;
}
.img_list_wrap5 .note3{
top: 535px;
left: -30px;
}
.img_list_wrap5 .note4{
top: 597px;
left: -30px;
}
.img_list_wrap6 .note1{
top: 217px;
left: -30px;
}
.img_list_wrap6 .note2{
top: 257px;
left: -30px;
}
.img_list_wrap6 .note3{
top: 317px;
left: -30px;
}
.img_list_wrap6 .note4{
top: 396px;
left: -30px;
}
.img_list_wrap6 .note5{
top: 438px;
left: -30px;
}
.img_list_wrap6 .note6{
width: 180px;
top: 295px;
right: 10px;
text-align: left;
}
.img_list_wrap6 .note7{
width: 180px;
top: 395px;
right: 10px;
text-align: left;
}
.img_list_wrap6 .note8{
width: 180px;
top: 457px;
right: 10px;
text-align: left;
}
.img_list_wrap7 .note1{
top: 216px;
left: -30px;
}
.img_list_wrap7 .note2{
top: 257px;
left: -30px;
}
.img_list_wrap7 .note3{
top: 389px;
left: -30px;
}
.img_list_wrap7 .note4{
top: 431px;
left: -30px;
}
.img_list_wrap7 .note5{
width: 200px;
top: 415px;
right: -8px;
text-align: left;
}
.img_list_wrap8 .note1{
top: 195px;
width: 130px;
}
.img_list_wrap8 .note2{
/*width: 200px; */
top: 216px;
right: 0;
text-align: left;
}
.img_list_wrap8 .note3{
top: 296px;
width: 130px;
}
.img_list_wrap8 .note4{
top: 1279px;
width: 140px;
left: -10px;
}
.img_list_wrap8 .note5{
top: 1338px;
width: 130px;
}
.img_list_wrap8 .note6{
top: 1416px;
width: 130px;
}
.img_list_wrap8 .note7{
top: 1436px;
right: 0;
text-align: left;
width: 180px;
}
.img_list_wrap8 .note8{
top: 1476px;
width: 130px;
}
.img_list_wrap8 .note9{
text-align: left;
width: 180px;
top: 1497px;
right: 0;
}
.img_list_wrap9 .api_img_box {
text-align: center;
padding-top: 90px;
margin-bottom: 20px;
}
.img_list_blue li {
font-size: 14px;
color: #ffffff;
padding: 10px 15px;
background: rgba(87, 128, 146, 0.95);
width: 220px;
text-align: left;
}
.img_list_wrap9 .note1{
top: 30px;
left: 80px;
width: 320px;
}
.img_list_wrap9 .note2{
width: 250px;
top: 30px;
right: 110px;
text-align: left;
}
.img_list_wrap9 .note3{
top: 276px;
left: 0px;
width: 240px;
}
.img_list_wrap9 .note4{
top: 428px;
width: 228px;
left: 180px;
}
.img_list_wrap9 .note5{
top: 508px;
width: 195px;
left: 430px;
}
.img_list_wrap9 .note6{
top: 440px;
width: 168px;
left: 566px;
}
.img_list_wrap9 .note7{
top: 521px;
width: 168px;
left: 678px;
}
.img_list_wrap9 .note8{
top: 440px;
width: 145px;
right: 0px;
}
.img_list_wrap10 li {
font-size: 16px;
}
.img_list_wrap10 .api_img_box {
text-align: center;
margin-bottom: 20px;
}
.img_list_wrap10 .note1{
top: 474px;
left: 20px;
width: 362px;
}
.img_list_wrap10 .note2{
width: 275px;
top: 690px;
right: 0px;
text-align: left;
}
.img_list_wrap10 .note3{
top: 720px;
left: -10px;
width: 405px;
}
.img_list_wrap10 .note4{
top: 1080px;
width: 300px;
right: 0px;
}
.img_list_wrap11 li {
font-size: 14px;
text-align: left;
}
.img_list_wrap11 .api_img_box {
text-align: center;
margin-bottom: 10px;
padding-top: 120px;
}
.img_list_wrap11 .note1{
bottom: 649px;
left: 40px;
width: 150px;
}
.img_list_wrap11 .note2{
width: 150px;
bottom: 649px;
left: 260px;
}
.img_list_wrap11 .note3{
bottom: 649px;
left: 433px;
width: 140px;
}
.img_list_wrap11 .note4{
bottom: 649px;
width: 150px;
left: 630px;
}
.img_list_wrap11 .note5{
width: 205px;
bottom: 333px;
left: 0px;
}
.img_list_wrap11 .note6{
top: 430px;
left: 370px;
width: 215px;
}
.img_list_wrap11 .note7{
width: 180px;
bottom: 305px;
right: 0px;
}
.img_list_wrap12 {
text-align: left;
}
.img_list_wrap12 .img_list li {
text-align: left;
width: 225px;
}
.img_list_wrap12 .note1{
top: 90px;
right: 35px;
}
.img_list_wrap12 .note2{
top: 130px;
right: 35px;
}
.img_list_wrap12 .note3{
top: 172px;
right: 35px;
}
.img_list_wrap12 .note4{
top: 310px;
right: 35px;
}
.img_list_wrap12 .note5{
top: 475px;
right: 35px;
}
.img_list_wrap12 .note6{
top: 765px;
right: 35px;
}
.img_list_wrap12 .note7{
top: 1169px;
right: 35px;
}
.img_list_wrap12 .note8{
top: 1314px;
right: 35px;
}
.img_list_wrap13 li {
text-align: left;
}
.img_list_wrap13 .api_img_box {
text-align: center;
margin-bottom: 20px;
padding-top: 5px;
}
.img_list_wrap13 .note1{
top: 0px;
left: 320px;
width: 200px;
}
.img_list_wrap13 .note2{
width: 200px;
bottom: -5px;
left: 300px;
}
@media only screen and (max-width: 1800px) {
.appl_p1_api{
top: 90px;
left: -60px;
}
.appl_p2_api{
top: 533px;
left: 5px;
}
.appl_p3_api{
top: -29px;
right:-50px;
}
.appl_p4_api{
top: 352px;
right: 2px;
}
}
@media only screen and (max-width: 1300px) {
.appl_p_api {
display: none;
}
}
@media only screen and (max-width: 970px) {
.txt_top_box {
padding-top: 40px;
}
.keys_appl_top_api a.toggle_bottom {
top: 200px;
}
.api_more_inf {
padding: 40px 30px;
}
.api_img_more_inf {
padding-right: 0;
width: 290px;
}
.api_img_more_inf img {
width:100%;
height: auto;
}
.img_list_wrap0 li {
top: 100px;
}
.img_list_wrap0 .note1{
left: 192px;
}
.img_list_wrap0 .note2{
left: 268px;
}
.img_list_wrap0 .note3{
left: 490px;
}
.img_list_wrap1 img,
.img_list_wrap3 img,
.img_list_wrap5 img,
.img_list_wrap6 img,
.img_list_wrap7 img,
.img_list_wrap8 img{
width: 84%
}
.img_list_wrap1 .img_list,
.img_list_wrap3 .img_list,
.img_list_wrap5 .img_list,
.img_list_wrap6 .img_list,
.img_list_wrap7 .img_list,
.img_list_wrap8 .img_list {
zoom: 0.765;
}
.img_list_wrap2 img {
width: 77%
}
.img_list_wrap2 .img_list{
zoom: 0.765;
}
.img_list_wrap4 img,
.img_list_wrap4 img,
.img_list_wrap4 img {
width: 83%
}
.img_list_wrap4 .img_list,
.img_list_wrap4 .img_list,
.img_list_wrap4 .img_list {
zoom: 0.765;
}
.img_list_wrap4 .note1 {
top: 233px;
left: -30px;
}
.img_list_wrap9 .api_img_box {
padding-top: 60px;
}
.img_list_wrap9 img {
width: 100%
}
.img_list_wrap9 .img_list{
zoom: 0.81;
}
.img_list_wrap10 img {
width: 100%
}
.img_list_wrap10 .img_list{
zoom: 0.80;
}
.img_list_wrap11 img {
width: 77%
}
.img_list_wrap11 .img_list{
zoom: 0.765;
}
.img_list_wrap11 .api_img_box {
padding-top: 60px;
}
.img_list_wrap11 .note1,
.img_list_wrap11 .note2,
.img_list_wrap11 .note3,
.img_list_wrap11 .note4 {
bottom: 560px;
}
.img_list_wrap11 .note5 {
bottom: 290px;
}
.img_list_wrap11 .note6 {
top: 345px;
}
.img_list_wrap11 .note7 {
bottom: 268px;
right: 34px;
}
.img_list_wrap12 img {
width: 70.8%
}
.img_list_wrap12 .img_list{
zoom: 0.765;
}
.img_list_wrap13 .note1 {
left: 205px;
}
.img_list_wrap13 .note2 {
left: 190px;
}
}
@media only screen and (max-width: 768px) {
.txt_top_box {
padding-top: 0px;
}
.appl_par_api {
position: static;
padding-top: 20px;
}
.keys_appl_top_api a.toggle_bottom {
top: 200px;
}
.appl_how_works_api{
padding-top: 50px;
margin-top: 0px;
}
.arrow_4::before {
background-size: 100% 100%;
width: 130px;
height: 55px;
bottom: -80px;
}
.img_list li:before {
display: block;
}
.img_list_resp_box {
display: block;
}
.api_img_box img {
width: 100%
}
.img_list li {
font-size: 0;
width:20px !important;
}
.img_list li span {
display: none;
}
.img_list li:before {
font-size: 24px;
}
.img_list_wrap .img_list {
zoom: 0.55;
}
.img_list_wrap .img_list li {
width: 20px;
left: 10px;
margin-top: -10px;
}
.img_list_wrap0 {
padding-bottom: 0px;
}
.img_list_wrap0 li {
text-align: left;
}
.img_list_wrap0 .img_list {
zoom: 0.6;
}
.img_list_wrap0 .img_list .note1{
left: 222px;
}
.img_list_wrap0 .img_list .note2{
left: 288px;
}
.img_list_wrap0 .img_list .note3{
left: 510px;
}
.img_list_wrap1 .img_list li {
margin-top: -15px;
}
.img_list_wrap1 .img_list {
zoom: 0.531;
}
.img_list_wrap2 .img_list {
zoom: 0.57;
}
.img_list_wrap2 .img_list li {
margin-top: -10px;
}
.img_list_wrap2 .img_list .note4 {
right: 100px;
left: auto;
}
.img_list_wrap3 .note1 {
top: 280px;
left: 10px;
}
.img_list_wrap4 .img_list .note3 {
right: 260px;
left: auto;
}
.img_list_wrap4 .img_list li {
margin-top: -20px;
}
.img_list_wrap5 .img_list li {
margin-top: -25px;
}
.img_list_wrap5 .img_list {
zoom: 0.54;
}
.img_list_wrap6 .img_list .note6,
.img_list_wrap6 .img_list .note7,
.img_list_wrap6 .img_list .note8 {
right: 210px;
left: auto;
}
.img_list_wrap6 .img_list li {
margin-top: -20px;
}
.img_list_wrap6 .img_list {
zoom: 0.54;
}
.img_list_wrap6 .img_list .note7 {
top: 410px;
}
.img_list_wrap7 .img_list .note5 {
right: 210px;
left: auto;
}
.img_list_wrap7 .img_list li {
margin-top: -18px;
}
.img_list_wrap7 .img_list {
zoom: 0.54;
}
.img_list_wrap8 .img_list .note2,
.img_list_wrap8 .img_list .note7,
.img_list_wrap8 .img_list .note9 {
right: 200px;
left: auto;
}
.img_list_wrap8 .img_list li {
margin-top: -18px;
}
.img_list_wrap8 .img_list {
zoom: 0.542;
}
.img_list_wrap8 .img_list .note5,
.img_list_wrap8 .img_list .note8,
.img_list_wrap8 .img_list .note9 {
margin-top: -39px;
}
.img_list_wrap9 .api_img_box {
padding-top: 35px;
}
.img_list_wrap9 .img_list li {
width: 45px !important;
height: 45px;
left: 10px;
margin-top: -10px;
}
.img_list_wrap9 .img_list .note1 {
top: 30px;
left: 220px;
}
.img_list_wrap9 .img_list .note2 {
top: 30px;
left: 610px;
}
.img_list_wrap9 .img_list .note3 {
top: 265px;
left: -12px;
}
.img_list_wrap9 .img_list .note4 {
top: 375px;
left: 262px;
}
.img_list_wrap9 .img_list .note5 {
top: 410px;
left: 426px;
}
.img_list_wrap9 .img_list .note6 {
top: 375px;
left: 570px;
}
.img_list_wrap9 .img_list .note7 {
top: 430px;
left: 625px;
}
.img_list_wrap9 .img_list .note8 {
top: 375px;
left: 682px;
}
.img_list_wrap10 .img_list li {
width: 45px !important;
height: 45px;
left: 10px;
margin-top: -10px;
}
.img_list_wrap10 .img_list .note1 {
top: 435px;
left: 124px;
}
.img_list_wrap10 .img_list .note2 {
top: 620px;
left: 700px;
}
.img_list_wrap10 .img_list .note3 {
top: 655px;
left: -22px;
}
.img_list_wrap10 .img_list .note4 {
top: 955px;
left: 700px;
}
.img_list_wrap11 .api_img_box {
padding-top: 35px;
}
.img_list_wrap11 .img_list li {
margin-top: 0px;
}
.img_list_wrap11 .img_list .note1 {
top: 30px;
left: 48px;
}
.img_list_wrap11 .img_list .note2 {
top: 30px;
left: 235px;
}
.img_list_wrap11 .img_list .note3 {
top: 30px;
left: 400px;
}
.img_list_wrap11 .img_list .note4 {
top: 30px;
left: 572px;
}
.img_list_wrap11 .img_list .note5 {
top: 320px;
left: 6px;
}
.img_list_wrap11 .img_list .note6 {
top: 345px;
left: 310px;
}
.img_list_wrap11 .img_list .note7 {
top: 335px;
left: 678px;
}
.img_list_wrap12 .img_list li {
right: 10px;
left: auto;
}
.img_list_wrap12 .img_list li {
margin-top: -18px;
}
.img_list_wrap12 .img_list {
zoom: 0.63;
}
.img_list_wrap13 .img_list li {
left: 68px;
}
.img_list_wrap13 .img_list .note2 {
bottom: 78px;
}
.api_more_inf {
display: block;
}
.api_img_more_inf {
margin-top: 25px;
}
}
@media only screen and (max-width: 480px) {
.arrow::before,
.api_item::before {
content: '';
position: absolute;
background: url(../img/arrow_2.png) no-repeat;
width: 20px;
height: 35px;
bottom: -50px;
right: 50%;
left: auto;
transform: translateX(50%);
}
.arrow_none::before {
display: none !important;
}
.api_item {
margin-bottom: 70px;
}
.q_box {
padding: 20px 10px 35px 10px;
}
.img_list_wrap {
width: 320px;
margin:0 auto;
}
.img_list_wrap0 .img_list {
zoom: 0.456;
}
.img_list_wrap1 .img_list {
zoom: 0.4048;
}
.img_list_wrap2 .img_list {
zoom: 0.44;
}
.img_list_wrap3 .img_list {
zoom: 0.42;
}
.img_list_wrap4 .img_list {
zoom: 0.42;
}
.img_list_wrap5 .img_list {
zoom: 0.415;
}
.img_list_wrap6 .img_list {
zoom: 0.415;
}
.img_list_wrap7 .img_list {
zoom: 0.415;
}
.img_list_wrap8 .img_list {
zoom: 0.412;
}
.img_list_wrap9 .img_list {
zoom: 0.42;
}
.img_list_wrap9 .api_img_box {
padding-top: 25px;
}
.img_list_wrap10 .img_list {
zoom: 0.42;
}
.img_list_wrap11 .api_img_box {
padding-top: 28px;
}
.img_list_wrap11 .img_list {
zoom: 0.42;
}
.img_list_wrap12 .img_list {
zoom: 0.48;
}
.img_list_wrap13 .img_list li {
left: 53px;
}
}
\ No newline at end of file
frontend/web/js/case-api.js 0 → 100644
View file @ 6cbfc2f3
$( document ).ready(function() {
$(".appl_api_section .img_list_wrap").each(function(index,el){
var id = $(el).attr("id");
$("#" + id).find(".img_list").after("<ul class='img_list_resp_box'></ul>");
$("#" + id).find(".img_list_resp_box").append($("#" + id).find(".img_list").html());
});
});
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

task-on.com - ООО "Арт Проект"