This commit is contained in:
xice09
2018-05-30 15:31:33 +08:00
commit 4815ee7832
34 changed files with 18348 additions and 0 deletions

72
css/biankuang.css Normal file
View File

@@ -0,0 +1,72 @@
.spbq{
width: 100%;
height: auto;
padding: 0 10px 10px 15px;
margin: 5px 0;
/*importance*/
position: relative;
overflow: hidden;
}
/*边框特效*/
.biankuang{
width: 3px;
height: 3px;
position: absolute;
z-index: 99;
border-radius:10px;
/*background: black;*/
}
.biankuang_1{
/*left*/
height: 3px;
top: -6px;
left:0px;
border-left: 3px solid #EB5858;
}
.biankuang_2 {
/*bottom*/
width: 0px;
bottom: -1px;
left: 0px;
border-top: 3px solid #EB5858;
}
.biankuang_3{
/*right*/
height: 0px;
bottom:0px;
right:0px;
border-right: 3px solid #EB5858;
}
.biankuang_4{
/*top*/
width:0px;
top:-1px;
right:0px;
border-bottom: 3px solid #EB5858;
}
.text_gobuy {
position: absolute;
z-index:9;
top: -30px;
left: 0px;
width: 280px;
height: 50px;
overflow: hidden;
background:rgba(207, 208, 211, 0);
cursor: pointer;
transition:all 300ms;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-o-transition:all 300ms;
}
.text_gobuy_show{
height: 50px;
position: absolute;
z-index:9;
bottom: 0px;
width: 280px;
overflow: hidden;
padding: 20px 15px ;
cursor: pointer;
background-color: rgba(32, 32, 33,0.3);
}

65
css/header.css Normal file
View File

@@ -0,0 +1,65 @@
.Sticky.is-fixed {
position: fixed;
z-index: 2;
box-sizing: border-box
}
.AppHeader {
position: relative;
overflow: hidden;
background: #fff;
border-bottom: 1px solid rgba(30, 35, 42, .06);
box-shadow: 0 1px 3px 0 rgba(0, 34, 77, .05);
background-clip: content-box
}
.AppHeader,
.AppHeader.is-fixed {
z-index: 100
}
.AppHeader-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1000px;
height: 60px;
padding: 0 16px;
margin: 0 auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: -webkit-transform.3s;
transition: -webkit-transform.3s;
transition: transform.3s;
transition: transform.3s, -webkit-transform.3s
}
.AppHeader.is-hidden .AppHeader-inner{
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
.PageHeader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform.3s;
transition: -webkit-transform.3s;
transition: transform.3s;
transition: transform.3s, -webkit-transform.3s;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.PageHeader:not(.is-shown){
-webkit-transform: translateY(100%);
transform: translateY(100%)
}

7950
css/materialize.css vendored Normal file

File diff suppressed because it is too large Load Diff

341
css/style.css Normal file
View File

@@ -0,0 +1,341 @@
/*
* Override Bootstrap's default container.
*/
body {
font-family: "Helvetica Neue", "Helvetica", "Lucida Grande", "Arial", "Hiragino Sans GB", "Tahoma", "Microsoft Yahei", "SimSun", "WenQuanYi Micro Hei", "sans-serif";
font-weight: normal;
padding-top: 50px;
display: flex;
flex-direction: column;
height: 100%;
}
a {
color: #D14747;
}
a:hover, a:focus {
color: #DA1D1D;
text-decoration: none;
}
a:active {
color: darkred;
}
pre {
border: none;
background-color: transparent;
}
.jumbotron {
text-align: center;
background-color: #cf4646;
color: #fff;
position: relative;
flex: 1 0 auto;
}
.jumbotron .video-js {
text-align: center;
margin: auto;
}
.jumbotron .lead em {
display: none;
}
.jumbotron .logo {
width: 100%;
max-width: 200px;
}
.jumbotron .btn-getting-started {
color: #efbfbf;
border: none;
box-shadow: inset 0 0 0 2px #efbfbf;
border-radius: 2px;
background-color: transparent;
margin-top: 26px;
}
.jumbotron .btn-getting-started:hover, .jumbotron .btn-getting-started:active {
color: #fff;
box-shadow: inset 0 0 0 2px #fff;
background-color: transparent;
}
@media (min-width: 768px) {
.site-navbar .navbar-nav {
float: right!important;
}
}
.navbar-inverse {
background-color: #cf4646;
border-color: transparent;
flex: 0 0 auto;
}
.navbar-inverse .navbar-brand {
color: #efefef;
}
.navbar-inverse .navbar-nav > li > a {
color: #e8e8e8;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #CA3131;
}
.navbar-inverse .navbar-toggle {
border-color: #fff;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: transparent;
}
.footer {
margin-top: 60px;
text-align: center;
color: #888888;
flex: 0 0 auto;
font-size: 90%;
}
.footer a {
color: inherit;
}
.footer a:hover {
text-decoration: none;
color: inherit;
}
.docs-wrapper {
margin-top: 30px;
}
.benefits h2 {
margin-top: 40px;
line-height: 18pt;
padding-left: 10px;
border-left: 3px solid red;
margin-right: 0px;
margin-left: auto;
margin-bottom: 20px;
}
.benefits p {
font-size: 18px;
}
.markdown-body {
font-size: 16px;
line-height: 1.8;
}
.markdown-body h1 {
border-left: 3px solid #EF2E31;
line-height: 30px;
padding-left: 10px;
}
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
margin-top: 1.2em;
margin-bottom: 0.6em;
line-height: 1.35;
font-family: "Microsoft Yahei", Tahoma, Helvetica, Arial, "SimSun", sans-serif;
}
.markdown-body h6, .markdown-body h5 {
font-size: 18px;
}
.markdown-body p, .markdown-body pre, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body form, .markdown-body hr, .markdown-body table, .markdown-body blockquote {
margin-bottom: 1.2em;
}
.markdown-body time {
margin-bottom: 1.2em;
}
.markdown-body img {
display: block;
max-width: 100%;
height: auto;
}
.markdown-body a {
text-decoration: none;
color: #D14747;
}
.markdown-body a:hover {
text-decoration: none;
color: #DA1D1D;
}
.markdown-body a:active, .markdown-body a:visited {
color: darkred;
}
.markdown-body blockquote {
margin: 1em 0 1em 0;
padding: 0 0 0 1.6em;
}
.markdown-body blockquote small {
display: inline-block;
margin: 0.8em 0 0.8em 1.5em;
font-size: 0.9em;
}
.markdown-body pre {
font-size: 14px;
border: none;
border-radius: 0;
}
.markdown-body hr {
border-top: 1px solid #e5e5e5;
}
.markdown-body li ul, .markdown-body li ol {
margin-bottom: 0.8em;
}
/* Loadingbar */
#loadingbar {
position: fixed;
z-index: 2147483647;
top: 0;
left: -6px;
width: 1%;
height: 3px;
background-color: rgba(155,210,57,1.00);
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#loadingbar.left {
left: 100%;
right: 0px;
width: 100%;
}
#loadingbar.up {
left: 0px;
top: 100%;
width: 5px;
bottom: 0px;
height: 100%;
}
#loadingbar.down {
left: 0;
width: 5px;
height: 0;
}
#loadingbar.waiting dd, #loadingbar.waiting dt {
-moz-animation: pulse 2s ease-out 0s infinite;
-ms-animation: pulse 2s ease-out 0s infinite;
-o-animation: pulse 2s ease-out 0s infinite;
-webkit-animation: pulse 2s ease-out 0s infinite;
animation: pulse 2s ease-out 0s infinite;
}
#loadingbar dt {
opacity: .6;
width: 180px;
right: -80px;
clip: rect(-6px,90px,14px,-6px);
}
#loadingbar dd {
opacity: .6;
width: 20px;
right: 0;
clip: rect(-6px,22px,14px,10px);
}
#loadingbar dd, #loadingbar dt {
position: absolute;
top: 0;
height: 2px;
-moz-box-shadow: #b91f1f 1px 0 6px 1px;
-ms-box-shadow: #b91f1f 1px 0 6px 1px;
-webkit-box-shadow: #B91F1F 1px 0 6px 1px;
box-shadow: #B91F1F 1px 0 6px 1px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
#loadingbar.left dt {
opacity: .6;
width: 180px;
left: -4px;
clip: rect(-6px,185px,14px,25px);
}
#loadingbar.left dd {
opacity: .6;
width: 20px;
left: 0;
margin: 0;
clip: rect(-6px,22px,14px,0px);
}
#loadingbar.left dd, #loadingbar.left dt {
top: 0;
height: 2px;
}
#loadingbar.down dt {
opacity: .6;
height: 180px;
top: auto;
bottom: -47px;
clip: rect(-6px,20px,130px,-6px);
}
#loadingbar.down dd {
opacity: .6;
height: 20px;
top: auto;
bottom: 0;
clip: rect(-6px,22px,20px,10px);
margin: 0;
}
#loadingbar.down dd, #loadingbar.down dt {
left: -5px;
right: auto;
width: 10px;
}
#loadingbar.up dt {
opacity: .6;
height: 180px;
bottom: auto;
top: -10px;
clip: rect(13px,20px,190px,-6px);
}
#loadingbar.up dd {
opacity: .6;
height: 20px;
bottom: auto;
top: 0;
clip: rect(-6px,22px,25px,10px);
margin: 0;
}
#loadingbar.up dd, #loadingbar.up dt {
left: -5px;
right: auto;
width: 10px;
}
@keyframes pulse {
30% { opacity:0.6; }
60% { opacity:0; }
100% { opacity:0.6; }
}
@-moz-keyframes pulse
{
30% { opacity:0.6; }
60% { opacity:0; }
100% { opacity:0.6; }
}
@-ms-keyframes pulse
{
30% { opacity:0.6; }
60% { opacity:0; }
100% { opacity:0.6; }
}
@-webkit-keyframes pulse
{
30% { opacity:0.6; }
60% { opacity:0; }
100% { opacity:0.6; }
}