543 lines
14 KiB
PHP
543 lines
14 KiB
PHP
|
<!--[ad/ad-app]-->
|
||
|
|
<style>
|
||
|
|
|
||
|
|
.cell__promo.show .ad__close__anim-one {
|
||
|
|
-webkit-animation-name: playprofile;
|
||
|
|
animation-name: playprofile;
|
||
|
|
z-index: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
.cell__promo.show .ad__close__anim-two {
|
||
|
|
-webkit-animation-name: playprofile;
|
||
|
|
animation-name: playprofile;
|
||
|
|
z-index: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
.cell__promo.show .ad__close__anim-three {
|
||
|
|
-webkit-animation-name: playprofile;
|
||
|
|
animation-name: playprofile;
|
||
|
|
z-index: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
.ad__close {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
height: 70px;
|
||
|
|
background: -webkit-gradient(linear,left top,left bottom,from(#292a2d),to(#46474a));
|
||
|
|
background: linear-gradient(#292a2d,#46474a);
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-webkit-box-pack: center;
|
||
|
|
-webkit-justify-content: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content: center;
|
||
|
|
position: relative;
|
||
|
|
padding-bottom: 5px;
|
||
|
|
color: #fff;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 17px;
|
||
|
|
line-height: 1.1;
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
-webkit-flex: 1;
|
||
|
|
-ms-flex: 1;
|
||
|
|
flex: 1;
|
||
|
|
overflow: hidden;
|
||
|
|
z-index: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
.ad__close__anim-one {
|
||
|
|
-webkit-animation-delay: -2s;
|
||
|
|
animation-delay: -2s;
|
||
|
|
-webkit-animation-duration: 8s;
|
||
|
|
animation-duration: 8s;
|
||
|
|
-webkit-animation-iteration-count: infinite;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
z-index: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
.ad__close__anim-two {
|
||
|
|
-webkit-animation-delay: .7s;
|
||
|
|
animation-delay: .7s;
|
||
|
|
-webkit-animation-duration: 8s;
|
||
|
|
animation-duration: 8s;
|
||
|
|
-webkit-animation-iteration-count: infinite;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
z-index: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
.ad__close__anim-three {
|
||
|
|
-webkit-animation-delay: 3.4s;
|
||
|
|
animation-delay: 3.4s;
|
||
|
|
-webkit-animation-duration: 8s;
|
||
|
|
animation-duration: 8s;
|
||
|
|
-webkit-animation-iteration-count: infinite;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
z-index: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
.ad__close__body {
|
||
|
|
position: absolute;
|
||
|
|
display: -webkit-inline-box;
|
||
|
|
display: -webkit-inline-flex;
|
||
|
|
display: -ms-inline-flexbox;
|
||
|
|
display: inline-flex;
|
||
|
|
color: #fff;
|
||
|
|
font-family: Roboto,sans-serif;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-webkit-justify-content: space-around;
|
||
|
|
-ms-flex-pack: distribute;
|
||
|
|
justify-content: space-around;
|
||
|
|
height: 100%;
|
||
|
|
-webkit-transform: translate(0,-120%);
|
||
|
|
-ms-transform: translate(0,-120%);
|
||
|
|
transform: translate(0,-120%);
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.ad__close__body-normal {
|
||
|
|
width: 100%;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-pack: center;
|
||
|
|
-webkit-justify-content: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content: center;
|
||
|
|
-webkit-align-content: center;
|
||
|
|
-ms-flex-line-pack: center;
|
||
|
|
align-content: center;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
font-size: 17px;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 1.2;
|
||
|
|
margin: 0 15px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ad__close__body-logo_full {
|
||
|
|
position: relative;
|
||
|
|
background: #be5000;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-pack: center;
|
||
|
|
-webkit-justify-content: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content: center;
|
||
|
|
-webkit-align-content: center;
|
||
|
|
-ms-flex-line-pack: center;
|
||
|
|
align-content: center;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 118px;
|
||
|
|
height: 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.ad__close__body-upper {
|
||
|
|
font-size: 26px;
|
||
|
|
font-weight: 500
|
||
|
|
}
|
||
|
|
|
||
|
|
.ad__close__body-arrow {
|
||
|
|
border: solid #fff;
|
||
|
|
border-radius: 3px;
|
||
|
|
border-width: 0 3px 3px 0;
|
||
|
|
display: inline-block;
|
||
|
|
padding: 12px;
|
||
|
|
-webkit-transform: rotate(-45deg);
|
||
|
|
-ms-transform: rotate(-45deg);
|
||
|
|
transform: rotate(-45deg)
|
||
|
|
}
|
||
|
|
|
||
|
|
.ad__close__body-social {
|
||
|
|
width: 100%;
|
||
|
|
-webkit-box-pack: justify;
|
||
|
|
-webkit-justify-content: space-between;
|
||
|
|
-ms-flex-pack: justify;
|
||
|
|
justify-content: space-between
|
||
|
|
}
|
||
|
|
|
||
|
|
#promo__close:checked~.cell__promo__close {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
#promo__close:checked~.cell__promo__closed {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
|
||
|
|
#promo__close:checked~#promo__close {
|
||
|
|
opacity: 0!important
|
||
|
|
}
|
||
|
|
|
||
|
|
#promo__close:checked~#promo__closed {
|
||
|
|
opacity: 0!important
|
||
|
|
}
|
||
|
|
|
||
|
|
input#promo__close {
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
-ms-transform: scale(0);
|
||
|
|
transform: scale(0)
|
||
|
|
}
|
||
|
|
|
||
|
|
#promo__closed:checked~.cell__promo__body {
|
||
|
|
-webkit-animation: remove .5s linear 0s 1 normal forwards;
|
||
|
|
animation: remove .5s linear 0s 1 normal forwards
|
||
|
|
}
|
||
|
|
|
||
|
|
#promo__closed:checked~.cell__promo__closed {
|
||
|
|
-webkit-animation: btn_close .2s linear 0s 1 normal forwards;
|
||
|
|
animation: btn_close .2s linear 0s 1 normal forwards
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes btn_close {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
transform: translateY(0)
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(25px);
|
||
|
|
transform: translateY(25px)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes btn_close {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
transform: translateY(0)
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(25px);
|
||
|
|
transform: translateY(25px)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes btn_closed {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
transform: scale(0);
|
||
|
|
-webkit-transform-origin: 50% 100%;
|
||
|
|
transform-origin: 50% 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
transform: scale(0);
|
||
|
|
-webkit-transform-origin: 50% 100%;
|
||
|
|
transform-origin: 50% 100%
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes btn_closed {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
transform: scale(0);
|
||
|
|
-webkit-transform-origin: 50% 100%;
|
||
|
|
transform-origin: 50% 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
transform: scale(0);
|
||
|
|
-webkit-transform-origin: 50% 100%;
|
||
|
|
transform-origin: 50% 100%
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes btn_open {
|
||
|
|
50% {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes btn_open {
|
||
|
|
50% {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes remove {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
max-height: 200px
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
opacity: 0;
|
||
|
|
max-height: 50px;
|
||
|
|
padding: 0 100px
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
max-height: 0;
|
||
|
|
padding: 0 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes remove {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
max-height: 200px
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
opacity: 0;
|
||
|
|
max-height: 50px;
|
||
|
|
padding: 0 100px
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
max-height: 0;
|
||
|
|
padding: 0 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.my-05 {
|
||
|
|
margin: 2px 0
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes playlogo {
|
||
|
|
from {
|
||
|
|
-webkit-transform: translate(0,-120%);
|
||
|
|
transform: translate(0,-120%)
|
||
|
|
}
|
||
|
|
|
||
|
|
35% {
|
||
|
|
-webkit-transform: translate(0,32%);
|
||
|
|
transform: translate(0,32%)
|
||
|
|
}
|
||
|
|
|
||
|
|
70% {
|
||
|
|
-webkit-transform: translate(0,-12%);
|
||
|
|
transform: translate(0,-12%)
|
||
|
|
}
|
||
|
|
|
||
|
|
to {
|
||
|
|
-webkit-transform: translate(0,0);
|
||
|
|
transform: translate(0,0)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes playlogo {
|
||
|
|
from {
|
||
|
|
-webkit-transform: translate(0,-120%);
|
||
|
|
transform: translate(0,-120%)
|
||
|
|
}
|
||
|
|
|
||
|
|
35% {
|
||
|
|
-webkit-transform: translate(0,32%);
|
||
|
|
transform: translate(0,32%)
|
||
|
|
}
|
||
|
|
|
||
|
|
70% {
|
||
|
|
-webkit-transform: translate(0,-12%);
|
||
|
|
transform: translate(0,-12%)
|
||
|
|
}
|
||
|
|
|
||
|
|
to {
|
||
|
|
-webkit-transform: translate(0,0);
|
||
|
|
transform: translate(0,0)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes playtelegram {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: translate(0,-130%);
|
||
|
|
transform: translate(0,-130%)
|
||
|
|
}
|
||
|
|
|
||
|
|
15% {
|
||
|
|
-webkit-transform: translate(0,-130%);
|
||
|
|
transform: translate(0,-130%)
|
||
|
|
}
|
||
|
|
|
||
|
|
25% {
|
||
|
|
-webkit-transform: translate(0,-125%);
|
||
|
|
transform: translate(0,-125%)
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
-webkit-transform: translate(0,0);
|
||
|
|
transform: translate(0,0)
|
||
|
|
}
|
||
|
|
|
||
|
|
75% {
|
||
|
|
-webkit-transform: translate(0,125%);
|
||
|
|
transform: translate(0,125%)
|
||
|
|
}
|
||
|
|
|
||
|
|
85% {
|
||
|
|
-webkit-transform: translate(0,130%);
|
||
|
|
transform: translate(0,130%)
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: translate(0,130%);
|
||
|
|
transform: translate(0,130%)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes playtelegram {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: translate(0,-130%);
|
||
|
|
transform: translate(0,-130%)
|
||
|
|
}
|
||
|
|
|
||
|
|
15% {
|
||
|
|
-webkit-transform: translate(0,-130%);
|
||
|
|
transform: translate(0,-130%)
|
||
|
|
}
|
||
|
|
|
||
|
|
25% {
|
||
|
|
-webkit-transform: translate(0,-125%);
|
||
|
|
transform: translate(0,-125%)
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
-webkit-transform: translate(0,0);
|
||
|
|
transform: translate(0,0)
|
||
|
|
}
|
||
|
|
|
||
|
|
75% {
|
||
|
|
-webkit-transform: translate(0,125%);
|
||
|
|
transform: translate(0,125%)
|
||
|
|
}
|
||
|
|
|
||
|
|
85% {
|
||
|
|
-webkit-transform: translate(0,130%);
|
||
|
|
transform: translate(0,130%)
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: translate(0,130%);
|
||
|
|
transform: translate(0,130%)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes playprofile {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: translate(0,-120%);
|
||
|
|
transform: translate(0,-120%)
|
||
|
|
}
|
||
|
|
|
||
|
|
15% {
|
||
|
|
-webkit-transform: translate(0,-120%);
|
||
|
|
transform: translate(0,-120%)
|
||
|
|
}
|
||
|
|
|
||
|
|
25% {
|
||
|
|
-webkit-transform: translate(0,-110%);
|
||
|
|
transform: translate(0,-110%)
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
-webkit-transform: translate(0,0);
|
||
|
|
transform: translate(0,0)
|
||
|
|
}
|
||
|
|
|
||
|
|
75% {
|
||
|
|
-webkit-transform: translate(0,110%);
|
||
|
|
transform: translate(0,110%)
|
||
|
|
}
|
||
|
|
|
||
|
|
85% {
|
||
|
|
-webkit-transform: translate(0,120%);
|
||
|
|
transform: translate(0,120%)
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: translate(0,120%);
|
||
|
|
transform: translate(0,120%)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes playprofile {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: translate(0,-120%);
|
||
|
|
transform: translate(0,-120%)
|
||
|
|
}
|
||
|
|
|
||
|
|
15% {
|
||
|
|
-webkit-transform: translate(0,-120%);
|
||
|
|
transform: translate(0,-120%)
|
||
|
|
}
|
||
|
|
|
||
|
|
25% {
|
||
|
|
-webkit-transform: translate(0,-110%);
|
||
|
|
transform: translate(0,-110%)
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
-webkit-transform: translate(0,0);
|
||
|
|
transform: translate(0,0)
|
||
|
|
}
|
||
|
|
|
||
|
|
75% {
|
||
|
|
-webkit-transform: translate(0,110%);
|
||
|
|
transform: translate(0,110%)
|
||
|
|
}
|
||
|
|
|
||
|
|
85% {
|
||
|
|
-webkit-transform: translate(0,120%);
|
||
|
|
transform: translate(0,120%)
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: translate(0,120%);
|
||
|
|
transform: translate(0,120%)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<div class="ad__close__body ad__close__anim-one">
|
||
|
|
<a href="https://profile.ru/mobilnye-prilozheniya/" class="ad__close__body-logo_full">
|
||
|
|
<img src="<?= get_template_directory_uri() ?>/assets/img/profil-logo-footer.png" width="100" height="22" alt="">
|
||
|
|
</a>
|
||
|
|
<span class="ad__close__body-normal">Новое бесплатное мобильное приложение </span>
|
||
|
|
</div>
|
||
|
|
<div class="ad__close__body ad__close__anim-two">
|
||
|
|
<a href="https://profile.ru/mobilnye-prilozheniya/">
|
||
|
|
<img class="ad__close__body-logo-mini" src="<?= get_template_directory_uri() ?>/assets/img/red-logo.png" width="50" height="50" alt="">
|
||
|
|
</a>
|
||
|
|
<span class="ad__close__body-upper">СКАЧАЙ И ЧИТАЙ</span>
|
||
|
|
<span class="ad__close__body-arrow"></span>
|
||
|
|
</div>
|
||
|
|
<div class="ad__close__body ad__close__anim-three">
|
||
|
|
<a href="https://profile.ru/mobilnye-prilozheniya/"><img src="<?= get_template_directory_uri() ?>/assets/img/red-logo.png" width="50" height="50" alt="" class="ad__close__body-logo-mini"></a>
|
||
|
|
<a target="_blank" href="https://apps.apple.com/ru/app/%D0%B6%D1%83%D1%80%D0%BD%D0%B0%D0%BB-%D0%BF%D1%80%D0%BE%D1%84%D0%B8%D0%BB%D1%8C/id6476872853"><img src="<?= get_template_directory_uri() ?>/assets/img/appstore.png" width="116" height="38" alt=""></a>
|
||
|
|
<a target="_blank" href="https://play.google.com/store/apps/details?id=com.profile.magazine"><img src="<?= get_template_directory_uri() ?>/assets/img/googleplay.png" width="116" height="38" alt=""></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!--[ad/ad-app]-->
|