esoe
/
molokoin-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

qq

master
esoe 2 years ago
parent
b84dfd3d1e
commit
62c1d21735
9 changed files with 163 additions and 56 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 45
      css/style.css
  2. 56
      index.html
  3. 57
      layout/css/style.css
  4. 30
      layout/css/test.css
  5. 9
      layout/design/logo/logo-molokoin.svg
  6. 0
      layout/js/main.js
  7. 0
      pages/exchange/index.html
  8. 0
      pages/hello/index.html
  9. 22
      pages/test.html

45
css/style.css
Unescape View File

@ -1,45 +0,0 @@ @@ -1,45 +0,0 @@
body {
font-family: Arial;
padding: 20px;
background: #f1f1f1;
}
div {
background-color: rgb(181, 122, 236);
padding: 5px;
margin: 5px;
}
.header{
display: block;
padding: 30px;
font-size: 40px;
text-align: center;
background: rgb(181, 122, 236);
/*position: relative; top: 20px;*/
}
.controls{
/*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 для того, чтобы ссылка по всей своей площади была «кликабельной». */
}
.controls li a:hover {
background: #92d3d3; /* Цвет фона при наведении курсора мыши */
color: #6b6b6b; /* Цвет текста при наведении курсора мыши */
}
.mainframe{
background-color: aliceblue;
}

56
index.html
Unescape View File

@ -1,3 +1,4 @@ @@ -1,3 +1,4 @@
<!DOCTYPE html>
<html lang="en">
<head>
@ -5,18 +6,51 @@ @@ -5,18 +6,51 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>molokoin.ru</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="/layout/css/style.css">
</head>
<body>
<div class="header">
molokoin.ru : try02
</div>
<div class="controls01">
<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.molokoin.ru/exchange">exchange</a></li>
<li><a href="http://www.molokoin.ru/hello">hello</a></li>
</div>
<script src="js/main.js"></script>
<header class="header">
<figure class="logo">
<svg width="450" height="40" xmlns="http://www.w3.org/2000/svg">
<g>
<title>molokoin-logo</title>
<text font-style="normal" font-weight="bold" xml:space="20" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="40" id="logo-svg" y="30" x="0" stroke-width="0.5" stroke="#ccc" fill="#cccccc">
molokoin.ru : code
</text>
</g>
</svg>
</figure>
<nav class="main-menu">
<ul class="main-menu-list">
<li class="main-menu-item">
<a href="#" class="main-menu-item-link">hello</a>
</li>
<li class="main-menu-item">
<a href="#" class="main-menu-item-link">muse</a>
</li>
<li class="main-menu-item">
<a href="#" class="main-menu-item-link">done</a>
</li>
<li class="main-menu-item">
<a href="#" class="main-menu-item-link">books</a>
</li>
<li class="main-menu-item">
<a href="#" class="main-menu-item-link">cheats</a>
</li>
<li class="main-menu-item">
<a href="#" class="main-menu-item-link">services</a>
</li>
</ul>
</nav>
</header>
<main class="main">
<div class="section">first</div>
<div class="section">second</div>
<div class="section">therd</div>
<div class="section">fourth</div>
<div class="section">fifth</div>
<div class="section">sixth</div>
</main>
<footer></footer>
</body>
</html>

57
layout/css/style.css
Unescape View File

@ -0,0 +1,57 @@ @@ -0,0 +1,57 @@
*, *::before, *::after {
box-sizing: border-box;
}
body {
display: block;
background-color: #aac;
padding: 0;
margin: 0;
}
header {
background-color: rgba(0, 0, 100, 0.5);
display: block;
position: fixed;
width: 100%;
margin: 0;
padding: 0;
z-index: 10;
margin-top: -80px;
}
.main {
margin-top: 80px;
}
.logo {
display: inline-block;
position: relative;
}
.main-menu {
display: inline-block;
position: relative;
}
.main-menu-list {
float: right;
position: relative;
}
.main-menu-item {
display: inline-block;
width: max-content;
height: 100%;
background-color: aliceblue;
margin-right: 30px;
}
.main-menu-item-link {
text-decoration: none;
/* background-color: #aaa; */
font-size: 30px;
}
.main .section {
width: 100%;
height: 100px;
background-color: dimgrey;
padding: 2%;
margin-bottom: 2%;
}

30
layout/css/test.css
Unescape View File

@ -0,0 +1,30 @@ @@ -0,0 +1,30 @@
div {
height: 200px;
width: 30%;
margin: 2%, 2%;
border-radius: 5%;
border: 5px;
padding-top: 10px;
border-width: thick;
border-style: solid;
border-color: black;
}
.header {
width: 100%;
background-color: greenyellow;
border-width: thick;
border-style: solid;
border-color: black;
z-index: 10;
}
.body {
padding-left: 10%;
}
.list {
background-color: blue;
/* position: left; */
float: left;
}

9
layout/design/logo/logo-molokoin.svg
Unescape View File

@ -0,0 +1,9 @@ @@ -0,0 +1,9 @@
<svg width="270" height="20" xmlns="http://www.w3.org/2000/svg">
<!-- Created with SVG Editor - http://github.com/mzalive/SVG Editor/ -->
<g>
<title>molokoin-logo</title>
<text font-style="normal" font-weight="bold" xml:space="2" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="24" id="logo-svg" y="20" x="0" stroke-width="1" stroke="#a0d" fill="#ccccf5">
molokoin.ru : code
</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 470 B

0
js/main.js → layout/js/main.js
Unescape View File

0
exchange/index.html → pages/exchange/index.html
Unescape View File

0
hello/index.html → pages/hello/index.html
Unescape View File

22
pages/test.html
Unescape View File

@ -0,0 +1,22 @@ @@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<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>molokoin.ru</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="header">
molokoin.ru : try02
</div>
<div class="controls01">
<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.molokoin.ru/exchange">exchange</a></li>
<li><a href="http://www.molokoin.ru/hello">hello</a></li>
</div>
<script src="js/main.js"></script>
</body>
</html>
Write Preview
Loading…
Cancel
Save