Browse Source

curr

master
esoe 2 years ago
parent
commit
60eda03827
  1. 38
      css/style.css
  2. 15
      index.html

38
css/style.css

@ -1,16 +1,44 @@
body {
font-family: Arial;
padding: 20px;
background: #f1f1f1;
}
div { div {
background-color: rgb(181, 122, 236); background-color: rgb(181, 122, 236);
padding: 5px;
margin: 5px; margin: 5px;
} }
.header{ .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{ .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{ .controls li a:hover {
background-color: rgb(65, 241, 188); background: #92d3d3; /* Цвет фона при наведении курсора мыши */
color: #6b6b6b; /* Цвет текста при наведении курсора мыши */
} }
.mainframe{ .mainframe{
background-color: aliceblue; background-color: aliceblue;

15
index.html

@ -4,17 +4,20 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" type="text/css" href="css/style.css">
</head> </head>
<body> <body>
<div class="header">molokoin.ru</div> <div class="header">
molokoin.ru/ добавить картинку и кнопку авторизации
</div>
<div class="controls"> <div class="controls">
<div class="button" name="gitea">gitea</div> <li><a href="http://molokoin.ru:3000/esoe">gitea</a></li>
<div class="button" name="moodle">moodle</div> <li><a href="http://www.molokoin.ru:8080">apache</a></li>
<div class="button" name="admin">admin</div> <li><a href="http://www.egspt.ru">moodle</a></li>
<li><a href="http://isp12.adminvps.ru">adminvps</a></li>
</div> </div>
<div class="mainframe">reports</div>
<script src="js/main.js"></script> <script src="js/main.js"></script>
</body> </body>
</html> </html>
Loading…
Cancel
Save