add files
This commit is contained in:
Andrey Kuvshinov
543
template-parts/ad/ad-app.php
Normal file
543
template-parts/ad/ad-app.php
Normal file
@@ -0,0 +1,543 @@
|
||||
<!--[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]-->
|
||||
Reference in New Issue
Block a user