<div id="parent_popup">
<div id="popup">
<h1>ТЕКСТ</h1>
<p><span style="font-size: 14pt;">текст<br>
Звонок бесплатный!</span></p><br>
<form action="<?php $_SERVER['PHP_SELF'] ?>" method="post">
<input id="input" border="2" type="text" value="8" size="30" maxlength="11" name="txtphonenumber">
<button style="width:70x;height:30px" title="Жду звонка" class="btn" >Жду звонка</button>
<!--<input type="radio" id="phone_mask" checked> -->
<label id="descr" for="phone_mask"></label>
<br>
</form>
<img src="/images/close.png" class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';"></a>
</div>
</div>
<script>
$(".close").on("click","#parent_popup",function() {
$("#popup").dialog("close")
})
</script>
<script type="text/javascript">
var delay_popup = 5000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>
<style>
#input {
border: 1px solid #cccccc; //цвет рамки
border-radius: 3px; //закругление углов (общее)
-webkit-border-radius: 3px; //закругление углов (Google Chrome)
-moz-border-radius: 3px; //закругление углов (FireFox)
-khtml-border-radius: 3px; //закругление углов (Safari)
background: #ffffff !important; // желательно прописывать, так как в Chrome при сохранных данных оно может быть желтым
outline: none; // удаляет обводку в браузерах хром(желтая) и сафари(синяя)
height: 24px; // высота на свое усмотрение
width: 120px; // ширина на свое усмотрение
color: #cccccc; //цвет шрифта в обычном состоянии
font-size: 14px; // Размер шрифта
font-family: Tahoma; // Стиль шрифта
}
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
width: 750px;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 4px solid #ddd;
border-color: rgb(225, 179, 52);
position: relative;
/*--CSS3 фЕОЙ ДМС вМПЛБ--*/
-webkit-box-shadow: 0px 0px 20px #000;
moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 уЛТХЗМЕООЩЕ ХЗМЩ--*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#parent_popup .close {
background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #ccc;
height: 24px;
line-height: 24px;
position: absolute;
right: -15px;
cursor: pointer;
font-weight: bold;
text-align: center;
text-decoration: none;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8);
}
</style> |