hexo
This commit is contained in:
125
themes/next/source/css/_common/components/third-party/algolia-search.styl
vendored
Normal file
125
themes/next/source/css/_common/components/third-party/algolia-search.styl
vendored
Normal file
@ -0,0 +1,125 @@
|
||||
.algolia-pop-overlay
|
||||
position: fixed
|
||||
width: 100%
|
||||
height: 100%
|
||||
top: 0
|
||||
left: 0
|
||||
z-index: 2080
|
||||
background-color: rgba(0, 0, 0, 0.3)
|
||||
|
||||
.algolia-popup
|
||||
overflow: hidden
|
||||
padding: 0
|
||||
display: none
|
||||
position: fixed
|
||||
top: 10%
|
||||
left: 50%
|
||||
width: 700px
|
||||
height: 80%
|
||||
margin-left: -350px
|
||||
background: #fff
|
||||
color: #333
|
||||
z-index: 9999
|
||||
border-radius: 5px
|
||||
+mobile()
|
||||
padding: 0
|
||||
top: 0
|
||||
left: 0
|
||||
margin: 0
|
||||
width: 100%
|
||||
height: 100%
|
||||
border-radius: 0
|
||||
|
||||
.popup-btn-close
|
||||
position: absolute
|
||||
right: 14px
|
||||
color: #4EBD79
|
||||
font-size: 14px
|
||||
font-weight: bold
|
||||
text-transform: uppercase
|
||||
cursor: pointer
|
||||
padding-left: 15px
|
||||
border-left: 1px solid #eee
|
||||
top: 10px
|
||||
.fa
|
||||
color: $grey-dark
|
||||
font-size: 18px
|
||||
&:hover .fa
|
||||
color: $black-deep
|
||||
|
||||
.algolia-search
|
||||
padding: 10px 15px 5px
|
||||
max-height: 50px
|
||||
border-bottom: 1px solid #ccc
|
||||
background: $whitesmoke
|
||||
border-top-left-radius: 5px
|
||||
border-top-right-radius: 5px
|
||||
|
||||
.algolia-search-input-icon
|
||||
display: inline-block
|
||||
width: 20px
|
||||
.fa
|
||||
font-size: 18px
|
||||
|
||||
.algolia-search-input
|
||||
display: inline-block
|
||||
width: calc(90% - 20px)
|
||||
input
|
||||
padding: 5px 0
|
||||
width: 100%
|
||||
outline: none
|
||||
border: none
|
||||
background: transparent
|
||||
|
||||
.algolia-powered
|
||||
float: right
|
||||
img
|
||||
display: inline-block
|
||||
height: 18px
|
||||
vertical-align: middle
|
||||
|
||||
.algolia-results
|
||||
position: relative
|
||||
overflow: auto
|
||||
padding: 10px 30px
|
||||
height: calc(100% - 50px)
|
||||
|
||||
hr
|
||||
margin: 10px 0
|
||||
|
||||
.highlight
|
||||
font-style: normal
|
||||
margin: 0
|
||||
padding: 0 2px
|
||||
font-size: inherit
|
||||
color: red
|
||||
|
||||
.algolia-hits
|
||||
margin-top: 20px
|
||||
|
||||
.algolia-hit-item
|
||||
margin: 15px 0
|
||||
|
||||
.algolia-hit-item-link
|
||||
display: block
|
||||
border-bottom: 1px dashed #ccc
|
||||
the-transition()
|
||||
|
||||
.algolia-pagination
|
||||
.pagination
|
||||
margin-top: 40px
|
||||
border-top: none
|
||||
padding: 0
|
||||
.pagination-item
|
||||
display: inline-block
|
||||
.page-number
|
||||
border-top: none
|
||||
&:hover
|
||||
border-bottom: 1px solid $black-deep
|
||||
|
||||
.current .page-number
|
||||
@extend .pagination .page-number.current
|
||||
|
||||
.disabled-item
|
||||
visibility: hidden
|
||||
|
12
themes/next/source/css/_common/components/third-party/baidushare.styl
vendored
Normal file
12
themes/next/source/css/_common/components/third-party/baidushare.styl
vendored
Normal file
@ -0,0 +1,12 @@
|
||||
.post-spread {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bdshare-slide-button-box a { border: none; }
|
||||
|
||||
.bdsharebuttonbox {
|
||||
display: inline-block;
|
||||
|
||||
a { border: none; }
|
||||
}
|
30
themes/next/source/css/_common/components/third-party/busuanzi-counter.styl
vendored
Normal file
30
themes/next/source/css/_common/components/third-party/busuanzi-counter.styl
vendored
Normal file
@ -0,0 +1,30 @@
|
||||
if hexo-config("scheme") == Pisces
|
||||
.busuanzi-count {
|
||||
+tablet() {
|
||||
width: auto;
|
||||
}
|
||||
+mobile() {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.site-uv,
|
||||
.site-pv,
|
||||
.page-pv {
|
||||
display: inline-block;
|
||||
|
||||
.busuanzi-value {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
if hexo-config("busuanzi_count.site_pv") and hexo-config("busuanzi_count.site_uv")
|
||||
.site-uv
|
||||
{
|
||||
margin-right: 10px;
|
||||
|
||||
&::after {
|
||||
content: "|";
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
290
themes/next/source/css/_common/components/third-party/duoshuo.styl
vendored
Normal file
290
themes/next/source/css/_common/components/third-party/duoshuo.styl
vendored
Normal file
@ -0,0 +1,290 @@
|
||||
|
||||
.theme-next {
|
||||
$duoshuoBaseBorderColor = #c7d4e1;
|
||||
$duoshuoBaseBgColor = #f6f8fa;
|
||||
|
||||
#ds-thread #ds-reset {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-replybox {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-replybox .ds-avatar, #ds-reset .ds-avatar img {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-textarea-wrapper {
|
||||
border-color: $duoshuoBaseBorderColor;
|
||||
background: none;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
#ds-thread #ds-reset .ds-textarea-wrapper textarea {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
#ds-reset .ds-rounded-top {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-post-toolbar {
|
||||
box-sizing: border-box;
|
||||
border: 1px solid $duoshuoBaseBorderColor;
|
||||
background: $duoshuoBaseBgColor;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-post-options {
|
||||
height: 40px;
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-toolbar-buttons {
|
||||
top: 11px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-sync {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-post-button {
|
||||
top: 4px;
|
||||
right: 5px;
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
border: 1px solid #c5ced7;
|
||||
border-radius: 3px;
|
||||
background-image: linear-gradient(#fbfbfc, #f5f7f9);
|
||||
color: #60676d;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-post-button:hover {
|
||||
background-position: 0 -30px;
|
||||
color: #60676d;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-comments-info {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-sort {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset li.ds-tab a.ds-current {
|
||||
border: none;
|
||||
background: $duoshuoBaseBgColor;
|
||||
color: #60676d;
|
||||
|
||||
&:hover {
|
||||
background-color: #e9f0f7;
|
||||
color: #60676d;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset li.ds-tab a {
|
||||
border-radius: 2px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-login-buttons p {
|
||||
color: #999;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list a {
|
||||
background: none;
|
||||
padding: 5px;
|
||||
border: 1px solid;
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background: #666;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-weibo {
|
||||
color: #fc9b00;
|
||||
border-color: #fc9b00;
|
||||
|
||||
&:hover {
|
||||
background: #fc9b00;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-qq {
|
||||
color: #60a3ec;
|
||||
border-color: #60a3ec;
|
||||
|
||||
&:hover {
|
||||
background: #60a3ec;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-renren {
|
||||
color: #2e7ac4;
|
||||
border-color: #2e7ac4;
|
||||
|
||||
&:hover {
|
||||
background: #2e7ac4;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-douban {
|
||||
color: #37994c;
|
||||
border-color: #37994c;
|
||||
|
||||
&:hover {
|
||||
background: #37994c;
|
||||
}
|
||||
}
|
||||
#ds-thread #ds-reset .ds-service-list .ds-kaixin {
|
||||
color: #fef20d;
|
||||
border-color: #fef20d;
|
||||
|
||||
&:hover {
|
||||
background: #fef20d;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-netease {
|
||||
color: #f00;
|
||||
border-color: #f00;
|
||||
|
||||
&:hover {
|
||||
background: #f00;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-sohu {
|
||||
color: #ffcb05;
|
||||
border-color: #ffcb05;
|
||||
|
||||
&:hover {
|
||||
background: #ffcb05;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-baidu {
|
||||
color: #2831e0;
|
||||
border-color: #2831e0;
|
||||
|
||||
&:hover {
|
||||
background: #2831e0;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-google {
|
||||
color: #166bec;
|
||||
border-color: #166bec;
|
||||
|
||||
&:hover {
|
||||
background: #166bec;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-weixin {
|
||||
color: #00CE0D;
|
||||
border-color: #00CE0D;
|
||||
|
||||
&:hover {
|
||||
background: #00CE0D;
|
||||
}
|
||||
}
|
||||
#ds-thread #ds-reset .ds-service-list .ds-more-services {
|
||||
border: none;
|
||||
&:hover {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*duoshuo UA style begin*/
|
||||
|
||||
#ds-reset .duoshuo-ua-admin {
|
||||
display: inline-block;
|
||||
color: red;
|
||||
}
|
||||
|
||||
#ds-reset .duoshuo-ua-platform,
|
||||
#ds-reset .duoshuo-ua-browser {
|
||||
color: #ccc;
|
||||
|
||||
.fa {
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-reset .duoshuo-ua-separator {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.this_ua {
|
||||
background-color: #ccc !important;
|
||||
border-radius: 4px;
|
||||
padding: 0 5px !important;
|
||||
margin: 1px 1px !important;
|
||||
border: 1px solid #BBB !important;
|
||||
color: #fff;
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
.this_ua.admin {
|
||||
background-color: #d9534f !important;
|
||||
border-color: #d9534f !important;
|
||||
}
|
||||
|
||||
.this_ua.platform.iOS, .this_ua.platform.Mac, .this_ua.platform.Windows {
|
||||
background-color: #39b3d7 !important;
|
||||
border-color: #46b8da !important;
|
||||
}
|
||||
|
||||
.this_ua.platform.Linux {
|
||||
background-color: #3A3A3A !important;
|
||||
border-color: #1F1F1F !important;
|
||||
}
|
||||
|
||||
.this_ua.platform.Android {
|
||||
background-color: #00C47D !important;
|
||||
border-color: #01B171 !important;
|
||||
}
|
||||
|
||||
.this_ua.browser.Mobile, .this_ua.browser.Chrome {
|
||||
background-color: #5cb85c !important;
|
||||
border-color: #4cae4c !important;
|
||||
}
|
||||
|
||||
.this_ua.browser.Firefox {
|
||||
background-color: #f0ad4e !important;
|
||||
border-color: #eea236 !important;
|
||||
}
|
||||
|
||||
.this_ua.browser.Maxthon, .this_ua.browser.IE {
|
||||
background-color: #428bca !important;
|
||||
border-color: #357ebd !important;
|
||||
}
|
||||
|
||||
.this_ua.browser.baidu, .this_ua.browser.UCBrowser, .this_ua.browser.Opera {
|
||||
background-color: #d9534f !important;
|
||||
border-color: #d43f3a !important;
|
||||
}
|
||||
|
||||
.this_ua.browser.Android, .this_ua.browser.QQBrowser {
|
||||
background-color: #78ACE9 !important;
|
||||
border-color: #4cae4c !important;
|
||||
}
|
||||
|
||||
/*duoshuo UA style end*/
|
||||
|
||||
}
|
13
themes/next/source/css/_common/components/third-party/gitment.styl
vendored
Normal file
13
themes/next/source/css/_common/components/third-party/gitment.styl
vendored
Normal file
@ -0,0 +1,13 @@
|
||||
#gitment-display-button{
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
color: #0a9caf;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
border: 1px solid #0a9caf;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#gitment-display-button:hover{
|
||||
color: #fff;
|
||||
background: #0a9caf;
|
||||
}
|
3
themes/next/source/css/_common/components/third-party/han.styl
vendored
Normal file
3
themes/next/source/css/_common/components/third-party/han.styl
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
.fa {
|
||||
font-family: FontAwesome!important;
|
||||
}
|
10
themes/next/source/css/_common/components/third-party/jiathis.styl
vendored
Normal file
10
themes/next/source/css/_common/components/third-party/jiathis.styl
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
.post-spread {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.jiathis_style {
|
||||
display: inline-block;
|
||||
|
||||
a { border: none; }
|
||||
}
|
102
themes/next/source/css/_common/components/third-party/localsearch.styl
vendored
Normal file
102
themes/next/source/css/_common/components/third-party/localsearch.styl
vendored
Normal file
@ -0,0 +1,102 @@
|
||||
.local-search-pop-overlay
|
||||
position: fixed
|
||||
width: 100%
|
||||
height: 100%
|
||||
top: 0
|
||||
left: 0
|
||||
z-index: 2080
|
||||
background-color: rgba(0, 0, 0, 0.3)
|
||||
|
||||
.local-search-popup
|
||||
display: none
|
||||
position: fixed
|
||||
top: 10%
|
||||
left: 50%
|
||||
margin-left: -350px
|
||||
width: 700px
|
||||
height: 80%
|
||||
padding: 0
|
||||
background: #fff
|
||||
color: #333
|
||||
z-index: 9999
|
||||
border-radius: 5px
|
||||
+mobile()
|
||||
padding: 0
|
||||
top: 0
|
||||
left: 0
|
||||
margin: 0
|
||||
width: 100%
|
||||
height: 100%
|
||||
border-radius: 0
|
||||
|
||||
ul.search-result-list
|
||||
padding: 0
|
||||
margin: 0 5px
|
||||
|
||||
p.search-result
|
||||
border-bottom: 1px dashed #ccc
|
||||
padding: 5px 0
|
||||
|
||||
a.search-result-title
|
||||
font-weight: bold
|
||||
font-size: 16px
|
||||
|
||||
.search-keyword
|
||||
border-bottom: 1px dashed #f00
|
||||
font-weight: bold
|
||||
color: #f00
|
||||
|
||||
.local-search-header
|
||||
padding: 5px
|
||||
height: 36px
|
||||
background: #f5f5f5
|
||||
border-top-left-radius: 5px
|
||||
border-top-right-radius: 5px
|
||||
|
||||
#local-search-result
|
||||
overflow: auto
|
||||
position: relative
|
||||
padding: 5px 25px
|
||||
height: calc(100% - 55px)
|
||||
|
||||
.local-search-input-wrapper
|
||||
display: inline-block
|
||||
width: calc(100% - 90px)
|
||||
height: 36px
|
||||
line-height: 36px
|
||||
padding: 0 5px
|
||||
|
||||
.local-search-input-wrapper input
|
||||
padding: 8px 0
|
||||
height: 20px
|
||||
display: block
|
||||
width: 100%
|
||||
outline: none
|
||||
border: none
|
||||
background: transparent
|
||||
vertical-align: middle
|
||||
|
||||
.search-icon, .popup-btn-close
|
||||
display: inline-block
|
||||
font-size: 18px
|
||||
color: #999
|
||||
height: 36px
|
||||
width: 18px
|
||||
padding-left: 10px
|
||||
padding-right: 10px
|
||||
|
||||
.search-icon
|
||||
float: left
|
||||
|
||||
.popup-btn-close
|
||||
border-left: 1px solid #eee
|
||||
float: right
|
||||
cursor: pointer
|
||||
|
||||
#no-result
|
||||
position: absolute
|
||||
left: 50%
|
||||
top: 50%
|
||||
-webkit-transform: translate(-50%, -50%)
|
||||
transform: translate(-50%, -50%)
|
||||
color: #ccc
|
27
themes/next/source/css/_common/components/third-party/needsharebutton.styl
vendored
Normal file
27
themes/next/source/css/_common/components/third-party/needsharebutton.styl
vendored
Normal file
@ -0,0 +1,27 @@
|
||||
#needsharebutton-postbottom {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
height: 26px;
|
||||
|
||||
.btn {
|
||||
display: initial;
|
||||
padding: 1px 4px;
|
||||
border: 1px solid $btn-default-border-color;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
#needsharebutton-float {
|
||||
position: fixed;
|
||||
bottom: 38px;
|
||||
left: -8px;
|
||||
z-index: 9999;
|
||||
cursor: pointer;
|
||||
|
||||
.btn {
|
||||
//display: initial;
|
||||
padding: 0 10px 0 14px
|
||||
border: 1px solid $btn-default-border-color;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
9
themes/next/source/css/_common/components/third-party/third-party.styl
vendored
Normal file
9
themes/next/source/css/_common/components/third-party/third-party.styl
vendored
Normal file
@ -0,0 +1,9 @@
|
||||
@import "duoshuo";
|
||||
@import "gitment" if hexo-config('gitment.enable');
|
||||
@import "jiathis";
|
||||
@import "han";
|
||||
@import "baidushare";
|
||||
@import "localsearch";
|
||||
@import "busuanzi-counter";
|
||||
@import "algolia-search" if hexo-config('algolia_search.enable');
|
||||
@import "needsharebutton" if hexo-config('needmoreshare2.enable');
|
Reference in New Issue
Block a user