├── Akina ├── akina3.png ├── gotop.png ├── postload.gif ├── preload.gif ├── iconfont.woff ├── screenshot.jpg ├── screenshot-150x150.jpg ├── categories.jade ├── tag+category.jade ├── archive.jade ├── index.jade ├── mixins.jade ├── post.jade ├── base.jade ├── preloader.js ├── global.js └── service │ └── admin.jade ├── Simple Article ├── bg.jpg ├── index.jade ├── tagcloud.min.css ├── archive.jade ├── tag.jade ├── category.jade ├── base.jade ├── post.jade ├── mixins.jade ├── tagcloud.min.js ├── prettify.css ├── canvas-nest.js └── main.css ├── Next ├── fontawesome-webfont.woff2 ├── include │ └── pagination.jade ├── mixins.jade ├── archive.jade ├── category.jade ├── tags+tag.jade ├── index.jade ├── post.jade ├── base.jade ├── prettify.css ├── font-awesome.css └── main.css └── README.md /Akina/akina3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/0x401/Bitcron-themes/HEAD/Akina/akina3.png -------------------------------------------------------------------------------- /Akina/gotop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/0x401/Bitcron-themes/HEAD/Akina/gotop.png -------------------------------------------------------------------------------- /Akina/postload.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/0x401/Bitcron-themes/HEAD/Akina/postload.gif -------------------------------------------------------------------------------- /Akina/preload.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/0x401/Bitcron-themes/HEAD/Akina/preload.gif -------------------------------------------------------------------------------- /Akina/iconfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/0x401/Bitcron-themes/HEAD/Akina/iconfont.woff -------------------------------------------------------------------------------- /Akina/screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/0x401/Bitcron-themes/HEAD/Akina/screenshot.jpg -------------------------------------------------------------------------------- /Simple Article/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/0x401/Bitcron-themes/HEAD/Simple Article/bg.jpg -------------------------------------------------------------------------------- /Akina/screenshot-150x150.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/0x401/Bitcron-themes/HEAD/Akina/screenshot-150x150.jpg -------------------------------------------------------------------------------- /Next/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/0x401/Bitcron-themes/HEAD/Next/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /Akina/categories.jade: -------------------------------------------------------------------------------- 1 | extends base.jade 2 | block content 3 | #categories:.pure-g 4 | for category in get_data(type='folder', level=[1,2], min_posts_count=1) 5 | .pure-u-1-2.pure-u-sm-1-3.pure-u-md-1-2.pure-u-lg-1-3.pure-u-xl-1-4:.category 6 | a(href="/category/{{ category.path }}") 7 | h3= category.title 8 | span= '%s %s' % (category.posts_count, 'post' if category.posts_count==1 else 'posts') 9 | -------------------------------------------------------------------------------- /Simple Article/index.jade: -------------------------------------------------------------------------------- 1 | extends base.jade 2 | block title 3 | title= site.title 4 | block content 5 | .container 6 | .posts 7 | from mixins import make_article 8 | +make_article() 9 | .sidebar 10 | from mixins import make_siteinfo 11 | +make_siteinfo() 12 | from mixins import make_cat 13 | +make_cat() 14 | from mixins import make_ad 15 | +make_ad() 16 | -------------------------------------------------------------------------------- /Next/include/pagination.jade: -------------------------------------------------------------------------------- 1 | nav.pagination 2 | if paginator.has_previous or paginator.has_next 3 | if paginator.has_previous:a.extend.prev(href=paginator.previous_page_url,rel="prev"):i.fa.fa-angle-left 4 | for page in range(1, paginator.total_pages+1) 5 | if page == paginator.page 6 | span.page-number.current=page 7 | else 8 | a.page-number(href="/page/{{page}}")= page 9 | if paginator.has_next:a.extend.next(href=paginator.next_page_url,rel="next"):i.fa.fa-angle-right -------------------------------------------------------------------------------- /Akina/tag+category.jade: -------------------------------------------------------------------------------- 1 | extends base.jade 2 | is_cat = posts.category 3 | if not is_cat 4 | tag = request.url | replace("https://"+site.domain+"/tag/","") 5 | else 6 | cat = posts.category.title 7 | block title 8 | title= "分类："+cat+" - "+site.title if is_cat else "标签："+tag+" - "+site.title 9 | block content 10 | #content.site-content:#primary.content-area 11 | main#main.site-main 12 | header.page-header:h1.cat-title= cat or tag 13 | from mixins import postlist 14 | +postlist() -------------------------------------------------------------------------------- /Next/mixins.jade: -------------------------------------------------------------------------------- 1 | mixin make_pagination() 2 | nav.pagination 3 | if paginator.has_previous or paginator.has_next 4 | if paginator.has_previous:a.extend.prev(href=paginator.previous_page_url,rel="prev"):i.fa.fa-angle-left 5 | for page in range(1, paginator.total_pages+1) 6 | if page == paginator.page 7 | span.page-number.current=page 8 | else 9 | a.page-number(href="/page/{{page}}")= page 10 | if paginator.has_next:a.extend.next(href=paginator.next_page_url,rel="next"):i.fa.fa-angle-right -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Bitcron模版 2 | Bitcron是Farbox作者的最新作品，全程https,欢迎折腾人士跟进，不过目前只是小范围内测，api可能随时改动，请谨慎克隆~[https://bitcron.com](https://bitcron.com) 3 | ## Akina 4 | 设计来自WordPress的一个非常不错的模版[http://www.akina.pw/themeakina](http://www.akina.pw/themeakina)，我只是改了Bitcron模板实现的代码，99%是原作者的功劳，感谢！ 5 | ## Next 6 | 设计来自Hexo的一个非常不错的模版[https://github.com/iissnan/hexo-theme-next](https://github.com/iissnan/hexo-theme-next)，我只是改了Bitcron模板实现的代码，99%是原作者的功劳，感谢！ 7 | ## Simple Article 8 | 设计来自一个WordPress模板[http://demo.goodlayers.com/simplearticle/](http://demo.goodlayers.com/simplearticle/)，感谢！ 9 | -------------------------------------------------------------------------------- /Simple Article/tagcloud.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * tagcloud v1.1.1 - http://tagcloud.congm.in 3 | * Copyright 2016 @ Cong Min , Inc. 4 | * MIT License - https://github.com/mcc108/tagcloud 5 | */ 6 | .tagcloud{visibility:hidden;display:block;position:relative;height:100%;width:100%;margin:0;padding:0}.tagcloud>a{position:absolute;top:0;left:0;line-height:1;font-weight:700;text-decoration:none;padding:2px 4px;background-color:transparent;border:1px solid transparent;color:#333}.tagcloud>a:hover{background-color:hsla(0,0%,71%,.15);border:1px solid #666;border-radius:2px}.tagcloud.tagcloud-light>a{color:#fff}.tagcloud.tagcloud-light>a:hover{background-color:hsla(0,0%,100%,.1);border:1px solid #fff} -------------------------------------------------------------------------------- /Next/archive.jade: -------------------------------------------------------------------------------- 1 | extends base 2 | block title 3 | title= "文章归档 - "+site.title 4 | block seo 5 | +h.seo 6 | block content 7 | recent_posts = posts.recent_999 8 | #content.content:section#posts.posts-collapse 9 | span.archive-move-on 10 | span.archive-page-counter= "非常好! 目前共计 "+recent_posts.length+" 篇日志。" 11 | entries = recent_posts.group('-date:year') 12 | for year, posts in entries 13 | .collection-title:h2.archive-year.motion-element=year 14 | for post in posts:article.post.post-type-normal 15 | header.post-header 16 | h1.post-title:a.post-title-link(href=post.url):span=post.title 17 | .post-meta:time.post-time(datetime=post.date,title=post.date)=post.date.format("%m-%d") 18 | -------------------------------------------------------------------------------- /Next/category.jade: -------------------------------------------------------------------------------- 1 | extends base 2 | category_title =posts.category.metadata.title or posts.category.title 3 | category_description =posts.category.metadata.description or site.configs.description 4 | block title 5 | title= '分类：'+category_title+" - "+site.title 6 | block seo 7 | +h.seo(category_title,category_description) 8 | block content 9 | #content.content:#posts.posts-collapse 10 | .collection-title:h2 11 | |{{category_title}} 12 | small 分类 13 | for post in posts:article.post.post-type-normal 14 | header.post-header 15 | h1.post-title:a.post-title-link(href=post.url):span=post.title 16 | .post-meta:time.post-time(datetime=post.date,title=post.date)=post.date.format("%m-%d") 17 | from mixins import make_pagination 18 | +make_pagination() 19 | -------------------------------------------------------------------------------- /Akina/archive.jade: -------------------------------------------------------------------------------- 1 | extends base.jade 2 | block content 3 | #content.site-content 4 | article.post-item.hentry:#archives-temp 5 | h2 文章归档 6 | recent_posts = posts.recent_999 7 | entries = recent_posts.group('-date:year+month') 8 | for month,posts in entries 9 | #archives-content:.archive-title 10 | span.ar-time 11 | i.iconfont  12 | h3 13 | |{{month[0]}}-{{month[1]}} 14 | #monlist.archives(data-date=post.date) 15 | for post in posts 16 | span.ar-circle 17 | .arrow-left-ar 18 | .brick 19 | a(href=post.url) 20 | span.time 21 | i.iconfont  22 | | {{post.date('%m-%d')}} 23 | | {{post.title}} 24 | -------------------------------------------------------------------------------- /Simple Article/archive.jade: -------------------------------------------------------------------------------- 1 | extends base.jade 2 | block title 3 | title= "文章归档 - "+site.title 4 | block seo 5 | +h.seo() 6 | block content 7 | .container 8 | .posts 9 | recent_posts = posts.recent_999 10 | .archive-count 11 | |目前共计 12 | span= recent_posts.length 13 | |篇日志 14 | entries = recent_posts.group('-date:year') 15 | .archive-list 16 | for year, posts in entries 17 | h2.archive-year= year 18 | ul 19 | for post in posts 20 | li 21 | time.post-time(datetime=post.date,title=post.date)=post.date.format("%m-%d") 22 | a(href=post.url):span=post.title 23 | .sidebar 24 | from mixins import make_siteinfo 25 | +make_siteinfo() 26 | from mixins import make_cat 27 | +make_cat() 28 | from mixins import make_ad 29 | +make_ad() 30 | -------------------------------------------------------------------------------- /Next/tags+tag.jade: -------------------------------------------------------------------------------- 1 | extends base 2 | is_index = request.path.strip("/")=="tags" 3 | tag = request.url | replace("https://"+site.domain+"/tag/","") 4 | block title 5 | title="标签 - "+site.title if is_index else "标签："+tag+" - "+site.title 6 | block seo 7 | +h.seo 8 | block content 9 | if is_index 10 | #content.content:#posts.posts-expand:.tag-cloud 11 | .tag-cloud-title= "目前共计 "+ site.tags.length +" 个标签" 12 | .tag-cloud-tags 13 | for tag_name, tag_count in site.tags 14 | a(href="/tag/{{tag_name|urlencode()}}",style="font-size: {{tag_count*1.5+12 }}px; color: #212121")=tag_name 15 | else 16 | #content.content:#posts.posts-collapse 17 | .collection-title:h2 18 | |{{tag}} 19 | small 标签 20 | for post in posts:article.post.post-type-normal 21 | header.post-header 22 | h1.post-title:a.post-title-link(href=post.url):span=post.title 23 | .post-meta:time.post-time=post.date.format("%m-%d") 24 | 25 | -------------------------------------------------------------------------------- /Akina/index.jade: -------------------------------------------------------------------------------- 1 | extends base.jade 2 | block title 3 | title= request.args.s or site.title 4 | block content 5 | #content.site-content 6 | if not request.args.s 7 | .notice 8 | i.iconfont  9 | | : 10 | .notice-content 11 | | {{ site.configs.notice or '感谢体验Akina.Bitcron模板，这段文字可在后台管理里设置哦~'}} 12 | is_feature = site.configs.feature 13 | if is_feature 14 | .top-feature 15 | h1.fes-title 焦点 16 | .feature-content 17 | for feature in is_feature 18 | fpost = get_data(url_path=feature) 19 | li.feature-1:a(href=fpost.url):.feature-title 20 | span.foverlay= fpost.title 21 | img(src=fpost.cover or '/template/screenshot.jpg') 22 | #primary.content-area 23 | main#main.site-main 24 | if not request.args.s 25 | h1.main-title 近况 26 | else 27 | header.page-header:h1.page-title 28 | |"{{request.args.s}}"的搜索结果 29 | from mixins import postlist 30 | +postlist() 31 | if paginator.has_next:#pagination 32 | a(href=paginator.next_page_url) 加载更多 33 | -------------------------------------------------------------------------------- /Akina/mixins.jade: -------------------------------------------------------------------------------- 1 | mixin postlist() 2 | for post in posts 3 | article.post.post-list 4 | if post.metadata.app 5 | .post-status:.s-content:h1.entry-title.app 6 | a(href=post.url,target="_blank")= post.title 7 | else 8 | .post-entry 9 | .feature 10 | a(href=post.url) 11 | .overlay 12 | i.iconfont  13 | img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image(width='150', height='150',src=post.cover or '/template/screenshot-150x150.jpg') 14 | h1.entry-title 15 | a(href=post.url)= post.title 16 | .p-time 17 | i.iconfont  18 | | {{post.date('%Y-%m-%d')}} 19 | p 20 | |{{post.content(80).plain_text}}... 21 | footer.entry-footer 22 | .post-more 23 | a(href=post.url) 24 | i.iconfont  25 | .info-meta 26 | .comnum 27 | span 28 | i.iconfont  29 | a(href='{{post.url}}#comments') 30 | post.comments.length 31 | | 条评论 32 | .views 33 | span 34 | i.iconfont  35 | | {{post.visits or 0}} 热度 36 | hr 37 | -------------------------------------------------------------------------------- /Simple Article/tag.jade: -------------------------------------------------------------------------------- 1 | extends base.jade 2 | is_index = request.path.strip("/")=="tag" 3 | tag = request.url | replace("https://"+site.domain+"/tag/","") 4 | block title 5 | title="标签 - "+site.title if is_index else "标签："+tag+" - "+site.title 6 | block seo 7 | +h.seo() 8 | block content 9 | if is_index 10 | tag = '标签云' 11 | .container.tag= '#'+tag+'#' 12 | .container 13 | if is_index 14 | +h.load("/template/tagcloud.min.css","/template/tagcloud.min.js") 15 | .posts 16 | div.tags(style="height:760px;width:760px;") 17 | .tagcloud 18 | for tag_name, tag_count in site.tags 19 | a(href="/tag/{{tag_name|urlencode()}}")= tag_name 20 | script 21 | tagcloud({fontsize: 30,radius: 250}); 22 | else 23 | .posts 24 | from mixins import make_article 25 | +make_article() 26 | .sidebar 27 | from mixins import make_siteinfo 28 | +make_siteinfo() 29 | from mixins import make_cat 30 | +make_cat() 31 | from mixins import make_ad 32 | +make_ad() 33 | -------------------------------------------------------------------------------- /Simple Article/category.jade: -------------------------------------------------------------------------------- 1 | extends base.jade 2 | category_title =posts.category.metadata.title or posts.category.title 3 | category_description =posts.category.metadata.description or site.configs.description 4 | block title 5 | title= '分类：'+category_title+" - "+site.title 6 | block seo 7 | +h.seo(category_title,category_description) 8 | block content 9 | .container 10 | .posts 11 | nav.category-nav 12 | if posts.category 13 | span:a(class="all",href="/category/")= 'All' 14 | else 15 | span:a(class="all current",href="/category/")= 'All' 16 | for category in get_data(type='folder',level=1, min_posts_count=1 ,with_page=False) 17 | if category.path == posts.category.title|lower() 18 | span:a(class="iterm current",href="/category/{{ category.path }}")= category.title 19 | else 20 | span:a(class="iterm",href="/category/{{ category.path }}")= category.title 21 | from mixins import make_article 22 | +make_article() 23 | .sidebar 24 | from mixins import make_siteinfo 25 | +make_siteinfo() 26 | from mixins import make_postlike 27 | +make_postlike() 28 | from mixins import make_ad 29 | +make_ad() 30 | -------------------------------------------------------------------------------- /Simple Article/base.jade: -------------------------------------------------------------------------------- 1 | html 2 | head 3 | +h.headers 4 | block title 5 | title= site.title 6 | +h.load('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css','/template/prettify.css','/template/main.css') 7 | body 8 | header 9 | .container#nest:.logo 10 | nav.container:ul 11 | li.index: a(href="/") 首页 12 | li.iterm: a(href="/category") 分类 13 | li.iterm: a(href="/archive") 归档 14 | block content 15 | footer 16 | .container 17 | section 18 | h3 Find Me 19 | .site-contact 20 | img.wechat(src="/images/wechat.jpg") 21 | section 22 | h3 Tag Cloud 23 | .site-tags 24 | for tag_name, tag_count in site.tags 25 | a(href="/tag/{{tag_name|urlencode()}}")= tag_name 26 | section 27 | h3 RECENT POSTS 28 | ul.site-recent-post 29 | for post in get_data(type='post',limit=7,with_page=false) 30 | li:a(href=post.href,title=post.title)= post.title 31 | .copyright 32 | .container 33 | .copyright-left © Copyright 2014-2017, SXLF.ORG 34 | .copyright-right 35 | |Powered By 36 | a(href="https://bitcron.com/?ref=sxlf.org") Bitcron 37 | script(src="/template/canvas-nest.js") 38 | -------------------------------------------------------------------------------- /Next/index.jade: -------------------------------------------------------------------------------- 1 | extends base 2 | block seo 3 | +h.seo 4 | block content 5 | #content.content:section#posts.posts-expand 6 | for post in posts:article.post.post-type-nomal 7 | header.post-header 8 | h1.post-title:a.post-title-link(href=post.url)= post.title 9 | .post-meta 10 | span.post-time 11 | span.post-meta-item-icon:i.fa.fa-calendar-o 12 | span.post-meta-item-text 发表于 13 | time(datetime=post.date)= post.date 14 | span.post-category 15 | | | 16 | span.post-meta-item-icon:i.fa.fa-folder-o 17 | span.post-meta-item-text 分类于 18 | span:a(href=post.category.url,rel="index")= post.category.title 19 | span.post-comments-count 20 | | | 21 | a(href="{{post.url}}#comments")= post.comments.length 22 | span.lerancloud-visitors 23 | | | 24 | span.post-meta-item-icon:i.fa.fa-eye 25 | span.post-meta-item-text 阅读次数 26 | span.leancloud-visitors-count= post.visits or 0 27 | .post-body 28 | if post.content.opening 29 | +post.content.opening 30 | .post-more-link.text-center 31 | a.btn(href=post.url,rel="contents")= '阅读全文 »' 32 | else 33 | +post.content 34 | footer.post-footer:.post-eof 35 | from mixins import make_pagination 36 | +make_pagination() 37 | -------------------------------------------------------------------------------- /Simple Article/post.jade: -------------------------------------------------------------------------------- 1 | extends base.jade 2 | block title 3 | title= post.title + " - " + site.title 4 | block content 5 | .container 6 | .posts:article 7 | .post-meta-date 8 | i.fa.fa-calendar-o 9 | .blog-date-day= post.date("%d") 10 | .blog-date-month= post.date("%b") 11 | .blog-date-year= post.date("%Y") 12 | a.post-visits(href="#") 13 | i.fa.fa-heart 14 | span= post.visits or 0 15 | .post-content 16 | .post-title:h1:a(href=post.url,title=post.title)= post.title 17 | .post-meta 18 | if post.tags 19 | span.post-tags 20 | i.fa.fa-tags 21 | for tag in post.tags 22 | a(href="/tag/{{tag}}",rel="tag")= tag 23 | span.post-category 24 | i.fa.fa-folder-o 25 | a(href=post.category.url,title=post.category.title)= post.category.title 26 | span.post-comment 27 | i.fa.fa-comments-o 28 | a(href="{{post.url}}#comments")=post.comments.length 29 | .content= post.content 30 | .post-nav:div 31 | pre_one = posts.previous_one 32 | next_one = posts.next_one 33 | if pre_one:a.previous(href=pre_one.url,title=pre_one.title,rel="prev") 34 | i.fa.fa-long-arrow-left 35 | span= pre_one.title 36 | if next_one:a.next(href=next_one.url,title=next_one.title,rel="next") 37 | span= next_one.title 38 | i.fa.fa-long-arrow-right 39 | .post-comments:post.comments_as_html 40 | .sidebar 41 | from mixins import make_siteinfo 42 | +make_siteinfo() 43 | from mixins import make_postlike 44 | +make_postlike() 45 | from mixins import make_ad 46 | +make_ad() 47 | -------------------------------------------------------------------------------- /Next/post.jade: -------------------------------------------------------------------------------- 1 | extends base 2 | post_keyword = post.title+post.category.title+site.configs.keywords 3 | post_description = post.content[0:150].plain 4 | block title 5 | title= post.title+' - '+site.title 6 | block seo 7 | +h.seo(post_keyword,post_description) 8 | block content 9 | #content.content:div#posts.posts-expand 10 | header.post-header 11 | h1.post-title:a.post-title-link(href=post.url)=post.title 12 | .post-meta 13 | span.post-time 14 | span.post-meta-item-icon:i.fa.fa-calendar-o 15 | span.post-meta-item-text 发表于 16 | time(datetime=post.date)=post.date 17 | | | 18 | span.post-category 19 | span.post-meta-item-icon:i.fa.fa-folder-o 20 | span.post-meta-item-text 分类于 21 | span:a(href=post.category.url,rel="index")= post.category.title 22 | | | 23 | span.post-comments-count 24 | a(href="{{post.url}}#comments")=post.comments.length 25 | | | 26 | span.lerancloud-visitors 27 | span.post-meta-item-icon:i.fa.fa-eye-o 28 | span.post-meta-item-text 阅读次数 29 | span.leancloud-visitors-count=post.visits or 0 30 | .post-body= post.content 31 | footer.post-footer 32 | .post-tags 33 | if post.tags: span.post-tags 34 | for tag in post.tags 35 | a(href="/tag/{{tag}}",rel="tag")= "#"+tag 36 | if next_one 37 | .post-nav 38 | .post-nav-next.post-nav-item:a(href=next_one.url,title=next_one.title,rel="next") 39 | i.fa.fa-chevron-left 40 | |{{next_one.title}} 41 | .post-nav-divider 42 | if pre_one 43 | .post-nav-prev.post-nav-item:a(href=pre_one.url,title=pre_one.title,rel="prev") 44 | i.fa.fa-chevron-right 45 | |{{pre_one.title}} 46 | #comments.comments 47 | +utils.html_comments(post) -------------------------------------------------------------------------------- /Akina/post.jade: -------------------------------------------------------------------------------- 1 | extends base.jade 2 | 3 | block title 4 | title= post.title + " - " + site.title 5 | 6 | block content 7 | #content.site-content 8 | #primary.content-area 9 | main#main.site-main 10 | article.post.post-entry 11 | header.entry-header 12 | h1.entry-title= post.title 13 | hr 14 | .entry-content= post.content 15 | footer.post-footer 16 | if post.tags:.post-tags 17 | i.iconfont  18 | for tag in post.tags 19 | a(href="/tag/{{tag}}",rel="tag")= "#"+tag 20 | section.post-squares.nextprev 21 | pre_one = posts.previous_one 22 | next_one = posts.next_one 23 | if pre_one:a.half.previous(href=pre_one.url,title=pre_one.title,rel="prev") 24 | .background(style="background-image:url({{pre_one.cover}})") 25 | span.label Previous Post 26 | div.info:h3= pre_one.title 27 | if next_one:a.half.next(href=next_one.url,title=next_one.title,rel="next") 28 | .background(style="background-image:url({{next_one.cover}})") 29 | span.label Next Post 30 | div.info:h3= next_one.title 31 | 32 | section.comments 33 | .commentwrap.comments-hidden 34 | .notification 35 | i.iconfont  36 | |查看评论 37 | .comments-main 38 | h3#comments-list-title 39 | |Comments | 40 | +post.comments.length or 0 41 | | 条评论 42 | .commentwrap 43 | +utils.html_comments(post) 44 | comments = get_comments(post) 45 | if comments:ul.commentwrap 46 | for comment in comments:li.comment 47 | .comment_body.contents 48 | .profile 49 | a(href=comment.site,rel="nofollow") 50 | img.avatar.avatar-50.photo(alt='', src=comment.email_md5, height='50', width='50' ) 51 | section.commeta 52 | .left:h4.author:a(href=comment.site,rel="nofollow") comment.author 53 | a.comment-reply-link(rel='nofollow', href='#') 回复 54 | .right:.info:time(datetime=comment.date) comment.date('%Y-%m-%d') 55 | .body= comment.content -------------------------------------------------------------------------------- /Akina/base.jade: -------------------------------------------------------------------------------- 1 | html 2 | head 3 | +h.headers 4 | block title 5 | title= site.title 6 | +h.load('/template/style.css') 7 | _style = site.configs.style or '#93D7F1' 8 | style. 9 | .post-more i , .author-profile i , .sub-text , .we-info a , span.sitename , #pagination a:hover{ color: {{_style}} } 10 | .feature i , .feature-title span , .download , ::-webkit-scrollbar-thumb , .navigator i:hover , .links ul li:before , .ar-time i , span.ar-circle , .object , #progress{ background:{{_style}} } 11 | .download , .navigator i:hover , .link-title , .links ul li:hover ,#pagination a:hover { border-color:{{_style}}} 12 | .entry-content a:hover , .site-info a:hover , .comment h4 a:hover , .site-top ul li a:hover , .entry-title a:hover , #archives-temp h3 , span.page-numbers.current , .sorry li a:hover ,.site-title a:hover{ color: {{_style}}} 13 | body 14 | #page.site.wrapper 15 | header.site-header.gizle.sabit(role='banner') 16 | .site-top 17 | .site-branding 18 | .site-title 19 | a(href='/') 20 | img(src='/template/akina3.png') 21 | .searchbox 22 | i.iconfont.js-toggle-search.iconsearch  23 | .lower 24 | nav 25 | ul#menu-home-1.menu 26 | li 27 | a(href='/') 首页 28 | li 29 | a(href='/archive') 归档 30 | .blank 31 | block content 32 | footer#colophon.site-footer(role='contentinfo') 33 | .site-info 34 | | Copyright © 2016 {{site.title}} 35 | br 36 | |由 37 | a.theme-link(href="https:bitcron.com",rel="nofollow") Bitcron 38 | |强力驱动 主题: 39 | a.theme-link(href="https://sxlf.org") Akina.Bitcron 40 | | 设计: 41 | a.theme-link(href="http://www.akina.pw/themeakina",rel="nofollow") Akina 42 | a.cd-top(href='#') 43 | // search start 44 | form.js-search.search-form.search-form--modal(method='get', action='/', role='search') 45 | .search-form__inner 46 | div 47 | p.micro.mb- 你想搜索什么... 48 | i.iconfont  49 | input.text-input(type='search', name='s', placeholder='搜索...') 50 | +h.load('//cdn.bootcss.com/jquery/3.1.1/jquery.min.js','/template/global.js') 51 | -------------------------------------------------------------------------------- /Akina/preloader.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | 3 | /** 4 | * jQuery preloader plugin 5 | * @param params 6 | * @returns {*} 7 | */ 8 | $.fn.preloader = function(params) { 9 | 10 | /** 11 | * Plugin options 12 | */ 13 | var options = $.extend({ 14 | selector: '#preloader', 15 | type: 'document', 16 | removeType: 'fade', 17 | fadeDuration: 500, 18 | delay: 0 19 | }, params); 20 | 21 | /** 22 | * Preloader container holder 23 | * @type {null} 24 | */ 25 | var element = null; 26 | 27 | /** 28 | * Initialize plugin 29 | */ 30 | function init() { 31 | element = $(options.selector); 32 | } 33 | 34 | /** 35 | * Run plugin main event 36 | */ 37 | function run() { 38 | switch (options.type) { 39 | case 'document': 40 | default: 41 | setTimeout(function(){ 42 | enforceRemove(); 43 | }, options.delay); 44 | break; 45 | } 46 | } 47 | 48 | /** 49 | * Enforce remove process 50 | */ 51 | function enforceRemove() { 52 | switch (options.removeType) { 53 | case 'fade': 54 | fadeOut(); 55 | break; 56 | case 'remove': 57 | default: 58 | remove(); 59 | break; 60 | } 61 | } 62 | 63 | /** 64 | * Direct remove 65 | * @returns {*} 66 | */ 67 | function remove() { 68 | return element.remove(); 69 | } 70 | 71 | /** 72 | * Fade-out remove 73 | * @returns {*|{opacity}} 74 | */ 75 | function fadeOut() { 76 | return element.fadeOut( 77 | options.fadeDuration, 78 | afterCallback() 79 | ); 80 | } 81 | 82 | /** 83 | * After fade-out remove 84 | * @returns {Function} 85 | */ 86 | function afterCallback() { 87 | return function(){ 88 | element.remove(); 89 | } 90 | } 91 | 92 | /* 93 | * Init plugin 94 | */ 95 | init(); 96 | 97 | /** 98 | * Return 99 | */ 100 | return this.ready(function(){ 101 | $(this).trigger('preloader:before'); 102 | 103 | run(); 104 | 105 | $(this).trigger('preloader:after'); 106 | }); 107 | } 108 | 109 | }(jQuery)); -------------------------------------------------------------------------------- /Akina/global.js: -------------------------------------------------------------------------------- 1 | /** 2 | * global js 3 | */ 4 | //show comments 5 | $('.comments-hidden').click(function(){ 6 | $('.comments-main').slideDown(500); 7 | $('.comments-hidden').hide(); 8 | }); 9 | //gotop 10 | 11 | $(document).ready(function($){ 12 | 13 | var offset = 100, 14 | offset_opacity = 1200, 15 | scroll_top_duration = 700, 16 | $back_to_top = $('.cd-top'); 17 | $(window).scroll(function(){ 18 | ( $(this).scrollTop() > offset ) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out'); 19 | if( $(this).scrollTop() > offset_opacity ) { 20 | $back_to_top.addClass('cd-fade-out'); 21 | } 22 | }); 23 | $back_to_top.on('click', function(event){ 24 | event.preventDefault(); 25 | $('body,html').animate({ 26 | scrollTop: 0 , 27 | }, scroll_top_duration 28 | ); 29 | }); 30 | 31 | }); 32 | //nav show/hidden 33 | $(function(){ 34 | var h1 = 0; 35 | var h2 = 50; 36 | var ss = $(document).scrollTop(); 37 | $(window).scroll(function(){ 38 | var s = $(document).scrollTop(); 39 | if(s== h1){ 40 | $('.site-header').removeClass('yya'); 41 | }if(s > h1){ 42 | $('.site-header').addClass('yya'); 43 | }if(s > h2){ 44 | $('.site-header').addClass('gizle'); 45 | if(s > ss){ 46 | $('.site-header').removeClass('sabit'); 47 | }else{ 48 | $('.site-header').addClass('sabit'); 49 | } 50 | ss = s; 51 | } 52 | 53 | 54 | }); 55 | 56 | }); 57 | 58 | //show searchbox 59 | $(function () { 60 | $('.js-toggle-search').on('click', function () { 61 | $('.js-toggle-search').toggleClass('is-active'); 62 | $('.js-search').toggleClass('is-visible'); 63 | }); 64 | }); 65 | //achives 66 | $(document).ready(function($){ 67 | $('.archives').hide(); 68 | $('.archives:first').show(); 69 | $('#archives-temp h3').click(function() { 70 | $(this).next().slideToggle('fast'); 71 | return false; 72 | }); 73 | }); 74 | //pagenav-ajax 75 | $("#pagination a").on("click", function(){ 76 | $(this).addClass("loading").text(""); 77 | $.ajax({ 78 | type: "POST", 79 | url: $(this).attr("href") + "#main", 80 | success: function(data){ 81 | result = $(data).find("#main .post"); 82 | nextHref = $(data).find("#pagination a").attr("href"); 83 | // 渐显新内容 84 | $("#main").append(result.fadeIn(300)); 85 | $("#pagination a").removeClass("loading").text("加载更多"); 86 | if ( nextHref != undefined ) { 87 | $("#pagination a").attr("href", nextHref); 88 | } else { 89 | // 若没有链接，即为最后一页，则移除导航 90 | $("#pagination").remove(); 91 | 92 | } 93 | } 94 | }); 95 | return false; 96 | }); 97 | 98 | 99 | 100 | 101 | -------------------------------------------------------------------------------- /Next/base.jade: -------------------------------------------------------------------------------- 1 | html.theme-next.pisces.use-motion 2 | head 3 | +h.mobile_metas 4 | block title 5 | title= site.title 6 | block seo 7 | +h.load('/template/font-awesome.css','/template/main.css','/template/prettify.css') 8 | body 9 | .container.one-coolumn.siderbar-position-left.page-home 10 | .headband 11 | header#header.header:.header-inner 12 | .site-meta 13 | .custom-logog-site-title:a.brand(href="/",rel="start") 14 | span.logo-line-before:i 15 | span.site-title= site.title 16 | span.logo-line-after:i 17 | if site.configs.sub_title:p.site-subtitle= site.configs.sub_title 18 | .site-nav-toggle:button 19 | span.btn-bar 20 | span.btn-bar 21 | span.btn-bar 22 | nav.site-nav 23 | ul#menu.menu 24 | li.menu-item.menu-item-home.menu-item-active:a(href="/",rel="section") 25 | i.menu-item-icon.fa.fa-fw.fa-home 26 | |首页 27 | li.menu-item.menu-item-archives:a(href="/archive",rel="section") 28 | i.menu-item-icon.fa.fa-fw.fa-archive 29 | |归档 30 | li.menu-item.menu-item-tags:a(href="/tags",rel="section") 31 | i.menu-item-icon.fa.fa-fw.fa-archive 32 | |标签 33 | li.menu-item.menu-item-search:a.popup-trigger(href="#") 34 | i.menu-item-icon.fa.fa-fw.fa-search 35 | |搜索 36 | main#main.main:.main-inner 37 | .content-wrap 38 | block content 39 | .sidebar-toggle:.sidebar-toggle-line-wrap 40 | span.sidebar-toggle-line.sidebar-toggle-line-first 41 | span.sidebar-toggle-line.sidebar-toggle-line-middle 42 | span.sidebar-toggle-line.sidebar-toggle-line-last 43 | aside#sidebar.sidebar(style="margin-top:282px;display:block") 44 | .sidebar-inner:section.site-overview.sidebar-panel.sidebar-panel-active 45 | .site-author 46 | img.site-author-image(src=site.configs.avatar) 47 | p.site-author-name= site.configs.admin_name 48 | p.site-description= site.configs.description 49 | nav.site-state 50 | .site-state-item.site-state-posts:a(href="/archive") 51 | span.site-state-item-count= get_data(return_count=true,with_page=false) 52 | span.site-state-item-name 日志 53 | .site-state-item.site-state-categories 54 | span.site-state-item-count= get_data(type='folder', level=[1,2], return_count=true,min_posts_count=1) 55 | span.site-state-item-name 分类 56 | .site-state-item.site-state-tags:a(href="/tags") 57 | span.site-state-item-count= site.tags.length 58 | span.site-state-item-name 标签 59 | .feed-link:a(href="/feed") 60 | i.fa.fa-rss 61 | |RSS 62 | .links-of-author 63 | socials = [[site.configs.twitter,'Twitter'],[site.configs.weibo,'Weibo'],[site.configs.github,'Github']] 64 | for social in socials 65 | if social[0]!='' 66 | span.links-of-author-item:a(href=social[0]) 67 | i.fa.fa-fw(class="fa-{{social[1]|lower}}",rel="nofollow") 68 | |{{social[1]}} 69 | footer#footer.footer:.footer-inner 70 | .copyright © 2011 - 2016 {{site.configs.admin_name}} 71 | .powered-by 72 | |由 73 | a.theme-link(href="https://bitcron.com",rel="nofollow") Bitcron 74 | |强力驱动 75 | .theme-info 76 | |主题 - 77 | a.theme-link(href="https://sxlf.org") NexT.Bitcron 78 | |- 设计 - 79 | a.theme-link(href="https://github.com/iissnan/hexo-theme-next",rel="nofollow") IIssNan 80 | .back-to-top:i.fa.fa-arrw-up 81 | +h.load('https://bitcron.com/fb_static/lib/jquery.js','/template/bootstrap.js') -------------------------------------------------------------------------------- /Simple Article/mixins.jade: -------------------------------------------------------------------------------- 1 | mixin make_siteinfo() 2 | section 3 | .site-author 4 | img.site-author-image(src=site.avatar) 5 | span.site-author-name= site.configs.admin_name 6 | span.site-description= site.configs.description 7 | .site-state 8 | .site-state-item 9 | span.site-state-item-count:a(href="/archive")= get_data(return_count=true,with_page=false) 10 | span.site-state-item-name 日志 11 | .site-state-item 12 | span.site-state-item-count:a(href="/category")= get_data(type='folder', level=[1,2], return_count=true,min_posts_count=1) 13 | span.site-state-item-name 分类 14 | .site-state-item 15 | span.site-state-item-count:a(href="/tag")= site.tags.length 16 | span.site-state-item-name 标签 17 | .feed-link:a(href="/feed") 18 | i.fa.fa-rss 19 | |RSS 20 | mixin make_cat() 21 | section 22 | h3 Category 23 | ul.site-category 24 | for category in get_data(type='folder',level=1, min_posts_count=1 ,with_page=False) 25 | li 26 | a(href="/category/{{ category.path }}")= category.title 27 | |({{get_data(path=category.path,return_count=true,with_page=false)}}) 28 | mixin make_ad() 29 | section 30 | h3 Ad 31 | a(href="https://www.vultr.com/?ref=7125270") 32 | img(src="https://www.vultr.com/media/banner_3.png") 33 | mixin make_postlike() 34 | section 35 | h3= 'You May Like' 36 | ul.category-post 37 | for post in get_data(path=post.category.title,limit=5,with_page=False) 38 | li: a(href=post.url,title=post.title)= post.title 39 | mixin make_article() 40 | for post in posts:article 41 | .post-meta-date 42 | i.fa.fa-calendar-o 43 | .blog-date-day= post.date("%d") 44 | .blog-date-month= post.date("%b") 45 | .blog-date-year= post.date("%Y") 46 | a.post-visits(href="#") 47 | i.fa.fa-heart 48 | span= post.visits or 0 49 | .post-content 50 | if post.cover 51 | .post-cover:a(href=post.url,title=post.title):img(src=post.cover) 52 | .post-title:h1:a(href=post.url,title=post.title)= post.title 53 | .post-meta 54 | if post.tags 55 | span.post-tags 56 | i.fa.fa-tags 57 | for tag in post.tags 58 | a(href="/tag/{{tag}}",rel="tag")= tag 59 | span.post-category 60 | i.fa.fa-folder-o 61 | a(href=post.category.url,title=post.category.title)= post.category.title 62 | span.post-comment 63 | i.fa.fa-comments-o 64 | a(href="{{post.url}}#comments")=post.comments.length 65 | .content.index 66 | if post.content.opening 67 | +post.content.opening 68 | .post-more-link.text-center 69 | a.btn(href=post.url,rel="contents")= '阅读全文' 70 | else 71 | +post.content 72 | if paginator.has_previous or paginator.has_next:ul.pagination 73 | if paginator.has_previous 74 | li: a(href=paginator.previous_page_url) << 75 | for page in range(1, paginator.total_pages+1) 76 | if page == paginator.page 77 | li:a(href="{{request.path}}/page/{{page}}",class="current")= page 78 | else 79 | li:a(href="{{request.path}}/page/{{page}}")= page 80 | if paginator.has_next 81 | li: a(href=paginator.next_page_url) >> 82 | -------------------------------------------------------------------------------- /Simple Article/tagcloud.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * tagcloud v1.1.1 - http://tagcloud.congm.in 3 | * Copyright 2016 @ Cong Min , Inc. 4 | * MIT License - https://github.com/mcc108/tagcloud 5 | */ 6 | !function(e){function t(i){if(s[i])return s[i].exports;var o=s[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var s={};return t.m=e,t.c=s,t.p="",t(0)}([function(e,t,s){e.exports=s(5)},,,function(e,t){},,function(e,t,s){s(3),window.tagcloud=function(e,t){function s(e){return"[object Object]"===Object.prototype.toString.call(e)}function i(t){var s=this;s.config=i._getConfig(t),s.box=s.config.element,s.fontsize=s.config.fontsize,s.radius=s.config.radius,s.depth=1.5*s.radius,s.size=1.5*s.radius,s.mspeed=i._getMsSpeed(s.config.mspeed),s.ispeed=i._getIsSpeed(s.config.ispeed),s.items=s._getItems(),s.direction=s.config.direction,s.keep=s.config.keep,s.active=!1,s.lasta=1,s.lastb=1,s.mouseX0=s.ispeed*Math.sin(s.direction*Math.PI/180),s.mouseY0=-s.ispeed*Math.cos(s.direction*Math.PI/180),s.mouseX=s.mouseX0,s.mouseY=s.mouseY0,i._on(s.box,"mouseover",function(){s.active=!0}),i._on(s.box,"mouseout",function(){s.active=!1}),i._on(s.keep?e:s.box,"mousemove",function(t){var i=e.event||t,o=s.box.getBoundingClientRect();s.mouseX=(i.clientX-(o.left+s.box.offsetWidth/2))/5,s.mouseY=(i.clientY-(o.top+s.box.offsetHeight/2))/5}),i.boxs.push(s.box),s.update(s),s.box.style.visibility="visible",s.box.style.position="relative",s.box.style.minHeight=2*s.size+"px",s.box.style.minWidth=2*s.size+"px";for(var o=0,n=s.items.length;o to create one private key automaticlly`', 'alipay_public_key@text#100'], 51 | }, 52 | { 53 | 'title': 'Akina', 54 | 'url': 'akina', 55 | 'icon_css': 'fa fa-newspaper-o', 56 | 'path': 'configs/akina.json', 57 | 'fields': ['notice@long_str','style`16进制颜色值，如#f57676`','feature@list`如果要显示焦点文章，请设置三条文章的url,每行一条`'], 58 | }, 59 | ] 60 | %} 61 | 62 | url_path = request.path.split('/')[-1] 63 | current_part = dash_parts.filter('url', url_path, return_one=True) or dash_parts[0] 64 | 65 | .main.pure-g-r 66 | .menu.pure-u: .pure-menu.pure-menu-open 67 | a.pure-menu-heading.homepage(target='_blank', href='/') Home 68 | ul: for part in dash_parts: li 69 | admin_url = "/service/admin/%s"%part.url 70 | if request.args.site_id 71 | admin_url = admin_url + '?site_id=' + request.args.site_id 72 | a(href=admin_url, class="selected" if part.path==current_part.path else "") 73 | i(class=part.icon_css) 74 | span= _(part.title) 75 | .container 76 | .header 77 | a#logout(href='/logout') 78 | i.fa.fa-power-off 79 | span= _('Logout') 80 | +d.config_editor(current_part.path, current_part.fields) 81 | +h.load('font') -------------------------------------------------------------------------------- /Simple Article/prettify.css: -------------------------------------------------------------------------------- 1 | .com { color: #93a1a1; } 2 | .lit { color: #195f91; } 3 | .pun, .opn, .clo { color: #93a1a1; } 4 | .fun { color: #dc322f; } 5 | .str, .atv { color: #D14; } 6 | .kwd, .linenums .tag { color: #1e347b; } 7 | .typ, .atn, .dec, .var { color: teal; } 8 | .pln { color: #48484c; } 9 | 10 | .prettyprint { 11 | padding: 8px; 12 | background-color: #f7f7f9; 13 | border: 1px solid #e1e1e8; 14 | } 15 | .prettyprint.linenums { 16 | -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 17 | -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 18 | box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 19 | } 20 | 21 | /* Specify class=linenums on a pre to get line numbering */ 22 | ol.linenums { 23 | margin: 0 0 0 33px; /* IE indents via margin-left */ 24 | } 25 | ol.linenums li { 26 | padding-left: 12px; 27 | color: #bebec5; 28 | line-height: 18px; 29 | text-shadow: 0 1px 0 #fff; 30 | } 31 | code, pre { 32 | padding: 0 3px 2px; 33 | font-family: Menlo, Monaco, "Courier New", monospace; 34 | color: #333333; 35 | } 36 | code { 37 | padding: 3px 4px; 38 | color: #d14; 39 | background-color: #f7f7f9; 40 | border: 1px solid #E1E1E8; 41 | border-image: initial; 42 | word-break:break-all; 43 | } 44 | pre { 45 | display: block; 46 | padding: 8.5px; 47 | margin: 0 0 9px; 48 | background-color: #f5f5f5; 49 | border: 1px solid #ccc; 50 | border: 1px solid rgba(0, 0, 0, 0.15); 51 | word-break: break-all; 52 | overflow: auto; 53 | white-space:pre-wrap; 54 | } 55 | pre.prettyprint { 56 | margin-bottom: 18px; 57 | } 58 | pre code { 59 | padding: 0; 60 | background-color: transparent; 61 | } 62 | .hll { 63 | background-color: #FFFFCC; 64 | } 65 | .c { 66 | color: #60A0B0; 67 | font-style: italic; 68 | } 69 | .k { 70 | color: #007020; 71 | font-weight: bold; 72 | } 73 | .o { 74 | color: #666666; 75 | } 76 | .cm { 77 | color: #60A0B0; 78 | font-style: italic; 79 | } 80 | .cp { 81 | color: #007020; 82 | } 83 | .c1 { 84 | color: #60A0B0; 85 | font-style: italic; 86 | } 87 | .cs { 88 | background-color: #FFF0F0; 89 | color: #60A0B0; 90 | } 91 | .gd { 92 | color: #A00000; 93 | } 94 | .ge { 95 | font-style: italic; 96 | } 97 | .gr { 98 | color: #FF0000; 99 | } 100 | .gh { 101 | color: #000080; 102 | font-weight: bold; 103 | } 104 | .gi { 105 | color: #00A000; 106 | } 107 | .go { 108 | color: #808080; 109 | } 110 | .gp { 111 | color: #C65D09; 112 | font-weight: bold; 113 | } 114 | .gs { 115 | font-weight: bold; 116 | } 117 | .gu { 118 | color: #800080; 119 | font-weight: bold; 120 | } 121 | .gt { 122 | color: #0040D0; 123 | } 124 | .kc { 125 | color: #007020; 126 | font-weight: bold; 127 | } 128 | .kd { 129 | color: #007020; 130 | font-weight: bold; 131 | } 132 | .kn { 133 | color: #007020; 134 | font-weight: bold; 135 | } 136 | .kp { 137 | color: #007020; 138 | } 139 | .kr { 140 | color: #007020; 141 | font-weight: bold; 142 | } 143 | .kt { 144 | color: #902000; 145 | } 146 | .m { 147 | color: #40A070; 148 | } 149 | .s { 150 | color: #4070A0; 151 | } 152 | .na { 153 | color: #4070A0; 154 | } 155 | .nb { 156 | color: #007020; 157 | } 158 | .nc { 159 | color: #0E84B5; 160 | font-weight: bold; 161 | } 162 | .no { 163 | color: #60ADD5; 164 | } 165 | .nd { 166 | color: #555555; 167 | font-weight: bold; 168 | } 169 | .ni { 170 | color: #D55537; 171 | font-weight: bold; 172 | } 173 | .ne { 174 | color: #007020; 175 | } 176 | .nf { 177 | color: #06287E; 178 | } 179 | .nl { 180 | color: #002070; 181 | font-weight: bold; 182 | } 183 | .nn { 184 | color: #0E84B5; 185 | font-weight: bold; 186 | } 187 | .nt { 188 | color: #062873; 189 | font-weight: bold; 190 | } 191 | .nv { 192 | color: #BB60D5; 193 | } 194 | .ow { 195 | color: #007020; 196 | font-weight: bold; 197 | } 198 | .w { 199 | color: #BBBBBB; 200 | } 201 | .mf { 202 | color: #40A070; 203 | } 204 | .mh { 205 | color: #40A070; 206 | } 207 | .mi { 208 | color: #40A070; 209 | } 210 | .mo { 211 | color: #40A070; 212 | } 213 | .sb { 214 | color: #4070A0; 215 | } 216 | .sc { 217 | color: #4070A0; 218 | } 219 | .sd { 220 | color: #4070A0; 221 | font-style: italic; 222 | } 223 | .s2 { 224 | color: #4070A0; 225 | } 226 | .se { 227 | color: #4070A0; 228 | font-weight: bold; 229 | } 230 | .sh { 231 | color: #4070A0; 232 | } 233 | .si { 234 | color: #70A0D0; 235 | font-style: italic; 236 | } 237 | .sx { 238 | color: #C65D09; 239 | } 240 | .sr { 241 | color: #235388; 242 | } 243 | .s1 { 244 | color: #4070A0; 245 | } 246 | .ss { 247 | color: #517918; 248 | } 249 | .bp { 250 | color: #007020; 251 | } 252 | .vc { 253 | color: #BB60D5; 254 | } 255 | .vg { 256 | color: #BB60D5; 257 | } 258 | .vi { 259 | color: #BB60D5; 260 | } 261 | .il { 262 | color: #40A070; 263 | } -------------------------------------------------------------------------------- /Simple Article/canvas-nest.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2016 hustcc 3 | * License: MIT 4 | * Version: v1.0.1 5 | * GitHub: https://github.com/hustcc/canvas-nest.js 6 | **/ 7 | ! function() { 8 | //封装方法，压缩之后减少文件大小 9 | function get_attribute(node, attr, default_value) { 10 | return node.getAttribute(attr) || default_value; 11 | } 12 | //封装方法，压缩之后减少文件大小 13 | function get_by_tagname(name) { 14 | return document.getElementsByTagName(name); 15 | } 16 | function get_by_id(id) { 17 | return document.getElementById(id); 18 | } 19 | //获取配置参数 20 | function get_config_option() { 21 | var scripts = get_by_tagname("script"), 22 | script_len = scripts.length, 23 | script = scripts[script_len - 1]; //当前加载的script 24 | return { 25 | l: script_len, //长度，用于生成id用 26 | z: get_attribute(script, "zIndex", 1), //z-index 27 | o: get_attribute(script, "opacity", 0.5), //opacity 28 | c: get_attribute(script, "color", "0,0,0"), //color 29 | n: get_attribute(script, "count", 99), //count 30 | e: get_attribute(script, "eId",'nest')//id 31 | }; 32 | } 33 | //设置canvas的高宽 34 | function set_canvas_size() { 35 | //canvas_width = the_canvas.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, 36 | //canvas_height = the_canvas.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 37 | canvas_width= the_canvas.width=get_by_id(config.e).offsetWidth+parseInt(document.defaultView.getComputedStyle(get_by_id(config.e),null)["margin-left"])+parseInt(document.defaultView.getComputedStyle(get_by_id(config.e),null)["margin-right"]); 38 | canvas_height= the_canvas.height=get_by_id(config.e).clientHeight; 39 | } 40 | 41 | //绘制过程 42 | function draw_canvas() { 43 | context.clearRect(0, 0, canvas_width, canvas_height); 44 | //随机的线条和当前位置联合数组 45 | var e, i, d, x_dist, y_dist, dist; //临时节点 46 | //遍历处理每一个点 47 | random_points.forEach(function(r, idx) { 48 | r.x += r.xa, 49 | r.y += r.ya, //移动 50 | r.xa *= r.x > canvas_width || r.x < 0 ? -1 : 1, 51 | r.ya *= r.y > canvas_height || r.y < 0 ? -1 : 1, //碰到边界，反向反弹 52 | context.fillRect(r.x - 0.5, r.y - 0.5, 1, 1); //绘制一个宽高为1的点 53 | //从下一个点开始 54 | for (i = idx + 1; i < all_array.length; i++) { 55 | e = all_array[i]; 56 | // 当前点存在 57 | if (null !== e.x && null !== e.y) { 58 | x_dist = r.x - e.x; //x轴距离 l 59 | y_dist = r.y - e.y; //y轴距离 n 60 | dist = x_dist * x_dist + y_dist * y_dist; //总距离, m 61 | 62 | dist < e.max && (e === current_point && dist >= e.max / 2 && (r.x -= 0.03 * x_dist, r.y -= 0.03 * y_dist), //靠近的时候加速 63 | d = (e.max - dist) / e.max, 64 | context.beginPath(), 65 | context.lineWidth = d / 2, 66 | context.strokeStyle = "rgba(" + config.c + "," + (d + 0.2) + ")", 67 | context.moveTo(r.x, r.y), 68 | context.lineTo(e.x, e.y), 69 | context.stroke()); 70 | } 71 | } 72 | }), frame_func(draw_canvas); 73 | } 74 | //创建画布，并添加到body中 75 | var the_canvas = document.createElement("canvas"), //画布 76 | config = get_config_option(), //配置 77 | canvas_id = "c_n" + config.l, //canvas id 78 | context = the_canvas.getContext("2d"), canvas_width, canvas_height, 79 | frame_func = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(func) { 80 | window.setTimeout(func, 1000 / 45); 81 | }, random = Math.random, 82 | current_point = { 83 | x: null, //当前鼠标x 84 | y: null, //当前鼠标y 85 | max: 20000 // 圈半径的平方 86 | }, 87 | all_array; 88 | the_canvas.id = canvas_id; 89 | the_canvas.style.cssText = "position:absolute;top:0;left:0;z-index:" + config.z + ";opacity:" + config.o; 90 | //get_by_tagname("body")[0].appendChild(the_canvas); 91 | get_by_id(config.e).appendChild(the_canvas); 92 | //初始化画布大小 93 | set_canvas_size(); 94 | window.onresize = set_canvas_size; 95 | //当时鼠标位置存储，离开的时候，释放当前位置信息 96 | window.onmousemove = function(e) { 97 | e = e || window.event; 98 | current_point.x = e.clientX; 99 | current_point.y = e.clientY; 100 | }, window.onmouseout = function() { 101 | current_point.x = null; 102 | current_point.y = null; 103 | }; 104 | //随机生成config.n条线位置信息 105 | for (var random_points = [], i = 0; config.n > i; i++) { 106 | var x = random() * canvas_width, //随机位置 107 | y = random() * canvas_height, 108 | xa = 2 * random() - 1, //随机运动方向 109 | ya = 2 * random() - 1; 110 | // 随机点 111 | random_points.push({ 112 | x: x, 113 | y: y, 114 | xa: xa, 115 | ya: ya, 116 | max: 6000 //沾附距离 117 | }); 118 | } 119 | all_array = random_points.concat([current_point]); 120 | //0.1秒后绘制 121 | setTimeout(function() { 122 | draw_canvas(); 123 | }, 100); 124 | }(); -------------------------------------------------------------------------------- /Next/prettify.css: -------------------------------------------------------------------------------- 1 | .com { color: #93a1a1; } 2 | .lit { color: #195f91; } 3 | .pun, .opn, .clo { color: #93a1a1; } 4 | .fun { color: #dc322f; } 5 | .str, .atv { color: #D14; } 6 | .kwd, .linenums .tag { color: #1e347b; } 7 | .typ, .atn, .dec, .var { color: teal; } 8 | .pln { color: #48484c; } 9 | 10 | .prettyprint { 11 | padding: 8px; 12 | background-color: #f7f7f9; 13 | border: 1px solid #e1e1e8; 14 | } 15 | .prettyprint.linenums { 16 | -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 17 | -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 18 | box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 19 | } 20 | 21 | /* Specify class=linenums on a pre to get line numbering */ 22 | ol.linenums { 23 | margin: 0 0 0 33px; /* IE indents via margin-left */ 24 | } 25 | ol.linenums li { 26 | padding-left: 12px; 27 | color: #bebec5; 28 | line-height: 18px; 29 | text-shadow: 0 1px 0 #fff; 30 | } 31 | code, pre { 32 | padding: 0 3px 2px; 33 | font-family: Menlo, Monaco, "Courier New", monospace; 34 | font-size: 12px; 35 | color: #333333; 36 | -webkit-border-radius: 3px; 37 | -moz-border-radius: 3px; 38 | border-radius: 3px; 39 | } 40 | code { 41 | padding: 3px 4px; 42 | color: #d14; 43 | background-color: #f7f7f9; 44 | border: 1px solid #E1E1E8; 45 | border-image: initial; 46 | } 47 | pre { 48 | display: block; 49 | padding: 8.5px; 50 | margin: 0 0 9px; 51 | font-size: 12px; 52 | line-height: 18px; 53 | background-color: #f5f5f5; 54 | border: 1px solid #ccc; 55 | border: 1px solid rgba(0, 0, 0, 0.15); 56 | -webkit-border-radius: 4px; 57 | -moz-border-radius: 4px; 58 | border-radius: 4px; 59 | word-break: break-all; 60 | overflow: auto; 61 | } 62 | pre.prettyprint { 63 | margin-bottom: 18px; 64 | } 65 | pre code { 66 | padding: 0; 67 | background-color: transparent; 68 | } 69 | .hll { 70 | background-color: #FFFFCC; 71 | } 72 | .c { 73 | color: #60A0B0; 74 | font-style: italic; 75 | } 76 | .k { 77 | color: #007020; 78 | font-weight: bold; 79 | } 80 | .o { 81 | color: #666666; 82 | } 83 | .cm { 84 | color: #60A0B0; 85 | font-style: italic; 86 | } 87 | .cp { 88 | color: #007020; 89 | } 90 | .c1 { 91 | color: #60A0B0; 92 | font-style: italic; 93 | } 94 | .cs { 95 | background-color: #FFF0F0; 96 | color: #60A0B0; 97 | } 98 | .gd { 99 | color: #A00000; 100 | } 101 | .ge { 102 | font-style: italic; 103 | } 104 | .gr { 105 | color: #FF0000; 106 | } 107 | .gh { 108 | color: #000080; 109 | font-weight: bold; 110 | } 111 | .gi { 112 | color: #00A000; 113 | } 114 | .go { 115 | color: #808080; 116 | } 117 | .gp { 118 | color: #C65D09; 119 | font-weight: bold; 120 | } 121 | .gs { 122 | font-weight: bold; 123 | } 124 | .gu { 125 | color: #800080; 126 | font-weight: bold; 127 | } 128 | .gt { 129 | color: #0040D0; 130 | } 131 | .kc { 132 | color: #007020; 133 | font-weight: bold; 134 | } 135 | .kd { 136 | color: #007020; 137 | font-weight: bold; 138 | } 139 | .kn { 140 | color: #007020; 141 | font-weight: bold; 142 | } 143 | .kp { 144 | color: #007020; 145 | } 146 | .kr { 147 | color: #007020; 148 | font-weight: bold; 149 | } 150 | .kt { 151 | color: #902000; 152 | } 153 | .m { 154 | color: #40A070; 155 | } 156 | .s { 157 | color: #4070A0; 158 | } 159 | .na { 160 | color: #4070A0; 161 | } 162 | .nb { 163 | color: #007020; 164 | } 165 | .nc { 166 | color: #0E84B5; 167 | font-weight: bold; 168 | } 169 | .no { 170 | color: #60ADD5; 171 | } 172 | .nd { 173 | color: #555555; 174 | font-weight: bold; 175 | } 176 | .ni { 177 | color: #D55537; 178 | font-weight: bold; 179 | } 180 | .ne { 181 | color: #007020; 182 | } 183 | .nf { 184 | color: #06287E; 185 | } 186 | .nl { 187 | color: #002070; 188 | font-weight: bold; 189 | } 190 | .nn { 191 | color: #0E84B5; 192 | font-weight: bold; 193 | } 194 | .nt { 195 | color: #062873; 196 | font-weight: bold; 197 | } 198 | .nv { 199 | color: #BB60D5; 200 | } 201 | .ow { 202 | color: #007020; 203 | font-weight: bold; 204 | } 205 | .w { 206 | color: #BBBBBB; 207 | } 208 | .mf { 209 | color: #40A070; 210 | } 211 | .mh { 212 | color: #40A070; 213 | } 214 | .mi { 215 | color: #40A070; 216 | } 217 | .mo { 218 | color: #40A070; 219 | } 220 | .sb { 221 | color: #4070A0; 222 | } 223 | .sc { 224 | color: #4070A0; 225 | } 226 | .sd { 227 | color: #4070A0; 228 | font-style: italic; 229 | } 230 | .s2 { 231 | color: #4070A0; 232 | } 233 | .se { 234 | color: #4070A0; 235 | font-weight: bold; 236 | } 237 | .sh { 238 | color: #4070A0; 239 | } 240 | .si { 241 | color: #70A0D0; 242 | font-style: italic; 243 | } 244 | .sx { 245 | color: #C65D09; 246 | } 247 | .sr { 248 | color: #235388; 249 | } 250 | .s1 { 251 | color: #4070A0; 252 | } 253 | .ss { 254 | color: #517918; 255 | } 256 | .bp { 257 | color: #007020; 258 | } 259 | .vc { 260 | color: #BB60D5; 261 | } 262 | .vg { 263 | color: #BB60D5; 264 | } 265 | .vi { 266 | color: #BB60D5; 267 | } 268 | .il { 269 | color: #40A070; 270 | } -------------------------------------------------------------------------------- /Simple Article/main.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | /** 4 | * 1. Change the default font family in all browsers (opinionated). 5 | * 2. Correct the line height in all browsers. 6 | * 3. Prevent adjustments of font size after orientation changes in 7 | * IE on Windows Phone and in iOS. 8 | */ 9 | /* latin */ 10 | @font-face { 11 | font-family: 'Arvo'; 12 | font-style: normal; 13 | font-weight: 400; 14 | src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/J0GYVYTizO1mjpT3aOcSbQ.woff2) format('woff2'); 15 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 16 | } 17 | /* cyrillic-ext */ 18 | @font-face { 19 | font-family: 'Merriweather'; 20 | font-style: normal; 21 | font-weight: 400; 22 | src: local('Merriweather'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v16/RFda8w1V0eDZheqfcyQ4EK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); 23 | unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; 24 | } 25 | /* cyrillic */ 26 | @font-face { 27 | font-family: 'Merriweather'; 28 | font-style: normal; 29 | font-weight: 400; 30 | src: local('Merriweather'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v16/RFda8w1V0eDZheqfcyQ4EJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); 31 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 32 | } 33 | /* latin-ext */ 34 | @font-face { 35 | font-family: 'Merriweather'; 36 | font-style: normal; 37 | font-weight: 400; 38 | src: local('Merriweather'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v16/RFda8w1V0eDZheqfcyQ4ED0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); 39 | unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; 40 | } 41 | /* latin */ 42 | @font-face { 43 | font-family: 'Merriweather'; 44 | font-style: normal; 45 | font-weight: 400; 46 | src: local('Merriweather'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v16/RFda8w1V0eDZheqfcyQ4EOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); 47 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 48 | } 49 | /* Document 50 | ========================================================================== */ 51 | *{margin:0;padding:0;} 52 | html { 53 | font-family: sans-serif; /* 1 */ 54 | -ms-text-size-adjust: 100%; /* 3 */ 55 | -webkit-text-size-adjust: 100%; /* 3 */ 56 | } 57 | 58 | /* Sections 59 | ========================================================================== */ 60 | 61 | /** 62 | * Remove the margin in all browsers (opinionated). 63 | */ 64 | 65 | body { 66 | margin: 0; 67 | min-width:1000px; 68 | } 69 | 70 | /** 71 | * Add the correct display in IE 9-. 72 | */ 73 | 74 | article, 75 | aside, 76 | footer, 77 | header, 78 | nav, 79 | section { 80 | display: block; 81 | } 82 | 83 | /** 84 | * Correct the font size and margin on `h1` elements within `section` and 85 | * `article` contexts in Chrome, Firefox, and Safari. 86 | */ 87 | 88 | h1 { 89 | font-size: 2em; 90 | } 91 | 92 | /* Grouping content 93 | ========================================================================== */ 94 | 95 | /** 96 | * Add the correct display in IE 9-. 97 | * 1. Add the correct display in IE. 98 | */ 99 | 100 | figcaption, 101 | figure, 102 | main { /* 1 */ 103 | display: block; 104 | } 105 | 106 | /** 107 | * Add the correct margin in IE 8. 108 | */ 109 | 110 | figure { 111 | margin: 1em 40px; 112 | } 113 | 114 | /** 115 | * 1. Add the correct box sizing in Firefox. 116 | * 2. Show the overflow in Edge and IE. 117 | */ 118 | 119 | hr { 120 | box-sizing: content-box; /* 1 */ 121 | height: 0; /* 1 */ 122 | overflow: visible; /* 2 */ 123 | } 124 | 125 | 126 | a { 127 | background-color: transparent; /* 1 */ 128 | -webkit-text-decoration-skip: objects; /* 2 */ 129 | text-decoration:none; 130 | } 131 | 132 | /** 133 | * Remove the outline on focused links when they are also active or hovered 134 | * in all browsers (opinionated). 135 | */ 136 | 137 | a:active, 138 | a:hover { 139 | outline-width: 0; 140 | } 141 | 142 | /** 143 | * 1. Remove the bottom border in Firefox 39-. 144 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 145 | */ 146 | 147 | abbr[title] { 148 | border-bottom: none; /* 1 */ 149 | text-decoration: underline; /* 2 */ 150 | text-decoration: underline dotted; /* 2 */ 151 | } 152 | 153 | /** 154 | * Prevent the duplicate application of `bolder` by the next rule in Safari 6. 155 | */ 156 | 157 | b, 158 | strong { 159 | font-weight: inherit; 160 | } 161 | 162 | /** 163 | * Add the correct font weight in Chrome, Edge, and Safari. 164 | */ 165 | 166 | b, 167 | strong { 168 | font-weight: bolder; 169 | } 170 | 171 | /** 172 | * 1. Correct the inheritance and scaling of font size in all browsers. 173 | * 2. Correct the odd `em` font sizing in all browsers. 174 | */ 175 | 176 | /** 177 | * Add the correct font style in Android 4.3-. 178 | */ 179 | 180 | dfn { 181 | font-style: italic; 182 | } 183 | 184 | /** 185 | * Add the correct background and color in IE 9-. 186 | */ 187 | 188 | mark { 189 | background-color: #ff0; 190 | color: #000; 191 | } 192 | 193 | /** 194 | * Add the correct font size in all browsers. 195 | */ 196 | 197 | small { 198 | font-size: 80%; 199 | } 200 | 201 | /** 202 | * Prevent `sub` and `sup` elements from affecting the line height in 203 | * all browsers. 204 | */ 205 | 206 | sub, 207 | sup { 208 | font-size: 75%; 209 | line-height: 0; 210 | position: relative; 211 | vertical-align: baseline; 212 | } 213 | 214 | sub { 215 | bottom: -0.25em; 216 | } 217 | 218 | sup { 219 | top: -0.5em; 220 | } 221 | 222 | /* Embedded content 223 | ========================================================================== */ 224 | 225 | /** 226 | * Add the correct display in IE 9-. 227 | */ 228 | 229 | audio, 230 | video { 231 | display: inline-block; 232 | } 233 | 234 | /** 235 | * Add the correct display in iOS 4-7. 236 | */ 237 | 238 | audio:not([controls]) { 239 | display: none; 240 | height: 0; 241 | } 242 | 243 | /** 244 | * Remove the border on images inside links in IE 10-. 245 | */ 246 | 247 | img { 248 | border-style: none; 249 | max-width: 100%; 250 | } 251 | 252 | /** 253 | * Hide the overflow in IE. 254 | */ 255 | 256 | svg:not(:root) { 257 | overflow: hidden; 258 | } 259 | 260 | /* Forms 261 | ========================================================================== */ 262 | 263 | /** 264 | * 1. Change the font styles in all browsers (opinionated). 265 | * 2. Remove the margin in Firefox and Safari. 266 | */ 267 | 268 | button, 269 | input, 270 | optgroup, 271 | select, 272 | textarea { 273 | font-family: sans-serif; /* 1 */ 274 | font-size: 100%; /* 1 */ 275 | line-height: 1.15; /* 1 */ 276 | margin: 0; /* 2 */ 277 | } 278 | 279 | /** 280 | * Show the overflow in IE. 281 | * 1. Show the overflow in Edge. 282 | */ 283 | 284 | button, 285 | input { /* 1 */ 286 | overflow: visible; 287 | } 288 | 289 | /** 290 | * Remove the inheritance of text transform in Edge, Firefox, and IE. 291 | * 1. Remove the inheritance of text transform in Firefox. 292 | */ 293 | 294 | button, 295 | select { /* 1 */ 296 | text-transform: none; 297 | } 298 | 299 | /** 300 | * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` 301 | * controls in Android 4. 302 | * 2. Correct the inability to style clickable types in iOS and Safari. 303 | */ 304 | 305 | button, 306 | html [type="button"], /* 1 */ 307 | [type="reset"], 308 | [type="submit"] { 309 | -webkit-appearance: button; /* 2 */ 310 | } 311 | 312 | /** 313 | * Remove the inner border and padding in Firefox. 314 | */ 315 | 316 | button::-moz-focus-inner, 317 | [type="button"]::-moz-focus-inner, 318 | [type="reset"]::-moz-focus-inner, 319 | [type="submit"]::-moz-focus-inner { 320 | border-style: none; 321 | padding: 0; 322 | } 323 | 324 | /** 325 | * Restore the focus styles unset by the previous rule. 326 | */ 327 | 328 | button:-moz-focusring, 329 | [type="button"]:-moz-focusring, 330 | [type="reset"]:-moz-focusring, 331 | [type="submit"]:-moz-focusring { 332 | outline: 1px dotted ButtonText; 333 | } 334 | 335 | /** 336 | * Change the border, margin, and padding in all browsers (opinionated). 337 | */ 338 | 339 | fieldset { 340 | border: 1px solid #c0c0c0; 341 | margin: 0 2px; 342 | padding: 0.35em 0.625em 0.75em; 343 | } 344 | 345 | /** 346 | * 1. Correct the text wrapping in Edge and IE. 347 | * 2. Correct the color inheritance from `fieldset` elements in IE. 348 | * 3. Remove the padding so developers are not caught out when they zero out 349 | * `fieldset` elements in all browsers. 350 | */ 351 | 352 | legend { 353 | box-sizing: border-box; /* 1 */ 354 | color: inherit; /* 2 */ 355 | display: table; /* 1 */ 356 | max-width: 100%; /* 1 */ 357 | padding: 0; /* 3 */ 358 | white-space: normal; /* 1 */ 359 | } 360 | 361 | /** 362 | * 1. Add the correct display in IE 9-. 363 | * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. 364 | */ 365 | 366 | progress { 367 | display: inline-block; /* 1 */ 368 | vertical-align: baseline; /* 2 */ 369 | } 370 | 371 | /** 372 | * Remove the default vertical scrollbar in IE. 373 | */ 374 | 375 | textarea { 376 | overflow: auto; 377 | } 378 | 379 | /** 380 | * 1. Add the correct box sizing in IE 10-. 381 | * 2. Remove the padding in IE 10-. 382 | */ 383 | 384 | [type="checkbox"], 385 | [type="radio"] { 386 | box-sizing: border-box; /* 1 */ 387 | padding: 0; /* 2 */ 388 | } 389 | 390 | /** 391 | * Correct the cursor style of increment and decrement buttons in Chrome. 392 | */ 393 | 394 | [type="number"]::-webkit-inner-spin-button, 395 | [type="number"]::-webkit-outer-spin-button { 396 | height: auto; 397 | } 398 | 399 | /** 400 | * 1. Correct the odd appearance in Chrome and Safari. 401 | * 2. Correct the outline style in Safari. 402 | */ 403 | 404 | [type="search"] { 405 | -webkit-appearance: textfield; /* 1 */ 406 | outline-offset: -2px; /* 2 */ 407 | } 408 | 409 | /** 410 | * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. 411 | */ 412 | 413 | [type="search"]::-webkit-search-cancel-button, 414 | [type="search"]::-webkit-search-decoration { 415 | -webkit-appearance: none; 416 | } 417 | 418 | /** 419 | * 1. Correct the inability to style clickable types in iOS and Safari. 420 | * 2. Change font properties to `inherit` in Safari. 421 | */ 422 | 423 | ::-webkit-file-upload-button { 424 | -webkit-appearance: button; /* 1 */ 425 | font: inherit; /* 2 */ 426 | } 427 | 428 | /* Interactive 429 | ========================================================================== */ 430 | 431 | /* 432 | * Add the correct display in IE 9-. 433 | * 1. Add the correct display in Edge, IE, and Firefox. 434 | */ 435 | 436 | details, /* 1 */ 437 | menu { 438 | display: block; 439 | } 440 | 441 | /* 442 | * Add the correct display in all browsers. 443 | */ 444 | 445 | summary { 446 | display: list-item; 447 | } 448 | 449 | /* Scripting 450 | ========================================================================== */ 451 | 452 | /** 453 | * Add the correct display in IE 9-. 454 | */ 455 | 456 | canvas { 457 | display: inline-block; 458 | } 459 | 460 | /** 461 | * Add the correct display in IE. 462 | */ 463 | 464 | template { 465 | display: none; 466 | } 467 | 468 | /* Hidden 469 | ========================================================================== */ 470 | 471 | /** 472 | * Add the correct display in IE 10-. 473 | */ 474 | 475 | [hidden] { 476 | display: none; 477 | } 478 | /*normalize end*/ 479 | ul{list-style: none;margin:0;} 480 | /*pagination*/ 481 | ul.pagination li{display: inline;} 482 | /*start */ 483 | body{font-size:16px;font-family: 'Arvo', "Microsoft YaHei",serif;background-image:url("bg.jpg");} 484 | .container{margin:0 auto;max-width: 1140px;} 485 | .logo{height:216px;} 486 | header{background-color:white;} 487 | nav{border-top:1px solid #ebebeb;z-index:2} 488 | nav>ul{text-align:center;} 489 | nav>ul>li{display: inline-flex;} 490 | nav>ul>li>a{padding:24px 0 24px 24px;color:#424242;font-size:18px;font-weight:700;} 491 | nav>ul>li.index>a{padding-left:0;} 492 | nav>ul>li.iterm>a:before { 493 | content: "/"; 494 | margin-right: 22px; 495 | font-size: 18px; 496 | line-height: 1; 497 | color:#ebebeb; 498 | } 499 | body>.container{display:flex;margin-top:30px;margin-bottom:40px;z-index:100} 500 | .posts{width:760px;} 501 | article{display:flex;background-color:white;} 502 | .content.index img{display:none;} 503 | .fa-calendar-o{ 504 | color: #dedede; 505 | font-size: 38px; 506 | margin-bottom: 25px; 507 | margin-right: 0px; 508 | display: inline-block;} 509 | 510 | .post-meta-date { 511 | padding: 30px 25px; 512 | width: 50px; 513 | text-align: center; 514 | font-family:'Merriweather',serif; 515 | } 516 | .blog-date-day { 517 | color: #1b1b1b; 518 | border-bottom-color: #1b1b1b; 519 | font-size: 44px; 520 | padding-bottom: 10px; 521 | border-bottom-width: 1px; 522 | border-bottom-style: solid; 523 | margin-bottom: 12px; 524 | } 525 | .blog-date-month { 526 | color: #8c8c8c; 527 | font-size: 22px; 528 | text-transform: uppercase; 529 | margin-bottom: 10px; 530 | } 531 | .blog-date-year { 532 | color: #a2a2a2; 533 | font-size: 12px; 534 | letter-spacing: 4px; 535 | } 536 | .post-cover {overflow:hidden;max-height:300px;text-align:center;} 537 | .post-cover img{max-width:100%;} 538 | .post-cover img:hover{animation: imgTr 0.5s;animation-fill-mode: forwards;} 539 | @keyframes imgTr 540 | { 541 | from {transform:scale(1,1);opacity:1;} 542 | to {transform:scale(1.1,1.1);opacity:0.8;} 543 | } 544 | .post-visits{ 545 | display: grid; 546 | font-size: 20px; 547 | color: #b4b4b4; 548 | margin-top:32px; 549 | } 550 | .post-visits:hover{transition: color 300ms;color: red;} 551 | .post-title{margin-top:30px;} 552 | .post-title h1{font-weight:400;margin-bottom: 10px;letter-spacing: 1px;} 553 | .post-title a{color:#212121;} 554 | .post-title a:hover{transition: color 300ms;color: #bfbfbf;} 555 | .post-meta{margin-bottom: 25px; 556 | letter-spacing: 1px; 557 | line-height: 2.3; 558 | color: #c1c1c1;} 559 | .post-meta span{margin-right:20px;} 560 | .post-meta a{color: #c1c1c1;} 561 | .content{margin-right:40px; font-size:18px;} 562 | .content a{color:#212121;} 563 | .content h2{font-weight:300;} 564 | .md_block,.p_part{margin-bottom:20px;word-break:break-all;} 565 | .content img { 566 | box-sizing: border-box; 567 | margin: auto; 568 | padding: 3px; 569 | border: 1px solid #ddd; 570 | } 571 | .post-more-link{ text-align:center;} 572 | .post-more-link a{ 573 | outline: 1px solid #1b1b1b; 574 | padding: 15px 30px; 575 | border: 2px solid #1b1b1b; 576 | outline-offset: -7px; 577 | color: #383838; 578 | 579 | display: inline-block; 580 | margin: 20px 0; 581 | } 582 | .pagination{ 583 | text-align: center; 584 | padding: 20px 40px 20px 100px; 585 | background-color:#fff;} 586 | .pagination a { 587 | width: 40px; 588 | display: inline-block !important; 589 | height: 40px; 590 | text-align: center; 591 | line-height: 40px; 592 | background-color: #ebebeb; 593 | color: white; 594 | border-radius: 20px; 595 | margin: 5px; 596 | } 597 | .pagination a.current{background-color: #1b1b1b;} 598 | .pagination a:hover{ 599 | transition: background-color 300ms;background-color: #1b1b1b; 600 | } 601 | .sidebar{width:360px;margin-left:30px} 602 | .sidebar section{background-color:#fff;padding:30px;margin-bottom:30px;text-align:center;} 603 | .sidebar section h3{ font-size: 14px; 604 | margin-bottom: 30px; 605 | text-transform: uppercase; 606 | font-weight: bold; 607 | padding-bottom: 5px; 608 | display: inline-block; 609 | border-bottom: 2px solid #383838; 610 | letter-spacing: 2px;} 611 | .site-author{display:grid;} 612 | .site-author span{margin-bottom:20px;} 613 | .site-author-image { 614 | display: block; 615 | margin: 0 auto; 616 | padding: 2px; 617 | max-width: 140px; 618 | height: auto; 619 | border: 1px solid #eee; 620 | } 621 | .site-author-name { 622 | margin-top: 20px; 623 | text-align: center; 624 | color: #1b1b1b; 625 | font-weight: 600; 626 | } 627 | .site-description { 628 | margin-top: 0; 629 | text-align: center; 630 | color: #8c8c8c; 631 | } 632 | .site-state { 633 | overflow: hidden; 634 | line-height: 1.4; 635 | white-space: nowrap; 636 | text-align: center; 637 | } 638 | .site-state-item { 639 | display: inline-block; 640 | padding: 0 15px; 641 | border-left: 1px solid #eee; 642 | } 643 | .site-state-item:first-child { 644 | border-left: none; 645 | } 646 | .site-state-item a { 647 | color: #1b1b1b; 648 | } 649 | .site-state-item-count { 650 | display: block; 651 | text-align: center; 652 | color: inherit; 653 | font-weight: 600; 654 | font-size: 16px; 655 | color: #1b1b1b; 656 | } 657 | .site-state-item-name { 658 | color: #8c8c8c; 659 | } 660 | .feed-link { 661 | margin-top: 20px; 662 | border-top: 1px dotted #ccc; 663 | border-bottom: 1px dotted #ccc; 664 | text-align: center; 665 | } 666 | .feed-link a { 667 | display: inline-block; 668 | padding:10px; 669 | color: #fc6423; 670 | } 671 | .feed-link a i { 672 | color: #fc6423; 673 | } 674 | .feed-link a:hover i { 675 | color: #fff; 676 | } 677 | ul.site-category{text-align:center;} 678 | .site-category li, 679 | .category-post li{ 680 | margin-bottom: 12px; 681 | line-height: 20px; 682 | padding-bottom: 12px; 683 | border-bottom: 1px solid #ebebeb; 684 | color:#909090; 685 | } 686 | .site-category li a, 687 | .category-post li a{color:#bebebe;} 688 | footer{background-color:#262626;} 689 | footer h3{ 690 | color:#fff; 691 | margin-bottom: 25px; 692 | font-size: 14px; 693 | text-transform: uppercase; 694 | font-weight: 700; 695 | letter-spacing: 2px;} 696 | footer a{color:#7f7f7f;} 697 | footer section{width:33%;} 698 | .site-tags a{ 699 | font-size: 12px !important; 700 | display: inline-block; 701 | padding: 10px 18px; 702 | margin-right: 5px; 703 | margin-top: 5px; 704 | font-weight: bold; 705 | text-transform: uppercase; 706 | letter-spacing: 1px; 707 | background-color: #0a0202; 708 | color:#fff; 709 | } 710 | .site-recent-post li{ 711 | margin-bottom: 12px; 712 | line-height: 20px; 713 | padding-bottom: 12px; 714 | border-bottom: 1px solid #3f3f3f; 715 | } 716 | .site-recent-post a{color:#7f7f7f;} 717 | footer>.container{min-height:350px;padding:40px 0;display:flex;justify-content:space-between;} 718 | .copyright{background-color:#0f0f0f;height:58px;} 719 | .copyright>.container{padding:16px 0;height:26px;line-height:26px;max-width:1140px;color:#4f4f4f;} 720 | .copyright-left{float:left;} 721 | .copyright-right{float:right;} 722 | /*post.jade*/ 723 | .post-nav>div{ border-top: 3px solid; padding:30px 0 60px 0;} 724 | .post-nav{ 725 | padding: 0 40px 0 100px; 726 | background-color:#fff; 727 | /* width: 100%; */ 728 | 729 | /* border-top-style: solid; */ 730 | } 731 | .post-nav span,.post-nav i{color:#454545;} 732 | .post-nav .left{float:left;} 733 | .fa-long-arrow-left{margin-right:8px;} 734 | .post-nav .next{float:right;} 735 | .fa-long-arrow-right{margin-left:8px;} 736 | .post-comments{padding: 20px 40px 60px 100px;background-color:#fff;} 737 | .category-post li{display:block;overflow:hidden; 738 | white-space: nowrap; 739 | text-overflow: ellipsis;} 740 | /*category.jade*/ 741 | nav.category-nav{ 742 | padding: 20px 30px; 743 | text-align: center; 744 | margin-bottom: 30px; 745 | background-color: white; 746 | line-height:30px; 747 | } 748 | nav.category-nav a{color: #b6b6b6;padding-left:20px;} 749 | nav.category-nav a.iterm:before { 750 | content: "/"; 751 | margin-right: 20px; 752 | font-size: 18px; 753 | line-height: 1; 754 | color: #ebebeb; 755 | } 756 | nav.category-nav a.current{ color: #252525;} 757 | /*tag.jade*/ 758 | 759 | .tag.container{ 760 | padding-top: 10px; 761 | position: relative; 762 | z-index: 89; 763 | /* text-align: center; */ 764 | line-height: 1; 765 | text-align: center; 766 | display: block; 767 | font-size: 50px; 768 | letter-spacing: 5px; 769 | color:#969696; 770 | } 771 | .post .tags{background-color:#fff;} 772 | /*archive.jade*/ 773 | .archive-count{ 774 | padding: 20px 30px; 775 | text-align: center; 776 | margin-bottom: 30px; 777 | background-color: white; 778 | line-height:30px; 779 | color:#b6b6b6; 780 | } 781 | .archive-count span{margin:0 2px;color:#252525;} 782 | .archive-list{ background-color: white; 783 | padding:30px;} 784 | .archive-list ul{padding-left:30px;} 785 | .archive-list li{margin:10px 0;} 786 | .archive-list time{ color:#b6b6b6; width: 70px; 787 | display: inline-flex;} 788 | .archive-list a{ color:#252525;} -------------------------------------------------------------------------------- /Next/font-awesome.css: -------------------------------------------------------------------------------- 1 | @font-face{font-family:'FontAwesome';src:url('/template/fontawesome-webfont.woff2') format('woff2');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} -------------------------------------------------------------------------------- /Next/main.css: -------------------------------------------------------------------------------- 1 | /* normalize.css v3.0.2 | MIT License | git.io/normalize */ 2 | html { 3 | font-family: sans-serif; /* 1 */ 4 | -ms-text-size-adjust: 100%; /* 2 */ 5 | -webkit-text-size-adjust: 100%; /* 2 */ 6 | } 7 | body { 8 | margin: 0; 9 | } 10 | article, 11 | aside, 12 | details, 13 | figcaption, 14 | figure, 15 | footer, 16 | header, 17 | hgroup, 18 | main, 19 | menu, 20 | nav, 21 | section, 22 | summary { 23 | display: block; 24 | } 25 | audio, 26 | canvas, 27 | progress, 28 | video { 29 | display: inline-block; /* 1 */ 30 | vertical-align: baseline; /* 2 */ 31 | } 32 | audio:not([controls]) { 33 | display: none; 34 | height: 0; 35 | } 36 | [hidden], 37 | template { 38 | display: none; 39 | } 40 | a { 41 | background-color: transparent; 42 | } 43 | a:active, 44 | a:hover { 45 | outline: 0; 46 | } 47 | abbr[title] { 48 | border-bottom: 1px dotted; 49 | } 50 | b, 51 | strong { 52 | font-weight: bold; 53 | } 54 | dfn { 55 | font-style: italic; 56 | } 57 | h1 { 58 | font-size: 2em; 59 | margin: 0.67em 0; 60 | } 61 | mark { 62 | background: #ff0; 63 | color: #000; 64 | } 65 | small { 66 | font-size: 80%; 67 | } 68 | sub, 69 | sup { 70 | font-size: 75%; 71 | line-height: 0; 72 | position: relative; 73 | vertical-align: baseline; 74 | } 75 | sup { 76 | top: -0.5em; 77 | } 78 | sub { 79 | bottom: -0.25em; 80 | } 81 | img { 82 | border: 0; 83 | } 84 | svg:not(:root) { 85 | overflow: hidden; 86 | } 87 | figure { 88 | margin: 1em 40px; 89 | } 90 | hr { 91 | -moz-box-sizing: content-box; 92 | box-sizing: content-box; 93 | height: 0; 94 | } 95 | pre { 96 | overflow: auto; 97 | } 98 | code, 99 | kbd, 100 | pre, 101 | samp { 102 | font-family: monospace, monospace; 103 | font-size: 1em; 104 | } 105 | button, 106 | input, 107 | optgroup, 108 | select, 109 | textarea { 110 | color: inherit; /* 1 */ 111 | font: inherit; /* 2 */ 112 | margin: 0; /* 3 */ 113 | } 114 | button { 115 | overflow: visible; 116 | } 117 | button, 118 | select { 119 | text-transform: none; 120 | } 121 | button, 122 | html input[type="button"], 123 | input[type="reset"], 124 | input[type="submit"] { 125 | -webkit-appearance: button; /* 2 */ 126 | cursor: pointer; /* 3 */ 127 | } 128 | button[disabled], 129 | html input[disabled] { 130 | cursor: default; 131 | } 132 | button::-moz-focus-inner, 133 | input::-moz-focus-inner { 134 | border: 0; 135 | padding: 0; 136 | } 137 | input { 138 | line-height: normal; 139 | } 140 | input[type="checkbox"], 141 | input[type="radio"] { 142 | box-sizing: border-box; /* 1 */ 143 | padding: 0; /* 2 */ 144 | } 145 | input[type="number"]::-webkit-inner-spin-button, 146 | input[type="number"]::-webkit-outer-spin-button { 147 | height: auto; 148 | } 149 | input[type="search"] { 150 | -webkit-appearance: textfield; /* 1 */ 151 | -moz-box-sizing: content-box; 152 | -webkit-box-sizing: content-box; /* 2 */ 153 | box-sizing: content-box; 154 | } 155 | input[type="search"]::-webkit-search-cancel-button, 156 | input[type="search"]::-webkit-search-decoration { 157 | -webkit-appearance: none; 158 | } 159 | fieldset { 160 | border: 1px solid #c0c0c0; 161 | margin: 0 2px; 162 | padding: 0.35em 0.625em 0.75em; 163 | } 164 | legend { 165 | border: 0; /* 1 */ 166 | padding: 0; /* 2 */ 167 | } 168 | textarea { 169 | overflow: auto; 170 | } 171 | optgroup { 172 | font-weight: bold; 173 | } 174 | table { 175 | border-collapse: collapse; 176 | border-spacing: 0; 177 | } 178 | td, 179 | th { 180 | padding: 0; 181 | } 182 | ::selection { 183 | background: #262a30; 184 | color: #fff; 185 | } 186 | body { 187 | position: relative; 188 | font-family: 'Monda', "PingFang SC", "Microsoft YaHei", sans-serif; 189 | font-size: 14px; 190 | line-height: 2; 191 | color: #555; 192 | background: #fff; 193 | } 194 | @media (max-width: 767px) { 195 | body { 196 | padding-right: 0 !important; 197 | } 198 | } 199 | @media (min-width: 768px) and (max-width: 991px) { 200 | body { 201 | padding-right: 0 !important; 202 | } 203 | } 204 | @media (min-width: 1600px) { 205 | body { 206 | font-size: 16px; 207 | } 208 | } 209 | h1, 210 | h2, 211 | h3, 212 | h4, 213 | h5, 214 | h6 { 215 | margin: 0; 216 | padding: 0; 217 | font-weight: bold; 218 | line-height: 1.5; 219 | font-family: 'Roboto Slab', 'Monda', "PingFang SC", "Microsoft YaHei", sans-serif; 220 | } 221 | h2, 222 | h3, 223 | h4, 224 | h5, 225 | h6 { 226 | margin: 20px 0 15px; 227 | } 228 | h1 { 229 | font-size: 22px; 230 | } 231 | @media (max-width: 767px) { 232 | h1 { 233 | font-size: 18px; 234 | } 235 | } 236 | h2 { 237 | font-size: 20px; 238 | } 239 | @media (max-width: 767px) { 240 | h2 { 241 | font-size: 16px; 242 | } 243 | } 244 | h3 { 245 | font-size: 18px; 246 | } 247 | @media (max-width: 767px) { 248 | h3 { 249 | font-size: 14px; 250 | } 251 | } 252 | h4 { 253 | font-size: 16px; 254 | } 255 | @media (max-width: 767px) { 256 | h4 { 257 | font-size: 12px; 258 | } 259 | } 260 | h5 { 261 | font-size: 14px; 262 | } 263 | @media (max-width: 767px) { 264 | h5 { 265 | font-size: 10px; 266 | } 267 | } 268 | h6 { 269 | font-size: 12px; 270 | } 271 | @media (max-width: 767px) { 272 | h6 { 273 | font-size: 8px; 274 | } 275 | } 276 | p { 277 | margin: 0 0 25px 0; 278 | } 279 | a { 280 | color: #555; 281 | text-decoration: none; 282 | border-bottom: 1px solid #999; 283 | word-wrap: break-word; 284 | } 285 | a:hover { 286 | color: #222; 287 | border-bottom-color: #222; 288 | } 289 | ul { 290 | list-style: none; 291 | } 292 | blockquote { 293 | margin: 0; 294 | padding: 0; 295 | } 296 | img { 297 | display: block; 298 | margin: auto; 299 | max-width: 100%; 300 | height: auto; 301 | } 302 | hr { 303 | margin: 40px 0; 304 | height: 3px; 305 | border: none; 306 | background-color: #ddd; 307 | background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 4px, transparent 8px); 308 | } 309 | blockquote { 310 | padding: 0 15px; 311 | color: #666; 312 | border-left: 4px solid #ddd; 313 | } 314 | blockquote cite::before { 315 | content: "-"; 316 | padding: 0 5px; 317 | } 318 | dt { 319 | font-weight: 700; 320 | } 321 | dd { 322 | margin: 0; 323 | padding: 0; 324 | } 325 | .text-left { 326 | text-align: left; 327 | } 328 | .text-center { 329 | text-align: center; 330 | } 331 | .text-right { 332 | text-align: right; 333 | } 334 | .text-justify { 335 | text-align: justify; 336 | } 337 | .text-nowrap { 338 | white-space: nowrap; 339 | } 340 | .text-lowercase { 341 | text-transform: lowercase; 342 | } 343 | .text-uppercase { 344 | text-transform: uppercase; 345 | } 346 | .text-capitalize { 347 | text-transform: capitalize; 348 | } 349 | .center-block { 350 | display: block; 351 | margin-left: auto; 352 | margin-right: auto; 353 | } 354 | .clearfix:before, 355 | .clearfix:after { 356 | content: " "; 357 | display: table; 358 | } 359 | .clearfix:after { 360 | clear: both; 361 | } 362 | .pullquote { 363 | width: 45%; 364 | } 365 | .pullquote.left { 366 | float: left; 367 | margin-left: 5px; 368 | margin-right: 10px; 369 | } 370 | .pullquote.right { 371 | float: right; 372 | margin-left: 10px; 373 | margin-right: 5px; 374 | } 375 | .affix.affix.affix { 376 | position: fixed; 377 | } 378 | .translation { 379 | margin-top: -20px; 380 | font-size: 14px; 381 | color: #999; 382 | } 383 | .scrollbar-measure { 384 | width: 100px; 385 | height: 100px; 386 | overflow: scroll; 387 | position: absolute; 388 | top: -9999px; 389 | } 390 | .use-motion .motion-element { 391 | opacity: 1; 392 | } 393 | #local-search-input { 394 | padding: 3px; 395 | border: none; 396 | text-indent: 14px; 397 | border-radius: 0; 398 | width: 140px; 399 | outline: none; 400 | border-bottom: 1px solid #999; 401 | background: inherit; 402 | opacity: 1; 403 | } 404 | #local-search-input:focus { 405 | opacity: 1; 406 | } 407 | .search-icon { 408 | position: absolute; 409 | top: 9px; 410 | } 411 | table { 412 | margin: 20px 0; 413 | width: 100%; 414 | border-collapse: collapse; 415 | border-spacing: 0; 416 | border: 1px solid #ddd; 417 | font-size: 14px; 418 | table-layout: fixed; 419 | word-wrap: break-all; 420 | } 421 | table>tbody>tr:nth-of-type(odd) { 422 | background-color: #f9f9f9; 423 | } 424 | table>tbody>tr:hover { 425 | background-color: #f5f5f5; 426 | } 427 | caption, 428 | th, 429 | td { 430 | padding: 8px; 431 | text-align: left; 432 | vertical-align: middle; 433 | font-weight: normal; 434 | } 435 | th, 436 | td { 437 | border-bottom: 3px solid #ddd; 438 | border-right: 1px solid #eee; 439 | } 440 | th { 441 | padding-bottom: 10px; 442 | font-weight: 700; 443 | } 444 | td { 445 | border-bottom-width: 1px; 446 | } 447 | html, 448 | body { 449 | height: 100%; 450 | } 451 | .container { 452 | position: relative; 453 | min-height: 100%; 454 | } 455 | .header-inner { 456 | margin: 0 auto; 457 | padding: 100px 0 70px; 458 | width: 700px; 459 | } 460 | @media (min-width: 1600px) { 461 | .container .header-inner { 462 | width: 900px; 463 | } 464 | } 465 | .main { 466 | padding-bottom: 150px; 467 | } 468 | .main-inner { 469 | margin: 0 auto; 470 | width: 700px; 471 | } 472 | @media (min-width: 1600px) { 473 | .container .main-inner { 474 | width: 900px; 475 | } 476 | } 477 | .footer { 478 | position: absolute; 479 | left: 0; 480 | bottom: 0; 481 | width: 100%; 482 | min-height: 50px; 483 | } 484 | .footer-inner { 485 | box-sizing: border-box; 486 | margin: 20px auto; 487 | width: 700px; 488 | } 489 | @media (min-width: 1600px) { 490 | .container .footer-inner { 491 | width: 900px; 492 | } 493 | } 494 | pre, 495 | .highlight { 496 | overflow: auto; 497 | margin: 20px 0; 498 | padding: 0; 499 | font-size: 13px; 500 | color: #4d4d4c; 501 | background: #f7f7f7; 502 | line-height: 1.6; 503 | } 504 | pre, 505 | code { 506 | font-family: 'PT Mono', consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace; 507 | } 508 | code { 509 | padding: 2px 4px; 510 | word-break: break-all; 511 | color: #555; 512 | background: #eee; 513 | border-radius: 4px; 514 | font-size: 13px; 515 | } 516 | pre code { 517 | padding: 0; 518 | color: #4d4d4c; 519 | background: none; 520 | text-shadow: none; 521 | } 522 | .highlight { 523 | border-radius: 1px; 524 | } 525 | .highlight pre { 526 | border: none; 527 | margin: 0; 528 | padding: 10px 0; 529 | } 530 | .highlight table { 531 | margin: 0; 532 | width: auto; 533 | border: none; 534 | } 535 | .highlight td { 536 | border: none; 537 | padding: 0; 538 | } 539 | .highlight figcaption { 540 | font-size: 1em; 541 | color: #4d4d4c; 542 | line-height: 1em; 543 | margin-bottom: 1em; 544 | } 545 | .highlight figcaption:before, 546 | .highlight figcaption:after { 547 | content: " "; 548 | display: table; 549 | } 550 | .highlight figcaption:after { 551 | clear: both; 552 | } 553 | .highlight figcaption a { 554 | float: right; 555 | color: #4d4d4c; 556 | } 557 | .highlight figcaption a:hover { 558 | border-bottom-color: #4d4d4c; 559 | } 560 | .highlight .gutter pre { 561 | padding-left: 10px; 562 | padding-right: 10px; 563 | color: #869194; 564 | text-align: right; 565 | background-color: #eff2f3; 566 | } 567 | .highlight .code pre { 568 | padding-left: 10px; 569 | padding-right: 10px; 570 | background-color: #f7f7f7; 571 | } 572 | .highlight .line { 573 | height: 20px; 574 | } 575 | .gist table { 576 | width: auto; 577 | } 578 | .gist table td { 579 | border: none; 580 | } 581 | pre .comment { 582 | color: #8e908c; 583 | } 584 | pre .variable, 585 | pre .attribute, 586 | pre .tag, 587 | pre .regexp, 588 | pre .ruby .constant, 589 | pre .xml .tag .title, 590 | pre .xml .pi, 591 | pre .xml .doctype, 592 | pre .html .doctype, 593 | pre .css .id, 594 | pre .css .class, 595 | pre .css .pseudo { 596 | color: #c82829; 597 | } 598 | pre .number, 599 | pre .preprocessor, 600 | pre .built_in, 601 | pre .literal, 602 | pre .params, 603 | pre .constant, 604 | pre .command { 605 | color: #f5871f; 606 | } 607 | pre .ruby .class .title, 608 | pre .css .rules .attribute, 609 | pre .string, 610 | pre .value, 611 | pre .inheritance, 612 | pre .header, 613 | pre .ruby .symbol, 614 | pre .xml .cdata, 615 | pre .special, 616 | pre .number, 617 | pre .formula { 618 | color: #718c00; 619 | } 620 | pre .title, 621 | pre .css .hexcolor { 622 | color: #3e999f; 623 | } 624 | pre .function, 625 | pre .python .decorator, 626 | pre .python .title, 627 | pre .ruby .function .title, 628 | pre .ruby .title .keyword, 629 | pre .perl .sub, 630 | pre .javascript .title, 631 | pre .coffeescript .title { 632 | color: #4271ae; 633 | } 634 | pre .keyword, 635 | pre .javascript .function { 636 | color: #8959a8; 637 | } 638 | .full-image.full-image.full-image { 639 | border: none; 640 | max-width: 100%; 641 | width: auto; 642 | margin: 20px auto; 643 | } 644 | @media (min-width: 992px) { 645 | .full-image.full-image.full-image { 646 | max-width: none; 647 | width: 126%; 648 | margin: 0 -13%; 649 | } 650 | } 651 | .blockquote-center, 652 | .page-home .post-type-quote blockquote, 653 | .page-post-detail .post-type-quote blockquote { 654 | position: relative; 655 | margin: 40px 0; 656 | padding: 0; 657 | border-left: none; 658 | text-align: center; 659 | } 660 | .blockquote-center::before, 661 | .page-home .post-type-quote blockquote::before, 662 | .page-post-detail .post-type-quote blockquote::before, 663 | .blockquote-center::after, 664 | .page-home .post-type-quote blockquote::after, 665 | .page-post-detail .post-type-quote blockquote::after { 666 | position: absolute; 667 | content: ' '; 668 | display: block; 669 | width: 100%; 670 | height: 24px; 671 | opacity: 1; 672 | background-repeat: no-repeat; 673 | background-position: 0 -6px; 674 | background-size: 22px 22px; 675 | } 676 | .blockquote-center::before, 677 | .page-home .post-type-quote blockquote::before, 678 | .page-post-detail .post-type-quote blockquote::before { 679 | top: -20px; 680 | background-image: url("../images/quote-l.svg"); 681 | border-top: 1px solid #ccc; 682 | } 683 | .blockquote-center::after, 684 | .page-home .post-type-quote blockquote::after, 685 | .page-post-detail .post-type-quote blockquote::after { 686 | bottom: -20px; 687 | background-image: url("../images/quote-r.svg"); 688 | border-bottom: 1px solid #ccc; 689 | background-position: 100% 8px; 690 | } 691 | .blockquote-center p, 692 | .page-home .post-type-quote blockquote p, 693 | .page-post-detail .post-type-quote blockquote p, 694 | .blockquote-center div, 695 | .page-home .post-type-quote blockquote div, 696 | .page-post-detail .post-type-quote blockquote div { 697 | text-align: center; 698 | } 699 | .post .post-body .group-picture img { 700 | box-sizing: border-box; 701 | padding: 0 3px; 702 | border: none; 703 | } 704 | .post .group-picture-row { 705 | overflow: hidden; 706 | margin-top: 6px; 707 | } 708 | .post .group-picture-row:first-child { 709 | margin-top: 0; 710 | } 711 | .post .group-picture-column { 712 | float: left; 713 | } 714 | .page-post-detail .post-body .group-picture-column { 715 | float: none; 716 | margin-top: 10px; 717 | width: auto !important; 718 | } 719 | .page-post-detail .post-body .group-picture-column img { 720 | margin: 0 auto; 721 | } 722 | .page-archive .group-picture-container { 723 | overflow: hidden; 724 | } 725 | .page-archive .group-picture-row { 726 | float: left; 727 | } 728 | .page-archive .group-picture-row:first-child { 729 | margin-top: 6px; 730 | } 731 | .page-archive .group-picture-column { 732 | max-width: 150px; 733 | max-height: 150px; 734 | } 735 | .btn { 736 | display: inline-block; 737 | padding: 0 20px; 738 | font-size: 14px; 739 | color: #fff; 740 | background: #222; 741 | border: 2px solid #555; 742 | text-decoration: none; 743 | border-radius: 0; 744 | transition-property: background-color; 745 | transition-duration: 0.2s; 746 | transition-timing-function: ease-in-out; 747 | transition-delay: 0s; 748 | } 749 | .btn:hover, 750 | .post-more-link .btn:hover { 751 | border-color: #222; 752 | color: #fff; 753 | background: #222; 754 | } 755 | .btn-bar { 756 | display: block; 757 | width: 22px; 758 | height: 2px; 759 | background: #555; 760 | border-radius: 1px; 761 | } 762 | .btn-bar+.btn-bar { 763 | margin-top: 4px; 764 | } 765 | .pagination { 766 | margin: 120px 0 40px; 767 | text-align: center; 768 | border-top: 1px solid #eee; 769 | } 770 | .page-number-basic, 771 | .pagination .prev, 772 | .pagination .next, 773 | .pagination .page-number, 774 | .pagination .space { 775 | display: inline-block; 776 | position: relative; 777 | top: -1px; 778 | margin: 0 10px; 779 | padding: 0 10px; 780 | line-height: 30px; 781 | } 782 | @media (max-width: 767px) { 783 | .page-number-basic, 784 | .pagination .prev, 785 | .pagination .next, 786 | .pagination .page-number, 787 | .pagination .space { 788 | margin: 0 5px; 789 | } 790 | } 791 | .pagination .prev, 792 | .pagination .next, 793 | .pagination .page-number { 794 | border-bottom: 0; 795 | border-top: 1px solid #eee; 796 | transition-property: border-color; 797 | transition-duration: 0.2s; 798 | transition-timing-function: ease-in-out; 799 | transition-delay: 0s; 800 | } 801 | .pagination .prev:hover, 802 | .pagination .next:hover, 803 | .pagination .page-number:hover { 804 | border-top-color: #222; 805 | } 806 | .pagination .space { 807 | padding: 0; 808 | margin: 0; 809 | } 810 | .pagination .prev { 811 | margin-left: 0; 812 | } 813 | .pagination .next { 814 | margin-right: 0; 815 | } 816 | .pagination .page-number.current, 817 | .algolia-pagination .current .page-number { 818 | color: #fff; 819 | background: #ccc; 820 | border-top-color: #ccc; 821 | } 822 | @media (max-width: 767px) { 823 | .pagination { 824 | border-top: none; 825 | } 826 | .pagination .prev, 827 | .pagination .next, 828 | .pagination .page-number { 829 | margin-bottom: 10px; 830 | border-top: 0; 831 | border-bottom: 1px solid #eee; 832 | } 833 | .pagination .prev:hover, 834 | .pagination .next:hover, 835 | .pagination .page-number:hover { 836 | border-bottom-color: #222; 837 | } 838 | } 839 | .comments { 840 | margin: 60px 20px 0; 841 | } 842 | .tag-cloud { 843 | text-align: center; 844 | } 845 | .tag-cloud a { 846 | display: inline-block; 847 | margin: 10px; 848 | } 849 | .back-to-top { 850 | box-sizing: border-box; 851 | position: fixed; 852 | bottom: -100px; 853 | right: 50px; 854 | z-index: 1050; 855 | padding: 0 6px; 856 | width: 25px; 857 | background: #222; 858 | font-size: 12px; 859 | opacity: 1; 860 | color: #fff; 861 | cursor: pointer; 862 | text-align: center; 863 | -webkit-transform: translateZ(0); 864 | transition-property: bottom; 865 | transition-duration: 0.2s; 866 | transition-timing-function: ease-in-out; 867 | transition-delay: 0s; 868 | } 869 | @media (max-width: 767px) { 870 | .back-to-top { 871 | display: none; 872 | } 873 | } 874 | @media (min-width: 768px) and (max-width: 991px) { 875 | .back-to-top { 876 | display: none; 877 | } 878 | } 879 | .back-to-top.back-to-top-on { 880 | bottom: 40px; 881 | } 882 | .header { 883 | background: #fff; 884 | } 885 | .header-inner { 886 | position: relative; 887 | } 888 | .headband { 889 | height: 3px; 890 | background: #222; 891 | } 892 | .site-meta { 893 | margin: 0; 894 | text-align: center; 895 | } 896 | @media (max-width: 767px) { 897 | .site-meta { 898 | text-align: center; 899 | } 900 | } 901 | .brand { 902 | position: relative; 903 | display: inline-block; 904 | padding: 0 40px; 905 | color: #fff; 906 | background: #222; 907 | border-bottom: none; 908 | } 909 | .brand:hover { 910 | color: #fff; 911 | } 912 | .logo { 913 | display: inline-block; 914 | margin-right: 5px; 915 | line-height: 36px; 916 | vertical-align: top; 917 | } 918 | .site-title { 919 | display: inline-block; 920 | vertical-align: top; 921 | line-height: 36px; 922 | font-size: 24px; 923 | font-weight: normal; 924 | font-family: 'Lobster Two', 'Monda', "PingFang SC", "Microsoft YaHei", sans-serif; 925 | } 926 | .site-subtitle { 927 | margin-top: 10px; 928 | font-size: 13px; 929 | color: #ddd; 930 | } 931 | .use-motion .brand { 932 | opacity: 1; 933 | } 934 | .use-motion .logo, 935 | .use-motion .site-title, 936 | .use-motion .site-subtitle { 937 | opacity: 1; 938 | position: relative; 939 | top: -10px; 940 | } 941 | .site-nav-toggle { 942 | display: none; 943 | position: absolute; 944 | top: 10px; 945 | left: 10px; 946 | } 947 | @media (max-width: 767px) { 948 | .site-nav-toggle { 949 | display: block; 950 | } 951 | } 952 | .site-nav-toggle button { 953 | margin-top: 2px; 954 | padding: 9px 10px; 955 | background: transparent; 956 | border: none; 957 | } 958 | @media (max-width: 767px) { 959 | .site-nav { 960 | display: none; 961 | margin: 0 -10px; 962 | padding: 0 10px; 963 | clear: both; 964 | border-top: 1px solid #ddd; 965 | } 966 | } 967 | @media (min-width: 768px) and (max-width: 991px) { 968 | .site-nav { 969 | display: block !important; 970 | } 971 | } 972 | @media (min-width: 992px) { 973 | .site-nav { 974 | display: block !important; 975 | } 976 | } 977 | .menu { 978 | margin-top: 20px; 979 | padding-left: 0; 980 | text-align: center; 981 | } 982 | .menu .menu-item { 983 | display: inline-block; 984 | margin: 0 10px; 985 | } 986 | @media screen and (max-width: 767px) { 987 | .menu .menu-item { 988 | margin-top: 10px; 989 | } 990 | } 991 | .menu .menu-item a { 992 | display: block; 993 | font-size: 13px; 994 | text-transform: capitalize; 995 | line-height: inherit; 996 | border-bottom: 1px solid transparent; 997 | transition-property: border-color; 998 | transition-duration: 0.2s; 999 | transition-timing-function: ease-in-out; 1000 | transition-delay: 0s; 1001 | } 1002 | .menu .menu-item a:hover, 1003 | .menu-item-active a { 1004 | border-bottom-color: #222; 1005 | } 1006 | .menu .menu-item .fa { 1007 | margin-right: 5px; 1008 | } 1009 | .use-motion .menu-item { 1010 | opacity: 1; 1011 | } 1012 | .post-body { 1013 | font-family: 'Monda', "PingFang SC", "Microsoft YaHei", sans-serif; 1014 | } 1015 | .post-body p{word-break: break-all;} 1016 | @media (max-width: 767px) { 1017 | .post-body { 1018 | word-break: break-word; 1019 | } 1020 | } 1021 | .post-body .fancybox img { 1022 | display: block !important; 1023 | margin: 0 auto; 1024 | cursor: pointer; 1025 | cursor: zoom-in; 1026 | cursor: -webkit-zoom-in; 1027 | } 1028 | .post-body .image-caption, 1029 | .post-body .figure .caption { 1030 | margin: 10px auto 15px; 1031 | text-align: center; 1032 | font-size: 14px; 1033 | color: #999; 1034 | font-weight: bold; 1035 | line-height: 1; 1036 | } 1037 | .post-sticky-flag { 1038 | display: inline-block; 1039 | font-size: 16px; 1040 | -ms-transform: rotate(30deg); 1041 | -webkit-transform: rotate(30deg); 1042 | -moz-transform: rotate(30deg); 1043 | -ms-transform: rotate(30deg); 1044 | -o-transform: rotate(30deg); 1045 | transform: rotate(30deg); 1046 | } 1047 | .posts-expand { 1048 | padding-top: 40px; 1049 | } 1050 | @media (max-width: 767px) { 1051 | .posts-expand { 1052 | margin: 0 20px; 1053 | } 1054 | .post-body pre, 1055 | .post-body .highlight { 1056 | padding: 10px; 1057 | } 1058 | .post-body pre .gutter pre, 1059 | .post-body .highlight .gutter pre { 1060 | padding-right: 10px; 1061 | } 1062 | } 1063 | .posts-expand .post-body h2, 1064 | .posts-expand .post-body h3, 1065 | .posts-expand .post-body h4, 1066 | .posts-expand .post-body h5, 1067 | .posts-expand .post-body h6 { 1068 | padding-top: 10px; 1069 | } 1070 | .posts-expand .post-body h2 .header-anchor, 1071 | .posts-expand .post-body h3 .header-anchor, 1072 | .posts-expand .post-body h4 .header-anchor, 1073 | .posts-expand .post-body h5 .header-anchor, 1074 | .posts-expand .post-body h6 .header-anchor { 1075 | float: right; 1076 | margin-left: 10px; 1077 | color: #ccc; 1078 | border-bottom-style: none; 1079 | visibility: hidden; 1080 | } 1081 | .posts-expand .post-body h2 .header-anchor:hover, 1082 | .posts-expand .post-body h3 .header-anchor:hover, 1083 | .posts-expand .post-body h4 .header-anchor:hover, 1084 | .posts-expand .post-body h5 .header-anchor:hover, 1085 | .posts-expand .post-body h6 .header-anchor:hover { 1086 | color: inherit; 1087 | } 1088 | .posts-expand .post-body h2:hover .header-anchor, 1089 | .posts-expand .post-body h3:hover .header-anchor, 1090 | .posts-expand .post-body h4:hover .header-anchor, 1091 | .posts-expand .post-body h5:hover .header-anchor, 1092 | .posts-expand .post-body h6:hover .header-anchor { 1093 | visibility: visible; 1094 | } 1095 | .posts-expand .post-body ul li { 1096 | list-style: circle; 1097 | } 1098 | .posts-expand .post-body img { 1099 | box-sizing: border-box; 1100 | margin: auto; 1101 | padding: 3px; 1102 | border: 1px solid #ddd; 1103 | } 1104 | .posts-expand .fancybox img { 1105 | margin: 0 auto; 1106 | } 1107 | @media (max-width: 767px) { 1108 | .posts-collapse { 1109 | margin: 0 20px; 1110 | } 1111 | .posts-collapse .post-title, 1112 | .posts-collapse .post-meta { 1113 | display: block; 1114 | width: auto; 1115 | text-align: left; 1116 | } 1117 | } 1118 | .posts-collapse { 1119 | position: relative; 1120 | z-index: 1010; 1121 | margin-left: 55px; 1122 | } 1123 | .posts-collapse::after { 1124 | content: " "; 1125 | position: absolute; 1126 | top: 20px; 1127 | left: 0; 1128 | margin-left: -2px; 1129 | width: 4px; 1130 | height: 100%; 1131 | background: #f5f5f5; 1132 | z-index: -1; 1133 | } 1134 | @media (max-width: 767px) { 1135 | .posts-collapse { 1136 | margin: 0 20px; 1137 | } 1138 | } 1139 | .posts-collapse .collection-title { 1140 | position: relative; 1141 | margin: 60px 0; 1142 | } 1143 | .posts-collapse .collection-title h2 { 1144 | margin-left: 20px; 1145 | } 1146 | .posts-collapse .collection-title small { 1147 | color: #bbb; 1148 | } 1149 | .posts-collapse .collection-title::before { 1150 | content: " "; 1151 | position: absolute; 1152 | left: 0; 1153 | top: 50%; 1154 | margin-left: -4px; 1155 | margin-top: -4px; 1156 | width: 8px; 1157 | height: 8px; 1158 | background: #bbb; 1159 | border-radius: 50%; 1160 | } 1161 | .posts-collapse .post { 1162 | margin: 30px 0; 1163 | } 1164 | .posts-collapse .post-header { 1165 | position: relative; 1166 | transition-duration: 0.2s; 1167 | transition-timing-function: ease-in-out; 1168 | transition-delay: 0s; 1169 | transition-property: border; 1170 | border-bottom: 1px dashed #ccc; 1171 | } 1172 | .posts-collapse .post-header::before { 1173 | content: " "; 1174 | position: absolute; 1175 | left: 0; 1176 | top: 12px; 1177 | width: 6px; 1178 | height: 6px; 1179 | margin-left: -4px; 1180 | background: #bbb; 1181 | border-radius: 50%; 1182 | border: 1px solid #fff; 1183 | transition-duration: 0.2s; 1184 | transition-timing-function: ease-in-out; 1185 | transition-delay: 0s; 1186 | transition-property: background; 1187 | } 1188 | .posts-collapse .post-header:hover { 1189 | border-bottom-color: #666; 1190 | } 1191 | .posts-collapse .post-header:hover::before { 1192 | background: #222; 1193 | } 1194 | .posts-collapse .post-meta { 1195 | position: absolute; 1196 | font-size: 12px; 1197 | left: 20px; 1198 | top: 5px; 1199 | } 1200 | .posts-collapse .post-comments-count { 1201 | display: none; 1202 | } 1203 | .posts-collapse .post-title { 1204 | margin-left: 60px; 1205 | font-size: 16px; 1206 | font-weight: normal; 1207 | line-height: inherit; 1208 | } 1209 | .posts-collapse .post-title::after { 1210 | margin-left: 3px; 1211 | opacity: 1; 1212 | } 1213 | .posts-collapse .post-title a { 1214 | color: #666; 1215 | border-bottom: none; 1216 | } 1217 | .page-home .post-type-quote .post-header, 1218 | .page-post-detail .post-type-quote .post-header, 1219 | .page-home .post-type-quote .post-tags, 1220 | .page-post-detail .post-type-quote .post-tags { 1221 | display: none; 1222 | } 1223 | .posts-expand .post-title { 1224 | font-size: 26px; 1225 | text-align: center; 1226 | word-break: break-word; 1227 | font-weight: 300; 1228 | } 1229 | @media (max-width: 767px) { 1230 | .posts-expand .post-title { 1231 | font-size: 22px; 1232 | } 1233 | } 1234 | .posts-expand .post-title-link { 1235 | display: inline-block; 1236 | position: relative; 1237 | color: #555; 1238 | border-bottom: none; 1239 | line-height: 1.2; 1240 | vertical-align: top; 1241 | } 1242 | .posts-expand .post-title-link::before { 1243 | content: ""; 1244 | position: absolute; 1245 | width: 100%; 1246 | height: 2px; 1247 | bottom: 0; 1248 | left: 0; 1249 | background-color: #000; 1250 | visibility: hidden; 1251 | -webkit-transform: scaleX(0); 1252 | -moz-transform: scaleX(0); 1253 | -ms-transform: scaleX(0); 1254 | -o-transform: scaleX(0); 1255 | transform: scaleX(0); 1256 | transition-duration: 0.2s; 1257 | transition-timing-function: ease-in-out; 1258 | transition-delay: 0s; 1259 | } 1260 | .posts-expand .post-title-link:hover::before { 1261 | visibility: visible; 1262 | -webkit-transform: scaleX(1); 1263 | -moz-transform: scaleX(1); 1264 | -ms-transform: scaleX(1); 1265 | -o-transform: scaleX(1); 1266 | transform: scaleX(1); 1267 | } 1268 | .posts-expand .post-title-link .fa { 1269 | font-size: 16px; 1270 | } 1271 | .posts-expand .post-meta { 1272 | margin: 3px 0 60px 0; 1273 | color: #999; 1274 | font-family: 'Monda', "PingFang SC", "Microsoft YaHei", sans-serif; 1275 | font-size: 12px; 1276 | text-align: center; 1277 | } 1278 | .posts-expand .post-meta .post-category-list { 1279 | display: inline-block; 1280 | margin: 0; 1281 | padding: 3px; 1282 | } 1283 | .posts-expand .post-meta .post-category-list-link { 1284 | color: #999; 1285 | } 1286 | .post-meta-item-icon { 1287 | display: none; 1288 | margin-right: 3px; 1289 | } 1290 | @media (min-width: 768px) and (max-width: 991px) { 1291 | .post-meta-item-icon { 1292 | display: inline-block; 1293 | } 1294 | } 1295 | @media (max-width: 767px) { 1296 | .post-meta-item-icon { 1297 | display: inline-block; 1298 | } 1299 | } 1300 | @media (min-width: 768px) and (max-width: 991px) { 1301 | .post-meta-item-text { 1302 | display: none; 1303 | } 1304 | } 1305 | @media (max-width: 767px) { 1306 | .post-meta-item-text { 1307 | display: none; 1308 | } 1309 | } 1310 | @media (max-width: 767px) { 1311 | .posts-expand .post-comments-count { 1312 | display: none; 1313 | } 1314 | } 1315 | .post-more-link { 1316 | margin-top: 50px; 1317 | } 1318 | .post-more-link .btn { 1319 | color: #555; 1320 | font-size: 14px; 1321 | background: #fff; 1322 | border-radius: 2px; 1323 | line-height: 2; 1324 | } 1325 | .posts-expand .post-tags { 1326 | margin-top: 40px; 1327 | text-align: center; 1328 | } 1329 | .posts-expand .post-tags a { 1330 | display: inline-block; 1331 | margin-right: 10px; 1332 | font-size: 13px; 1333 | } 1334 | .post-nav { 1335 | display: table; 1336 | margin-top: 60px; 1337 | width: 100%; 1338 | border-top: 1px solid #eee; 1339 | } 1340 | .post-nav-divider { 1341 | display: table-cell; 1342 | width: 10%; 1343 | } 1344 | .post-nav-item { 1345 | display: table-cell; 1346 | padding: 10px 0 0 0; 1347 | width: 45%; 1348 | vertical-align: top; 1349 | } 1350 | .post-nav-item a { 1351 | position: relative; 1352 | display: block; 1353 | line-height: 25px; 1354 | font-size: 14px; 1355 | color: #555; 1356 | border-bottom: none; 1357 | } 1358 | .post-nav-item a:hover { 1359 | color: #222; 1360 | border-bottom: none; 1361 | } 1362 | .post-nav-item a:active { 1363 | top: 2px; 1364 | } 1365 | .post-nav-item .fa { 1366 | position: absolute; 1367 | top: 8px; 1368 | left: 0; 1369 | font-size: 12px; 1370 | } 1371 | .post-nav-next a { 1372 | padding-left: 15px; 1373 | } 1374 | .post-nav-prev { 1375 | text-align: right; 1376 | } 1377 | .post-nav-prev a { 1378 | padding-right: 15px; 1379 | } 1380 | .post-nav-prev .fa { 1381 | right: 0; 1382 | left: auto; 1383 | } 1384 | .posts-expand .post-eof { 1385 | display: block; 1386 | margin: 80px auto 60px; 1387 | width: 8%; 1388 | height: 1px; 1389 | background: #ccc; 1390 | text-align: center; 1391 | } 1392 | .post:last-child .post-eof.post-eof.post-eof { 1393 | display: none; 1394 | } 1395 | .post-gallery { 1396 | display: table; 1397 | table-layout: fixed; 1398 | width: 100%; 1399 | border-collapse: separate; 1400 | } 1401 | .post-gallery-row { 1402 | display: table-row; 1403 | } 1404 | .post-gallery .post-gallery-img { 1405 | display: table-cell; 1406 | text-align: center; 1407 | vertical-align: middle; 1408 | border: none; 1409 | } 1410 | .post-gallery .post-gallery-img img { 1411 | max-width: 100%; 1412 | max-height: 100%; 1413 | border: none; 1414 | } 1415 | .fancybox-close, 1416 | .fancybox-close:hover { 1417 | border: none; 1418 | } 1419 | .sidebar { 1420 | position: fixed; 1421 | right: 0; 1422 | top: 0; 1423 | bottom: 0; 1424 | width: 0; 1425 | z-index: 1040; 1426 | box-shadow: inset 0 2px 6px #000; 1427 | background: #222; 1428 | -webkit-transform: translateZ(0); 1429 | } 1430 | .sidebar a { 1431 | color: #999; 1432 | border-bottom-color: #555; 1433 | } 1434 | .sidebar a:hover { 1435 | color: #eee; 1436 | } 1437 | @media (min-width: 768px) and (max-width: 991px) { 1438 | .sidebar { 1439 | display: none !important; 1440 | } 1441 | } 1442 | @media (max-width: 767px) { 1443 | .sidebar { 1444 | display: none !important; 1445 | } 1446 | } 1447 | .sidebar-inner { 1448 | position: relative; 1449 | padding: 20px 10px; 1450 | color: #999; 1451 | text-align: center; 1452 | } 1453 | .sidebar-toggle { 1454 | position: fixed; 1455 | right: 50px; 1456 | bottom: 45px; 1457 | width: 15px; 1458 | height: 15px; 1459 | padding: 5px; 1460 | background: #222; 1461 | line-height: 0; 1462 | z-index: 1050; 1463 | cursor: pointer; 1464 | -webkit-transform: translateZ(0); 1465 | } 1466 | @media (min-width: 768px) and (max-width: 991px) { 1467 | .sidebar-toggle { 1468 | display: none; 1469 | } 1470 | } 1471 | @media (max-width: 767px) { 1472 | .sidebar-toggle { 1473 | display: none; 1474 | } 1475 | } 1476 | .sidebar-toggle-line { 1477 | position: relative; 1478 | display: inline-block; 1479 | vertical-align: top; 1480 | height: 2px; 1481 | width: 100%; 1482 | background: #fff; 1483 | margin-top: 3px; 1484 | } 1485 | .sidebar-toggle-line:first-child { 1486 | margin-top: 0; 1487 | } 1488 | .site-author-image { 1489 | display: block; 1490 | margin: 0 auto; 1491 | padding: 2px; 1492 | max-width: 120px; 1493 | height: auto; 1494 | border: 1px solid #eee; 1495 | } 1496 | .site-author-name { 1497 | margin: 0; 1498 | text-align: center; 1499 | color: #222; 1500 | font-weight: 600; 1501 | } 1502 | .site-description { 1503 | margin-top: 0; 1504 | text-align: center; 1505 | font-size: 13px; 1506 | color: #999; 1507 | } 1508 | .site-state { 1509 | overflow: hidden; 1510 | line-height: 1.4; 1511 | white-space: nowrap; 1512 | text-align: center; 1513 | } 1514 | .site-state-item { 1515 | display: inline-block; 1516 | padding: 0 15px; 1517 | border-left: 1px solid #eee; 1518 | } 1519 | .site-state-item:first-child { 1520 | border-left: none; 1521 | } 1522 | .site-state-item a { 1523 | border-bottom: none; 1524 | } 1525 | .site-state-item-count { 1526 | display: block; 1527 | text-align: center; 1528 | color: inherit; 1529 | font-weight: 600; 1530 | font-size: 16px; 1531 | } 1532 | .site-state-item-name { 1533 | font-size: 13px; 1534 | color: #999; 1535 | } 1536 | .feed-link { 1537 | margin-top: 20px; 1538 | } 1539 | .feed-link a { 1540 | display: inline-block; 1541 | padding: 0 15px; 1542 | color: #fc6423; 1543 | border: 1px solid #fc6423; 1544 | border-radius: 4px; 1545 | } 1546 | .feed-link a i { 1547 | color: #fc6423; 1548 | font-size: 14px; 1549 | } 1550 | .feed-link a:hover { 1551 | color: #fff; 1552 | background: #fc6423; 1553 | } 1554 | .feed-link a:hover i { 1555 | color: #fff; 1556 | } 1557 | .links-of-author { 1558 | margin-top: 20px; 1559 | } 1560 | .links-of-author a { 1561 | display: inline-block; 1562 | vertical-align: middle; 1563 | margin-right: 10px; 1564 | margin-bottom: 10px; 1565 | border-bottom-color: #555; 1566 | font-size: 13px; 1567 | } 1568 | .links-of-author a:before { 1569 | display: inline-block; 1570 | vertical-align: middle; 1571 | margin-right: 3px; 1572 | content: " "; 1573 | width: 4px; 1574 | height: 4px; 1575 | border-radius: 50%; 1576 | background: #a4abff; 1577 | } 1578 | .links-of-blogroll { 1579 | font-size: 13px; 1580 | } 1581 | .links-of-blogroll-title { 1582 | margin-top: 20px; 1583 | font-size: 14px; 1584 | font-weight: 600; 1585 | } 1586 | .links-of-blogroll-list { 1587 | margin: 0; 1588 | padding: 0; 1589 | } 1590 | .links-of-blogroll-item { 1591 | padding: 2px 10px; 1592 | } 1593 | .sidebar-nav { 1594 | margin: 0 0 20px; 1595 | padding-left: 0; 1596 | } 1597 | .sidebar-nav li { 1598 | display: inline-block; 1599 | cursor: pointer; 1600 | border-bottom: 1px solid transparent; 1601 | font-size: 14px; 1602 | color: #555; 1603 | } 1604 | .sidebar-nav li:hover { 1605 | color: #fc6423; 1606 | } 1607 | .page-post-detail .sidebar-nav-toc { 1608 | padding: 0 5px; 1609 | } 1610 | .page-post-detail .sidebar-nav-overview { 1611 | margin-left: 10px; 1612 | } 1613 | .sidebar-nav .sidebar-nav-active { 1614 | color: #fc6423; 1615 | border-bottom-color: #fc6423; 1616 | } 1617 | .sidebar-nav .sidebar-nav-active:hover { 1618 | color: #fc6423; 1619 | } 1620 | .sidebar-panel { 1621 | display: none; 1622 | } 1623 | .sidebar-panel-active { 1624 | display: block; 1625 | } 1626 | .post-toc-empty { 1627 | font-size: 14px; 1628 | color: #666; 1629 | } 1630 | .post-toc-wrap { 1631 | overflow: hidden; 1632 | } 1633 | .post-toc { 1634 | overflow: auto; 1635 | } 1636 | .post-toc ol { 1637 | margin: 0; 1638 | padding: 0 2px 5px 10px; 1639 | text-align: left; 1640 | list-style: none; 1641 | font-size: 14px; 1642 | } 1643 | .post-toc ol > ol { 1644 | padding-left: 0; 1645 | } 1646 | .post-toc ol a { 1647 | transition-duration: 0.2s; 1648 | transition-timing-function: ease-in-out; 1649 | transition-delay: 0s; 1650 | transition-property: all; 1651 | color: #666; 1652 | border-bottom-color: #ccc; 1653 | } 1654 | .post-toc ol a:hover { 1655 | color: #000; 1656 | border-bottom-color: #000; 1657 | } 1658 | .post-toc .nav-item { 1659 | overflow: hidden; 1660 | text-overflow: ellipsis; 1661 | white-space: nowrap; 1662 | line-height: 1.8; 1663 | } 1664 | .post-toc .nav .nav-child { 1665 | display: none; 1666 | } 1667 | .post-toc .nav .active > .nav-child { 1668 | display: block; 1669 | } 1670 | .post-toc .nav .active-current > .nav-child { 1671 | display: block; 1672 | } 1673 | .post-toc .nav .active-current > .nav-child > .nav-item { 1674 | display: block; 1675 | } 1676 | .post-toc .nav .active > a { 1677 | color: #fc6423; 1678 | border-bottom-color: #fc6423; 1679 | } 1680 | .post-toc .nav .active-current > a { 1681 | color: #fc6423; 1682 | } 1683 | .post-toc .nav .active-current > a:hover { 1684 | color: #fc6423; 1685 | } 1686 | .footer { 1687 | font-size: 14px; 1688 | color: #999; 1689 | } 1690 | .footer img { 1691 | border: none; 1692 | } 1693 | .footer-inner { 1694 | text-align: center; 1695 | } 1696 | .with-love { 1697 | display: inline-block; 1698 | margin: 0 5px; 1699 | } 1700 | .powered-by, 1701 | .theme-info { 1702 | display: inline-block; 1703 | } 1704 | .powered-by { 1705 | margin-right: 10px; 1706 | } 1707 | .powered-by::after { 1708 | content: "|"; 1709 | padding-left: 10px; 1710 | } 1711 | .cc-license { 1712 | margin-top: 10px; 1713 | text-align: center; 1714 | } 1715 | .cc-license .cc-opacity { 1716 | opacity: 1; 1717 | border-bottom: none; 1718 | } 1719 | .cc-license .cc-opacity:hover { 1720 | opacity: 1; 1721 | } 1722 | .cc-license img { 1723 | display: inline-block; 1724 | } 1725 | .theme-next #ds-thread #ds-reset { 1726 | color: #555; 1727 | } 1728 | .theme-next #ds-thread #ds-reset .ds-replybox { 1729 | margin-bottom: 30px; 1730 | } 1731 | .theme-next #ds-thread #ds-reset .ds-replybox .ds-avatar, 1732 | .theme-next #ds-reset .ds-avatar img { 1733 | box-shadow: none; 1734 | } 1735 | .theme-next #ds-thread #ds-reset .ds-textarea-wrapper { 1736 | border-color: #c7d4e1; 1737 | background: none; 1738 | border-top-right-radius: 3px; 1739 | border-top-left-radius: 3px; 1740 | } 1741 | .theme-next #ds-thread #ds-reset .ds-textarea-wrapper textarea { 1742 | height: 60px; 1743 | } 1744 | .theme-next #ds-reset .ds-rounded-top { 1745 | border-radius: 0; 1746 | } 1747 | .theme-next #ds-thread #ds-reset .ds-post-toolbar { 1748 | box-sizing: border-box; 1749 | border: 1px solid #c7d4e1; 1750 | background: #f6f8fa; 1751 | } 1752 | .theme-next #ds-thread #ds-reset .ds-post-options { 1753 | height: 40px; 1754 | border: none; 1755 | background: none; 1756 | } 1757 | .theme-next #ds-thread #ds-reset .ds-toolbar-buttons { 1758 | top: 11px; 1759 | } 1760 | .theme-next #ds-thread #ds-reset .ds-sync { 1761 | top: 5px; 1762 | } 1763 | .theme-next #ds-thread #ds-reset .ds-post-button { 1764 | top: 4px; 1765 | right: 5px; 1766 | width: 90px; 1767 | height: 30px; 1768 | border: 1px solid #c5ced7; 1769 | border-radius: 3px; 1770 | background-image: linear-gradient(#fbfbfc, #f5f7f9); 1771 | color: #60676d; 1772 | } 1773 | .theme-next #ds-thread #ds-reset .ds-post-button:hover { 1774 | background-position: 0 -30px; 1775 | color: #60676d; 1776 | } 1777 | .theme-next #ds-thread #ds-reset .ds-comments-info { 1778 | padding: 10px 0; 1779 | } 1780 | .theme-next #ds-thread #ds-reset .ds-sort { 1781 | display: none; 1782 | } 1783 | .theme-next #ds-thread #ds-reset li.ds-tab a.ds-current { 1784 | border: none; 1785 | background: #f6f8fa; 1786 | color: #60676d; 1787 | } 1788 | .theme-next #ds-thread #ds-reset li.ds-tab a.ds-current:hover { 1789 | background-color: #e9f0f7; 1790 | color: #60676d; 1791 | } 1792 | .theme-next #ds-thread #ds-reset li.ds-tab a { 1793 | border-radius: 2px; 1794 | padding: 5px; 1795 | } 1796 | .theme-next #ds-thread #ds-reset .ds-login-buttons p { 1797 | color: #999; 1798 | line-height: 36px; 1799 | } 1800 | .theme-next #ds-thread #ds-reset .ds-login-buttons .ds-service-list li { 1801 | height: 28px; 1802 | } 1803 | .theme-next #ds-thread #ds-reset .ds-service-list a { 1804 | background: none; 1805 | padding: 5px; 1806 | border: 1px solid; 1807 | border-radius: 3px; 1808 | text-align: center; 1809 | } 1810 | .theme-next #ds-thread #ds-reset .ds-service-list a:hover { 1811 | color: #fff; 1812 | background: #666; 1813 | } 1814 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weibo { 1815 | color: #fc9b00; 1816 | border-color: #fc9b00; 1817 | } 1818 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weibo:hover { 1819 | background: #fc9b00; 1820 | } 1821 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-qq { 1822 | color: #60a3ec; 1823 | border-color: #60a3ec; 1824 | } 1825 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-qq:hover { 1826 | background: #60a3ec; 1827 | } 1828 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-renren { 1829 | color: #2e7ac4; 1830 | border-color: #2e7ac4; 1831 | } 1832 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-renren:hover { 1833 | background: #2e7ac4; 1834 | } 1835 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-douban { 1836 | color: #37994c; 1837 | border-color: #37994c; 1838 | } 1839 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-douban:hover { 1840 | background: #37994c; 1841 | } 1842 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-kaixin { 1843 | color: #fef20d; 1844 | border-color: #fef20d; 1845 | } 1846 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-kaixin:hover { 1847 | background: #fef20d; 1848 | } 1849 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-netease { 1850 | color: #f00; 1851 | border-color: #f00; 1852 | } 1853 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-netease:hover { 1854 | background: #f00; 1855 | } 1856 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-sohu { 1857 | color: #ffcb05; 1858 | border-color: #ffcb05; 1859 | } 1860 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-sohu:hover { 1861 | background: #ffcb05; 1862 | } 1863 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-baidu { 1864 | color: #2831e0; 1865 | border-color: #2831e0; 1866 | } 1867 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-baidu:hover { 1868 | background: #2831e0; 1869 | } 1870 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-google { 1871 | color: #166bec; 1872 | border-color: #166bec; 1873 | } 1874 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-google:hover { 1875 | background: #166bec; 1876 | } 1877 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weixin { 1878 | color: #00ce0d; 1879 | border-color: #00ce0d; 1880 | } 1881 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weixin:hover { 1882 | background: #00ce0d; 1883 | } 1884 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-more-services { 1885 | border: none; 1886 | } 1887 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-more-services:hover { 1888 | background: none; 1889 | } 1890 | .theme-next #ds-reset .duoshuo-ua-admin { 1891 | display: inline-block; 1892 | color: #f00; 1893 | } 1894 | .theme-next #ds-reset .duoshuo-ua-platform, 1895 | .theme-next #ds-reset .duoshuo-ua-browser { 1896 | color: #ccc; 1897 | } 1898 | .theme-next #ds-reset .duoshuo-ua-platform .fa, 1899 | .theme-next #ds-reset .duoshuo-ua-browser .fa { 1900 | display: inline-block; 1901 | margin-right: 3px; 1902 | } 1903 | .theme-next #ds-reset .duoshuo-ua-separator { 1904 | display: inline-block; 1905 | margin-left: 5px; 1906 | } 1907 | .theme-next .this_ua { 1908 | background-color: #ccc !important; 1909 | border-radius: 4px; 1910 | padding: 0 5px !important; 1911 | margin: 1px 1px !important; 1912 | border: 1px solid #bbb !important; 1913 | color: #fff; 1914 | display: inline-block !important; 1915 | } 1916 | .theme-next .this_ua.admin { 1917 | background-color: #d9534f !important; 1918 | border-color: #d9534f !important; 1919 | } 1920 | .theme-next .this_ua.platform.iOS, 1921 | .theme-next .this_ua.platform.Mac, 1922 | .theme-next .this_ua.platform.Windows { 1923 | background-color: #39b3d7 !important; 1924 | border-color: #46b8da !important; 1925 | } 1926 | .theme-next .this_ua.platform.Linux { 1927 | background-color: #3a3a3a !important; 1928 | border-color: #1f1f1f !important; 1929 | } 1930 | .theme-next .this_ua.platform.Android { 1931 | background-color: #00c47d !important; 1932 | border-color: #01b171 !important; 1933 | } 1934 | .theme-next .this_ua.browser.Mobile, 1935 | .theme-next .this_ua.browser.Chrome { 1936 | background-color: #5cb85c !important; 1937 | border-color: #4cae4c !important; 1938 | } 1939 | .theme-next .this_ua.browser.Firefox { 1940 | background-color: #f0ad4e !important; 1941 | border-color: #eea236 !important; 1942 | } 1943 | .theme-next .this_ua.browser.Maxthon, 1944 | .theme-next .this_ua.browser.IE { 1945 | background-color: #428bca !important; 1946 | border-color: #357ebd !important; 1947 | } 1948 | .theme-next .this_ua.browser.baidu, 1949 | .theme-next .this_ua.browser.UCBrowser, 1950 | .theme-next .this_ua.browser.Opera { 1951 | background-color: #d9534f !important; 1952 | border-color: #d43f3a !important; 1953 | } 1954 | .theme-next .this_ua.browser.Android, 1955 | .theme-next .this_ua.browser.QQBrowser { 1956 | background-color: #78ace9 !important; 1957 | border-color: #4cae4c !important; 1958 | } 1959 | .post-spread { 1960 | margin-top: 20px; 1961 | text-align: center; 1962 | } 1963 | .jiathis_style { 1964 | display: inline-block; 1965 | } 1966 | .jiathis_style a { 1967 | border: none; 1968 | } 1969 | .post-spread { 1970 | margin-top: 20px; 1971 | text-align: center; 1972 | } 1973 | .bdshare-slide-button-box a { 1974 | border: none; 1975 | } 1976 | .bdsharebuttonbox { 1977 | display: inline-block; 1978 | } 1979 | .bdsharebuttonbox a { 1980 | border: none; 1981 | } 1982 | ul.search-result-list { 1983 | padding-left: 0px; 1984 | margin: 0px 5px 0px 8px; 1985 | } 1986 | p.search-result { 1987 | border-bottom: 1px dashed #ccc; 1988 | padding: 5px 0; 1989 | } 1990 | a.search-result-title { 1991 | font-weight: bold; 1992 | } 1993 | a.search-result { 1994 | border-bottom: transparent; 1995 | display: block; 1996 | white-space: nowrap; 1997 | overflow: hidden; 1998 | text-overflow: ellipsis; 1999 | } 2000 | .search-keyword { 2001 | border-bottom: 1px dashed #4088b8; 2002 | font-weight: bold; 2003 | } 2004 | #local-search-result { 2005 | height: 90%; 2006 | overflow: auto; 2007 | } 2008 | .popup { 2009 | display: none; 2010 | position: fixed; 2011 | top: 10%; 2012 | left: 50%; 2013 | width: 700px; 2014 | height: 80%; 2015 | margin-left: -350px; 2016 | padding: 3px 0 0 10px; 2017 | background: #fff; 2018 | color: #333; 2019 | z-index: 9999; 2020 | border-radius: 5px; 2021 | } 2022 | @media (max-width: 767px) { 2023 | .popup { 2024 | padding: 3px; 2025 | top: 0; 2026 | left: 0; 2027 | margin: 0; 2028 | width: 100%; 2029 | height: 100%; 2030 | border-radius: 0px; 2031 | } 2032 | } 2033 | .popoverlay { 2034 | position: fixed; 2035 | width: 100%; 2036 | height: 100%; 2037 | top: 0px; 2038 | left: 0px; 2039 | z-index: 2080; 2040 | background-color: rgba(0,0,0,0.3); 2041 | } 2042 | #local-search-input { 2043 | margin-bottom: 10px; 2044 | width: 50%; 2045 | } 2046 | .popup-btn-close { 2047 | position: absolute; 2048 | top: 6px; 2049 | right: 14px; 2050 | color: #4ebd79; 2051 | font-size: 14px; 2052 | font-weight: bold; 2053 | text-transform: uppercase; 2054 | cursor: pointer; 2055 | } 2056 | #no-result { 2057 | position: absolute; 2058 | left: 44%; 2059 | top: 42%; 2060 | color: #ccc; 2061 | } 2062 | .busuanzi-count:before { 2063 | content: " "; 2064 | float: left; 2065 | width: 260px; 2066 | min-height: 25px; 2067 | } 2068 | @media (min-width: 768px) and (max-width: 991px) { 2069 | .busuanzi-count { 2070 | width: auto; 2071 | } 2072 | .busuanzi-count:before { 2073 | display: none; 2074 | } 2075 | } 2076 | @media (max-width: 767px) { 2077 | .busuanzi-count { 2078 | width: auto; 2079 | } 2080 | .busuanzi-count:before { 2081 | display: none; 2082 | } 2083 | } 2084 | .site-uv, 2085 | .site-pv, 2086 | .page-pv { 2087 | display: inline-block; 2088 | } 2089 | .site-uv .busuanzi-value, 2090 | .site-pv .busuanzi-value, 2091 | .page-pv .busuanzi-value { 2092 | margin: 0 5px; 2093 | } 2094 | .site-uv { 2095 | margin-right: 10px; 2096 | } 2097 | .site-uv::after { 2098 | content: "|"; 2099 | padding-left: 10px; 2100 | } 2101 | .algolia-popup { 2102 | overflow: hidden; 2103 | padding: 0; 2104 | } 2105 | .algolia-popup .popup-btn-close { 2106 | padding-left: 15px; 2107 | border-left: 1px solid #eee; 2108 | top: 10px; 2109 | } 2110 | .algolia-popup .popup-btn-close .fa { 2111 | color: #999; 2112 | font-size: 18px; 2113 | } 2114 | .algolia-popup .popup-btn-close:hover .fa { 2115 | color: #222; 2116 | } 2117 | .algolia-search { 2118 | padding: 10px 15px 5px; 2119 | max-height: 50px; 2120 | border-bottom: 1px solid #ccc; 2121 | background: #f5f5f5; 2122 | border-top-left-radius: 5px; 2123 | border-top-right-radius: 5px; 2124 | } 2125 | .algolia-search-input-icon { 2126 | display: inline-block; 2127 | width: 20px; 2128 | } 2129 | .algolia-search-input-icon .fa { 2130 | font-size: 18px; 2131 | } 2132 | .algolia-search-input { 2133 | display: inline-block; 2134 | width: calc(90% - 20px); 2135 | } 2136 | .algolia-search-input input { 2137 | padding: 5px 0; 2138 | width: 100%; 2139 | outline: none; 2140 | border: none; 2141 | background: transparent; 2142 | } 2143 | .algolia-powered { 2144 | float: right; 2145 | } 2146 | .algolia-powered img { 2147 | display: inline-block; 2148 | height: 18px; 2149 | vertical-align: middle; 2150 | } 2151 | .algolia-results { 2152 | position: relative; 2153 | overflow: auto; 2154 | padding: 10px 30px; 2155 | height: calc(100% - 50px); 2156 | } 2157 | .algolia-results hr { 2158 | margin: 10px 0; 2159 | } 2160 | .algolia-results .highlight { 2161 | font-style: normal; 2162 | margin: 0; 2163 | padding: 0 2px; 2164 | font-size: inherit; 2165 | color: #f00; 2166 | } 2167 | .algolia-hits { 2168 | margin-top: 20px; 2169 | } 2170 | .algolia-hit-item { 2171 | margin: 15px 0; 2172 | } 2173 | .algolia-hit-item-link { 2174 | display: block; 2175 | border-bottom: 1px dashed #ccc; 2176 | transition-duration: 0.2s; 2177 | transition-timing-function: ease-in-out; 2178 | transition-delay: 0s; 2179 | } 2180 | .algolia-pagination .pagination { 2181 | margin-top: 40px; 2182 | border-top: none; 2183 | padding: 0; 2184 | } 2185 | .algolia-pagination .pagination-item { 2186 | display: inline-block; 2187 | } 2188 | .algolia-pagination .page-number { 2189 | border-top: none; 2190 | } 2191 | .algolia-pagination .page-number:hover { 2192 | border-bottom: 1px solid #222; 2193 | } 2194 | .algolia-pagination .disabled-item { 2195 | visibility: hidden; 2196 | } 2197 | .use-motion .post { 2198 | opacity: 1; 2199 | } 2200 | .archive-page-counter { 2201 | position: relative; 2202 | top: 3px; 2203 | left: 20px; 2204 | } 2205 | @media (max-width: 767px) { 2206 | .archive-page-counter { 2207 | top: 5px; 2208 | } 2209 | } 2210 | .archive-move-on { 2211 | position: absolute; 2212 | top: 11px; 2213 | left: 0; 2214 | margin-left: -6px; 2215 | width: 10px; 2216 | height: 10px; 2217 | opacity: 1; 2218 | background: #555; 2219 | border: 1px solid #fff; 2220 | border-radius: 50%; 2221 | } 2222 | .category-all-page .category-all-title { 2223 | text-align: center; 2224 | } 2225 | .category-all-page .category-all { 2226 | margin-top: 20px; 2227 | } 2228 | .category-all-page .category-list { 2229 | margin: 0; 2230 | padding: 0; 2231 | list-style: none; 2232 | } 2233 | .category-all-page .category-list-item { 2234 | margin: 5px 10px; 2235 | } 2236 | .category-all-page .category-list-count { 2237 | color: #bbb; 2238 | } 2239 | .category-all-page .category-list-count:before { 2240 | display: inline; 2241 | content: " ("; 2242 | } 2243 | .category-all-page .category-list-count:after { 2244 | display: inline; 2245 | content: ") "; 2246 | } 2247 | .category-all-page .category-list-child { 2248 | padding-left: 10px; 2249 | } 2250 | .page-post-detail .sidebar-toggle-line { 2251 | background: #fc6423; 2252 | } 2253 | .page-post-detail .comments { 2254 | overflow: hidden; 2255 | } 2256 | body { 2257 | background: #f5f7f9; 2258 | } 2259 | @media (min-width: 992px) { 2260 | .full-image.full-image.full-image { 2261 | max-width: none; 2262 | width: 118%; 2263 | margin: 0 -9%; 2264 | } 2265 | } 2266 | .header { 2267 | position: relative; 2268 | margin: 0 auto; 2269 | width: 960px; 2270 | } 2271 | @media (min-width: 768px) and (max-width: 991px) { 2272 | .header { 2273 | width: auto; 2274 | } 2275 | } 2276 | @media (max-width: 767px) { 2277 | .header { 2278 | width: auto; 2279 | } 2280 | } 2281 | .header-inner { 2282 | position: absolute; 2283 | top: 0; 2284 | overflow: hidden; 2285 | padding: 0; 2286 | width: 240px; 2287 | background: #fff; 2288 | } 2289 | @media (min-width: 1600px) { 2290 | .container .header-inner { 2291 | width: 240px; 2292 | } 2293 | } 2294 | @media (min-width: 768px) and (max-width: 991px) { 2295 | .header-inner { 2296 | position: relative; 2297 | width: auto; 2298 | } 2299 | } 2300 | @media (max-width: 767px) { 2301 | .header-inner { 2302 | position: relative; 2303 | width: auto; 2304 | } 2305 | } 2306 | .main:before, 2307 | .main:after { 2308 | content: " "; 2309 | display: table; 2310 | } 2311 | .main:after { 2312 | clear: both; 2313 | } 2314 | @media (min-width: 768px) and (max-width: 991px) { 2315 | .main { 2316 | padding-bottom: 100px; 2317 | } 2318 | } 2319 | @media (max-width: 767px) { 2320 | .main { 2321 | padding-bottom: 100px; 2322 | } 2323 | } 2324 | .container .main-inner { 2325 | width: 960px; 2326 | } 2327 | @media (min-width: 768px) and (max-width: 991px) { 2328 | .container .main-inner { 2329 | width: auto; 2330 | } 2331 | } 2332 | @media (max-width: 767px) { 2333 | .container .main-inner { 2334 | width: auto; 2335 | } 2336 | } 2337 | .content-wrap { 2338 | float: right; 2339 | box-sizing: border-box; 2340 | padding: 40px; 2341 | width: 700px; 2342 | background: #fff; 2343 | min-height: 700px; 2344 | } 2345 | @media (min-width: 768px) and (max-width: 991px) { 2346 | .content-wrap { 2347 | width: 100%; 2348 | padding: 20px; 2349 | } 2350 | } 2351 | @media (max-width: 767px) { 2352 | .content-wrap { 2353 | width: 100%; 2354 | padding: 20px; 2355 | min-height: auto; 2356 | } 2357 | } 2358 | .sidebar { 2359 | position: static; 2360 | float: left; 2361 | margin-top: 300px; 2362 | width: 240px; 2363 | background: #fff; 2364 | box-shadow: none; 2365 | } 2366 | @media (min-width: 768px) and (max-width: 991px) { 2367 | .sidebar { 2368 | display: none; 2369 | } 2370 | } 2371 | @media (max-width: 767px) { 2372 | .sidebar { 2373 | display: none; 2374 | } 2375 | } 2376 | .sidebar-toggle { 2377 | display: none; 2378 | } 2379 | .footer-inner { 2380 | width: 960px; 2381 | } 2382 | .footer-inner:before { 2383 | content: " "; 2384 | float: left; 2385 | width: 260px; 2386 | min-height: 50px; 2387 | } 2388 | @media (min-width: 768px) and (max-width: 991px) { 2389 | .footer-inner { 2390 | width: auto; 2391 | } 2392 | .footer-inner:before { 2393 | display: none; 2394 | } 2395 | } 2396 | @media (max-width: 767px) { 2397 | .footer-inner { 2398 | width: auto; 2399 | } 2400 | .footer-inner:before { 2401 | display: none; 2402 | } 2403 | } 2404 | .sidebar-position-right .header-inner { 2405 | right: 0; 2406 | } 2407 | .sidebar-position-right .content-wrap { 2408 | float: left; 2409 | } 2410 | .sidebar-position-right .sidebar { 2411 | float: right; 2412 | } 2413 | .sidebar-position-right .footer-inner:before { 2414 | float: right; 2415 | } 2416 | .site-meta { 2417 | padding: 20px 0; 2418 | color: #fff; 2419 | background: #222; 2420 | } 2421 | @media (min-width: 768px) and (max-width: 991px) { 2422 | .site-meta { 2423 | box-shadow: 0 0 16px rgba(0,0,0,0.5); 2424 | } 2425 | } 2426 | @media (max-width: 767px) { 2427 | .site-meta { 2428 | box-shadow: 0 0 16px rgba(0,0,0,0.5); 2429 | } 2430 | } 2431 | .brand { 2432 | display: block; 2433 | padding: 0; 2434 | background: none; 2435 | } 2436 | .brand:hover { 2437 | color: #fff; 2438 | } 2439 | .site-subtitle { 2440 | margin: 0; 2441 | } 2442 | .site-search form { 2443 | display: none; 2444 | } 2445 | .site-nav { 2446 | border-top: none; 2447 | } 2448 | @media (min-width: 768px) and (max-width: 991px) { 2449 | .site-nav { 2450 | display: none !important; 2451 | } 2452 | } 2453 | @media (min-width: 768px) and (max-width: 991px) { 2454 | .site-nav-on { 2455 | display: block !important; 2456 | } 2457 | } 2458 | .menu .menu-item { 2459 | display: block; 2460 | margin: 0; 2461 | list-style: none; 2462 | } 2463 | .menu .menu-item a { 2464 | position: relative; 2465 | box-sizing: border-box; 2466 | padding: 5px 20px; 2467 | text-align: left; 2468 | line-height: inherit; 2469 | transition-property: background-color; 2470 | transition-duration: 0.2s; 2471 | transition-timing-function: ease-in-out; 2472 | transition-delay: 0s; 2473 | } 2474 | .menu .menu-item a:hover, 2475 | .menu-item-active a { 2476 | background: #f9f9f9; 2477 | border-bottom-color: #fff; 2478 | } 2479 | .menu .menu-item br { 2480 | display: none; 2481 | } 2482 | .menu-item-active a:after { 2483 | content: " "; 2484 | position: absolute; 2485 | top: 50%; 2486 | margin-top: -3px; 2487 | right: 15px; 2488 | width: 6px; 2489 | height: 6px; 2490 | border-radius: 50%; 2491 | background-color: #bbb; 2492 | } 2493 | .btn-bar { 2494 | background-color: #fff; 2495 | } 2496 | .site-nav-toggle { 2497 | top: 20px; 2498 | left: 20px; 2499 | } 2500 | @media (min-width: 768px) and (max-width: 991px) { 2501 | .site-nav-toggle { 2502 | display: block; 2503 | } 2504 | } 2505 | .use-motion .sidebar .motion-element { 2506 | opacity: 1; 2507 | } 2508 | .sidebar { 2509 | display: none; 2510 | right: auto; 2511 | bottom: auto; 2512 | -webkit-transform: none; 2513 | } 2514 | .sidebar-inner { 2515 | box-sizing: border-box; 2516 | width: 240px; 2517 | color: #555; 2518 | background: #fff; 2519 | } 2520 | .sidebar-inner.affix { 2521 | position: fixed; 2522 | top: 0; 2523 | } 2524 | .site-overview { 2525 | margin: 0 2px; 2526 | text-align: left; 2527 | } 2528 | .site-author:before, 2529 | .site-author:after { 2530 | content: " "; 2531 | display: table; 2532 | } 2533 | .site-author:after { 2534 | clear: both; 2535 | } 2536 | .sidebar a { 2537 | color: #555; 2538 | } 2539 | .sidebar a:hover { 2540 | color: #222; 2541 | } 2542 | .links-of-author-item a:before { 2543 | display: none; 2544 | } 2545 | .links-of-author-item a { 2546 | border-bottom: none; 2547 | text-decoration: underline; 2548 | } 2549 | .feed-link { 2550 | border-top: 1px dotted #ccc; 2551 | border-bottom: 1px dotted #ccc; 2552 | text-align: center; 2553 | } 2554 | .feed-link a { 2555 | display: block; 2556 | color: #fc6423; 2557 | border: none; 2558 | } 2559 | .feed-link a:hover { 2560 | background: none; 2561 | color: #e34603; 2562 | } 2563 | .feed-link a:hover i { 2564 | color: #e34603; 2565 | } 2566 | .links-of-author:before, 2567 | .links-of-author:after { 2568 | content: " "; 2569 | display: table; 2570 | } 2571 | .links-of-author:after { 2572 | clear: both; 2573 | } 2574 | .links-of-author-item { 2575 | float: left; 2576 | margin: 5px 0 0; 2577 | width: 50%; 2578 | } 2579 | .links-of-author-item a { 2580 | box-sizing: border-box; 2581 | display: inline-block; 2582 | margin-right: 0; 2583 | margin-bottom: 0; 2584 | padding: 0 5px; 2585 | overflow: hidden; 2586 | white-space: nowrap; 2587 | text-overflow: ellipsis; 2588 | } 2589 | .links-of-author-item a { 2590 | display: block; 2591 | text-decoration: none; 2592 | } 2593 | .links-of-author-item a:hover { 2594 | border-radius: 4px; 2595 | background: #eee; 2596 | } 2597 | .links-of-author-item .fa { 2598 | margin-right: 2px; 2599 | font-size: 16px; 2600 | } 2601 | .links-of-author-item .fa-globe { 2602 | font-size: 15px; 2603 | } 2604 | .links-of-blogroll { 2605 | margin-top: 20px; 2606 | padding: 3px 0 0; 2607 | border-top: 1px dotted #ccc; 2608 | } 2609 | .links-of-blogroll-title { 2610 | margin-top: 0; 2611 | } 2612 | .links-of-blogroll-item { 2613 | padding: 0; 2614 | } 2615 | .links-of-blogroll-inline:before, 2616 | .links-of-blogroll-inline:after { 2617 | content: " "; 2618 | display: table; 2619 | } 2620 | .links-of-blogroll-inline:after { 2621 | clear: both; 2622 | } 2623 | .links-of-blogroll-inline .links-of-blogroll-item { 2624 | float: left; 2625 | margin: 5px 0 0; 2626 | width: 50%; 2627 | } 2628 | .links-of-blogroll-inline .links-of-blogroll-item a { 2629 | box-sizing: border-box; 2630 | display: inline-block; 2631 | margin-right: 0; 2632 | margin-bottom: 0; 2633 | padding: 0 5px; 2634 | overflow: hidden; 2635 | white-space: nowrap; 2636 | text-overflow: ellipsis; 2637 | } 2638 | @media (max-width: 767px) { 2639 | .post-body { 2640 | text-align: justify; 2641 | } 2642 | } 2643 | --------------------------------------------------------------------------------