Я не пробовал эту штуку, но так понимаю, что в нашем случае можно даже обойтись без правки шаблонов.
т.е. в событие overall_footer_after.html (HOSTING->Вставки кода)
Код: Выделить всё
<!-- IF S_NEW_PM -->
<style>
/* Popup PM */
#form_popuppm {
background: #D1D1D1;
background: -moz-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px);
background: -webkit-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px);
background: -o-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px);
background: repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px);
border: 1px solid #383838;
border-radius: 8px;
box-shadow: 0 1px 6px #3F3F3F;
color: #7F7E7E;
font-size: 14px;
left: 50px;
min-height: 200px;
padding: 30px;
position: fixed;
text-align: center;
top: 50px;
width: 400px;
z-index: 100;
}
#form_popuppm:after {
background: #F9F9F9;
border: 1px solid #E5E5E5;
border-radius: 8px;
bottom: 0;
content : '';
left: 0;
margin: 10px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
#form_popuppm h1 {
color: #8C8C8C;
font-family: Verdana, sans-serif;
font-size: 28px;
margin: 0 0 20px 0;
padding: 0;
position: relative;
text-align: center;
}
#form_popuppm h1:after {
color: #D6CFCB;
content: '&';
display: block;
font-family: Verdana, serif;
font-size: 25px;
text-align: center;
text-shadow: 0 1px 0px #fff;
width: 100%;
}
#form_popuppm h1:before {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(182,180,180,0.7) 42%, rgba(180,178,178,0) 43%, rgba(168,166,166,0) 50%, rgba(180,178,178,0) 57%, rgba(182,180,180,0.7) 58%, rgba(238,237,237,0.3) 90%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(182,180,180,0.7) 42%,rgba(180,178,178,0) 43%,rgba(168,166,166,0) 50%,rgba(180,178,178,0) 57%,rgba(182,180,180,0.7) 58%,rgba(238,237,237,0.3) 90%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(182,180,180,0.7) 42%,rgba(180,178,178,0) 43%,rgba(168,166,166,0) 50%,rgba(180,178,178,0) 57%,rgba(182,180,180,0.7) 58%,rgba(238,237,237,0.3) 90%,rgba(255,255,255,0) 100%);
background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(182,180,180,0.7) 42%,rgba(180,178,178,0) 43%,rgba(168,166,166,0) 50%,rgba(180,178,178,0) 57%,rgba(182,180,180,0.7) 58%,rgba(238,237,237,0.3) 90%,rgba(255,255,255,0) 100%);
bottom: 15px;
content: '';
display: block;
height: 2px;
position: absolute;
text-align: center;
width: 100%;
}
#form_popuppm a.view {
background: #F9F9F9;
background: -moz-linear-gradient(top, #F9F9F9 1%, #F3F3F3 100%);
background: -webkit-linear-gradient(top, #F9F9F9 1%, #F3F3F3 100%);
background: -o-linear-gradient(top, #F9F9F9 1%, #F3F3F3 100%);
background: linear-gradient(top, #F9F9F9 1%, #F3F3F3 100%);
border: 1px solid #E0E0E0;
border-radius: 5px;
box-shadow: 0 1px 1px #FFF inset, 0 0 0 5px #EAEAEA;
color: #767676;
cursor: pointer;
display: inline-block;
font-family: Georgia;
font-size: 16px;
padding: 10px 15px;
text-shadow: 0 1px 1px #E8E8E8;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#form_popuppm a.view:hover {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F4F4F4 0%, #F2F2F2 100%);
background: -webkit-linear-gradient(top, #F4F4F4 0%, #F2F2F2 100%);
background: -o-linear-gradient(top, #F4F4F4 0%, #F2F2F2 100%);
background: linear-gradient(top, #F4F4F4 0%, #F2F2F2 100%);
border-color: #CECECE;
box-shadow: 0 1px 1px #FFF inset, 0 0 0 5px #E0E0E0;
color: #686868;
text-decoration: none;
}
#form_popuppm a.close {
color: #7F7E7E;
font-size: 15px;
position: absolute;
right: 15px;
top: 15px;
}
#form_popuppm cite {
bottom: 12px;
font-size: 11px;
left: 16px;
position: absolute;
}
@media only screen and (max-width: 565px), only screen and (max-device-width: 565px) {
#form_popuppm {
left: 10px;
right: 10px;
width: auto;
}
}
</style>
<!-- ENDIF -->