Untitled

<style type="text/css">

square {
    position: absolute;
    top: 70px;
    right: 1070px;
}
square1 {
    position: absolute;
    top: 130px;
    right: 100px;
}

square2 {
    position: absolute;
    top: 70px;
    right: 950px;
}

square3 {
    position: absolute;
    top: 70px;
    right: 785px;
}

.modalDialog {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    font-family: Arial,Helvetica,sans-serif;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 400ms ease-in 0s;
    z-index: 99999;
}
.modalDialog:target {
    opacity: 1;
    pointer-events: auto;
}
.modalDialog > div {
    background: linear-gradient(#fff, #999) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 10px;
    margin: 10% auto;
    padding: 5px 20px 13px;
    position: relative;
    width: 400px;
}
.close {
    background: none repeat scroll 0 0 #606061;
    border-radius: 12px;
    box-shadow: 1px 1px 3px #000;
    color: #ffffff;
    font-weight: bold;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    text-decoration: none;
    top: -10px;
    width: 24px;
}
.close:hover {
    background: none repeat scroll 0 0 #00d9ff;
}

.c {
    border: 1px solid #333; /* Рамка */
    display: inline-block;
    padding: 5px 15px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color: #000; /* Цвет текста */
  }
   .c:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
    background: linear-gradient(to bottom, #fcfff4, #e9e9ce); /* Градиент */
    color: #a00;
   }

</style>
<body>

<!--------------------------------------------Кнопка добавления---------------------------------------------->
<square>
   <a class="c" href="#openModal">Добавление</a>
<div id="openModal" class="modalDialog">
<div>
<a class="close1" title="Close1" href="#close">X</a>
<h2>Добавление</h2>
<?php
include 'form.php';
?>
</div>
</div>
</square>
<!------------------------------------------------------------------------------------------>


<!--------------------------------------------Кнопка удаления---------------------------------------------->
<square2>
   <a class="c" href="#openModal">Удаление</a>
<div id="openModal" class="modalDialog">
<div>
<a class="close1" title="Close1" href="#close">X</a>
<h2>Удаление</h2>
<?php
include 'del.php';
?>
</div>
</div>
</square2>
<!------------------------------------------------------------------------------------------>

<!--------------------------------------------Кнопка редактирования---------------------------------------------->
<square3>
  <a class="c" href="#openModal">Редактирование</a>
<div id="openModal" class="modalDialog">
<div>
<a class="close1" title="Close1" href="#close">X</a>
<h2>Редактирование</h2>
<?php
include 'reda.php';
?>
</div>
</div>
</square3>
<!------------------------------------------------------------------------------------------>