Skip to content

S
statichtml
Commit 5ef2d82c authored by liaili's avatar liaili
Browse files
Options

all-update

parent 9923b394
Expand all Show whitespace changes
Inline Side-by-side
Showing with 833 additions and 606 deletions
.idea/workspace.xml
View file @ 5ef2d82c
This diff is collapsed.
src/entries/certification-process.html
View file @ 5ef2d82c
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<title>Title</title> <title>Title</title>
</head> </head>
<body> <body>
<header></header> <section>
<div class="banner"> <div class="banner">
<img src="https://res.fudou6.com/c/4/20160805/rggYmFubmVyXzAz_264x237.png" alt=""/> <img src="https://res.fudou6.com/c/4/20160805/rggYmFubmVyXzAz_264x237.png" alt=""/>
<span>抱歉，详细信息只对已在富豆平台认证成功的理财师开放</span> <span>抱歉，详细信息只对已在富豆平台认证成功的理财师开放</span>
...@@ -22,10 +22,8 @@ ...@@ -22,10 +22,8 @@
<p>Step 03 : 提交认证材料 , 等待审核即可</p> <p>Step 03 : 提交认证材料 , 等待审核即可</p>
<img src="https://res.fudou6.com/c/4/20160805/2jycGFnZS0wM18wMw==_660x1173.png" alt=""> <img src="https://res.fudou6.com/c/4/20160805/2jycGFnZS0wM18wMw==_660x1173.png" alt="">
</div> </div>
<div class="loading-app"> <a href="" class="loading-app">点击下载富豆优投APP</a>
<a href="">点击下载富豆优投APP</a> </section>
</div>
<script src="./common.js"></script> <script src="./common.js"></script>
<script src="certification-process.js"></script> <script src="certification-process.js"></script>
......
src/entries/certification-process.less
View file @ 5ef2d82c
@import 'normalize.less';
:global { :global {
*{
box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,ul,li,ol,a,strong,span,p,img {
margin: 0;
padding: 0;
}
a { a {
text-decoration: none; text-decoration: none;
} }
body { body {
color: #494949; color: #494949;
font-family: Microsoft YaHei, simhei, Tahoma, Arial;
}
header {
height: 2rem;
background: #f00;
} }
section {
.banner { .banner {
padding: 1rem 0.5rem; padding: 1rem 0.5rem;
background: #353950; background: #353950;
...@@ -38,6 +28,7 @@ ...@@ -38,6 +28,7 @@
.certification-process { .certification-process {
padding: 0.5rem; padding: 0.5rem;
h4 { h4 {
margin: 0;
font-size: 0.6rem; font-size: 0.6rem;
color: #000; color: #000;
} }
...@@ -50,10 +41,9 @@ ...@@ -50,10 +41,9 @@
} }
} }
.loading-app { .loading-app {
a { display: block;
text-align: center; text-align: center;
padding:0.5rem 0; padding:0.5rem 0;
display: block;
font-size: 0.5rem; font-size: 0.5rem;
color: #fff; color: #fff;
background: #ff494b; background: #ff494b;
......
src/entries/index.html
View file @ 5ef2d82c
...@@ -7,37 +7,29 @@ ...@@ -7,37 +7,29 @@
<link rel="stylesheet" type="text/css" href="./index.css"/> <link rel="stylesheet" type="text/css" href="./index.css"/>
</head> </head>
<body> <body>
<div class="product-notice"> <article>
<div> <header>
<h2>超打通知</h2> 超打通知
</div> </header>
<div> <section>
<p>
【首誉光控凯宏资产3号】已经临界打超，待查账后确定具体金额，多退少补，请各位总即刻停止打款。今天务必尽快提供如下验资资料，最快验资成立！2号开放期的5810万等3号封账后明后天无缝对接！！ 【首誉光控凯宏资产3号】已经临界打超，待查账后确定具体金额，多退少补，请各位总即刻停止打款。今天务必尽快提供如下验资资料，最快验资成立！2号开放期的5810万等3号封账后明后天无缝对接！！
</p> <br/>
<p> <br/>
1. 身份证正反面 1. 身份证正反面 <br/>
</p> 2. 银行卡正面 <br/>
<p> 3. 客户打款凭条 <br/>
2. 银行卡正面
</p>
<p>
3. 客户打款凭条
</p>
<p>
4. 合同客户签署页照片第49、50页 4. 合同客户签署页照片第49、50页
</p> <br/>
<p> <br/>
特别注意（开户精确支行须精确以免耽误还本付息签署页写上 特别注意（开户精确支行须精确以免耽误还本付息签署页写上
日期拍照） 日期拍照）
</p> </section>
</div> <footer>
<div class="time"> 2016-07-12 10:30
<span>2016-07-12 10:30</span> </footer>
</div> </article>
</div>
</body> </body>
<script src="./common.js"></script> <script src="./common.js"></script>
<script src="./index.js"></script> <script src="./index.js"></script>
<script src="./flexible.debug.js"></script> <!--<script src="./flexible.debug.js"></script>-->
</html> </html>
src/entries/index.less
View file @ 5ef2d82c
:global { *{
*{
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
color: #fff; color: #fff;
font-family: Microsoft YaHei, simhei, Tahoma, Arial; font-family: Microsoft YaHei, simhei, Tahoma, Arial;
margin: 0; margin: 0;
}
.product-notice {
background: #313139; background: #313139;
& > div { }
h2 {
width: 8.75rem; :global {
article {
max-width:768px;
margin: 0 auto; margin: 0 auto;
font-size: 0.5rem; header {
padding: 0.5rem 0 0.5rem; margin:20px;
&:before { height: 20px;
content: ''; line-height: 20px;
display: inline-block; border-left: 10px solid #ff4a4b;
width: 0.16rem; padding-left: 10px;
height: 0.5rem; font-size: 20px;
background: #ff4a4b; }
position: relative; section {
top: 0.06rem; padding: 20px 20px 20px 30px;
left: -0.3rem; border-top: 2px solid #222228;
} border-bottom: 2px solid #222228;
} font-size: 14px;
&:nth-child(2) { line-height: 24px;
border: 2px solid #222228; }
padding: 0.5rem 0; footer {
p { font-size: 14px;
width: 8.75rem; padding: 10px 20px 0 0;
margin: 0.3rem auto;
font-size: 0.4rem;
font-family: Adobe Heiti Std;
line-height: 0.6rem;
&:first-child {
margin-bottom: 0.8rem;
}
&:last-child {
margin-top: 0.8rem;
}
}
}
}
.time {
padding: 0.3rem 0;
width: 8.75rem;
text-align: right; text-align: right;
span {
font-size: 0.4rem;
}
} }
} }
} }
......
src/entries/layout.html deleted 100644 → 0
View file @ 9923b394
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<header data-am-widget="header" class="am-header am-header-default">
<div class="am-header-left am-header-nav">
<a href="#left-link" class="">
<img class="am-header-icon-custom" src="data:image/svg+xml;charset&#x3D;utf-8,&lt;svg xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot; viewBox&#x3D;&quot;0 0 12 20&quot;&gt;&lt;path d&#x3D;&quot;M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z&quot; fill&#x3D;&quot;%23fff&quot;/&gt;&lt;/svg&gt;" alt=""/>
</a>
</div>
<h1 class="am-header-title">
<img src="http://s.amazeui.org/media/i/brand/amazeui-cw.png" />
</h1>
<div class="am-header-right am-header-nav">
<a href="#right-link" class="">
<img class="am-header-icon-custom" src="data:image/svg+xml;charset&#x3D;utf-8,&lt;svg xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot; viewBox&#x3D;&quot;0 0 42 26&quot; fill&#x3D;&quot;%23fff&quot;&gt;&lt;rect width&#x3D;&quot;4&quot; height&#x3D;&quot;4&quot;/&gt;&lt;rect x&#x3D;&quot;8&quot; y&#x3D;&quot;1&quot; width&#x3D;&quot;34&quot; height&#x3D;&quot;2&quot;/&gt;&lt;rect y&#x3D;&quot;11&quot; width&#x3D;&quot;4&quot; height&#x3D;&quot;4&quot;/&gt;&lt;rect x&#x3D;&quot;8&quot; y&#x3D;&quot;12&quot; width&#x3D;&quot;34&quot; height&#x3D;&quot;2&quot;/&gt;&lt;rect y&#x3D;&quot;22&quot; width&#x3D;&quot;4&quot; height&#x3D;&quot;4&quot;/&gt;&lt;rect x&#x3D;&quot;8&quot; y&#x3D;&quot;23&quot; width&#x3D;&quot;34&quot; height&#x3D;&quot;2&quot;/&gt;&lt;/svg&gt;" alt=""/>
</a>
</div>
</header>
</body>
</html>
src/entries/navitation-friend.html
View file @ 5ef2d82c
...@@ -9,23 +9,10 @@ ...@@ -9,23 +9,10 @@
<title>Title</title> <title>Title</title>
</head> </head>
<body> <body>
<header></header> <article>
<div class="navitation-steps"> <p>1、点击页面右上角“ ● ● ● ”</p>
<div> <p>2、选择“<span>发送给朋友</span>“或”<span>分享到朋友圈</span>”, 邀请好友入驻富豆优投。</p>
<p>1、点击页面右上角“ <strong>●</strong> <strong>●</strong> <strong>●</strong> ”</p> </article>
<p>2、选择“<span>发送给朋友</span>“或”<span>分享到朋友圈</span>”。邀请好友入驻富豆优投</p>
</div>
</div>
<div class="mobile"><input type="text" placeholder="请输入手机号"/></div>
<div class="purchase"><a href="javascript:;">我要出单</a></div>
<footer>
<strong>
&copy;2015-2016 杭州枢纽科技有限公司 <br> 浙CP备16018845号 <br>
</strong>
<span>
点击"我要出单"代表已同意 <a href="javascript:;">&lt;&lt;注册协议&gt;&gt;</a>
</span>
</footer>
</body> </body>
<script src="./common.js"></script> <script src="./common.js"></script>
<script src="./navitation-friend.js"></script> <script src="./navitation-friend.js"></script>
......
src/entries/navitation-friend.less
View file @ 5ef2d82c
@import 'normalize.less';
:global { :global {
*{
box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,ul,li,ol,a,strong,span,p {
margin: 0;
padding: 0;
}
a { a {
text-decoration: none; text-decoration: none;
} }
body { article {
color: #fff;
font-family: Microsoft YaHei, simhei, Tahoma, Arial;
}
header {
height: 2rem;
background: #f00;
}
.navitation-steps {
height: 10rem;
background: url(https://res.fudou6.com/c/4/20160804/q83YmdfMDI=_750x741.jpg)no-repeat center center;
background-size: cover;
& > div {
background: #fff; background: #fff;
padding:1rem 1.2rem; padding:1rem 1.2rem;
p { p {
...@@ -34,44 +16,5 @@ ...@@ -34,44 +16,5 @@
} }
} }
} }
}
.mobile {
background: #1d1f21;
input {
width: 100%;
padding: 0.4rem 0;
text-align: center;
font-size: 0.4rem;
outline:none;
border: none;
color: #a6a6a6;
background: #1d1f21;
}
}
.purchase {
a {
text-align: center;
padding:0.4rem 0;
display: block;
font-size: 0.5rem;
color: #fff;
background: #a63030;
}
}
footer {
padding-top: 1.5rem;
padding-bottom: 0.3rem;
color: #949494;
font-size: 0.3rem;
line-height: 0.45rem;
text-align: center;
background: #0e141d;
span {
font-size: 0.35rem;
a {
text-decoration: underline;
color: #ff4a4a;
}
}
}
} }
src/entries/navitation-record.html
View file @ 5ef2d82c
...@@ -8,67 +8,63 @@ ...@@ -8,67 +8,63 @@
<link rel="stylesheet" type="text/css" href="./navitation-record.css"/> <link rel="stylesheet" type="text/css" href="./navitation-record.css"/>
</head> </head>
<body> <body>
<header></header> <section>
<div class="navitation"> <div class="navitation">
<h2>尊敬的维基，您好</h2> <h1>尊敬的维基，您好</h1>
<div> <div class="navitation-amount">
<a href="javascript:;">绑定成功：2人</a> <a href="javascript:;">绑定成功：2人</a>
<a href="javascript:;">邀请人数：10人</a> <a href="javascript:;">邀请人数：10人</a>
</div> </div>
</div> </div>
<div class="users-list"> <div class="user-list">
<div class="title"> <table>
<span></span> <thead>
<span><strong>手机号码</strong></span> <tr>
<span><strong>绑定状态</strong></span> <th></th>
<span><strong>成单状态</strong></span> <th>手机号码</th>
<span></span> <th>绑定状态</th>
</div> <th>成单状态</th>
<div> <th></th>
<a href="" class="clear-float"> </tr>
<span>01.</span> </thead>
<span>18766773541</span> <tbody>
<span class="success-red">抢到了</span> <tr>
<span>已成单</span> <td>01.</td>
<span> <strong> > </strong> </span> <td>18766773541</td>
</a> <td class="success-red">抢到了</td>
</div> <td>已成单</td>
<div> <td><a href="">&gt;</a></td>
<a href="" class="clear-float"> </tr>
<span>02.</span> <tr>
<span>18766773541</span> <td>02.</td>
<span class="success-red">抢到了</span> <td>18766773541</td>
<span>已成单</span> <td class="success-red">抢到了</td>
<span> <strong> > </strong> </span> <td>已成单</td>
</a> <td><a href="">&gt;</a></td>
</div> </tr>
<div> <tr>
<a href="" class="clear-float"> <td>03.</td>
<span>03.</span> <td>18766773541</td>
<span>18766773541</span> <td>未绑定</td>
<span>未绑定</span> <td>已成单</td>
<span>已成单</span> <td><a href="">&gt;</a></td>
<span> <strong> > </strong> </span> </tr>
</a> <tr>
</div> <td>04.</td>
<div> <td>18766773541</td>
<a href="" class="clear-float"> <td class="lose-green">被抢了</td>
<span>04.</span> <td>未成单</td>
<span>18766773541</span> <td><a href=""></a></td>
<span class="lose-green">被抢了</span> </tr>
<span>未成单</span> <tr>
<span> <strong> </strong> </span> <td>05.</td>
</a> <td>18766773541</td>
</div> <td class="lose-green">被抢了</td>
<div> <td>已成单</td>
<a href="" class="clear-float"> <td><a href=""></a></td>
<span>05.</span> </tr>
<span>18766773541</span> </tbody>
<span class="lose-green">被抢了</span> </table>
<span>已成单</span>
<span> <strong> </strong> </span>
</a>
</div>
</div> </div>
<div class="explain"> <div class="explain">
<h3>说明</h3> <h3>说明</h3>
...@@ -77,10 +73,8 @@ ...@@ -77,10 +73,8 @@
<p>-未绑定：被邀请用户未下载注册富豆优投APP或注册时未填写邀请码；</p> <p>-未绑定：被邀请用户未下载注册富豆优投APP或注册时未填写邀请码；</p>
<p>-被抢了：被邀请用户下载注册富豆优投APP时使用了其它邀请码。</p> <p>-被抢了：被邀请用户下载注册富豆优投APP时使用了其它邀请码。</p>
</div> </div>
<div class="navitation-friend"> <a href="javascript:;" class="navitation-friend">邀请好友入驻</a>
<a href="javascript:;">邀请好友入驻</a> </section>
</div>
</body> </body>
<script src="./common.js"></script> <script src="./common.js"></script>
<script src="./navitation-record.js"></script> <script src="./navitation-record.js"></script>
......
src/entries/navitation-record.js
View file @ 5ef2d82c
...@@ -3,3 +3,5 @@ ...@@ -3,3 +3,5 @@
*/ */
import './navitation-record.html'; import './navitation-record.html';
import './navitation-record.less'; import './navitation-record.less';
// import './normalize.less';
src/entries/navitation-record.less
View file @ 5ef2d82c
@import 'normalize.less';
:global { :global {
*{ section{
box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,ul,li,ol,a,strong,span,p {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #000000;
}
body {
color: #fff;
font-family: Microsoft YaHei, simhei, Tahoma, Arial;
}
header {
height: 2rem;
background: #f00;
}
.navitation { .navitation {
background: #353950 url(https://res.fudou6.com/c/4/20160804/udmYmctMDFfMDM=_749x66.png)no-repeat center bottom; background: #353950 url(https://res.fudou6.com/c/4/20160804/udmYmctMDFfMDM=_749x66.png)no-repeat center bottom;
padding:1rem 0 2rem; padding:1rem 0 2rem;
h2 { h1 {
font-size: 0.55rem; font-size: 0.55rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: center; text-align: center;
color: #fff;
} }
& > div { .navitation-amount {
width: 8rem; width: 8rem;
margin: 0 auto; margin: 0 auto;
&:after { &:after {
...@@ -36,10 +19,11 @@ ...@@ -36,10 +19,11 @@
clear: both; clear: both;
} }
a { a {
font-size: 0.4rem;
background: #494d68;
padding: 0.157rem 0.26rem; padding: 0.157rem 0.26rem;
border-radius: 0.11rem; border-radius: 0.11rem;
text-decoration: none;
font-size: 0.4rem;
background: #494d68;
color: #fff; color: #fff;
float: left; float: left;
&:last-child { &:last-child {
...@@ -48,63 +32,54 @@ ...@@ -48,63 +32,54 @@
} }
} }
} }
.users-list { .user-list {
padding: 0 20px;
background: #ececec; background: #ececec;
div { table {
width: 9rem; width: 100%;
margin: 0 auto; text-align: center;
border-collapse: collapse;
thead tr {
border-bottom: 1px solid #969696; border-bottom: 1px solid #969696;
color: #222228; color: #222228;
font-size: 0.4rem; font-size: 0.4rem;
&:nth-child(2):hover, th {
&:nth-child(3):hover, padding: 10px 0;
&:nth-child(4):hover,
&:nth-child(5):hover {
background: #d8d8d8;
}
a {
display: block;
}
span {
display: block;
float: left;
text-align: center;
padding: 0.26rem 0;
&:nth-child(1) { &:nth-child(1) {
width: 1rem; width: 10%;
} }
&:nth-child(2) { &:nth-child(2) {
width: 2rem; width: 25%;
} }
&:nth-child(3) { &:nth-child(3) {
width: 2.5rem; width: 22.5%;
} }
&:nth-child(4) { &:nth-child(1) {
width: 2.5rem; width: 22.5%;
} }
&:nth-child(5) { &:nth-child(1) {
width: 1rem; width: 10%;
color: #c3c3c3;
} }
} }
&:first-child {
font-weight: bold;
font-size: 0.44rem;
} }
&:last-child { tbody tr {
border-bottom: 0; border-bottom: 1px solid #969696;
&:hover {
background: #d8d8d8;
} }
&:after { td {
content: ''; font-size: 14px;
display: block; padding: 10px 0;
clear: both; a {
font-weight: bolder;
color: #c3c3c3;
text-decoration: none;
} }
} }
&:last-child {
.clear-float:after { border-bottom: 0;
content: ''; }
display: block;
clear: both;
} }
.success-red { .success-red {
color: #ff494b; color: #ff494b;
...@@ -113,16 +88,16 @@ ...@@ -113,16 +88,16 @@
color: #66d03c; color: #66d03c;
} }
} }
}
.explain { .explain {
width: 9rem; padding:10px 20px;
margin: 0 auto;
padding:0.26rem 0;
color: #969696; color: #969696;
font-size: 0.4rem; font-size: 14px;
h3 { h3 {
font-size: 0.5rem; font-size: 18px;
text-align: center; text-align: center;
position: relative; position: relative;
padding: 0;
&:before { &:before {
content: ''; content: '';
display: block; display: block;
...@@ -142,28 +117,28 @@ ...@@ -142,28 +117,28 @@
background: #fff; background: #fff;
position: absolute; position: absolute;
top:0.26rem; top:0.26rem;
left:3.6rem; left:3.5rem;
z-index: -1; z-index: -1;
} }
} }
h5 { h5 {
font-size: 0.5rem; font-size: 0.5rem;
padding: 0.16rem 0 0.26rem; padding: 0.16rem 0 0.26rem;
margin: 0;
} }
p { p {
line-height: 0.55rem; line-height: 0.55rem;
} }
} }
.navitation-friend { .navitation-friend {
a {
width: 10rem;
display: block; display: block;
padding:0.55rem; padding:0.55rem 0;
text-align: center; text-align: center;
font-size: 0.485rem; font-size: 0.485rem;
font-weight: bold; font-weight: bold;
background: #ff494b; background: #ff494b;
color: #fff; color: #fff;
text-decoration: none;
} }
} }
} }
......
src/entries/normalize.less 0 → 100755
View file @ 5ef2d82c
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template, /* 1 */
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit; /* 1 */
margin: 0; /* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
src/entries/register-info.html
View file @ 5ef2d82c
...@@ -8,7 +8,6 @@ ...@@ -8,7 +8,6 @@
<title>Title</title> <title>Title</title>
</head> </head>
<body> <body>
<header></header>
<section> <section>
<div class="banner"> <div class="banner">
<img src="https://res.fudou6.com/c/4/20160805/m9pYmFubmVyLTAy_179x179.png" alt=""> <img src="https://res.fudou6.com/c/4/20160805/m9pYmFubmVyLTAy_179x179.png" alt="">
......
src/entries/register-info.less
View file @ 5ef2d82c
@import 'normalize.less';
:global{ :global{
*{
box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,ul,li,ol,a,strong,span,p {
margin: 0;
padding: 0;
}
a { a {
text-decoration: none; text-decoration:none;
}
body {
color: #000;
font-family: Microsoft YaHei, simhei, Tahoma, Arial;
}
header {
height: 2rem;
background: #f00;
} }
.banner { .banner {
padding: 1rem; padding: 1rem;
...@@ -49,6 +35,7 @@ ...@@ -49,6 +35,7 @@
float: left; float: left;
line-height: 1.6rem; line-height: 1.6rem;
font-size: 0.6rem; font-size: 0.6rem;
margin: 0;
} }
a { a {
padding: 0.2rem 0.3rem; padding: 0.2rem 0.3rem;
...@@ -82,6 +69,7 @@ ...@@ -82,6 +69,7 @@
font-size: 0.6rem; font-size: 0.6rem;
padding-left: 0.5rem; padding-left: 0.5rem;
border-bottom: 2px solid #b2b2b2; border-bottom: 2px solid #b2b2b2;
margin: 0;
} }
div { div {
width: 9rem; width: 9rem;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment