pull/1172/head
gedoor
3 years ago
parent
3e523db296
commit
dd65c85278
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 92 KiB |
@ -1,75 +1,65 @@ |
|||||||
<!DOCTYPE html> |
<!DOCTYPE HTML> |
||||||
|
<!-- |
||||||
|
Forty by HTML5 UP |
||||||
|
html5up.net | @ajlkn |
||||||
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
||||||
|
--> |
||||||
<html> |
<html> |
||||||
|
|
||||||
<head> |
<head> |
||||||
<meta charset="UTF-8"> |
<title>Legado web 导航</title> |
||||||
<title>legado web导航</title> |
<meta charset="utf-8"/> |
||||||
<link rel="icon" href="favicon.ico"> |
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/> |
||||||
<style type="text/css"> |
<link rel="stylesheet" href="assets/css/main.css"/> |
||||||
.header { |
</head> |
||||||
width: 100%; |
|
||||||
height: 100px; |
|
||||||
text-align: center; |
|
||||||
padding: 5px; |
|
||||||
} |
|
||||||
|
|
||||||
.main { |
<body class="is-preload"> |
||||||
display: flex; |
|
||||||
justify-content: center; |
|
||||||
width: 100%; |
|
||||||
height: 100%; |
|
||||||
padding: 10px; |
|
||||||
top: 120px; |
|
||||||
bottom: 80px; |
|
||||||
} |
|
||||||
|
|
||||||
.content { |
<!-- Wrapper --> |
||||||
display: flex; |
<div id="wrapper"> |
||||||
justify-content: center; |
|
||||||
width: 700px; |
|
||||||
height: 300px; |
|
||||||
} |
|
||||||
|
|
||||||
.button { |
<!-- Header --> |
||||||
border-radius: 20px; |
<header id="header" class="alt"> |
||||||
background-color: #4CAF50; |
<nav> |
||||||
/* Green */ |
<a href="#menu">Menu</a> |
||||||
border: none; |
</nav> |
||||||
color: white; |
</header> |
||||||
width: 300px; |
|
||||||
height: 300px; |
|
||||||
line-height: 300px; |
|
||||||
margin: 10px; |
|
||||||
/* 设置垂直居中 */ |
|
||||||
text-align: center; |
|
||||||
text-decoration: none; |
|
||||||
display: inline-block; |
|
||||||
font-size: 60px; |
|
||||||
} |
|
||||||
|
|
||||||
.footer { |
<!-- Menu --> |
||||||
width: 100%; |
<nav id="menu"> |
||||||
height: 60px; |
<ul class="links"> |
||||||
clear: both; |
<li><a href="https://github.com/gedoor/legado">Github</a></li> |
||||||
text-align: center; |
<li><a href="https://github.com/zsakvo">zsakvo</a></li> |
||||||
padding: 5px; |
<li><a href="#">Design: HTML5 UP</a></li> |
||||||
position: absolute; |
</ul> |
||||||
bottom: 0; |
</nav> |
||||||
} |
|
||||||
</style> |
|
||||||
</head> |
|
||||||
|
|
||||||
<body> |
<!-- Banner --> |
||||||
<div class="header"> |
<section id="banner" class="major"> |
||||||
<h1>Legado</h1> |
<div class="inner"> |
||||||
</div> |
<header class="major"> |
||||||
<div class="main"> |
<h1>昨日邻家乞新火，晓窗分与读书灯</h1> |
||||||
|
</header> |
||||||
<div class="content"> |
<div class="content"> |
||||||
<a href="bookshelf/index.html" class="button">书架</a> |
<!-- <p>A responsive site template designed by HTML5 UP<br /> |
||||||
<a href="bookSource/index.html" class="button">书源</a> |
and released under the Creative Commons.</p> --> |
||||||
|
<ul class="actions"> |
||||||
|
<li><a href="bookshelf/index.html" class="button next scrolly">书架</a></li> |
||||||
|
</ul> |
||||||
|
<ul class="actions"> |
||||||
|
<li><a href="bookSource/index.html" class="button next scrolly">书源</a></li> |
||||||
|
</ul> |
||||||
|
<ul class="actions"> |
||||||
|
<li><a href="uploadBook/index.html" class="button next scrolly">传书</a></li> |
||||||
|
</ul> |
||||||
</div> |
</div> |
||||||
|
</div> |
||||||
|
</section> |
||||||
</div> |
</div> |
||||||
<div class="footer"> |
|
||||||
<a href="https://github.com/gedoor/legado">https://github.com/gedoor/legado</a> |
<!-- Scripts --> |
||||||
</div> |
<script src="assets/js/dist.js"></script> |
||||||
|
|
||||||
</body> |
</body> |
||||||
|
|
||||||
|
</html> |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
|
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>传书</title> |
||||||
|
<link rel="icon" href="favicon.ico"> |
||||||
|
<style> |
||||||
|
.main { |
||||||
|
text-align: center; |
||||||
|
/*让div内部文字居中*/ |
||||||
|
background-color: #fff; |
||||||
|
border: 3px solid #000; |
||||||
|
border-radius: 20px; |
||||||
|
width: 400px; |
||||||
|
height: 500px; |
||||||
|
margin: auto; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
</style> |
||||||
|
</head> |
||||||
|
|
||||||
|
<body> |
||||||
|
<div class="main"> |
||||||
|
<h1>传书</h1> |
||||||
|
<a>拖拽到此处上传书籍</a> |
||||||
|
</div> |
||||||
|
</body> |
||||||
Loading…
Reference in new issue