Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html><head>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <title>main file</title>
- <style>
- .left_news {
- text-align: left;
- text-decoration: none;
- margin: 10px;
- padding: 10px;
- }
- .show_name {
- width: 100%;
- height: auto;
- float: left;
- color: #5f6c7a;
- font-size: 18px;
- }
- .mainTable {
- z-index: 0;
- margin: 0 auto;
- min-height: 100%;
- width: 100%;
- }
- a.more_details {
- z-index: 0;
- float: right;
- font-size: 11px;
- padding: 10px 0 0 0;
- color: #ae1337;
- text-decoration: none;
- font-weight: bold;
- }
- .show_image{
- float:left;
- width:100%;
- }
- .show_date{
- width:100%;
- height: auto;
- font-family: 'Space Mono', monospace;
- float:right;
- color:#babebf;
- font-size:11px;
- }
- .show_text_content {
- width: 370px;
- font-family: 'Space Mono', monospace;
- float: left;
- text-align: justify;
- line-height: 18px;
- padding: 0 0 0 10px;
- }
- .middle_shows {
- border-radius: 5px;
- margin-top: 5px;
- margin-bottom: 5px;
- border: 1px solid black;
- word-wrap: break-word;
- text-align: center;
- font-family: 'Slabo 27px', serif;
- width: 83%;
- height: 80%;
- float: left;
- font-size: 16px;
- padding-left: 10px;
- padding-top: 10px;
- padding: 10px;
- color: black;
- background: white;
- }
- #okno {
- width: 300px;
- height: auto;
- text-align: center;
- padding: 15px;
- border: 3px solid #0000cc;
- border-radius: 10px;
- color: #0000cc;
- display: none;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- }
- #okno:target {display: block;}
- .close {
- display: inline-block;
- border: 1px solid #0000cc;
- color: #0000cc;
- padding: 0 12px;
- margin: 10px;
- text-decoration: none;
- background: #f2f2f2;
- font-size: 14pt;
- cursor:pointer;
- }
- .close:hover {background: #e6e6ff;}
- body {
- /* Убираю отступы. */
- margin:0px;
- /* Убираю еще отступы. */
- padding:0px;
- /* Задаю шрифт. */
- font: 14px 'Verdana';
- background-color: rgb(151, 150, 150);
- }
- table{
- word-wrap: break-word;
- }
- ul {
- width: 840px;
- margin: auto;
- height: 43px;
- padding: 100px auto 100px auto;
- /* Убираю маркеры у списка*/
- list-style: none;
- /* Делаю элементы блочными. */
- display: block;
- /* Убираю отступы. */
- }
- ul:after {
- /* Делаю элементы блочными. */
- display: block;
- /* Убираю выравнивание. */
- float: none;
- content: ' ';
- clear: both;
- }
- ul.mmenuu > li {
- /* Задаю выравнивание и позиционирование. */
- float: left;
- /* Считаем координаты относительно исходного места*/
- position: relative;
- }
- ul.mmenuu > li > a {
- /* Делаю элементы блочными: */
- display: block;
- /* Задаю белый цвет. */
- color: #fff;
- /* Задаю отступ 10px. */
- padding: 10px;
- /* Убираю форматирование*/
- text-decoration: none;
- /* Задаю цвет. */
- background-color: rgb(0, 0, 231);
- }
- ul.mmenuu > li > a:hover {
- /* Задаю цвет при наведении. */
- background-color: rgb(84, 84, 136);
- }
- ul.ssubmenuu {
- position: absolute;
- width: 150px;
- top: 37px;
- left:3px;
- /* Делаю субменю скрытыми. */
- display: none;
- }
- ul.ssubmenuu > li {
- /* Блочное расположение элементов*/
- display: block;
- }
- ul.ssubmenuu > li > a {
- /* Делаю элементы блочными. */
- display: block;
- /* Убираю форматирование*/
- text-decoration: none;
- /* Задаю отступ. */
- padding: 10px;
- /* Задаю цвет. */
- color: #ffffff;
- /* Еще цвет. */
- background-color: rgb(84, 84, 136);
- }
- ul.ssubmenuu > li > a:hover {
- /* Цвет бэкграунда при наведении. */
- background-color: rgb(84, 84, 136);
- /* Задаю подчеркивание*/
- text-decoration: underline;
- }
- ul.mmenuu > li:hover > ul.ssubmenuu {
- /* Делаю элементы блочными. */
- display: block;
- }
- #main_container {
- box-shadow: 0 0 10px rgba(0,0,0,0.5);
- width: 1000px;
- height: auto;
- margin: auto;
- background-color: rgb(151, 150, 150);
- }
- a.more_details {
- z-index: 0;
- float: right;
- font-size: 11px;
- padding: 10px 0 0 0;
- color: #ae1337;
- text-decoration: none;
- font-weight: bold;
- }
- .middleTd {
- width: 500px;
- padding-left: 10px;
- padding-top: 10px;
- border: 0px solid black;
- min-height: 100%;
- text-align: center;
- }
- </style>
- </head>
- <body>
- <div id="main_container">
- <img src="headerbg.png">
- <div align="center">
- <ul class="mmenuu">
- <li><a href="#">Новости</a></li>
- <li><a href="#">О дирекции</a></li>
- <li><a href="#">Виды деятельности</a></li>
- <li><a href="#">Контакты</a></li>
- <li><a href="#">Обратная связь</a></li>
- <li><a href="#">Наши партнеры</a></li>
- <li><a href="#">Наши услуги</a>
- <ul class="ssubmenuu">
- <li><a href="#">Проекты ПДВ</a></li>
- <li><a href="#">Проекты ПНООЛР</a></li>
- <li><a href="#">Государственная экологическая экспертиза</a></li>
- <li><a href="#">Лаборатория</a></li>
- <li><a href="#">Постановка объектов НВОС на учет</a></li>
- <li><a href="#">Программа ПЭК</a></li>
- <li><a href="#">СЗЗ</a></li>
- <li><a href="#">Экологическая отчетность</a></li>
- </ul>
- </li>
- </ul>
- </div>
- <!-- главная часть-->
- <div id="main_container">
- <table class="mainTable" >
- <tr >
- <td align="left"><!-- левая часть-->
- <div align="center">Полезные ссылки</div>
- <a href="https://rpn.gov.ru/" target="_blank">
- <div class="left_news">
- <center><img src="index_files/dep.jpg"><br>Федеральная служба по надзору в сфере природопользования</center>
- </div>
- </a>
- <a href="http://минприроды.рф" target="_blank">
- <div class="left_news">
- <center><img src="Min.jpg"><br>Министерство природных ресурсов и экологии Российской </center>
- </div>
- </a>
- <a href="http://voda.mnr.gov.ru/" target="_blank">
- <div class="left_news">
- <center><img src="vodn.png"><br>Федеральное агенство водных ресурсов</center>
- </div>
- </a>
- </td>
- <td class="middleTd" valign="top" ><!-- середина -->
- <div class="middle_shows">
- <ul>
- <li><div class="show_name">Сведения о доходах за 2018 год</div><hr></li>
- <li><div class="show_date"><b>Добавлено</b>: 2019-04-10</div></li>
- <li><div class="show_image"><img src="images/news_pic/ доходы.docx" widht="55px" height="55px"></div></li>
- </ul>
- <div class="show_text_content">
- ФГБУ "ЧЕРНОМОРО-АЗОВСКАЯ ДИРЕКЦИЯ ПО ТЕХНИЧЕСКОМУ ОБЕСПЕЧЕНИЮ НАДЗОРА НА МОРЕ" размещает Сведения
- о доходах, расходах, об имуществе и о�
- </div>
- <a href="#" class="more_details">Подробней</a>
- </div>
- </td>
- </tr>
- </table>
- </div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement