86 lines
1.8 KiB
PHP
86 lines
1.8 KiB
PHP
<style>
|
|
#myModal .modal-header {
|
|
padding:9px 15px;
|
|
border-bottom:2px solid #31c233;
|
|
background-color: #31c233;
|
|
-webkit-border-top-left-radius: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
-moz-border-radius-topleft: 5px;
|
|
-moz-border-radius-topright: 5px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
|
|
#myModal .modal-header h4 {
|
|
font-size:22px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#myModal .modal-body p {
|
|
margin: 2em 0;
|
|
font-size: 19px;
|
|
color: #000;
|
|
}
|
|
|
|
#myModal .modal-close {
|
|
background-color: #31c233;
|
|
font-family: FFMetaProMedium;
|
|
color: #fff;
|
|
border: none;
|
|
padding: 0.65em 1em;
|
|
border-radius: 0.3em;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
}
|
|
#myModal .modal-close:hover {
|
|
background-color: #2BAA2E;
|
|
color: #fff;
|
|
}
|
|
|
|
#myModal .btn-send {
|
|
background-color: #d5ba85 !important;
|
|
}
|
|
#myModal .btn-send:hover, .btn-send:active, .btn-send:visited {
|
|
background-color: #C8A564 !important;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div class="container">
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="myModal" data-backdrop="static" data-keyboard="false" role="dialog">
|
|
<div class="modal-dialog">
|
|
|
|
<!-- Modal content-->
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<!--button type="button" class="close" data-dismiss="modal">×</button-->
|
|
<h4>MESSAGE</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p> </p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="modal-close" data-dismiss="modal" >OK</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
$(document).ready(function(){
|
|
|
|
$("button[data-dismiss=modal]").click(function()
|
|
{
|
|
$("#myModal").modal('hide');
|
|
});
|
|
});
|
|
|
|
</script> |