From 60eda0382753a60b183fec48f7372c956c7895ff Mon Sep 17 00:00:00 2001
From: esoe <igor_nikulin@mail.ru>
Date: Wed, 20 Apr 2022 10:18:23 +0300
Subject: [PATCH] curr

---
 css/style.css | 38 +++++++++++++++++++++++++++++++++-----
 index.html    | 15 +++++++++------
 2 files changed, 42 insertions(+), 11 deletions(-)
diff --git a/css/style.css b/css/style.css
index 84cd347..50893ee 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,16 +1,44 @@
+body {
+    font-family: Arial;
+    padding: 20px;
+    background: #f1f1f1;
+}
 div {
     background-color: rgb(181, 122, 236);
+    padding: 5px;
     margin: 5px;
 }
 .header{
-    position: relative; top: 20px;
+    display: block;
+    padding: 30px;
+    font-size: 40px;
+    text-align: center;
+    background: rgb(181, 122, 236);
+    /*position: relative; top: 20px;*/
 }
 .controls{
-    padding-left: 12px;
-    position: relative; left: 20px;
+    /*position: relative; left: 20px;*/
+    list-style: none; /* Отключение отображения маркеров. */
+    width: 25%;  /* Ширина меню. */
+    float: left;
+    /*padding-left: 20px;*/
+}
+.controls li {
+    margin: 5px; /* Отступ между блоками по высоте, необходимый для того чтобы пункты меню не сливались */
+    font-family: Verdana, Arial, Helvetica, sans-serif; /* Тип шрифта пунктов меню */
+    font-size: 14px; /* Размер текста меню */
+}
+.controls li a{
+    display: block; /* Изменение отображения на блочное для того, чтобы иметь возможность задать внутренние отступы.  */
+    padding: 4px 15px;  /* Отступы внутри блоков. */
+    background: #0db5b5; /* Цвет блоков меню. */
+    color: #3f3f3f; /* Цвет текста в блоках меню. */
+    text-decoration: none; /* Устранение подчёркивания ссылок. */
+    position: relative; /* Это необходимо при использовании Internet Explorer 6 для того, чтобы ссылка по всей своей площади была «кликабельной». */
 }
-.button{
-    background-color: rgb(65, 241, 188);
+.controls li a:hover {
+    background: #92d3d3; /* Цвет фона при наведении курсора мыши */
+    color: #6b6b6b;  /* Цвет текста при наведении курсора мыши */
 }
 .mainframe{
     background-color: aliceblue;
diff --git a/index.html b/index.html
index ff1dce4..744949d 100644
--- a/index.html
+++ b/index.html
@@ -4,17 +4,20 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>molokoin.ru</title>
     <link rel="stylesheet" type="text/css" href="css/style.css">
 </head>
 <body>
-    <div class="header">molokoin.ru</div>
+    <div class="header">
+        molokoin.ru/ добавить картинку и кнопку авторизации
+    </div>
     <div class="controls">
-        <div class="button" name="gitea">gitea</div>
-        <div class="button" name="moodle">moodle</div>
-        <div class="button" name="admin">admin</div>
+        <li><a href="http://molokoin.ru:3000/esoe">gitea</a></li>
+        <li><a href="http://www.molokoin.ru:8080">apache</a></li>
+        <li><a href="http://www.egspt.ru">moodle</a></li>
+        <li><a href="http://isp12.adminvps.ru">adminvps</a></li>
+        
     </div>
-    <div class="mainframe">reports</div>
     <script src="js/main.js"></script>
 </body>
 </html>
\ No newline at end of file
