mail_yanpeng@163.com
5 years ago
37 changed files with 1354 additions and 583 deletions
@ -1,117 +0,0 @@ |
|||
.blog-root{ |
|||
height: 100%; |
|||
width: 68%; |
|||
margin: 40px auto; |
|||
} |
|||
.blog-root .blog-title{ |
|||
margin: 60px 0 20px 0; |
|||
text-align: center |
|||
} |
|||
.blog-root .blog-detaile{ |
|||
color: #2f2f2f; |
|||
} |
|||
.blog-root .blog-detaile pre{ |
|||
/*color: #d2e8b9;*/ |
|||
border: 1px #d2e8b9 solid; |
|||
box-shadow:1px 1px 2px 2px #d2e8b9; |
|||
margin: 5px 0; |
|||
} |
|||
|
|||
.blog-root .blog-detaile h4{ |
|||
font-size: 20px; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.blog-user{ |
|||
position: fixed; |
|||
top: 60px; |
|||
left: 5px; |
|||
width: 100px; |
|||
height: 100%; |
|||
background-color: #f9f9f9; |
|||
} |
|||
|
|||
.blog-info{ |
|||
padding: 15px; |
|||
} |
|||
|
|||
.blog-info .blog-author{ |
|||
display: flex; |
|||
} |
|||
.blog-info .blog-author .author-headimg{ |
|||
display: inline-block; |
|||
width: 48px; |
|||
height: 48px; |
|||
} |
|||
.blog-info .blog-author .blog-label{ |
|||
flex: 1; |
|||
height: 22px; |
|||
line-height: 22px; |
|||
text-align: right; |
|||
padding-top: 26px; |
|||
} |
|||
.blog-info .blog-author .blog-label label{ |
|||
color: #888; |
|||
border:1px dotted #aaa; |
|||
padding: 5px; |
|||
border-radius: 5px; |
|||
font-size: 10px; |
|||
} |
|||
.blog-info .blog-author .author-headimg .img-circle{ |
|||
width: 48px !important; |
|||
height: 48px !important; |
|||
margin-top: 0px !important; |
|||
} |
|||
.blog-info .blog-author .author-info{ |
|||
display: inline-block; |
|||
height: 48px !important; |
|||
vertical-align: bottom; |
|||
text-align: left; |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
.blog-info .blog-author .author-info a{ |
|||
display: inline-block; |
|||
height: 28px; |
|||
line-height: 28px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.blog-info .blog-author .author-info span{ |
|||
display: inline-block; |
|||
height: 20px; |
|||
line-height: 20px; |
|||
font-size: 12px; |
|||
color: #888; |
|||
padding-right: 8px; |
|||
} |
|||
|
|||
.blog-info em{ |
|||
padding: 0 8px !important; |
|||
} |
|||
|
|||
|
|||
.comms-root{ |
|||
width: 68%; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.comms-root a{ |
|||
text-decoration: none; |
|||
} |
|||
|
|||
img { |
|||
max-width: 100% !important; |
|||
} |
|||
|
|||
.blog-referral{ |
|||
width: 100%; |
|||
margin: 40px auto; |
|||
} |
|||
.blog-referral p{ |
|||
padding: 3px 0; |
|||
} |
|||
|
|||
.layui-code-view .layui-code-ol li{ |
|||
margin-left: 0px !important; |
|||
} |
|||
@ -1,64 +0,0 @@ |
|||
.home-container{ |
|||
height: 100%; |
|||
margin: 50px 5% 0 5%; |
|||
} |
|||
.home-container hr{ |
|||
margin: 0; |
|||
} |
|||
|
|||
.home-hearder { |
|||
margin: 10px 0; |
|||
display: flex; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
} |
|||
.home-hearder .m-select{ |
|||
width: 150px; |
|||
display: inline-block; |
|||
height: 32px; |
|||
border-radius: 3px; |
|||
padding: 4px 14px; |
|||
} |
|||
.home-hearder .layui-btn-group .active a{ |
|||
color: #fff; |
|||
} |
|||
.home-hearder .layui-btn-group a{ |
|||
color: #333; |
|||
text-decoration: none; |
|||
} |
|||
.nelson-btn{ |
|||
color: #ec6149 !important; |
|||
border-radius: 15px; |
|||
border: 1px solid #bbb !important; |
|||
} |
|||
|
|||
.nelson-btn:hover{ |
|||
background: #fff !important; |
|||
color: #ec6149 !important; |
|||
border-radius: 15px; |
|||
border: 1px solid #ec6149 !important; |
|||
} |
|||
|
|||
.home-content{ |
|||
display: flex; |
|||
min-height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.home-content-title{ |
|||
display: inline-block; |
|||
font-size: 16px; |
|||
/*width: 65%;*/ |
|||
flex: 1; |
|||
} |
|||
|
|||
.home-content-desc{ |
|||
display: flex |
|||
} |
|||
|
|||
.home-content-desc span{ |
|||
display: inline-block; |
|||
text-align: center |
|||
} |
|||
|
|||
|
|||
File diff suppressed because one or more lines are too long
@ -1,16 +0,0 @@ |
|||
.blog-root h5{ |
|||
color: #888; |
|||
font-size: 14px; |
|||
margin: 9px 0; |
|||
font-family: inherit; |
|||
font-weight: 700; |
|||
line-height: 1.5; |
|||
} |
|||
|
|||
.blog-root a { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.blog-root p { |
|||
margin: 1px 0 9px; |
|||
} |
|||
@ -0,0 +1,221 @@ |
|||
/* Project: Night Mode |
|||
* Author: Asif Mughal |
|||
* URL: www.codehim.com |
|||
* License: MIT License |
|||
* Copyright (c) 2018 - Asif Mughal |
|||
*/ |
|||
/* FILE : demo-only.css */ |
|||
*{ margin: 0; padding: 0;} |
|||
@font-face { |
|||
/*src: local('Helvetica Neue'), local('HelveticaNeue'), url(http://themes.googleusercontent.com/licensed/font?kit=Lx1xfUTR4qFjwg0Z_pb900DGSpWewu0sZH-jqLz8Q00) format('truetype');*/ |
|||
} |
|||
body{ |
|||
font-family: 'Helvetica Neue'; |
|||
font-style: normal; |
|||
font-weight: 300; |
|||
font-smoothing: antialiased; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
font-size: 15px; |
|||
background: #eee; |
|||
} |
|||
.intro{ |
|||
background: #ddd; |
|||
padding: 60px 30px; |
|||
color: #333; |
|||
margin-bottom: 15px; |
|||
line-height: 1.5; |
|||
text-align: center; |
|||
} |
|||
.intro h1 { |
|||
font-size: 18pt; |
|||
|
|||
} |
|||
.intro p{ |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.action{ |
|||
text-align: center; |
|||
display: block; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
a.btn { |
|||
text-decoration: none; |
|||
color: #666; |
|||
border: 2px solid #666; |
|||
padding: 10px 15px; |
|||
display: inline-block; |
|||
margin-left: 5px; |
|||
} |
|||
a.btn:hover{ |
|||
background: #666; |
|||
color: #fff; |
|||
transition: .3s; |
|||
-webkit-transition: .3s; |
|||
} |
|||
.github:before, |
|||
.down:before{ |
|||
font-family: 'Material-Design-Iconic-Font'; |
|||
|
|||
font-weight: normal; |
|||
margin-right: 10px; |
|||
} |
|||
.github:before{content: '\f345';} |
|||
.down:before{content: '\f220';} |
|||
.credit{ |
|||
background: #fff; |
|||
padding: 12px; |
|||
font-size: 9pt; |
|||
text-align: center; |
|||
color: #333; |
|||
margin-top: 40px; |
|||
|
|||
} |
|||
.credit span:before{ |
|||
font-family: Material-Design-Iconic-Font; |
|||
color: #e41b17; |
|||
content: "\f13b"; |
|||
|
|||
|
|||
} |
|||
.credit a{ |
|||
color: #333; |
|||
text-decoration: none; |
|||
} |
|||
.credit a:hover{ |
|||
color: #e41b17; |
|||
} |
|||
.credit a:hover:after{ |
|||
font-family: Material-Design-Iconic-Font; |
|||
content: "\f18e"; |
|||
font-size: 9pt; |
|||
position: absolute; |
|||
margin: 3px; |
|||
} |
|||
main{ |
|||
background: #fff; |
|||
margin: 20px; |
|||
|
|||
} |
|||
|
|||
article li{ |
|||
color: #444; |
|||
font-size: 15px; |
|||
margin-left: 33px; |
|||
line-height: 1.5; |
|||
padding: 5px; |
|||
} |
|||
article h1, |
|||
article h2, |
|||
article h3, |
|||
article p{ |
|||
padding: 10px; |
|||
color: #333; |
|||
} |
|||
article p{ |
|||
font-size: 15px; |
|||
line-height: 1.5; |
|||
} |
|||
|
|||
@media only screen and (min-width: 720px){ |
|||
main{ |
|||
width: 90%; |
|||
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3); |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
background: #f9f9f9; |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
/* Syntax Highlighter*/ |
|||
|
|||
pre.prettyprint { |
|||
margin: 10px; |
|||
padding: 10px; |
|||
border: 0; |
|||
background: #f2f2f2; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.source { |
|||
white-space: pre; |
|||
overflow: auto; |
|||
max-height: 400px; |
|||
} |
|||
|
|||
.theme-tray { |
|||
overflow: hidden; |
|||
background: #fff; |
|||
} |
|||
|
|||
.theme-tray span { |
|||
border: 1px solid #f2f2f2; |
|||
width: 50px; |
|||
height: 50px; |
|||
display: inline-block; |
|||
border-radius: 4px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.pl-color, |
|||
.gr-color { |
|||
text-align: center; |
|||
} |
|||
|
|||
.gr-color h4, |
|||
.pl-color h4 { |
|||
background: #f2f2f2; |
|||
padding: 10px; |
|||
margin-bottom: 6px; |
|||
color: #333; |
|||
} |
|||
|
|||
.mesg{ |
|||
margin: 10px; |
|||
background: #fff; |
|||
color: #347C2C; |
|||
padding: 15px; |
|||
border-radius: 4px; |
|||
animation: bounceIn 1s forwards; |
|||
z-index: 98; |
|||
display: none; |
|||
position: relative; |
|||
text-align: center; |
|||
} |
|||
.ok{ |
|||
background: #347C2C; |
|||
color: #fff; |
|||
padding: 10px; |
|||
cursor: pointer; |
|||
display: none; |
|||
|
|||
} |
|||
article { |
|||
margin: 20px; |
|||
|
|||
} |
|||
h1, h2, h3, h4 { |
|||
margin: 10px 0; |
|||
|
|||
} |
|||
code{ |
|||
border:1px solid #ddd; |
|||
padding: 1px; |
|||
border-radius: 1px; |
|||
} |
|||
|
|||
/* Docs */ |
|||
article img{ |
|||
width: 100%; |
|||
margin: 10px; |
|||
height: auto; |
|||
box-sizing: border-box; |
|||
|
|||
} |
|||
|
|||
@ -0,0 +1,377 @@ |
|||
/* Plugin: jSide Menu (Responsive Side Menu) |
|||
* Frameworks: jQuery 3.3.1 & Material Design Iconic Font 2.0 |
|||
* Author: Asif Mughal |
|||
* GitHub: https://github.com/CodeHimBlog |
|||
* URL: https://www.codehim.com |
|||
* License: MIT License |
|||
* Copyright (c) 2018 - Asif Mughal |
|||
*/ |
|||
/* File: jquery.jside-menu.css */ |
|||
@font-face { |
|||
font-family: 'Helvetica Neue'; |
|||
font-style: normal; |
|||
font-weight: 300; |
|||
font-smoothing: antialiased; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
/*src: local('Helvetica Neue'), local('HelveticaNeue'), url(http://themes.googleusercontent.com/licensed/font?kit=Lx1xfUTR4qFjwg0Z_pb900DGSpWewu0sZH-jqLz8Q00) format('truetype');*/ |
|||
} |
|||
*{ margin: 0; |
|||
padding: 0; |
|||
} |
|||
body{ |
|||
font-family: 'Helvetica Neue'; |
|||
font-weight: 300; |
|||
font-smoothing: antialiased; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
|
|||
} |
|||
:root{ |
|||
--skin-hover: rgba(0, 0, 0, 0.1); |
|||
--skin-color: rgba(255, 255, 255, 0.9); |
|||
} |
|||
.default-skin{ |
|||
font-family: 'Helvetica Neue'; |
|||
font-weight: 300; |
|||
font-smoothing: antialiased; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
--skin: #2a2a2e; |
|||
--skin-hover: #2098D1; |
|||
--skin-color: rgba(255, 255, 255, 0.8); |
|||
} |
|||
.light-skin{ |
|||
--skin: #f0f0f0; |
|||
--skin-hover: #ddd; |
|||
--skin-color: #232323; |
|||
} |
|||
|
|||
.menubar{ |
|||
width: 100%; |
|||
height: 40px; |
|||
display: block; |
|||
background: var(--skin); |
|||
color: var(--skin-color); |
|||
line-height: 48px; |
|||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); |
|||
} |
|||
.menu-trigger{ |
|||
position: absolute; |
|||
-webkit-appearance: none; |
|||
border: 0; |
|||
outline: 0; |
|||
background: transparent; |
|||
top: 5px; |
|||
padding: 0 5px; |
|||
color: var(--skin-color); |
|||
cursor: pointer; |
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, .2); |
|||
|
|||
|
|||
} |
|||
.menu-trigger:hover{ |
|||
opacity: 0.8; |
|||
-webkit-opacity: 0.8; |
|||
} |
|||
|
|||
.menu-trigger:before{ |
|||
font-family: 'Material-Design-Iconic-Font'; |
|||
|
|||
content: '\f197'; |
|||
|
|||
font-size: 22pt; |
|||
|
|||
} |
|||
|
|||
.menu-trigger.left{ |
|||
left: 35px; |
|||
|
|||
} |
|||
|
|||
.menu-trigger.right{ |
|||
right: 20px; |
|||
} |
|||
.sticky{ |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
.menu-container{ |
|||
overflow: auto; |
|||
display: block; |
|||
top: 120px; |
|||
|
|||
} |
|||
.position-left{ |
|||
left: -270px; |
|||
} |
|||
.position-right{ |
|||
right: -270px; |
|||
} |
|||
|
|||
.position-left.open{ |
|||
left: 0; |
|||
} |
|||
|
|||
.position-right.open{ |
|||
right: 0; |
|||
} |
|||
|
|||
.menu-container, |
|||
.menu-head, |
|||
.menu-left, |
|||
.menu-left.open |
|||
.menu-right, |
|||
.menu-right.open{ |
|||
transition: .4s; |
|||
-webkit-transition: .4s; |
|||
-moz-transition: .4s; |
|||
-ms-transition: .4s; |
|||
|
|||
} |
|||
|
|||
.menu-container, |
|||
.menu-head{ |
|||
background: var(--skin); |
|||
position: fixed; |
|||
z-index: 100; |
|||
width: 270px; |
|||
|
|||
} |
|||
.menu-head .layer{ |
|||
background: rgba(0, 0, 0, 0.2); |
|||
display: block; |
|||
padding: 15px; |
|||
} |
|||
|
|||
|
|||
.menu-head{ |
|||
height: 120px; |
|||
box-sizing: border-box; |
|||
margin: 0px; |
|||
top: 0; |
|||
|
|||
} |
|||
|
|||
.menu-items { |
|||
list-style: none; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.dropdown-heading, |
|||
.menu-items li a{ |
|||
text-decoration: none; |
|||
padding: 12px 12px 12px 45px; |
|||
display: block; |
|||
color: var(--skin-color); |
|||
border-bottom: 1px dotted rgba(255, 255, 255, 0.050); |
|||
margin: 0; |
|||
cursor: pointer; |
|||
user-select: none; |
|||
} |
|||
.dropdown-heading:hover, |
|||
.menu-items li a:hover{ |
|||
background: var(--skin-hover); |
|||
} |
|||
|
|||
|
|||
|
|||
@keyframes fadeIn{ |
|||
from{ |
|||
opacity: 0; |
|||
-webkit-opacity: 0; |
|||
} |
|||
to{ |
|||
opacity: 1; |
|||
-webkit-opacity: 1; |
|||
} |
|||
} |
|||
-webkit-@keyframes fadeIn{ |
|||
from{ |
|||
opacity: 0; |
|||
-webkit-opacity: 0; |
|||
} |
|||
to{ |
|||
opacity: 1; |
|||
-webkit-opacity: 1; |
|||
} |
|||
} |
|||
|
|||
.item-icon{ |
|||
margin: 0 25px 0 0; |
|||
display: inline; |
|||
width: 32px; |
|||
height: 32px; |
|||
line-height: 32px; |
|||
position: absolute; |
|||
font-size: 15pt; |
|||
margin: 5px; |
|||
text-align: center; |
|||
color: var(--skin-color); |
|||
|
|||
} |
|||
|
|||
/* Dropdowns */ |
|||
.has-sub ul{ |
|||
|
|||
list-style: none; |
|||
|
|||
overflow: hidden; |
|||
|
|||
height: 0px; |
|||
|
|||
transition: .360s; |
|||
|
|||
background: #f2f9f9; |
|||
} |
|||
|
|||
|
|||
|
|||
.has-sub ul li a{ |
|||
|
|||
display: block; |
|||
|
|||
padding: 12px 33px; |
|||
|
|||
border-bottom: 0; |
|||
|
|||
font-size: 13px; |
|||
color: #444; |
|||
transition: .1s; |
|||
-webkit-transition: .1s; |
|||
border-bottom: 1px dotted #e1e1e1; |
|||
} |
|||
|
|||
.has-sub ul li a:hover{ |
|||
background: #dedede; |
|||
transition: .1s; |
|||
-webkit-transition: .1s; |
|||
} |
|||
|
|||
.has-sub span{ |
|||
|
|||
display: block; |
|||
|
|||
box-sizing: border-box; |
|||
|
|||
|
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
.has-sub i.arrow{ |
|||
|
|||
float: right; |
|||
|
|||
margin-right: 10px; |
|||
|
|||
transition: 0.360s; |
|||
|
|||
font-size: 16px; |
|||
} |
|||
|
|||
|
|||
|
|||
.has-sub .arrowdown{ |
|||
|
|||
transform: rotateZ(180deg); |
|||
|
|||
-webkit-transform: rotateZ(180deg); |
|||
|
|||
-moz-transform: rotateZ(180deg); |
|||
|
|||
transition: 0.360s; |
|||
|
|||
-webkit-transition: 0.360s; |
|||
|
|||
-moz-transition: 0.360s; |
|||
|
|||
} |
|||
|
|||
.col{ |
|||
display: table; |
|||
|
|||
} |
|||
.row{ |
|||
display: table-cell; |
|||
|
|||
} |
|||
.for-name { |
|||
max-width: 140px; |
|||
padding: 10px; |
|||
color: var(--skin-color); |
|||
} |
|||
.for-pic { |
|||
max-width: 70px; |
|||
} |
|||
|
|||
.profile-pic img{ |
|||
width: 60px; |
|||
height: 60px; |
|||
border-radius: 50%; |
|||
border: 1px solid rgba(255, 255, 255, 0.01); |
|||
object-fit: cover; |
|||
|
|||
} |
|||
.menu-head h3 { |
|||
top: -8px; |
|||
font-size: 13pt; |
|||
font-weight: 400; |
|||
|
|||
} |
|||
|
|||
.tagline, |
|||
.menu-head h3{ |
|||
display: block; |
|||
position: relative; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.tagline{ |
|||
font-size: 11px; |
|||
bottom: 5px; |
|||
display: block; |
|||
|
|||
} |
|||
|
|||
/* Dim background effect */ |
|||
.dim-overlay{ |
|||
display: none; |
|||
} |
|||
|
|||
.dim-overlay:before { |
|||
content: ""; |
|||
background-color: rgba(0, 0, 10, .4); |
|||
height: 100vh; |
|||
left: 0; |
|||
position: fixed; |
|||
top: 0; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
z-index: 2; |
|||
} |
|||
.logo{ |
|||
display: block; |
|||
text-align: center; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
font-size: 22px; |
|||
} |
|||
.logo img{ |
|||
width: 130px; |
|||
margin-top: 10px; |
|||
height: auto; |
|||
|
|||
} |
|||
.logo a{ |
|||
text-decoration: none; |
|||
color: var(--skin-color); |
|||
} |
|||
.logo a:hover{ |
|||
color: var(--skin-hover); |
|||
} |
|||
@ -0,0 +1,216 @@ |
|||
/* Plugin: jSide Menu (Responsive Side Menu) |
|||
* Frameworks: jQuery 3.3.1 & Material Design Iconic Font 2.0 |
|||
* Author: Asif Mughal |
|||
* GitHub: https://github.com/CodeHimBlog |
|||
* URL: https://www.codehim.com |
|||
* License: MIT License |
|||
* Copyright (c) 2018 - Asif Mughal |
|||
*/ |
|||
/* File: jquery.jside-skins.js */ |
|||
/* Love Red*/ |
|||
.red { |
|||
background: #e41b17; |
|||
--skin-hover: #000; |
|||
--skin-color: #fff; |
|||
} |
|||
|
|||
/* Clover Green*/ |
|||
|
|||
.green { |
|||
background: #3EA055; |
|||
--skin-hover: rgba(0, 0, 0, 0.1); |
|||
--skin-color: rgba(255, 255, 255, 0.9); |
|||
} |
|||
|
|||
/* Dodger Blue*/ |
|||
|
|||
.blue { |
|||
background: #1589FF; |
|||
--skin-hover: #000; |
|||
--skin-color: #fff; |
|||
} |
|||
|
|||
/* Bright Neon Pink*/ |
|||
|
|||
.bnp { |
|||
background: #F433FF; |
|||
--skin-hover: rgba(0, 0, 0, 0.1); |
|||
--skin-color: rgba(255, 255, 255, 0.9); |
|||
} |
|||
|
|||
/* Pumpkin Orange */ |
|||
|
|||
.orange { |
|||
background: #F87217; |
|||
} |
|||
|
|||
/* Black*/ |
|||
|
|||
.black { |
|||
background: #000; |
|||
} |
|||
|
|||
/* Neon Pink*/ |
|||
|
|||
.pink { |
|||
background: #F535AA; |
|||
} |
|||
|
|||
/* Golden Brown */ |
|||
|
|||
.gol-b { |
|||
background: #EAC117; |
|||
} |
|||
|
|||
/* Greenish Blue */ |
|||
|
|||
.greenish { |
|||
background: #307D7E; |
|||
|
|||
} |
|||
|
|||
/* Wood */ |
|||
|
|||
.wood { |
|||
background: #966F33; |
|||
|
|||
} |
|||
/* gradients themes colors */ |
|||
/* Endless River */ |
|||
|
|||
.endless-river { |
|||
--theme-color: #43cea2; |
|||
background: #43cea2; |
|||
/* fallback for old browsers */ |
|||
background: -webkit-linear-gradient(to right, #185a9d, #43cea2); |
|||
/* Chrome 10-25, Safari 5.1-6 */ |
|||
background: linear-gradient(to right, #185a9d, #43cea2); |
|||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
|||
--theme-color: linear-gradient(to right, #185a9d, #43cea2); |
|||
} |
|||
|
|||
|
|||
/* Crazy Orange */ |
|||
|
|||
.crazy-orange { |
|||
--theme-color: #D38312; |
|||
background: #D38312; |
|||
/* fallback for old browsers */ |
|||
background: -webkit-linear-gradient(to right, #A83279, #D38312); |
|||
/* Chrome 10-25, Safari 5.1-6 */ |
|||
background: linear-gradient(to right, #A83279, #D38312); |
|||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
|||
--theme-color: linear-gradient(to right, #A83279, #D38312); |
|||
} |
|||
|
|||
|
|||
/* Between the Clouds */ |
|||
|
|||
.between-clouds { |
|||
--theme-color: #73C8A9; |
|||
background: #73C8A9; |
|||
/* fallback for old browsers */ |
|||
background: -webkit-linear-gradient(to right, #373B44, #73C8A9); |
|||
/* Chrome 10-25, Safari 5.1-6 */ |
|||
background: linear-gradient(to right, #373B44, #73C8A9); |
|||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
|||
--theme-color: linear-gradient(to right, #373B44, #73C8A9); |
|||
} |
|||
|
|||
|
|||
/* Amethyst */ |
|||
|
|||
.amethyst { |
|||
--theme-color: #9D50BB; |
|||
background: #9D50BB; |
|||
/* fallback for old browsers */ |
|||
background: -webkit-linear-gradient(to right, #6E48AA, #9D50BB); |
|||
/* Chrome 10-25, Safari 5.1-6 */ |
|||
background: linear-gradient(to right, #6E48AA, #9D50BB); |
|||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
|||
--theme-color: linear-gradient(to right, #6E48AA, #9D50BB); |
|||
} |
|||
|
|||
|
|||
/* Man of the Steel */ |
|||
|
|||
.steel-man { |
|||
--theme-color: #780206; |
|||
background: #780206; |
|||
/* fallback for old browsers */ |
|||
background: -webkit-linear-gradient(to right, #061161, #780206); |
|||
/* Chrome 10-25, Safari 5.1-6 */ |
|||
background: linear-gradient(to right, #061161, #780206); |
|||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
|||
--theme-color: linear-gradient(to right, #061161, #780206); |
|||
} |
|||
|
|||
|
|||
/* Dance to Forget */ |
|||
|
|||
.d2f { |
|||
--theme-color: #FF4E50; |
|||
background: #FF4E50; |
|||
/* fallback for old browsers */ |
|||
background: -webkit-linear-gradient(to right, #F9D423, #FF4E50); |
|||
/* Chrome 10-25, Safari 5.1-6 */ |
|||
background: linear-gradient(to right, #F9D423, #FF4E50); |
|||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
|||
--theme-color: linear-gradient(to right, #F9D423, #FF4E50); |
|||
} |
|||
|
|||
|
|||
/* Park Life */ |
|||
|
|||
.park-life { |
|||
--theme-color: #ADD100; |
|||
background: #ADD100; |
|||
/* fallback for old browsers */ |
|||
background: -webkit-linear-gradient(to right, #7B920A, #ADD100); |
|||
/* Chrome 10-25, Safari 5.1-6 */ |
|||
background: linear-gradient(to right, #7B920A, #ADD100); |
|||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
|||
--theme-color: linear-gradient(to right, #7B920A, #ADD100); |
|||
} |
|||
|
|||
|
|||
/* Moonlit Asteroid */ |
|||
|
|||
.moonlit { |
|||
--theme-color: #0F2027; |
|||
background: #0F2027; |
|||
/* fallback for old browsers */ |
|||
background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027); |
|||
/* Chrome 10-25, Safari 5.1-6 */ |
|||
background: linear-gradient(to right, #2C5364, #203A43, #0F2027); |
|||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
|||
--theme-color: linear-gradient(to right, #2C5364, #203A43, #0F2027); |
|||
} |
|||
|
|||
|
|||
/* Facebook Messenger */ |
|||
|
|||
.fb-messenger { |
|||
--theme-color: #00c6ff; |
|||
background: #00c6ff; |
|||
/* fallback for old browsers */ |
|||
background: -webkit-linear-gradient(to right, #0072ff, #00c6ff); |
|||
/* Chrome 10-25, Safari 5.1-6 */ |
|||
background: linear-gradient(to right, #0072ff, #00c6ff); |
|||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
|||
--theme-color: linear-gradient(to right, #0072ff, #00c6ff); |
|||
} |
|||
|
|||
|
|||
/* Flickr */ |
|||
|
|||
.flickr { |
|||
--theme-color: #ff0084; |
|||
background: #ff0084; |
|||
/* fallback for old browsers */ |
|||
background: -webkit-linear-gradient(to right, #33001b, #ff0084); |
|||
/* Chrome 10-25, Safari 5.1-6 */ |
|||
background: linear-gradient(to right, #33001b, #ff0084); |
|||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ |
|||
--theme-color: linear-gradient(to right, #33001b, #ff0084); |
|||
} |
|||
@ -1,66 +0,0 @@ |
|||
.login-root { |
|||
background: #f0e7db url("/static/img/login.png") no-repeat; |
|||
position: absolute; |
|||
min-height: 100%; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.login-root .input-container{ |
|||
position: fixed; |
|||
left: 65%; |
|||
top: 33px; |
|||
background: url("/static/img/loginbg.png") no-repeat center top; |
|||
} |
|||
.login-root .input-container .input-root{ |
|||
width: 370px; |
|||
height: 500px; |
|||
} |
|||
.login-root .input-container .input-root p { |
|||
font-size: 21px; |
|||
text-align: center; |
|||
padding-top: 195px; |
|||
} |
|||
.login-root .input-container .input-root .inputs-class{ |
|||
padding: 0 50px; |
|||
} |
|||
.login-root .input-container .input-root .input-group{ |
|||
display: table; |
|||
border-collapse: separate; |
|||
} |
|||
.login-root .input-container .input-root .inputs-class .input-class{ |
|||
height: 32px; |
|||
margin: 18px 0; |
|||
display: flex; |
|||
} |
|||
.login-root .input-container .input-root .inputs-class .input-class input{ |
|||
flex: 1; |
|||
height: 26px !important; |
|||
padding: 2px 14px; |
|||
font-size: 12px; |
|||
line-height: 1.5; |
|||
border-radius: 3px; |
|||
border-top-left-radius: 0; |
|||
border-bottom-left-radius: 0; |
|||
display: table-cell; |
|||
border: 1px solid #ccc; |
|||
} |
|||
.login-root .input-container .input-root .inputs-class .input-class .input-group-addon{ |
|||
color: #555; |
|||
line-height: 26px !important; |
|||
font-size: 12px; |
|||
padding: 2px 14px; |
|||
line-height: 1.5; |
|||
border-radius: 3px; |
|||
display: table-cell; |
|||
border: 1px solid #ccc; |
|||
border-right: none; |
|||
} |
|||
|
|||
.login-footer{ |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 110px; |
|||
} |
|||
@ -1,18 +0,0 @@ |
|||
|
|||
.map-root { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
.map-root .map-container { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.amap-logo,.amap-copyright { |
|||
display: none !important; |
|||
visibility: hidden !important; |
|||
} |
|||
@ -1,79 +0,0 @@ |
|||
.me-menu { |
|||
position: fixed; |
|||
top: 60px; |
|||
left: 20px; |
|||
width: 260px; |
|||
height: 100%; |
|||
background-color: #f9f9f9; |
|||
} |
|||
|
|||
.me-menu p { |
|||
cursor: pointer; |
|||
font-size: 15px; |
|||
color: #555; |
|||
margin: 0; |
|||
height: 32px; |
|||
line-height: 32px; |
|||
} |
|||
|
|||
.me-menu .active { |
|||
color: #3CBEF8 !important |
|||
} |
|||
|
|||
.me-menu p a { |
|||
margin-left: 5px; |
|||
color: #555; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.me-menu .active span { |
|||
display: inline-block; |
|||
height: 100%; |
|||
width: 2px; |
|||
background-color: #3CBEF8; |
|||
} |
|||
|
|||
.me-menu .active a { |
|||
color: #3CBEF8; |
|||
vertical-align: top; |
|||
height: 32px; |
|||
line-height: 32px; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.me-blog-root { |
|||
height: 100%; |
|||
margin: 50px 4% 0 0; |
|||
} |
|||
|
|||
.me-blog-list { |
|||
margin-left: 300px; |
|||
} |
|||
|
|||
.me-blog-list p { |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin: 0; |
|||
font-size: 15px; |
|||
} |
|||
|
|||
.me-footer{ |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 110px; |
|||
padding: 0 4%; |
|||
} |
|||
|
|||
.me-blog-footer{ |
|||
height: 110px; |
|||
padding: 0 4%; |
|||
margin-left: 290px; |
|||
} |
|||
.info-header{ |
|||
flex: 1; |
|||
} |
|||
.info-header span{ |
|||
margin-right: 6px; |
|||
} |
|||
@ -1,21 +0,0 @@ |
|||
.blog-title{ |
|||
display: flex; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
.blog-title input{ |
|||
padding-left: 12px; |
|||
flex: 1; |
|||
height: 44px; |
|||
border: 0; |
|||
} |
|||
|
|||
.blog-title button{ |
|||
height: 32px; |
|||
margin-top: 9px; |
|||
} |
|||
|
|||
.w-e-toolbar{ |
|||
height: 40px; |
|||
line-height: 30px; |
|||
} |
|||
@ -1,89 +0,0 @@ |
|||
/** |
|||
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) |
|||
* http://cssreset.com |
|||
*/ |
|||
html, body, div, span, applet, object, iframe, blockquote, pre, |
|||
a, abbr, acronym, address, big, cite, code, |
|||
del, dfn, em, img, ins, kbd, q, s, samp, |
|||
small, strike, strong, sub, sup, tt, var, |
|||
b, u, i, center, |
|||
dl, dt, dd, ol, ul, li, |
|||
fieldset, form, label, legend, |
|||
table, caption, tbody, tfoot, thead, tr, th, td, |
|||
article, aside, canvas, details, embed, |
|||
figure, figcaption, footer, header, |
|||
menu, nav, output, ruby, section, summary, |
|||
time, mark, audio, video, input { |
|||
margin: 0; |
|||
padding: 0; |
|||
border: 0; |
|||
font-size: 100%; |
|||
font-weight: normal; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
/* HTML5 display-role reset for older browsers */ |
|||
article, aside, details, figcaption, figure, |
|||
footer, header, menu, nav, section { |
|||
display: block; |
|||
} |
|||
body { |
|||
line-height: 1; |
|||
} |
|||
|
|||
blockquote, q { |
|||
quotes: none; |
|||
} |
|||
|
|||
blockquote:before, blockquote:after, |
|||
q:before, q:after { |
|||
content: none; |
|||
} |
|||
|
|||
table { |
|||
border-collapse: collapse; |
|||
border-spacing: 0; |
|||
} |
|||
|
|||
/* custom */ |
|||
a { |
|||
color: #7e8c8d; |
|||
text-decoration: none; |
|||
-webkit-backface-visibility: hidden; |
|||
} |
|||
|
|||
li { |
|||
list-style: none; |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 5px; |
|||
height: 5px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track-piece { |
|||
background-color: rgba(0, 0, 0, 0.2); |
|||
-webkit-border-radius: 6px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:vertical { |
|||
height: 5px; |
|||
background-color: rgba(125, 125, 125, 0.7); |
|||
-webkit-border-radius: 6px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:horizontal { |
|||
width: 5px; |
|||
background-color: rgba(125, 125, 125, 0.7); |
|||
-webkit-border-radius: 6px; |
|||
} |
|||
|
|||
html, body { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
body { |
|||
-webkit-text-size-adjust: none; |
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
} |
|||
@ -1,20 +0,0 @@ |
|||
.uinfo { |
|||
color: #515a6e; |
|||
margin: 5px; |
|||
} |
|||
|
|||
.udesc span { |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
.blog-list { |
|||
display: flex; |
|||
font-size: 16px; |
|||
min-height: 35px; |
|||
line-height: 35px; |
|||
} |
|||
|
|||
a{ |
|||
color: #515a6e; |
|||
text-decoration: none !important; |
|||
} |
|||
@ -1,16 +0,0 @@ |
|||
a { |
|||
text-decoration: none !important; |
|||
} |
|||
|
|||
.us-root{ |
|||
margin-top: 50px; |
|||
display: flex; |
|||
margin-left: 5%; |
|||
font-size: 16px; |
|||
min-height: 720px; |
|||
height: 100%; |
|||
} |
|||
.us-root p{ |
|||
padding: 5px 0; |
|||
color: #323232; |
|||
} |
|||
Loading…
Reference in new issue