mbk-lab
/
wide
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

登录页细化

This commit is contained in:
Liang Ding 2014-10-10 22:12:56 +08:00
parent 3b7413a680
commit 0d74c6487b
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
static/css/login.css
View File

@ -8,7 +8,7 @@
} }
.header { .header {
margin: 20px 0; margin: 8px 0;
} }
.header li { .header li {
@ -21,6 +21,7 @@
padding: 4px 8px; padding: 4px 8px;
color: #333; color: #333;
line-height: 30px; line-height: 30px;
text-decoration: none;
} }
.header a:hover { .header a:hover {
@ -36,6 +37,7 @@
.content h2 { .content h2 {
color: #FFF; color: #FFF;
font-size: 70px; font-size: 70px;
margin: 0 0 60px;
} }
.content h3 { .content h3 {
@ -45,7 +47,7 @@
.content .form { .content .form {
width: 320px; width: 320px;
margin-top: 76px; margin-top: 28px;
position: relative; position: relative;
} }
@ -84,3 +86,12 @@
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
} }
.footer a {
text-decoration: none;
color: #4183c4;
}
.footer a:hover {
text-decoration: underline;
}

4
view/login.html
View File

@ -9,7 +9,7 @@
<body> <body>
<div class="header"> <div class="header">
<div class="wrapper fn-clear"> <div class="wrapper fn-clear">
<h1 class="fn-left">Wide</h1> <h1 class="fn-left"><a href="/login">Wide</a></h1>
<ul class="fn-right"> <ul class="fn-right">
<li><a href="https://github.com/b3log/wide" target="_blank">GitHub</a></li> <li><a href="https://github.com/b3log/wide" target="_blank">GitHub</a></li>
<li><a href="https://www.gitbook.io/book/88250/wide-user-guide" target="_blank">{{.i18n.help}}</a></li> <li><a href="https://www.gitbook.io/book/88250/wide-user-guide" target="_blank">{{.i18n.help}}</a></li>
@ -39,7 +39,7 @@
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/jquery-2.1.1.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
(function () { (function () {
var contentH = $(window).height() - $(".footer").height() - $(".header").height() - 42; var contentH = $(window).height() - $(".footer").height() - $(".header").height() - 18;
$(".content").height(contentH) $(".content").height(contentH)
.css("padding-top", (contentH - $(".content .fn-left").height()) / 2 + "px"); .css("padding-top", (contentH - $(".content .fn-left").height()) / 2 + "px");