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