├── .gitignore
├── 404.php
├── README.md
├── archive.php
├── comments.php
├── footer.php
├── functions.php
├── functions
    ├── markdown.php
    └── options.php
├── header.php
├── inc
    └── site-overview.php
├── index.php
├── page-archives.php
├── page-tags.php
├── page.php
├── screenshot.png
├── single.php
├── statics
    ├── css
    │   ├── mist.css
    │   ├── muse.css
    │   └── pisces.css
    └── js
    │   ├── affix.js
    │   ├── bootstrap.js
    │   ├── makemarkdown.js
    │   ├── marked.js
    │   ├── motion.js
    │   ├── pisces.js
    │   ├── post-details.js
    │   ├── scrollspy.js
    │   └── utils.js
├── style.css
└── template
    ├── content-archive.php
    ├── content-meta.php
    ├── content-page.php
    └── content-single.php


/.gitignore:
--------------------------------------------------------------------------------
1 | /.idea


--------------------------------------------------------------------------------
/404.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 	<main class="main" id="main">
 3 | 		<div class="main-inner">
 4 | 			<div class="content-wrap">
 5 | 				<div class="next-404 text-center">
 6 | 					<h1>404</h1>
 7 | 					<p>对不起，您要找到的页面不存在！</p>
 8 | 					<br>
 9 | 					<a href="<?php bloginfo('url'); ?>" class="btn">返回首页</a>
10 | 				</div>
11 | 			</div>
12 | 			<div class="sidebar-toggle">
13 | 				<div class="sidebar-toggle-line-wrap">
14 | 					<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
15 | 					<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
16 | 					<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
17 | 				</div>
18 | 			</div>
19 | 			<aside id="sidebar" class="sidebar">
20 | 				<div class="sidebar-inner">
21 | 					<section class="site-overview sidebar-panel sidebar-panel-active ">
22 | 						<?php include 'inc/site-overview.php'; ?>
23 | 					</section>
24 | 				</div>
25 | 			</aside>
26 | 		</div>
27 | 	</main>
28 | <?php get_footer(); ?>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## NexT WP
 2 | 
 3 | NexT WP 是一款移植自 Hexo 的主题 [NexT](https://github.com/iissnan/hexo-theme-next) 的 WordPress 主题，兼容大多数浏览器，建议在最新版 WordPress 上使用。
 4 | 
 5 | ## 特点
 6 | 
 7 | * 简洁优雅的设计
 8 | * 内置一套多说主题
 9 | * 三种页面布局样式
10 | * 内置 FancyBox
11 | * 编辑器支持所见即所得的 Markdown
12 | * highlight.js 代码高亮
13 | * 响应式
14 | 
15 | ## 使用
16 | 
17 | 点击 "Download ZIP" 下载即可，下载后解压放置的 WordPress 的主题文件夹启用。
18 | 
19 | 有 Bug 或问题反馈请开 Issues。
20 | 
21 | Demo：[PP_K's Blog](http://pengtikui.cn/)
22 | 
23 | ## 注意事项
24 | 
25 | * 主题启用后，请到外观/菜单给“站点导航”设置一个菜单，否则页面无法显示；
26 | * 文章内请加上 `more` 标签，否则首页会显示文章全文；
27 | * 导航栏可以使用 Font-Awesome 图标，本主题已内置 Font-Awesome，直接在导航标签处添加 `i` 标签即可，如：`<i class="fa fa-home"></i> 首页`；
28 | * 评论目前仅可使用多说，其他评论框或 WordPress 的评论不知道会是什么样子；
29 | * 后台编辑器下方有一个 Markdown 的输入框，直接输入 Markdown 文本，会在上方编辑器可视化视图实时显示，Markdown 文本会单独保存在数据库，所以打开之前的文章不会显示 Markdown，如果不想使用此功能，无视就好了；
30 | * 本主题默认使用 [BootCDN](http://www.bootcdn.cn/)，暂时没有其他选项；
31 | * 头像替换主题目录下 `statics/images/avatar.jpg` 文件即可；
32 | * highlight.js 代码高亮默认使用 GitHub-Gist 主题，暂无其他选择；
33 | 
34 | ## 致谢
35 | 
36 | * 感谢 [IIssNan](http://iissnan.com/) 的 Hexo 主题 NexT；
37 | * 感谢[风景侠](http://www.scaperow.com/)的 WordPress 集成 Markdown 的代码；
38 | 
39 | 本主题使用到的开源项目有：
40 | * [Bootstrap](http://www.bootcss.com/) 的部分代码
41 | * [jQuery](http://jquery.com/)
42 | * [marked](https://github.com/chjj/marked)
43 | * [FancyBox](http://www.fancybox.net/)
44 | * [Font-Awesome](https://fortawesome.github.io/Font-Awesome/)
45 | * [highlight.js](https://highlightjs.org/)
46 | * [FastClick](https://github.com/ftlabs/fastclick)
47 | * [Lazy Load Plugin for jQuery](https://github.com/tuupola/jquery_lazyload)
48 | * [Velocity.js](http://julian.com/research/velocity/)


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 	<main id="main" class="main">
 3 | 		<div class="main-inner">
 4 | 			<div class="content-wrap">
 5 | 				<div id="content" class="content">
 6 | 					<div id="posts" class="posts-collapse">
 7 | 						<?php if(have_posts()) : ?>
 8 | 							<div class="collection-title">
 9 | 								<h2>
10 | 									<?php if(is_category()) : ?>
11 | 										<?php single_cat_title() ?> <small>分类</small>
12 | 									<?php elseif(is_tag()) : ?>
13 | 										<?php single_tag_title() ?> <small>标签</small>
14 | 									<?php endif; ?>
15 | 								</h2>
16 | 							</div>
17 | 							<?php while (have_posts()) : the_post();
18 | 								get_template_part('template/content', 'archive');
19 | 								endwhile;
20 | 								the_posts_pagination(array(
21 | 									'prev_text'	=> '<i class="fa fa-angle-left"></i>',
22 | 									'next_text'	=> '<i class="fa fa-angle-right"></i>'
23 | 								));
24 | 							?>
25 | 						<?php else : ?>
26 | 							<h1>无内容</h1>
27 | 						<?php endif; ?>
28 | 					</div>
29 | 				</div>
30 | 			</div>
31 | 			<div class="sidebar-toggle">
32 | 				<div class="sidebar-toggle-line-wrap">
33 | 					<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
34 | 					<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
35 | 					<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
36 | 				</div>
37 | 			</div>
38 | 			<aside id="sidebar" class="sidebar">
39 | 				<div class="sidebar-inner">
40 | 					<section class="site-overview sidebar-panel sidebar-panel-active ">
41 | 						<?php include 'inc/site-overview.php'; ?>
42 | 					</section>
43 | 				</div>
44 | 			</aside>
45 | 		</div>
46 | 	</main>
47 | <?php get_footer(); ?>


--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
1 | <div id="comments" class="comments"></div>


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 |     <footer id="footer" class="footer">
 2 |         <div class="footer-inner">
 3 |             <div class="copyright">
 4 |                 <?php
 5 |                     $next_site_year = get_option('next_site_year');
 6 |                     $current_year = date(Y);
 7 |                     if ($next_site_year >= $current_year) {
 8 |                         $output_year = "<span>".$current_year."</span>";
 9 |                     }
10 |                     else{
11 |                         $output_year = "<span>".$next_site_year."</span> - "."<span>".$current_year."</span>";
12 |                     }
13 |                 ?>
14 |                 &copy; <?php echo $output_year; ?> <span class="with-love"> <i class="icon-next-heart fa fa-heart"></i></span>
15 |                 <span class="author"><?php $username = get_option('next_author','admin'); echo get_profile( 'display_name', $username ); ?></span>
16 |             </div>
17 |             <div class="powered-by">Powered by <a href="//cn.wordpress.org" target="_blank">WordPress</a></div>
18 |             <div class="theme-info">Theme <a href="https://github.com/pengtikui/NexT" target="_blank">NexT WP</a></div>
19 |             <div style="display:none"><?php echo get_option('next_analyze_code'); ?></div>
20 |         </div>
21 |     </footer>
22 |     <div class="back-to-top"><i class="fa fa-arrow-up"></i></div>
23 | </div>
24 | <script type="text/javascript">
25 |     if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
26 |         window.Promise = null;
27 |     }
28 | </script>
29 | <script src="//cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
30 | <script src="//cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
31 | <script src="//cdn.bootcss.com/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
32 | <script src="//cdn.bootcss.com/velocity/1.2.3/velocity.min.js"></script>
33 | <script src="//cdn.bootcss.com/velocity/1.2.3/velocity.ui.min.js"></script>
34 | <script src="//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
35 | <script src="<?php bloginfo('template_url'); ?>/statics/js/utils.js"></script>
36 | <script src="<?php bloginfo('template_url'); ?>/statics/js/motion.js"></script>
37 | <script src="<?php bloginfo('template_url'); ?>/statics/js/affix.js"></script>
38 | <?php if ( get_option('next_scheme', 'muse') == 'pisces' ) { ?>
39 | <script src="<?php bloginfo('template_url'); ?>/statics/js/pisces.js"></script>
40 | <?php } ?>
41 | 
42 | <?php if ( is_single() || is_page() ) { ?>
43 | <script src="<?php bloginfo('template_url'); ?>/statics/js/scrollspy.js"></script>
44 | <script src="<?php bloginfo('template_url'); ?>/statics/js/post-details.js"></script>
45 | <?php } ?>
46 | 
47 | <!-- 归档页 -->
48 | <script type="text/javascript" id="motion.page.archive">
49 |     $('.archive-year').velocity('transition.slideLeftIn');
50 | </script>
51 | 
52 | <script src="<?php bloginfo('template_url'); ?>/statics/js/bootstrap.js"></script>
53 | <!-- highlight.js -->
54 | <script src="//cdn.bootcss.com/highlight.js/9.1.0/highlight.min.js"></script>
55 | <script>
56 |     $('pre code').each(function(i, block) {
57 |         hljs.highlightBlock(block);
58 |     });
59 | </script>
60 | </body>
61 | </html>


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | // Add multi-language support
 4 | load_theme_textdomain('next', get_template_directory().'/languages');
 5 | 
 6 | // Remove invalid information display at head tag
 7 | remove_action( 'wp_head', 'rsd_link' );
 8 | remove_action( 'wp_head', 'wlwmanifest_link' );
 9 | remove_action( 'wp_head', 'wp_generator' );
10 | remove_action( 'wp_head', 'start_post_rel_link' );
11 | remove_action( 'wp_head', 'index_rel_link' );
12 | remove_action( 'wp_head', 'adjacent_posts_rel_link' );
13 | 
14 | // Register menus
15 | if ( function_exists( 'register_nav_menus' ) ) {
16 |     register_nav_menus( array(
17 |         'site_nav'     => __( '站点导航', 'next' ),
18 |         'social_links' => __( '社交链接', 'next' ),
19 |         'links'        => __( '友情链接', 'next' )
20 |     ) );
21 | }
22 | 
23 | // Site menu active class
24 | add_filter( 'nav_menu_css_class', 'special_nav_class', 10, 2 );
25 | function special_nav_class ( $classes, $item ) {
26 |     if( in_array ( 'current-menu-item', $classes ) ) {
27 |         $classes[] = 'menu-item-active ';
28 |     }
29 |     return $classes;
30 | }
31 | 
32 | // Theme Options Page
33 | include_once('functions/options.php');
34 | 
35 | // Remove Open Sans
36 | function next_remove_open_sans() {
37 |     wp_deregister_style( 'open-sans' );
38 |     wp_register_style( 'open-sans', false );
39 |     wp_enqueue_style( 'open-sans','' );
40 | }
41 | add_action('init','next_remove_open_sans');
42 | 
43 | // Import function files
44 | include 'functions/markdown.php';
45 | 


--------------------------------------------------------------------------------
/functions/markdown.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | // 增加 Markdown 功能到后台编辑器
 3 | add_action( 'admin_menu', 'create_markdown' );
 4 | add_action( 'save_post', 'save_markdown', 10, 2 );
 5 | 
 6 | function create_markdown() {
 7 |     add_meta_box( 'markdown_box', 'Markdown', 'markdown_html', 'post', 'normal', 'high' );
 8 | }
 9 | 
10 | function markdown_html( $object, $box ) { ?>
11 |         <textarea name="markdown" id="markdown" cols="10" rows="10" oninput ="markdownEditorChanged()" style="width: 100%; height:100%"><?php echo htmlspecialchars (get_post_meta( $object->ID, 'markdown', true )); ?></textarea>
12 | <?php }
13 | 
14 | function save_markdown( $post_id, $post ) {
15 |     if ( !current_user_can( 'edit_post', $post_id ) )
16 |         return $post_id;
17 | 
18 |     $meta_value = get_post_meta( $post_id, 'markdown', true );
19 |     $new_meta_value = $_POST['markdown'];
20 | 
21 |     if ( $new_meta_value && '' == $meta_value )
22 |         add_post_meta( $post_id, 'markdown', $new_meta_value, true );
23 | 
24 |     elseif ( $new_meta_value != $meta_value )
25 |         update_post_meta( $post_id, 'markdown', $new_meta_value );
26 | 
27 |     elseif ( '' == $new_meta_value && $meta_value )
28 |         delete_post_meta( $post_id, 'markdown', $meta_value );
29 | }
30 | 
31 | 
32 | function markdown_script() {
33 |     wp_enqueue_script('markdown', get_template_directory_uri() . '/statics/js/marked.js' );
34 |     wp_enqueue_script('makemarkdown', get_template_directory_uri() . '/statics/js/makemarkdown.js');
35 | }
36 | 
37 | add_action('admin_enqueue_scripts', 'markdown_script');


--------------------------------------------------------------------------------
/functions/options.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | function add_next_options_page(){
 3 |     add_theme_page('NexT WP 主题选项', 'NexT WP', 'administrator', 'next', 'next_options_page');
 4 | }
 5 | 
 6 | add_action('admin_menu', 'add_next_options_page');
 7 | 
 8 | function next_options_page(){ ?>
 9 |     <div class="wrap">
10 |         <h1>NexT WP 主题设置选项</h1>
11 |         <?php if($_GET['settings-updated'] == 'true'){ ?>
12 |             <div id="setting-error-settings_updated" class="updated settings-error notice is-dismissible">
13 |                 <p><strong>设置已保存。</strong></p>
14 |                 <button type="button" class="notice-dismiss">
15 |                     <span class="screen-reader-text">忽略此通知。</span>
16 |                 </button>
17 |             </div>
18 |         <?php } ?>
19 |         <form method="post" name="next_options" id="next_options" action="options.php">
20 |             <table class="form-table">
21 |                 <tbody>
22 |                     <tr>
23 |                         <th><label for="next_site_year">建站年份</label></th>
24 |                         <td>
25 |                             <input name="next_site_year" type="text" class="regular-text" value="<?php echo get_option('next_site_year'); ?>">
26 |                             <p class="description">用于显示在页面底部版权信息</p>
27 |                         </td>
28 |                     </tr>
29 |                     <tr>
30 |                         <th><label for="next_author">作者</label></th>
31 |                         <td>
32 |                             <input name="next_author" type="text" class="regular-text" value="<?php echo get_option('next_author','admin'); ?>">
33 |                             <p class="description">博客作者的电子邮箱</p>
34 |                         </td>
35 |                     </tr>
36 |                     <tr>
37 |                         <th><label for="next_scheme">布局样式</label></th>
38 |                         <td>
39 |                             <fieldset>
40 |                                 <legend class="screen-reader-text"><span>布局样式</span></legend>
41 |                                 <label title=""><input name="next_scheme" type="radio" value="muse" <?php if ( get_option('next_scheme', 'muse') == 'muse' ) { echo "checked=\"checked\"";} ?>>Muse</label><br>
42 |                                 <label title=""><input name="next_scheme" type="radio" value="mist" <?php if ( get_option('next_scheme', 'muse') == 'mist' ) { echo "checked=\"checked\"";} ?>>Mist</label><br>
43 |                                 <label title=""><input name="next_scheme" type="radio" value="pisces" <?php if ( get_option('next_scheme', 'muse') == 'pisces' ) { echo "checked=\"checked\"";} ?>>Pisces</label>
44 |                             </fieldset>
45 |                             <p class="description">页面布局样式，默认为 Muse</p>
46 |                         </td>
47 |                     </tr>
48 |                     <tr>
49 |                         <th><label for="next_rss">RSS 订阅</label></th>
50 |                         <td><input name="next_rss" type="checkbox" value="display" <?php if ( get_option('next_rss', 'display') == 'display' ) { echo "checked=\"checked\"";} ?>> 显示 RSS 订阅链接</td>
51 |                     </tr>
52 |                     <tr>
53 |                         <th><label for="next_analyze_code">统计代码</label></th>
54 |                         <td>
55 |                             <textarea name="next_analyze_code" rows="3" cols="40"><?php echo get_option('next_analyze_code'); ?></textarea>
56 |                             <p class="description">所有内容均不会显示在页面内，比如 CNZZ 的“站长统计”字样</p>
57 |                         </td>
58 |                     </tr>
59 |                 </tbody>
60 |             </table>
61 |             <?php wp_nonce_field('update-options'); ?>
62 |             <input type="hidden" name="action" value="update">
63 |             <input type="hidden" name="page_options" value="next_site_year,next_author,next_analyze_code,next_scheme,next_rss">
64 |             <p class="submit"><input type="submit" name="submit" id="submit" class="button button-primary" value="保存设置"></p>
65 |         </form>
66 |     </div>
67 | <?php } ?>
68 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html class="theme-next <?php echo get_option('next_scheme', 'muse'); ?> use-motion" <?php language_attributes(); ?>>
 3 | <head>
 4 |     <meta charset="<?php bloginfo('charset'); ?>">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 7 |     <meta name="theme-color" content="#222">
 8 |     <meta name="renderer" content="webkit">
 9 |     <title><?php if (is_home()||is_search()){ bloginfo('name');} else{wp_title(''); echo ' | '; bloginfo('name');} ?></title>
10 |     <!-- favicon -->
11 |     <link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('url'); ?>/favicon.ico">
12 |     <!-- jQuery fancybox CSS -->
13 |     <link rel="stylesheet" href="//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css">
14 |     <!-- Google Font -->
15 |     <!-- <link href="//fonts.useso.com/css?family=Lato:300,400,700,400italic&subset=latin,latin-ext" rel="stylesheet" type="text/css"> -->
16 |     <!-- Font-Awesome -->
17 |     <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
18 |     <!-- Main CSS -->
19 |     <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/statics/css/<?php echo get_option('next_scheme', 'muse'); ?>.css">
20 |     <!-- style.css -->
21 |     <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
22 |     <!-- Highlight -->
23 |     <link rel="stylesheet" href="//cdn.bootcss.com/highlight.js/9.1.0/styles/github-gist.min.css">
24 |     <link rel="profile" href="http://gmpg.org/xfn/11">
25 |     <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
26 |     <?php if ( get_option('next_scheme', 'muse') == 'pisces' )  ?>
27 |     <script type="text/javascript" id="hexo.configuration">
28 |         var NexT = window.NexT || {};
29 |         var CONFIG = {
30 |             scheme: <?php if ( get_option('next_scheme', 'muse') == 'pisces' ) { echo "'Pisces'"; } if ( get_option('next_scheme', 'muse') == 'muse' ) { echo "'Muse'"; } if ( get_option('next_scheme', 'muse') == 'mist' ) { echo "'Mist'"; } ?>,
31 |             sidebar: {"position":"left","display":"post"},
32 |             fancybox: true,
33 |             motion: true
34 |         };
35 |     </script>
36 |     <?php wp_head(); ?>
37 | </head>
38 | <body>
39 | <div class="container one-collumn sidebar-position-left <?php if(is_home()){echo "page-home";} if(is_single()){echo "page-post-detail";} if(is_page()){echo "page-archive";} ?>">
40 |     <div class="headband"></div>
41 |     <header id="header" class="header">
42 |         <div class="header-inner">
43 |             <div class="site-meta">
44 |                 <div class="custom-logo-site-title">
45 |                     <a href="<?php bloginfo('url'); ?>" class="brand" rel="start">
46 |                         <span class="logo-line-before"><i style="transform: translateX(100%);"></i></span>
47 |                         <span class="site-title"><?php bloginfo('name'); ?></span>
48 |                         <span class="logo-line-after"><i style="transform: translateX(-100%);"></i></span>
49 |                     </a>
50 |                 </div>
51 |                 <p class="site-subtitle"><?php bloginfo('description'); ?></p>
52 |             </div>
53 |             <div class="site-nav-toggle">
54 |                 <button>
55 |                     <span class="btn-bar"></span>
56 |                     <span class="btn-bar"></span>
57 |                     <span class="btn-bar"></span>
58 |                 </button>
59 |             </div>
60 |             <?php wp_nav_menu( array(
61 |                 'theme_location' => 'site_nav',
62 |                 'fallback_cb' => false,
63 |                 'container' => 'nav',
64 |                 'container_class' => 'site-nav',
65 |                 'menu_class' => 'menu menu-left',
66 |                 'menu_id' => 'menu'
67 |             ));
68 |             ?>
69 |         </div>
70 |     </header>


--------------------------------------------------------------------------------
/inc/site-overview.php:
--------------------------------------------------------------------------------
 1 | <div class="site-author motion-element">
 2 |     <img class="site-author-image" src="<?php $usermail = get_option('next_author','admin'); echo get_avatar_url( $usermail ); ?>" alt="avatar">
 3 | 	<p class="site-author-name"><?php $usermail = get_option('next_author','admin'); echo get_the_author_meta( 'display_name', get_user_by( 'email', $usermail)->ID ); ?></p>
 4 | 	<p class="site-description motion-element"><?php $username = get_option('next_author','admin'); echo get_the_author_meta( 'description', get_user_by( 'email', $usermail)->ID ); ?></p>
 5 | </div>
 6 | <nav class="site-state motion-element">
 7 | 	<div class="site-state-item site-state-posts">
 8 | 		<span class="site-state-item-count"><?php $count_posts = wp_count_posts(); echo $published_posts =$count_posts->publish;?></span>
 9 | 		<span class="site-state-item-name">文章</span>
10 | 	</div>
11 | 	<div class="site-state-item site-state-categories">
12 | 		<span class="site-state-item-count"><?php echo $count_categories = wp_count_terms('category'); ?></span>
13 | 		<span class="site-state-item-name">分类</span>
14 | 	</div>
15 | 	<div class="site-state-item site-state-tags">
16 | 		<a href="<?php bloginfo('url'); ?>/tags">
17 | 			<span class="site-state-item-count"><?php echo $count_tags = wp_count_terms('post_tag'); ?></span>
18 | 			<span class="site-state-item-name">标签</span>
19 | 		</a>
20 | 	</div>
21 | </nav>
22 | <?php if ( get_option( 'next_rss', 'display' ) == 'display' ) { ?>
23 | <div class="feed-link motion-element">
24 | 	<a href="<?php bloginfo('url'); ?>/feed"><i class="fa fa-rss"></i> RSS</a>
25 | </div>
26 | <?php } ?>
27 | <div id="links">
28 |     <div class="links-of-author motion-element">
29 |     	<?php $menuParameters = array(
30 |     			'theme_location' => 'social_links',
31 |     			'fallback_cb' => false,
32 |     			'container'	=> false,
33 |     			'echo'	=> false,
34 |     			'items_wrap' => '%3$s',
35 |     			'depth'	=> 0,
36 |     			'before' => '<span class="links-of-author-item">',
37 |     			'after' => '</span>'
38 |     		);
39 |     		echo strip_tags(wp_nav_menu($menuParameters), '<a>,<i>,<span>');
40 |     	?>
41 |     </div>
42 |     <div class="links-of-author motion-element">
43 |         <h5><?php _e('友情链接', 'next') ?></h5>
44 |         <?php $menuParameters = array(
45 |     			'theme_location' => 'links',
46 |     			'fallback_cb' => false,
47 |     			'container'	=> false,
48 |     			'echo'	=> false,
49 |     			'items_wrap' => '%3$s',
50 |     			'depth'	=> 0,
51 |     			'before' => '<span class="links-of-author-item">',
52 |     			'after' => '</span>'
53 |     		);
54 |     		echo strip_tags(wp_nav_menu($menuParameters), '<a>,<i>,<span>');
55 |     	?>
56 |     </div>
57 | </div>
58 | <script>
59 | 	var anchors = document.getElementById("links").getElementsByTagName("a");
60 | 	for (var i=0; i<anchors.length; i++) {
61 |    		var anchor = anchors[i];
62 |    		anchor.target = "_blank";
63 | 	}
64 | </script>
65 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 	<main id="main" class="main">
 3 | 		<div class="main-inner">
 4 | 			<div class="content-wrap">
 5 | 				<div id="content" class="content">
 6 | 					<section id="posts" class="posts-expand">
 7 | 						<?php
 8 | 							if ( have_posts() ) :
 9 | 								while ( have_posts() ) : the_post();
10 | 									get_template_part( 'template/content', 'meta');
11 | 								endwhile;
12 | 							else :
13 | 								echo "Sorry, no posts were found";
14 | 							endif;
15 | 						?>
16 | 					</section>
17 | 					<?php 
18 | 						the_posts_pagination( array(
19 | 							'prev_text'	=> '<i class="fa fa-angle-left"></i>',
20 | 							'next_text'	=> '<i class="fa fa-angle-right"></i>'
21 | 						));
22 | 					?>
23 | 				</div>
24 | 			</div>
25 | 			<div class="sidebar-toggle">
26 | 				<div class="sidebar-toggle-line-wrap">
27 | 					<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
28 | 					<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
29 | 					<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
30 | 				</div>
31 | 			</div>
32 | 			<aside id="sidebar" class="sidebar">
33 | 				<div class="sidebar-inner">
34 | 					<section class="site-overview sidebar-panel sidebar-panel-active ">
35 | 						<?php include 'inc/site-overview.php'; ?>
36 | 					</section>
37 | 				</div>
38 | 			</aside>
39 | 		</div>
40 | 	</main>
41 | <?php get_footer(); ?>


--------------------------------------------------------------------------------
/page-archives.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 | Template Name: Archives
 4 | */ 
 5 | ?>
 6 | <?php get_header(); ?>
 7 | 
 8 | 	<main id="main" class="main">
 9 | 		<div class="main-inner">
10 | 			<div class="content-wrap">
11 | 				<div id="content" class="content">
12 | 					<section id="posts" class="posts-collapse">
13 | 						<span class="archive-move-on"></span>
14 | 						<span class="archive-page-counter">非常好，继续加油！</span>
15 | 				        <?php 
16 | 				        	$the_query = new WP_Query('posts_per_page=-1&ignore_sticky_posts=1');
17 | 				        	$year = date('Y');
18 | 				        	while ($the_query->have_posts()) : $the_query->the_post();
19 | 				        		if (get_the_time('Y') == $year) { ?>
20 | 									<div class="collection-title">
21 | 										<h2 class="archive-year motion-element"><?php the_time('Y'); ?></h2>
22 | 									</div>
23 | 				        			<?php $year--;
24 | 				        		} ?>
25 | 								<article class="post post-type-normal">
26 | 									<header class="post-header">
27 | 										<h1 class="post-title">
28 | 											<a href="<?php the_permalink(); ?>" class="post-title-link"><?php the_title(); ?></a>
29 | 										</h1>
30 | 										<div class="post-meta">
31 | 											<time class="post-time" datetime="<?php the_time('Y-m-d'); ?>" title="<?php the_time('Y-m-d'); ?>"><?php the_time('m-d'); ?></time>
32 | 										</div>
33 | 									</header>
34 | 								</article>
35 | 				        	<?php endwhile;
36 | 				        ?>
37 | 					</section>
38 | 				</div>
39 | 			</div>
40 | 			<aside id="sidebar" class="sidebar">
41 | 				<div class="sidebar-inner">
42 | 					<section class="site-overview sidebar-panel sidebar-panel-active ">
43 | 						<?php include 'inc/site-overview.php'; ?>
44 | 					</section>
45 | 				</div>
46 | 			</aside>
47 | 		</div>
48 | 	</main>
49 | 
50 | <?php get_footer(); ?>


--------------------------------------------------------------------------------
/page-tags.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 | Template Name: Tags
 4 | */ 
 5 | ?>
 6 | <?php get_header(); ?>
 7 | 
 8 | 	<main id="main" class="main">
 9 | 		<div class="main-inner">
10 | 			<div class="content-wrap">
11 | 				<div id="content" class="content">
12 | 					<section id="posts" class="posts-expand">
13 | 						<div class="tag-cloud">
14 | 							<div class="tag-cloud-title">目前共计 <?php echo $count_tags = wp_count_terms('post_tag'); ?> 个标签</div>
15 | 							<div class="tag-cloud-tags">
16 | 								<?php wp_tag_cloud(array(
17 | 										'largest' => '26',
18 | 										'number' => '0',
19 | 										'order' => 'RAND'
20 | 									)
21 | 								); ?>
22 | 							</div>
23 | 						</div>
24 | 					</section>
25 | 				</div>
26 | 			</div>
27 | 			<aside id="sidebar" class="sidebar">
28 | 				<div class="sidebar-inner">
29 | 					<section class="site-overview sidebar-panel sidebar-panel-active ">
30 | 						<?php include 'inc/site-overview.php'; ?>
31 | 					</section>
32 | 				</div>
33 | 			</aside>
34 | 		</div>
35 | 	</main>
36 | 
37 | <?php get_footer(); ?>


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 	<main id="main" class="main">
 3 | 		<div class="main-inner">
 4 | 			<div class="content-wrap">
 5 | 				<div id="content" class="content">
 6 | 					<section id="posts" class="posts-expand">
 7 | 						<?php
 8 | 							if ( have_posts() ) :
 9 | 								while ( have_posts() ) : the_post();
10 | 									get_template_part( 'template/content', 'page');
11 | 								endwhile;
12 | 							else :
13 | 								echo "Sorry, no posts were found";
14 | 							endif;
15 | 						?>
16 | 					</section>
17 | 					<?php 
18 | 						the_posts_pagination( array(
19 | 						'prev_text'	=> '<i class="fa fa-angle-left"></i>',
20 | 						'next_text'	=> '<i class="fa fa-angle-right"></i>'
21 | 						) );
22 | 					?>
23 | 				</div>
24 | 			</div>
25 | 			<div class="sidebar-toggle">
26 | 				<div class="sidebar-toggle-line-wrap">
27 | 					<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
28 | 					<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
29 | 					<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
30 | 				</div>
31 | 			</div>
32 | 			<aside id="sidebar" class="sidebar">
33 | 				<div class="sidebar-inner">
34 | 					<section class="site-overview sidebar-panel sidebar-panel-active">
35 | 						<?php include 'inc/site-overview.php'; ?>
36 | 					</section>
37 | 				</div>
38 | 			</aside>
39 | 		</div>
40 | 	</main>
41 | <?php get_footer(); ?>


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pengtikui/NexT/91d8b30515c868de1feba8027d77af509902bd59/screenshot.png


--------------------------------------------------------------------------------
/single.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | <main id="main" class="main">
 3 |     <div class="main-inner">
 4 |         <div class="content-wrap">
 5 |             <div id="content" class="content">
 6 |                 <div id="posts" class="posts-expand">
 7 |                     <?php
 8 |                         if ( have_posts() ) :
 9 |                             while ( have_posts() ) : the_post();
10 |                                 get_template_part( 'template/content', 'single');
11 |                             endwhile;
12 |                         else :
13 |                             echo "Sorry, no posts were found";
14 |                         endif;
15 |                     ?>
16 |                 </div>
17 |                 <?php 
18 |                     the_posts_pagination( array(
19 |                         'prev_text' => '<i class="fa fa-angle-left"></i>',
20 |                         'next_text' => '<i class="fa fa-angle-right"></i>'
21 |                     ));
22 |                 ?>
23 |             </div>
24 |             <?php comments_template(); ?>
25 |         </div>
26 |         <div class="sidebar-toggle">
27 |             <div class="sidebar-toggle-line-wrap">
28 |                 <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
29 |                 <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
30 |                 <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
31 |             </div>
32 |         </div>
33 |         <aside id="sidebar" class="sidebar">
34 |             <div class="sidebar-inner">
35 |                 <ul class="sidebar-nav motion-element">
36 |                     <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap">文章目录</li>
37 |                     <li class="sidebar-nav-overview" data-target="site-overview">站点概览</li>
38 |                 </ul>
39 |                 <section class="site-overview sidebar-panel">
40 |                     <?php include 'inc/site-overview.php'; ?>
41 |                 </section>
42 |                 <section class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
43 |                     <div class="post-toc-indicator-top post-toc-indicator"></div>
44 |                     <div class="post-toc"><p class="post-toc-empty">此功能稍后到来</p></div>
45 |                     <div class="post-toc-indicator-bottom post-toc-indicator"></div>
46 |                 </section>
47 |             </div>
48 |         </aside>
49 |     </div>
50 | </main>
51 | <?php get_footer(); ?>


--------------------------------------------------------------------------------
/statics/css/mist.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: 'Lato', "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: 'Lato', "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: 24px;
 230 | }
 231 | @media (max-width: 767px) {
 232 |   h1 {
 233 |     font-size: 20px;
 234 |   }
 235 | }
 236 | h2 {
 237 |   font-size: 22px;
 238 | }
 239 | @media (max-width: 767px) {
 240 |   h2 {
 241 |     font-size: 18px;
 242 |   }
 243 | }
 244 | h3 {
 245 |   font-size: 20px;
 246 | }
 247 | @media (max-width: 767px) {
 248 |   h3 {
 249 |     font-size: 16px;
 250 |   }
 251 | }
 252 | h4 {
 253 |   font-size: 18px;
 254 | }
 255 | @media (max-width: 767px) {
 256 |   h4 {
 257 |     font-size: 14px;
 258 |   }
 259 | }
 260 | h5 {
 261 |   font-size: 16px;
 262 | }
 263 | @media (max-width: 767px) {
 264 |   h5 {
 265 |     font-size: 12px;
 266 |   }
 267 | }
 268 | h6 {
 269 |   font-size: 14px;
 270 | }
 271 | @media (max-width: 767px) {
 272 |   h6 {
 273 |     font-size: 10px;
 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 | .highlight table,
 376 | .gist table {
 377 |   width: auto;
 378 | }
 379 | .highlight table td,
 380 | .gist table td {
 381 |   border: none;
 382 | }
 383 | .highlight a,
 384 | .gist a {
 385 |   color: #222 !important;
 386 |   text-decoration: none !important;
 387 | }
 388 | .affix.affix.affix {
 389 |   position: fixed;
 390 | }
 391 | .translation {
 392 |   margin-top: -20px;
 393 |   font-size: 14px;
 394 |   color: #999;
 395 | }
 396 | .scrollbar-measure {
 397 |   width: 100px;
 398 |   height: 100px;
 399 |   overflow: scroll;
 400 |   position: absolute;
 401 |   top: -9999px;
 402 | }
 403 | .use-motion .motion-element {
 404 |   opacity: 0;
 405 | }
 406 | #local-search-input {
 407 |   padding: 3px;
 408 |   border: none;
 409 |   text-indent: 14px;
 410 |   border-radius: 0;
 411 |   width: 140px;
 412 |   outline: none;
 413 |   border-bottom: 1px solid #999;
 414 |   background: inherit;
 415 |   opacity: 0.5;
 416 | }
 417 | #local-search-input:focus {
 418 |   opacity: 1;
 419 | }
 420 | .search-icon {
 421 |   position: absolute;
 422 |   top: 9px;
 423 | }
 424 | table {
 425 |   margin: 20px 0;
 426 |   width: 100%;
 427 |   border-collapse: collapse;
 428 |   border-spacing: 0;
 429 |   border: 1px solid #ddd;
 430 |   font-size: 14px;
 431 |   word-wrap: break-word;
 432 | }
 433 | table>tbody>tr:nth-of-type(odd) {
 434 |   background-color: #f9f9f9;
 435 | }
 436 | table>tbody>tr:hover {
 437 |   background-color: #f5f5f5;
 438 | }
 439 | caption,
 440 | th,
 441 | td {
 442 |   padding: 8px;
 443 |   text-align: left;
 444 |   vertical-align: middle;
 445 |   font-weight: normal;
 446 | }
 447 | th,
 448 | td {
 449 |   border-bottom: 3px solid #ddd;
 450 |   border-right: 1px solid #eee;
 451 | }
 452 | th {
 453 |   padding-bottom: 10px;
 454 |   font-weight: 700;
 455 | }
 456 | td {
 457 |   border-bottom-width: 1px;
 458 | }
 459 | html,
 460 | body {
 461 |   height: 100%;
 462 | }
 463 | .container {
 464 |   position: relative;
 465 |   min-height: 100%;
 466 | }
 467 | .header-inner {
 468 |   margin: 0 auto;
 469 |   padding: 100px 0 70px;
 470 |   width: 700px;
 471 | }
 472 | @media (min-width: 1600px) {
 473 |   .container .header-inner {
 474 |     width: 900px;
 475 |   }
 476 | }
 477 | .main {
 478 |   padding-bottom: 150px;
 479 | }
 480 | .main-inner {
 481 |   margin: 0 auto;
 482 |   width: 700px;
 483 | }
 484 | @media (min-width: 1600px) {
 485 |   .container .main-inner {
 486 |     width: 900px;
 487 |   }
 488 | }
 489 | .footer {
 490 |   position: absolute;
 491 |   left: 0;
 492 |   bottom: 0;
 493 |   width: 100%;
 494 |   min-height: 50px;
 495 | }
 496 | .footer-inner {
 497 |   box-sizing: border-box;
 498 |   margin: 20px auto;
 499 |   width: 700px;
 500 | }
 501 | @media (min-width: 1600px) {
 502 |   .container .footer-inner {
 503 |     width: 900px;
 504 |   }
 505 | }
 506 | pre,
 507 | .highlight {
 508 |   overflow: auto;
 509 |   margin: 20px 0;
 510 |   padding: 15px;
 511 |   font-size: 13px;
 512 |   color: #4d4d4c;
 513 |   background: #f7f7f7;
 514 |   line-height: 1.6;
 515 | }
 516 | pre,
 517 | code {
 518 |   font-family: consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace;
 519 | }
 520 | code {
 521 |   padding: 2px 4px;
 522 |   word-break: break-all;
 523 |   color: #222;
 524 |   background: #eee;
 525 |   border-radius: 4px;
 526 |   font-size: 13px;
 527 | }
 528 | pre code {
 529 |   padding: 0;
 530 |   background: none;
 531 |   text-shadow: none;
 532 | }
 533 | .highlight pre {
 534 |   border: none;
 535 |   margin: 0;
 536 |   padding: 1px;
 537 | }
 538 | .highlight table {
 539 |   margin: 0;
 540 |   width: auto;
 541 |   border: none;
 542 | }
 543 | .highlight td {
 544 |   border: none;
 545 |   padding: 0;
 546 | }
 547 | .highlight figcaption {
 548 |   font-size: 0.85em;
 549 |   color: #8e908c;
 550 |   line-height: 1em;
 551 |   margin-bottom: 1em;
 552 | }
 553 | .highlight figcaption:before,
 554 | .highlight figcaption:after {
 555 |   content: " ";
 556 |   display: table;
 557 | }
 558 | .highlight figcaption:after {
 559 |   clear: both;
 560 | }
 561 | .highlight figcaption a {
 562 |   float: right;
 563 | }
 564 | .highlight .gutter pre {
 565 |   color: #666;
 566 |   text-align: right;
 567 |   padding-right: 20px;
 568 | }
 569 | .highlight .line {
 570 |   height: 20px;
 571 | }
 572 | pre .comment {
 573 |   color: #8e908c;
 574 | }
 575 | pre .variable,
 576 | pre .attribute,
 577 | pre .tag,
 578 | pre .regexp,
 579 | pre .ruby .constant,
 580 | pre .xml .tag .title,
 581 | pre .xml .pi,
 582 | pre .xml .doctype,
 583 | pre .html .doctype,
 584 | pre .css .id,
 585 | pre .css .class,
 586 | pre .css .pseudo {
 587 |   color: #c82829;
 588 | }
 589 | pre .number,
 590 | pre .preprocessor,
 591 | pre .built_in,
 592 | pre .literal,
 593 | pre .params,
 594 | pre .constant,
 595 | pre .command {
 596 |   color: #f5871f;
 597 | }
 598 | pre .ruby .class .title,
 599 | pre .css .rules .attribute,
 600 | pre .string,
 601 | pre .value,
 602 | pre .inheritance,
 603 | pre .header,
 604 | pre .ruby .symbol,
 605 | pre .xml .cdata,
 606 | pre .special,
 607 | pre .number,
 608 | pre .formula {
 609 |   color: #718c00;
 610 | }
 611 | pre .title,
 612 | pre .css .hexcolor {
 613 |   color: #3e999f;
 614 | }
 615 | pre .function,
 616 | pre .python .decorator,
 617 | pre .python .title,
 618 | pre .ruby .function .title,
 619 | pre .ruby .title .keyword,
 620 | pre .perl .sub,
 621 | pre .javascript .title,
 622 | pre .coffeescript .title {
 623 |   color: #4271ae;
 624 | }
 625 | pre .keyword,
 626 | pre .javascript .function {
 627 |   color: #8959a8;
 628 | }
 629 | .full-image.full-image.full-image {
 630 |   border: none;
 631 |   max-width: 100%;
 632 |   width: auto;
 633 |   margin: 20px auto;
 634 | }
 635 | @media (min-width: 992px) {
 636 |   .full-image.full-image.full-image {
 637 |     max-width: none;
 638 |     width: 126%;
 639 |     margin: 0 -13%;
 640 |   }
 641 | }
 642 | .blockquote-center,
 643 | .page-home .post-type-quote blockquote,
 644 | .page-post-detail .post-type-quote blockquote {
 645 |   position: relative;
 646 |   margin: 40px 0;
 647 |   padding: 0;
 648 |   border-left: none;
 649 |   text-align: center;
 650 | }
 651 | .blockquote-center::before,
 652 | .page-home .post-type-quote blockquote::before,
 653 | .page-post-detail .post-type-quote blockquote::before,
 654 | .blockquote-center::after,
 655 | .page-home .post-type-quote blockquote::after,
 656 | .page-post-detail .post-type-quote blockquote::after {
 657 |   position: absolute;
 658 |   content: ' ';
 659 |   display: block;
 660 |   width: 100%;
 661 |   height: 24px;
 662 |   opacity: 0.2;
 663 |   background-repeat: no-repeat;
 664 |   background-position: 0 -6px;
 665 |   background-size: 22px 22px;
 666 | }
 667 | .blockquote-center::before,
 668 | .page-home .post-type-quote blockquote::before,
 669 | .page-post-detail .post-type-quote blockquote::before {
 670 |   top: -20px;
 671 |   background-image: url("../images/quote-l.svg");
 672 |   border-top: 1px solid #ccc;
 673 | }
 674 | .blockquote-center::after,
 675 | .page-home .post-type-quote blockquote::after,
 676 | .page-post-detail .post-type-quote blockquote::after {
 677 |   bottom: -20px;
 678 |   background-image: url("../images/quote-r.svg");
 679 |   border-bottom: 1px solid #ccc;
 680 |   background-position: 100% 8px;
 681 | }
 682 | .blockquote-center p,
 683 | .page-home .post-type-quote blockquote p,
 684 | .page-post-detail .post-type-quote blockquote p,
 685 | .blockquote-center div,
 686 | .page-home .post-type-quote blockquote div,
 687 | .page-post-detail .post-type-quote blockquote div {
 688 |   text-align: center;
 689 | }
 690 | .post .post-body .group-picture img {
 691 |   box-sizing: border-box;
 692 |   padding: 0 3px;
 693 |   border: none;
 694 | }
 695 | .post .group-picture-row {
 696 |   overflow: hidden;
 697 |   margin-top: 6px;
 698 | }
 699 | .post .group-picture-row:first-child {
 700 |   margin-top: 0;
 701 | }
 702 | .post .group-picture-column {
 703 |   float: left;
 704 | }
 705 | .page-post-detail .post-body .group-picture-column {
 706 |   float: none;
 707 |   margin-top: 10px;
 708 |   width: auto !important;
 709 | }
 710 | .page-post-detail .post-body .group-picture-column img {
 711 |   margin: 0 auto;
 712 | }
 713 | .page-archive .group-picture-container {
 714 |   overflow: hidden;
 715 | }
 716 | .page-archive .group-picture-row {
 717 |   float: left;
 718 | }
 719 | .page-archive .group-picture-row:first-child {
 720 |   margin-top: 6px;
 721 | }
 722 | .page-archive .group-picture-column {
 723 |   max-width: 150px;
 724 |   max-height: 150px;
 725 | }
 726 | .btn {
 727 |   display: inline-block;
 728 |   padding: 0 20px;
 729 |   font-size: 14px;
 730 |   color: #fff;
 731 |   background: #222;
 732 |   border: 2px solid #222;
 733 |   text-decoration: none;
 734 |   border-radius: 0;
 735 |   transition-property: background-color;
 736 |   transition-duration: 0.2s;
 737 |   transition-timing-function: ease-in-out;
 738 |   transition-delay: 0s;
 739 | }
 740 | .btn:hover,
 741 | .post-more-link .btn:hover {
 742 |   border-color: #222;
 743 |   color: #222;
 744 |   background: #fff;
 745 | }
 746 | .btn-bar {
 747 |   display: block;
 748 |   width: 22px;
 749 |   height: 2px;
 750 |   background: #555;
 751 |   border-radius: 1px;
 752 | }
 753 | .btn-bar+.btn-bar {
 754 |   margin-top: 4px;
 755 | }
 756 | .pagination {
 757 |   margin: 120px 0 40px;
 758 |   text-align: center;
 759 |   border-top: 1px solid #eee;
 760 | }
 761 | .page-number-basic,
 762 | .pagination .prev,
 763 | .pagination .next,
 764 | .pagination .page-number,
 765 | .pagination .space {
 766 |   display: inline-block;
 767 |   position: relative;
 768 |   top: -1px;
 769 |   margin: 0 10px;
 770 |   padding: 0 10px;
 771 |   line-height: 30px;
 772 | }
 773 | @media (max-width: 767px) {
 774 |   .page-number-basic,
 775 |   .pagination .prev,
 776 |   .pagination .next,
 777 |   .pagination .page-number,
 778 |   .pagination .space {
 779 |     margin: 0 5px;
 780 |   }
 781 | }
 782 | .pagination .prev,
 783 | .pagination .next,
 784 | .pagination .page-number {
 785 |   border-bottom: 0;
 786 |   border-top: 1px solid #eee;
 787 |   transition-property: border-color;
 788 |   transition-duration: 0.2s;
 789 |   transition-timing-function: ease-in-out;
 790 |   transition-delay: 0s;
 791 | }
 792 | .pagination .prev:hover,
 793 | .pagination .next:hover,
 794 | .pagination .page-number:hover {
 795 |   border-top-color: #222;
 796 | }
 797 | .pagination .space {
 798 |   padding: 0;
 799 |   margin: 0;
 800 | }
 801 | .pagination .prev {
 802 |   margin-left: 0;
 803 | }
 804 | .pagination .next {
 805 |   margin-right: 0;
 806 | }
 807 | .pagination .page-number.current {
 808 |   color: #fff;
 809 |   background: #ccc;
 810 |   border-top-color: #ccc;
 811 | }
 812 | @media (max-width: 767px) {
 813 |   .pagination {
 814 |     border-top: none;
 815 |   }
 816 |   .pagination .prev,
 817 |   .pagination .next,
 818 |   .pagination .page-number {
 819 |     margin-bottom: 10px;
 820 |     border-top: 0;
 821 |     border-bottom: 1px solid #eee;
 822 |   }
 823 |   .pagination .prev:hover,
 824 |   .pagination .next:hover,
 825 |   .pagination .page-number:hover {
 826 |     border-bottom-color: #222;
 827 |   }
 828 | }
 829 | .comments {
 830 |   margin: 60px 20px 0;
 831 | }
 832 | .tag-cloud {
 833 |   text-align: center;
 834 | }
 835 | .tag-cloud a {
 836 |   display: inline-block;
 837 |   margin: 10px;
 838 | }
 839 | .back-to-top {
 840 |   box-sizing: border-box;
 841 |   position: fixed;
 842 |   bottom: -100px;
 843 |   right: 50px;
 844 |   z-index: 1050;
 845 |   padding: 0 6px;
 846 |   width: 25px;
 847 |   background: #222;
 848 |   font-size: 12px;
 849 |   opacity: 1;
 850 |   color: #fff;
 851 |   cursor: pointer;
 852 |   text-align: center;
 853 |   -webkit-transform: translateZ(0);
 854 |   transition-property: bottom;
 855 |   transition-duration: 0.2s;
 856 |   transition-timing-function: ease-in-out;
 857 |   transition-delay: 0s;
 858 | }
 859 | @media (max-width: 767px) {
 860 |   .back-to-top {
 861 |     display: none;
 862 |   }
 863 | }
 864 | @media (min-width: 768px) and (max-width: 991px) {
 865 |   .back-to-top {
 866 |     display: none;
 867 |   }
 868 | }
 869 | .back-to-top.back-to-top-on {
 870 |   bottom: 19px;
 871 | }
 872 | .header {
 873 |   background: #fff;
 874 | }
 875 | .header-inner {
 876 |   position: relative;
 877 | }
 878 | .headband {
 879 |   height: 3px;
 880 |   background: #222;
 881 | }
 882 | .site-meta {
 883 |   margin: 0;
 884 |   text-align: left;
 885 | }
 886 | @media (max-width: 767px) {
 887 |   .site-meta {
 888 |     text-align: center;
 889 |   }
 890 | }
 891 | .brand {
 892 |   position: relative;
 893 |   display: inline-block;
 894 |   padding: 0 40px;
 895 |   color: #222;
 896 |   background: #222;
 897 |   border-bottom: none;
 898 | }
 899 | .brand:hover {
 900 |   color: #222;
 901 | }
 902 | .logo {
 903 |   display: inline-block;
 904 |   margin-right: 5px;
 905 |   line-height: 36px;
 906 |   vertical-align: top;
 907 | }
 908 | .site-title {
 909 |   display: inline-block;
 910 |   vertical-align: top;
 911 |   line-height: 36px;
 912 |   font-size: 20px;
 913 |   font-weight: normal;
 914 |   font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
 915 | }
 916 | .site-subtitle {
 917 |   margin-top: 10px;
 918 |   font-size: 13px;
 919 |   color: #999;
 920 | }
 921 | .use-motion .brand {
 922 |   opacity: 0;
 923 | }
 924 | .use-motion .logo,
 925 | .use-motion .site-title,
 926 | .use-motion .site-subtitle {
 927 |   opacity: 0;
 928 |   position: relative;
 929 |   top: -10px;
 930 | }
 931 | .site-nav-toggle {
 932 |   display: none;
 933 |   position: absolute;
 934 |   top: 10px;
 935 |   left: 10px;
 936 | }
 937 | @media (max-width: 767px) {
 938 |   .site-nav-toggle {
 939 |     display: block;
 940 |   }
 941 | }
 942 | .site-nav-toggle button {
 943 |   margin-top: 2px;
 944 |   padding: 9px 10px;
 945 |   background: transparent;
 946 |   border: none;
 947 | }
 948 | @media (max-width: 767px) {
 949 |   .site-nav {
 950 |     display: none;
 951 |     margin: 0 -10px;
 952 |     padding: 0 10px;
 953 |     clear: both;
 954 |     border-top: 1px solid #ddd;
 955 |   }
 956 | }
 957 | @media (min-width: 768px) and (max-width: 991px) {
 958 |   .site-nav {
 959 |     display: block !important;
 960 |   }
 961 | }
 962 | @media (min-width: 992px) {
 963 |   .site-nav {
 964 |     display: block !important;
 965 |   }
 966 | }
 967 | .menu {
 968 |   margin-top: 20px;
 969 |   padding-left: 0;
 970 |   text-align: center;
 971 | }
 972 | .menu .menu-item {
 973 |   display: inline-block;
 974 |   margin: 0 10px;
 975 | }
 976 | @media screen and (max-width: 767px) {
 977 |   .menu .menu-item {
 978 |     margin-top: 10px;
 979 |   }
 980 | }
 981 | .menu .menu-item a {
 982 |   display: block;
 983 |   font-size: 13px;
 984 |   text-transform: capitalize;
 985 |   line-height: inherit;
 986 |   border-bottom: 1px solid transparent;
 987 |   transition-property: border-color;
 988 |   transition-duration: 0.2s;
 989 |   transition-timing-function: ease-in-out;
 990 |   transition-delay: 0s;
 991 | }
 992 | .menu .menu-item a:hover {
 993 |   border-bottom-color: #222;
 994 | }
 995 | .menu .menu-item .fa {
 996 |   margin-right: 5px;
 997 | }
 998 | .use-motion .menu-item {
 999 |   opacity: 0;
1000 | }
1001 | .post-body {
1002 |   font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
1003 | }
1004 | @media (max-width: 767px) {
1005 |   .post-body {
1006 |     word-break: break-all;
1007 |   }
1008 | }
1009 | .post-body .fancybox img {
1010 |   display: block !important;
1011 |   margin: 0 auto;
1012 |   cursor: pointer;
1013 |   cursor: zoom-in;
1014 |   cursor: -webkit-zoom-in;
1015 | }
1016 | .post-body .image-caption,
1017 | .post-body .figure .caption {
1018 |   margin: 10px auto 15px;
1019 |   text-align: center;
1020 |   font-size: 14px;
1021 |   color: #999;
1022 |   font-weight: bold;
1023 |   line-height: 1;
1024 | }
1025 | .post-sticky-flag {
1026 |   display: inline-block;
1027 |   font-size: 16px;
1028 |   -ms-transform: rotate(30deg);
1029 |   transform: rotate(30deg);
1030 | }
1031 | .posts-expand {
1032 |   padding-top: 40px;
1033 | }
1034 | @media (max-width: 767px) {
1035 |   .posts-expand {
1036 |     margin: 0 20px;
1037 |   }
1038 |   .post-body pre,
1039 |   .post-body .highlight {
1040 |     padding: 10px;
1041 |   }
1042 |   .post-body pre .gutter pre,
1043 |   .post-body .highlight .gutter pre {
1044 |     padding-right: 10px;
1045 |   }
1046 | }
1047 | @media (min-width: 992px) {
1048 |   .posts-expand .post-body {
1049 |     text-align: justify;
1050 |   }
1051 | }
1052 | .posts-expand .post-body h2,
1053 | .posts-expand .post-body h3,
1054 | .posts-expand .post-body h4,
1055 | .posts-expand .post-body h5,
1056 | .posts-expand .post-body h6 {
1057 |   padding-top: 10px;
1058 | }
1059 | .posts-expand .post-body h2 .header-anchor,
1060 | .posts-expand .post-body h3 .header-anchor,
1061 | .posts-expand .post-body h4 .header-anchor,
1062 | .posts-expand .post-body h5 .header-anchor,
1063 | .posts-expand .post-body h6 .header-anchor {
1064 |   float: right;
1065 |   margin-left: 10px;
1066 |   color: #ccc;
1067 |   border-bottom-style: none;
1068 |   visibility: hidden;
1069 | }
1070 | .posts-expand .post-body h2 .header-anchor:hover,
1071 | .posts-expand .post-body h3 .header-anchor:hover,
1072 | .posts-expand .post-body h4 .header-anchor:hover,
1073 | .posts-expand .post-body h5 .header-anchor:hover,
1074 | .posts-expand .post-body h6 .header-anchor:hover {
1075 |   color: inherit;
1076 | }
1077 | .posts-expand .post-body h2:hover .header-anchor,
1078 | .posts-expand .post-body h3:hover .header-anchor,
1079 | .posts-expand .post-body h4:hover .header-anchor,
1080 | .posts-expand .post-body h5:hover .header-anchor,
1081 | .posts-expand .post-body h6:hover .header-anchor {
1082 |   visibility: visible;
1083 | }
1084 | .posts-expand .post-body ul li {
1085 |   list-style: circle;
1086 | }
1087 | .posts-expand .post-body img {
1088 |   box-sizing: border-box;
1089 |   margin: auto;
1090 |   padding: 3px;
1091 |   border: 1px solid #ddd;
1092 | }
1093 | .posts-expand .fancybox img {
1094 |   margin: 0 auto;
1095 | }
1096 | @media (max-width: 767px) {
1097 |   .posts-collapse {
1098 |     margin: 0 20px;
1099 |   }
1100 |   .posts-collapse .post-title,
1101 |   .posts-collapse .post-meta {
1102 |     display: block;
1103 |     width: auto;
1104 |     text-align: left;
1105 |   }
1106 | }
1107 | .posts-collapse {
1108 |   margin-left: 0;
1109 | }
1110 | @media (max-width: 767px) {
1111 |   .posts-collapse {
1112 |     margin: 0 20px;
1113 |   }
1114 | }
1115 | .posts-collapse .collection-title {
1116 |   position: relative;
1117 |   margin: 60px 0;
1118 | }
1119 | .posts-collapse .collection-title h2 {
1120 |   margin-left: 20px;
1121 | }
1122 | .posts-collapse .collection-title small {
1123 |   color: #bbb;
1124 | }
1125 | .posts-collapse .collection-title::before {
1126 |   content: " ";
1127 |   position: absolute;
1128 |   left: 0;
1129 |   top: 50%;
1130 |   margin-left: -4px;
1131 |   margin-top: -4px;
1132 |   width: 8px;
1133 |   height: 8px;
1134 |   background: #bbb;
1135 |   border-radius: 50%;
1136 | }
1137 | .posts-collapse .post {
1138 |   margin: 30px 0;
1139 | }
1140 | .posts-collapse .post-header {
1141 |   position: relative;
1142 |   transition-duration: 0.2s;
1143 |   transition-timing-function: ease-in-out;
1144 |   transition-delay: 0s;
1145 |   transition-property: border;
1146 |   border-bottom: 1px dashed #ccc;
1147 | }
1148 | .posts-collapse .post-header::before {
1149 |   content: " ";
1150 |   position: absolute;
1151 |   left: 0;
1152 |   top: 12px;
1153 |   width: 6px;
1154 |   height: 6px;
1155 |   margin-left: -4px;
1156 |   background: #bbb;
1157 |   border-radius: 50%;
1158 |   border: 1px solid #fff;
1159 |   transition-duration: 0.2s;
1160 |   transition-timing-function: ease-in-out;
1161 |   transition-delay: 0s;
1162 |   transition-property: background;
1163 | }
1164 | .posts-collapse .post-header:hover {
1165 |   border-bottom-color: #666;
1166 | }
1167 | .posts-collapse .post-header:hover::before {
1168 |   background: #222;
1169 | }
1170 | .posts-collapse .post-meta {
1171 |   position: absolute;
1172 |   font-size: 12px;
1173 |   left: 20px;
1174 |   top: 5px;
1175 | }
1176 | .posts-collapse .post-comments-count {
1177 |   display: none;
1178 | }
1179 | .posts-collapse .post-title {
1180 |   margin-left: 60px;
1181 |   font-size: 16px;
1182 |   font-weight: normal;
1183 |   line-height: inherit;
1184 | }
1185 | .posts-collapse .post-title::after {
1186 |   margin-left: 3px;
1187 |   opacity: 0.6;
1188 | }
1189 | .posts-collapse .post-title a {
1190 |   color: #666;
1191 |   border-bottom: none;
1192 | }
1193 | .page-home .post-type-quote .post-header,
1194 | .page-post-detail .post-type-quote .post-header,
1195 | .page-home .post-type-quote .post-tags,
1196 | .page-post-detail .post-type-quote .post-tags {
1197 |   display: none;
1198 | }
1199 | .posts-expand .post-title {
1200 |   font-size: 26px;
1201 |   text-align: center;
1202 |   word-break: break-word;
1203 | }
1204 | @media (max-width: 767px) {
1205 |   .posts-expand .post-title {
1206 |     font-size: 22px;
1207 |   }
1208 | }
1209 | .posts-expand .post-title-link {
1210 |   display: inline-block;
1211 |   position: relative;
1212 |   color: #555;
1213 |   border-bottom: none;
1214 |   line-height: 1.2;
1215 |   vertical-align: top;
1216 | }
1217 | .posts-expand .post-title-link::before {
1218 |   content: "";
1219 |   position: absolute;
1220 |   width: 100%;
1221 |   height: 2px;
1222 |   bottom: 0;
1223 |   left: 0;
1224 |   background-color: #000;
1225 |   visibility: hidden;
1226 |   transform: scaleX(0);
1227 |   transition-duration: 0.2s;
1228 |   transition-timing-function: ease-in-out;
1229 |   transition-delay: 0s;
1230 | }
1231 | .posts-expand .post-title-link:hover::before {
1232 |   visibility: visible;
1233 |   transform: scaleX(1);
1234 | }
1235 | .posts-expand .post-title-link .fa {
1236 |   font-size: 16px;
1237 | }
1238 | .posts-expand .post-meta {
1239 |   margin: 3px 0 60px 0;
1240 |   color: #999;
1241 |   font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
1242 |   font-size: 12px;
1243 |   text-align: center;
1244 | }
1245 | .posts-expand .post-meta .post-category-list {
1246 |   display: inline-block;
1247 |   margin: 0;
1248 |   padding: 3px;
1249 | }
1250 | .posts-expand .post-meta .post-category-list-link {
1251 |   color: #999;
1252 | }
1253 | .post-meta-item-icon {
1254 |   display: none;
1255 |   margin-right: 3px;
1256 | }
1257 | @media (min-width: 768px) and (max-width: 991px) {
1258 |   .post-meta-item-icon {
1259 |     display: inline-block;
1260 |   }
1261 | }
1262 | @media (max-width: 767px) {
1263 |   .post-meta-item-icon {
1264 |     display: inline-block;
1265 |   }
1266 | }
1267 | @media (min-width: 768px) and (max-width: 991px) {
1268 |   .post-meta-item-text {
1269 |     display: none;
1270 |   }
1271 | }
1272 | @media (max-width: 767px) {
1273 |   .post-meta-item-text {
1274 |     display: none;
1275 |   }
1276 | }
1277 | @media (max-width: 767px) {
1278 |   .posts-expand .post-comments-count {
1279 |     display: none;
1280 |   }
1281 | }
1282 | .post-more-link {
1283 |   margin-top: 50px;
1284 | }
1285 | .post-more-link .btn {
1286 |   color: #555;
1287 |   font-size: 14px;
1288 |   background: transparent;
1289 |   border-radius: 0;
1290 |   line-height: 2;
1291 | }
1292 | .posts-expand .post-tags {
1293 |   margin-top: 40px;
1294 |   text-align: center;
1295 | }
1296 | .posts-expand .post-tags a {
1297 |   display: inline-block;
1298 |   margin-right: 10px;
1299 |   font-size: 13px;
1300 | }
1301 | .post-nav {
1302 |   overflow: hidden;
1303 |   margin-top: 60px;
1304 |   padding: 10px;
1305 |   white-space: nowrap;
1306 |   border-top: 1px solid #eee;
1307 | }
1308 | .post-nav-item {
1309 |   display: inline-block;
1310 |   width: 50%;
1311 |   white-space: normal;
1312 | }
1313 | .post-nav-item a {
1314 |   position: relative;
1315 |   display: inline-block;
1316 |   line-height: 25px;
1317 |   font-size: 14px;
1318 |   color: #555;
1319 |   border-bottom: none;
1320 | }
1321 | .post-nav-item a:hover {
1322 |   color: #222;
1323 |   border-bottom: none;
1324 | }
1325 | .post-nav-item a:active {
1326 |   top: 2px;
1327 | }
1328 | .post-nav-item a i {
1329 |   font-size: 12px;
1330 | }
1331 | .post-nav-prev {
1332 |   text-align: right;
1333 | }
1334 | .posts-expand .post-eof {
1335 |   display: block;
1336 |   margin: 80px auto 60px;
1337 |   width: 8%;
1338 |   height: 1px;
1339 |   background: #ccc;
1340 |   text-align: center;
1341 | }
1342 | .post:last-child .post-eof.post-eof.post-eof {
1343 |   display: none;
1344 | }
1345 | .post-gallery {
1346 |   display: table;
1347 |   table-layout: fixed;
1348 |   width: 100%;
1349 |   border-collapse: separate;
1350 | }
1351 | .post-gallery-row {
1352 |   display: table-row;
1353 | }
1354 | .post-gallery .post-gallery-img {
1355 |   display: table-cell;
1356 |   text-align: center;
1357 |   vertical-align: middle;
1358 |   border: none;
1359 | }
1360 | .post-gallery .post-gallery-img img {
1361 |   max-width: 100%;
1362 |   max-height: 100%;
1363 |   border: none;
1364 | }
1365 | .fancybox-close,
1366 | .fancybox-close:hover {
1367 |   border: none;
1368 | }
1369 | .sidebar {
1370 |   position: fixed;
1371 |   right: 0;
1372 |   top: 0;
1373 |   bottom: 0;
1374 |   width: 0;
1375 |   z-index: 1040;
1376 |   box-shadow: inset 0 2px 6px #000;
1377 |   background: #222;
1378 |   -webkit-transform: translateZ(0);
1379 | }
1380 | .sidebar a {
1381 |   color: #999;
1382 |   border-bottom-color: #555;
1383 | }
1384 | .sidebar a:hover {
1385 |   color: #eee;
1386 | }
1387 | @media (min-width: 768px) and (max-width: 991px) {
1388 |   .sidebar {
1389 |     display: none !important;
1390 |   }
1391 | }
1392 | @media (max-width: 767px) {
1393 |   .sidebar {
1394 |     display: none !important;
1395 |   }
1396 | }
1397 | .sidebar-inner {
1398 |   position: relative;
1399 |   padding: 20px 10px;
1400 |   color: #999;
1401 |   text-align: center;
1402 | }
1403 | .sidebar-toggle {
1404 |   position: fixed;
1405 |   right: 50px;
1406 |   bottom: 45px;
1407 |   width: 15px;
1408 |   height: 15px;
1409 |   padding: 5px;
1410 |   background: #222;
1411 |   line-height: 0;
1412 |   z-index: 1050;
1413 |   cursor: pointer;
1414 |   -webkit-transform: translateZ(0);
1415 | }
1416 | @media (min-width: 768px) and (max-width: 991px) {
1417 |   .sidebar-toggle {
1418 |     display: none;
1419 |   }
1420 | }
1421 | @media (max-width: 767px) {
1422 |   .sidebar-toggle {
1423 |     display: none;
1424 |   }
1425 | }
1426 | .sidebar-toggle-line {
1427 |   position: relative;
1428 |   display: inline-block;
1429 |   vertical-align: top;
1430 |   height: 2px;
1431 |   width: 100%;
1432 |   background: #fff;
1433 |   margin-top: 3px;
1434 | }
1435 | .sidebar-toggle-line:first-child {
1436 |   margin-top: 0;
1437 | }
1438 | .site-author-image {
1439 |   display: block;
1440 |   margin: 0 auto;
1441 |   max-width: 96px;
1442 |   height: auto;
1443 |   border: 2px solid #333;
1444 |   padding: 2px;
1445 | }
1446 | .site-author-name {
1447 |   margin: 5px 0 0;
1448 |   color: #f5f5f5;
1449 | }
1450 | .site-description {
1451 |   margin-top: 5px;
1452 |   font-size: 14px;
1453 |   color: #555;
1454 | }
1455 | .site-state {
1456 |   overflow: hidden;
1457 |   line-height: 1.4;
1458 |   white-space: nowrap;
1459 | }
1460 | .site-state-item {
1461 |   display: inline-block;
1462 |   padding: 0 15px;
1463 |   border-left: 1px solid #333;
1464 | }
1465 | .site-state-item:first-child {
1466 |   border-left: none;
1467 | }
1468 | .site-state-item a {
1469 |   border-bottom: none;
1470 | }
1471 | .site-state-item-count {
1472 |   display: block;
1473 |   text-align: center;
1474 |   color: inherit;
1475 |   font-weight: 600;
1476 |   font-size: 18px;
1477 | }
1478 | .site-state-item-name {
1479 |   font-size: 13px;
1480 |   color: inherit;
1481 | }
1482 | .feed-link {
1483 |   margin-top: 20px;
1484 | }
1485 | .feed-link a {
1486 |   display: inline-block;
1487 |   padding: 0 15px;
1488 |   color: #fc6423;
1489 |   border: 1px solid #fc6423;
1490 |   border-radius: 4px;
1491 | }
1492 | .feed-link a i {
1493 |   color: #fc6423;
1494 |   font-size: 14px;
1495 | }
1496 | .feed-link a:hover {
1497 |   color: #fff;
1498 |   background: #fc6423;
1499 | }
1500 | .feed-link a:hover i {
1501 |   color: #fff;
1502 | }
1503 | .links-of-author {
1504 |   margin-top: 20px;
1505 | }
1506 | .links-of-author a {
1507 |   display: inline-block;
1508 |   vertical-align: middle;
1509 |   margin-right: 10px;
1510 |   margin-bottom: 10px;
1511 |   border-bottom-color: #555;
1512 |   font-size: 13px;
1513 | }
1514 | .links-of-author a:before {
1515 |   display: inline-block;
1516 |   vertical-align: middle;
1517 |   margin-right: 3px;
1518 |   content: " ";
1519 |   width: 4px;
1520 |   height: 4px;
1521 |   border-radius: 50%;
1522 |   background: #ec8fcf;
1523 | }
1524 | .links-of-blogroll {
1525 |   font-size: 13px;
1526 | }
1527 | .links-of-blogroll-title {
1528 |   margin-top: 20px;
1529 |   font-size: 14px;
1530 |   font-weight: 600;
1531 | }
1532 | .links-of-blogroll-list {
1533 |   margin: 0;
1534 |   padding: 0;
1535 | }
1536 | .links-of-blogroll-item {
1537 |   padding: 2px 10px;
1538 | }
1539 | .sidebar-nav {
1540 |   margin: 0 0 20px;
1541 |   padding-left: 0;
1542 | }
1543 | .sidebar-nav li {
1544 |   display: inline-block;
1545 |   cursor: pointer;
1546 |   border-bottom: 1px solid transparent;
1547 |   font-size: 14px;
1548 |   color: #555;
1549 | }
1550 | .sidebar-nav li:hover {
1551 |   color: #f5f5f5;
1552 | }
1553 | .page-post-detail .sidebar-nav-toc {
1554 |   padding: 0 5px;
1555 | }
1556 | .page-post-detail .sidebar-nav-overview {
1557 |   margin-left: 10px;
1558 | }
1559 | .sidebar-nav .sidebar-nav-active {
1560 |   color: #87daff;
1561 |   border-bottom-color: #87daff;
1562 | }
1563 | .sidebar-nav .sidebar-nav-active:hover {
1564 |   color: #87daff;
1565 | }
1566 | .sidebar-panel {
1567 |   display: none;
1568 | }
1569 | .sidebar-panel-active {
1570 |   display: block;
1571 | }
1572 | .post-toc-empty {
1573 |   font-size: 14px;
1574 |   color: #666;
1575 | }
1576 | .post-toc-wrap {
1577 |   overflow: hidden;
1578 | }
1579 | .post-toc {
1580 |   overflow: auto;
1581 | }
1582 | .post-toc ol {
1583 |   margin: 0;
1584 |   padding: 0 2px 5px 10px;
1585 |   text-align: left;
1586 |   list-style: none;
1587 |   font-size: 14px;
1588 | }
1589 | .post-toc ol > ol {
1590 |   padding-left: 0;
1591 | }
1592 | .post-toc ol a {
1593 |   transition-duration: 0.2s;
1594 |   transition-timing-function: ease-in-out;
1595 |   transition-delay: 0s;
1596 |   transition-property: all;
1597 |   color: #999;
1598 |   border-bottom-color: #555;
1599 | }
1600 | .post-toc ol a:hover {
1601 |   color: #ccc;
1602 |   border-bottom-color: #ccc;
1603 | }
1604 | .post-toc .nav-item {
1605 |   overflow: hidden;
1606 |   text-overflow: ellipsis;
1607 |   white-space: nowrap;
1608 |   line-height: 1.8;
1609 | }
1610 | .post-toc .nav .nav-child {
1611 |   display: none;
1612 | }
1613 | .post-toc .nav .active > .nav-child {
1614 |   display: block;
1615 | }
1616 | .post-toc .nav .active-current > .nav-child {
1617 |   display: block;
1618 | }
1619 | .post-toc .nav .active-current > .nav-child > .nav-item {
1620 |   display: block;
1621 | }
1622 | .post-toc .nav .active > a {
1623 |   color: #87daff;
1624 |   border-bottom-color: #87daff;
1625 | }
1626 | .post-toc .nav .active-current > a {
1627 |   color: #87daff;
1628 | }
1629 | .post-toc .nav .active-current > a:hover {
1630 |   color: #87daff;
1631 | }
1632 | .footer {
1633 |   font-size: 14px;
1634 |   color: #999;
1635 | }
1636 | .footer img {
1637 |   border: none;
1638 | }
1639 | .footer-inner {
1640 |   text-align: center;
1641 | }
1642 | .with-love {
1643 |   display: inline-block;
1644 |   margin: 0 5px;
1645 | }
1646 | .powered-by,
1647 | .theme-info {
1648 |   display: inline-block;
1649 | }
1650 | .powered-by {
1651 |   margin-right: 10px;
1652 | }
1653 | .powered-by::after {
1654 |   content: "|";
1655 |   padding-left: 10px;
1656 | }
1657 | .cc-license {
1658 |   margin-top: 10px;
1659 |   text-align: center;
1660 | }
1661 | .cc-license .cc-opacity {
1662 |   opacity: 0.7;
1663 |   border-bottom: none;
1664 | }
1665 | .cc-license .cc-opacity:hover {
1666 |   opacity: 0.9;
1667 | }
1668 | .cc-license img {
1669 |   display: inline-block;
1670 | }
1671 | .theme-next #ds-thread #ds-reset {
1672 |   color: #555;
1673 | }
1674 | .theme-next #ds-thread #ds-reset .ds-replybox {
1675 |   margin-bottom: 30px;
1676 | }
1677 | .theme-next #ds-thread #ds-reset .ds-replybox .ds-avatar,
1678 | .theme-next #ds-reset .ds-avatar img {
1679 |   box-shadow: none;
1680 | }
1681 | .theme-next #ds-thread #ds-reset .ds-textarea-wrapper {
1682 |   border-color: #c7d4e1;
1683 |   background: none;
1684 |   border-top-right-radius: 3px;
1685 |   border-top-left-radius: 3px;
1686 | }
1687 | .theme-next #ds-thread #ds-reset .ds-textarea-wrapper textarea {
1688 |   height: 60px;
1689 | }
1690 | .theme-next #ds-reset .ds-rounded-top {
1691 |   border-radius: 0;
1692 | }
1693 | .theme-next #ds-thread #ds-reset .ds-post-toolbar {
1694 |   box-sizing: border-box;
1695 |   border: 1px solid #c7d4e1;
1696 |   background: #f6f8fa;
1697 | }
1698 | .theme-next #ds-thread #ds-reset .ds-post-options {
1699 |   height: 40px;
1700 |   border: none;
1701 |   background: none;
1702 | }
1703 | .theme-next #ds-thread #ds-reset .ds-toolbar-buttons {
1704 |   top: 11px;
1705 | }
1706 | .theme-next #ds-thread #ds-reset .ds-sync {
1707 |   top: 5px;
1708 | }
1709 | .theme-next #ds-thread #ds-reset .ds-post-button {
1710 |   top: 4px;
1711 |   right: 5px;
1712 |   width: 90px;
1713 |   height: 30px;
1714 |   border: 1px solid #c5ced7;
1715 |   border-radius: 3px;
1716 |   background-image: linear-gradient(#fbfbfc, #f5f7f9);
1717 |   color: #60676d;
1718 | }
1719 | .theme-next #ds-thread #ds-reset .ds-post-button:hover {
1720 |   background-position: 0 -30px;
1721 |   color: #60676d;
1722 | }
1723 | .theme-next #ds-thread #ds-reset .ds-comments-info {
1724 |   padding: 10px 0;
1725 | }
1726 | .theme-next #ds-thread #ds-reset .ds-sort {
1727 |   display: none;
1728 | }
1729 | .theme-next #ds-thread #ds-reset li.ds-tab a.ds-current {
1730 |   border: none;
1731 |   background: #f6f8fa;
1732 |   color: #60676d;
1733 | }
1734 | .theme-next #ds-thread #ds-reset li.ds-tab a.ds-current:hover {
1735 |   background-color: #e9f0f7;
1736 |   color: #60676d;
1737 | }
1738 | .theme-next #ds-thread #ds-reset li.ds-tab a {
1739 |   border-radius: 2px;
1740 |   padding: 5px;
1741 | }
1742 | .theme-next #ds-thread #ds-reset .ds-login-buttons p {
1743 |   color: #999;
1744 |   line-height: 36px;
1745 | }
1746 | .theme-next #ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
1747 |   height: 28px;
1748 | }
1749 | .theme-next #ds-thread #ds-reset .ds-service-list a {
1750 |   background: none;
1751 |   padding: 5px;
1752 |   border: 1px solid;
1753 |   border-radius: 3px;
1754 |   text-align: center;
1755 | }
1756 | .theme-next #ds-thread #ds-reset .ds-service-list a:hover {
1757 |   color: #fff;
1758 |   background: #666;
1759 | }
1760 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weibo {
1761 |   color: #fc9b00;
1762 |   border-color: #fc9b00;
1763 | }
1764 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weibo:hover {
1765 |   background: #fc9b00;
1766 | }
1767 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-qq {
1768 |   color: #60a3ec;
1769 |   border-color: #60a3ec;
1770 | }
1771 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-qq:hover {
1772 |   background: #60a3ec;
1773 | }
1774 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-renren {
1775 |   color: #2e7ac4;
1776 |   border-color: #2e7ac4;
1777 | }
1778 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-renren:hover {
1779 |   background: #2e7ac4;
1780 | }
1781 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-douban {
1782 |   color: #37994c;
1783 |   border-color: #37994c;
1784 | }
1785 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-douban:hover {
1786 |   background: #37994c;
1787 | }
1788 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-kaixin {
1789 |   color: #fef20d;
1790 |   border-color: #fef20d;
1791 | }
1792 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-kaixin:hover {
1793 |   background: #fef20d;
1794 | }
1795 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-netease {
1796 |   color: #f00;
1797 |   border-color: #f00;
1798 | }
1799 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-netease:hover {
1800 |   background: #f00;
1801 | }
1802 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-sohu {
1803 |   color: #ffcb05;
1804 |   border-color: #ffcb05;
1805 | }
1806 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-sohu:hover {
1807 |   background: #ffcb05;
1808 | }
1809 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-baidu {
1810 |   color: #2831e0;
1811 |   border-color: #2831e0;
1812 | }
1813 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-baidu:hover {
1814 |   background: #2831e0;
1815 | }
1816 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-google {
1817 |   color: #166bec;
1818 |   border-color: #166bec;
1819 | }
1820 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-google:hover {
1821 |   background: #166bec;
1822 | }
1823 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weixin {
1824 |   color: #00ce0d;
1825 |   border-color: #00ce0d;
1826 | }
1827 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weixin:hover {
1828 |   background: #00ce0d;
1829 | }
1830 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-more-services {
1831 |   border: none;
1832 | }
1833 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-more-services:hover {
1834 |   background: none;
1835 | }
1836 | .theme-next #ds-reset .duoshuo-ua-admin {
1837 |   display: inline-block;
1838 |   color: #f00;
1839 | }
1840 | .theme-next #ds-reset .duoshuo-ua-platform,
1841 | .theme-next #ds-reset .duoshuo-ua-browser {
1842 |   color: #ccc;
1843 | }
1844 | .theme-next #ds-reset .duoshuo-ua-platform .fa,
1845 | .theme-next #ds-reset .duoshuo-ua-browser .fa {
1846 |   display: inline-block;
1847 |   margin-right: 3px;
1848 | }
1849 | .theme-next #ds-reset .duoshuo-ua-separator {
1850 |   display: inline-block;
1851 |   margin-left: 5px;
1852 | }
1853 | .theme-next .this_ua {
1854 |   background-color: #ccc !important;
1855 |   border-radius: 4px;
1856 |   padding: 0 5px !important;
1857 |   margin: 1px 1px !important;
1858 |   border: 1px solid #bbb !important;
1859 |   color: #fff;
1860 |   display: inline-block !important;
1861 | }
1862 | .theme-next .this_ua.admin {
1863 |   background-color: #d9534f !important;
1864 |   border-color: #d9534f !important;
1865 | }
1866 | .theme-next .this_ua.platform.iOS,
1867 | .theme-next .this_ua.platform.Mac,
1868 | .theme-next .this_ua.platform.Windows {
1869 |   background-color: #39b3d7 !important;
1870 |   border-color: #46b8da !important;
1871 | }
1872 | .theme-next .this_ua.platform.Linux {
1873 |   background-color: #3a3a3a !important;
1874 |   border-color: #1f1f1f !important;
1875 | }
1876 | .theme-next .this_ua.platform.Android {
1877 |   background-color: #00c47d !important;
1878 |   border-color: #01b171 !important;
1879 | }
1880 | .theme-next .this_ua.browser.Mobile,
1881 | .theme-next .this_ua.browser.Chrome {
1882 |   background-color: #5cb85c !important;
1883 |   border-color: #4cae4c !important;
1884 | }
1885 | .theme-next .this_ua.browser.Firefox {
1886 |   background-color: #f0ad4e !important;
1887 |   border-color: #eea236 !important;
1888 | }
1889 | .theme-next .this_ua.browser.Maxthon,
1890 | .theme-next .this_ua.browser.IE {
1891 |   background-color: #428bca !important;
1892 |   border-color: #357ebd !important;
1893 | }
1894 | .theme-next .this_ua.browser.baidu,
1895 | .theme-next .this_ua.browser.UCBrowser,
1896 | .theme-next .this_ua.browser.Opera {
1897 |   background-color: #d9534f !important;
1898 |   border-color: #d43f3a !important;
1899 | }
1900 | .theme-next .this_ua.browser.Android,
1901 | .theme-next .this_ua.browser.QQBrowser {
1902 |   background-color: #78ace9 !important;
1903 |   border-color: #4cae4c !important;
1904 | }
1905 | .post-spread {
1906 |   margin-top: 20px;
1907 |   text-align: center;
1908 | }
1909 | .jiathis_style {
1910 |   display: inline-block;
1911 | }
1912 | .jiathis_style a {
1913 |   border: none;
1914 | }
1915 | .post-spread {
1916 |   margin-top: 20px;
1917 |   text-align: center;
1918 | }
1919 | .bdshare-slide-button-box a {
1920 |   border: none;
1921 | }
1922 | .bdsharebuttonbox {
1923 |   display: inline-block;
1924 | }
1925 | .bdsharebuttonbox a {
1926 |   border: none;
1927 | }
1928 | ul.search-result-list {
1929 |   padding-left: 0px;
1930 |   margin: 0px 5px 0px 8px;
1931 | }
1932 | p.search-result {
1933 |   border-bottom: 1px dashed #ccc;
1934 |   padding: 5px 0;
1935 | }
1936 | a.search-result-title {
1937 |   font-weight: bold;
1938 | }
1939 | a.search-result {
1940 |   border-bottom: transparent;
1941 |   display: block;
1942 |   white-space: nowrap;
1943 |   overflow: hidden;
1944 |   text-overflow: ellipsis;
1945 | }
1946 | .search-keyword {
1947 |   border-bottom: 1px dashed #4088b8;
1948 |   font-weight: bold;
1949 | }
1950 | #local-search-result {
1951 |   height: 90%;
1952 |   overflow: auto;
1953 | }
1954 | .popup {
1955 |   display: none;
1956 |   position: fixed;
1957 |   top: 10%;
1958 |   left: 50%;
1959 |   width: 700px;
1960 |   height: 80%;
1961 |   margin-left: -350px;
1962 |   padding: 3px 0 0 10px;
1963 |   background: #fff;
1964 |   color: #333;
1965 |   z-index: 9999;
1966 |   border-radius: 5px;
1967 | }
1968 | @media (max-width: 767px) {
1969 |   .popup {
1970 |     padding: 3px;
1971 |     top: 0;
1972 |     left: 0;
1973 |     margin: 0;
1974 |     width: 100%;
1975 |     height: 100%;
1976 |     border-radius: 0px;
1977 |   }
1978 | }
1979 | .popoverlay {
1980 |   position: fixed;
1981 |   width: 100%;
1982 |   height: 100%;
1983 |   top: 0px;
1984 |   left: 0px;
1985 |   z-index: 2080;
1986 |   background-color: rgba(0,0,0,0.3);
1987 | }
1988 | #local-search-input {
1989 |   margin-bottom: 10px;
1990 |   width: 50%;
1991 | }
1992 | .popup-btn-close {
1993 |   position: absolute;
1994 |   top: 6px;
1995 |   right: 14px;
1996 |   color: #4ebd79;
1997 |   font-size: 14px;
1998 |   font-weight: bold;
1999 |   text-transform: uppercase;
2000 |   cursor: pointer;
2001 | }
2002 | #no-result {
2003 |   position: absolute;
2004 |   left: 44%;
2005 |   top: 42%;
2006 |   color: #ccc;
2007 | }
2008 | .use-motion .post {
2009 |   opacity: 0;
2010 | }
2011 | .page-archive .archive-page-counter {
2012 |   position: relative;
2013 |   top: 3px;
2014 |   left: 20px;
2015 | }
2016 | @media (max-width: 767px) {
2017 |   .page-archive .archive-page-counter {
2018 |     top: 5px;
2019 |   }
2020 | }
2021 | .page-archive .posts-collapse {
2022 |   position: relative;
2023 |   z-index: 1010;
2024 | }
2025 | .page-archive .posts-collapse::after {
2026 |   top: 20px;
2027 |   left: 0;
2028 |   margin-left: -2px;
2029 |   width: 4px;
2030 |   height: 100%;
2031 |   background: #f5f5f5;
2032 |   z-index: -1;
2033 | }
2034 | .page-archive .posts-collapse .archive-move-on {
2035 |   position: absolute;
2036 |   top: 11px;
2037 |   left: 0;
2038 |   margin-left: -6px;
2039 |   width: 10px;
2040 |   height: 10px;
2041 |   opacity: 0.5;
2042 |   background: #555;
2043 |   border: 1px solid #fff;
2044 |   border-radius: 50%;
2045 | }
2046 | .page-archive .posts-collapse::before,
2047 | .page-archive .posts-collapse::after {
2048 |   content: " ";
2049 |   position: absolute;
2050 | }
2051 | .category-all-page .category-all-title {
2052 |   text-align: center;
2053 | }
2054 | .category-all-page .category-all {
2055 |   margin-top: 20px;
2056 | }
2057 | .category-all-page .category-list {
2058 |   margin: 0;
2059 |   padding: 0;
2060 |   list-style: none;
2061 | }
2062 | .category-all-page .category-list-item {
2063 |   margin: 5px 10px;
2064 | }
2065 | .category-all-page .category-list-count {
2066 |   color: #bbb;
2067 | }
2068 | .category-all-page .category-list-count:before {
2069 |   display: inline;
2070 |   content: " (";
2071 | }
2072 | .category-all-page .category-list-count:after {
2073 |   display: inline;
2074 |   content: ") ";
2075 | }
2076 | .category-all-page .category-list-child {
2077 |   padding-left: 10px;
2078 | }
2079 | .page-post-detail .sidebar-toggle-line {
2080 |   background: #87daff;
2081 | }
2082 | .page-post-detail .comments {
2083 |   overflow: hidden;
2084 | }
2085 | h1,
2086 | h2,
2087 | h3,
2088 | h4,
2089 | h5,
2090 | h6 {
2091 |   margin: 20px 0 10px;
2092 | }
2093 | p {
2094 |   margin: 0 0 25px 0;
2095 | }
2096 | a {
2097 |   border-bottom-color: #ccc;
2098 | }
2099 | hr {
2100 |   margin: 20px 0;
2101 |   height: 2px;
2102 | }
2103 | .main-inner {
2104 |   margin-top: 80px;
2105 | }
2106 | .header {
2107 |   background: #f5f5f5;
2108 | }
2109 | .header-inner {
2110 |   padding: 25px 0 20px;
2111 | }
2112 | .header-inner:before,
2113 | .header-inner:after {
2114 |   content: " ";
2115 |   display: table;
2116 | }
2117 | .header-inner:after {
2118 |   clear: both;
2119 | }
2120 | @media (max-width: 767px) {
2121 |   .header-inner {
2122 |     width: auto;
2123 |     margin-bottom: 50px;
2124 |     padding: 10px;
2125 |   }
2126 | }
2127 | .site-meta {
2128 |   float: left;
2129 |   margin-left: -20px;
2130 |   line-height: normal;
2131 | }
2132 | @media (max-width: 767px) {
2133 |   .site-meta {
2134 |     margin-left: 10px;
2135 |   }
2136 | }
2137 | .site-meta .brand {
2138 |   padding: 2px 1px;
2139 |   background: none;
2140 | }
2141 | @media (max-width: 767px) {
2142 |   .site-meta .brand {
2143 |     display: block;
2144 |   }
2145 | }
2146 | .site-meta .logo {
2147 |   display: none;
2148 | }
2149 | .site-meta .site-title {
2150 |   font-size: 22px;
2151 |   font-weight: bolder;
2152 | }
2153 | @media (max-width: 767px) {
2154 |   .site-meta .site-title {
2155 |     line-height: 34px;
2156 |   }
2157 | }
2158 | .logo-line-before,
2159 | .logo-line-after {
2160 |   display: block;
2161 |   overflow: hidden;
2162 |   margin: 0 auto;
2163 |   width: 75%;
2164 | }
2165 | @media (max-width: 767px) {
2166 |   .logo-line-before,
2167 |   .logo-line-after {
2168 |     display: none;
2169 |   }
2170 | }
2171 | .logo-line-before i,
2172 | .logo-line-after i {
2173 |   position: relative;
2174 |   display: block;
2175 |   height: 2px;
2176 |   background: #222;
2177 | }
2178 | @media (max-width: 767px) {
2179 |   .logo-line-before i,
2180 |   .logo-line-after i {
2181 |     height: 3px;
2182 |   }
2183 | }
2184 | .use-motion .logo-line-before i {
2185 |   left: -100%;
2186 | }
2187 | .use-motion .logo-line-after i {
2188 |   right: -100%;
2189 | }
2190 | .site-subtitle {
2191 |   display: none;
2192 | }
2193 | .site-nav-toggle {
2194 |   position: static;
2195 |   float: right;
2196 | }
2197 | .menu {
2198 |   float: right;
2199 |   margin: 8px 0 0 0;
2200 | }
2201 | @media (max-width: 767px) {
2202 |   .menu {
2203 |     margin: 20px 0 0 0;
2204 |     padding: 0;
2205 |   }
2206 | }
2207 | .menu br {
2208 |   display: none;
2209 | }
2210 | .menu .menu-item {
2211 |   margin: 0;
2212 | }
2213 | @media (max-width: 767px) {
2214 |   .menu .menu-item {
2215 |     display: block;
2216 |   }
2217 | }
2218 | .menu .menu-item a {
2219 |   padding: 0 10px;
2220 |   background: none;
2221 |   border: none;
2222 |   border-radius: 2px;
2223 |   transition-property: background;
2224 | }
2225 | @media (max-width: 767px) {
2226 |   .menu .menu-item a {
2227 |     text-align: left;
2228 |   }
2229 | }
2230 | .menu .menu-item a:hover {
2231 |   background: #e1e1e1;
2232 | }
2233 | .menu a::before {
2234 |   display: none;
2235 | }
2236 | @media (max-width: 767px) {
2237 |   .menu a::before {
2238 |     display: block;
2239 |   }
2240 | }
2241 | @media (max-width: 767px) {
2242 |   .menu {
2243 |     float: none;
2244 |   }
2245 | }
2246 | .site-search form {
2247 |   display: none;
2248 | }
2249 | .posts-expand {
2250 |   padding-top: 0;
2251 | }
2252 | .posts-expand .post-title,
2253 | .posts-expand .post-meta {
2254 |   text-align: left;
2255 | }
2256 | @media (max-width: 767px) {
2257 |   .posts-expand .post-title,
2258 |   .posts-expand .post-meta {
2259 |     text-align: center;
2260 |   }
2261 | }
2262 | .posts-expand .post-eof {
2263 |   display: none;
2264 | }
2265 | .posts-expand .post {
2266 |   margin-top: 120px;
2267 | }
2268 | .posts-expand .post:first-child {
2269 |   margin-top: 0;
2270 | }
2271 | .posts-expand .post-meta {
2272 |   margin-top: 5px;
2273 |   margin-bottom: 20px;
2274 | }
2275 | .posts-expand .post-title {
2276 |   position: relative;
2277 |   font-size: 26px;
2278 |   font-weight: 400;
2279 | }
2280 | @media (max-width: 767px) {
2281 |   .posts-expand .post-title {
2282 |     font-size: 20px;
2283 |   }
2284 | }
2285 | @media (min-width: 1600px) {
2286 |   .posts-expand .post-title {
2287 |     font-size: 26px;
2288 |   }
2289 | }
2290 | .posts-expand .post-title:hover:before {
2291 |   background: #222;
2292 | }
2293 | .posts-expand .post-body img {
2294 |   margin: 0;
2295 | }
2296 | .posts-expand .post-tags {
2297 |   text-align: left;
2298 | }
2299 | .posts-expand .post-tags a {
2300 |   padding: 1px 5px;
2301 |   background: #f5f5f5;
2302 |   border-bottom: none;
2303 | }
2304 | .posts-expand .post-tags a:hover {
2305 |   background: #ccc;
2306 | }
2307 | .posts-expand .post-nav {
2308 |   margin-top: 40px;
2309 | }
2310 | .post-more-link {
2311 |   margin-top: 20px;
2312 |   text-align: left;
2313 | }
2314 | .post-more-link a {
2315 |   padding: 0;
2316 |   font-size: 14px;
2317 |   color: #666;
2318 |   background: none;
2319 |   border: none;
2320 |   border-bottom: 2px solid #666;
2321 |   transition-property: border;
2322 | }
2323 | @media (max-width: 767px) {
2324 |   .post-more-link a {
2325 |     font-size: 12px;
2326 |   }
2327 | }
2328 | @media (min-width: 1600px) {
2329 |   .post-more-link a {
2330 |     font-size: 16px;
2331 |   }
2332 | }
2333 | .post-more-link a:hover {
2334 |   border-bottom-color: #222;
2335 | }
2336 | .btn {
2337 |   padding: 0 10px;
2338 |   border-width: 2px;
2339 |   border-radius: 0;
2340 | }
2341 | .headband {
2342 |   display: none;
2343 | }
2344 | .site-search {
2345 |   position: relative;
2346 |   float: right;
2347 |   margin-top: 5px;
2348 |   padding-top: 3px;
2349 | }
2350 | @media (max-width: 767px) {
2351 |   .site-search {
2352 |     float: none;
2353 |     padding: 0 10px;
2354 |   }
2355 | }
2356 | @media (max-width: 767px) {
2357 |   .container .main-inner {
2358 |     width: auto;
2359 |   }
2360 | }
2361 | .page-post-detail .post-title,
2362 | .page-post-detail .post-meta {
2363 |   text-align: center;
2364 | }
2365 | .page-post-detail .post-title:before {
2366 |   display: none;
2367 | }
2368 | .page-post-detail .post-meta {
2369 |   margin-bottom: 60px;
2370 | }
2371 | .pagination {
2372 |   margin: 120px 0 0;
2373 |   text-align: left;
2374 | }
2375 | @media (max-width: 767px) {
2376 |   .pagination {
2377 |     margin: 80px 10px 0;
2378 |     text-align: center;
2379 |   }
2380 | }
2381 | .footer {
2382 |   margin-top: 80px;
2383 |   padding: 10px 0;
2384 |   background: #f5f5f5;
2385 |   color: #666;
2386 | }
2387 | .footer-inner {
2388 |   margin: 0 auto;
2389 |   text-align: left;
2390 | }
2391 | @media (max-width: 767px) {
2392 |   .footer-inner {
2393 |     width: auto;
2394 |     text-align: center;
2395 |   }
2396 | }
2397 | 


--------------------------------------------------------------------------------
/statics/css/muse.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: 'Lato', "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: 'Lato', "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 | .highlight table,
 376 | .gist table {
 377 |   width: auto;
 378 | }
 379 | .highlight table td,
 380 | .gist table td {
 381 |   border: none;
 382 | }
 383 | .highlight a,
 384 | .gist a {
 385 |   color: #222 !important;
 386 |   text-decoration: none !important;
 387 | }
 388 | .affix.affix.affix {
 389 |   position: fixed;
 390 | }
 391 | .translation {
 392 |   margin-top: -20px;
 393 |   font-size: 14px;
 394 |   color: #999;
 395 | }
 396 | .scrollbar-measure {
 397 |   width: 100px;
 398 |   height: 100px;
 399 |   overflow: scroll;
 400 |   position: absolute;
 401 |   top: -9999px;
 402 | }
 403 | .use-motion .motion-element {
 404 |   opacity: 0;
 405 | }
 406 | #local-search-input {
 407 |   padding: 3px;
 408 |   border: none;
 409 |   text-indent: 14px;
 410 |   border-radius: 0;
 411 |   width: 140px;
 412 |   outline: none;
 413 |   border-bottom: 1px solid #999;
 414 |   background: inherit;
 415 |   opacity: 0.5;
 416 | }
 417 | #local-search-input:focus {
 418 |   opacity: 1;
 419 | }
 420 | .search-icon {
 421 |   position: absolute;
 422 |   top: 9px;
 423 | }
 424 | table {
 425 |   margin: 20px 0;
 426 |   width: 100%;
 427 |   border-collapse: collapse;
 428 |   border-spacing: 0;
 429 |   border: 1px solid #ddd;
 430 |   font-size: 14px;
 431 |   word-wrap: break-word;
 432 | }
 433 | table>tbody>tr:nth-of-type(odd) {
 434 |   background-color: #f9f9f9;
 435 | }
 436 | table>tbody>tr:hover {
 437 |   background-color: #f5f5f5;
 438 | }
 439 | caption,
 440 | th,
 441 | td {
 442 |   padding: 8px;
 443 |   text-align: left;
 444 |   vertical-align: middle;
 445 |   font-weight: normal;
 446 | }
 447 | th,
 448 | td {
 449 |   border-bottom: 3px solid #ddd;
 450 |   border-right: 1px solid #eee;
 451 | }
 452 | th {
 453 |   padding-bottom: 10px;
 454 |   font-weight: 700;
 455 | }
 456 | td {
 457 |   border-bottom-width: 1px;
 458 | }
 459 | html,
 460 | body {
 461 |   height: 100%;
 462 | }
 463 | .container {
 464 |   position: relative;
 465 |   min-height: 100%;
 466 | }
 467 | .header-inner {
 468 |   margin: 0 auto;
 469 |   padding: 100px 0 70px;
 470 |   width: 700px;
 471 | }
 472 | @media (min-width: 1600px) {
 473 |   .container .header-inner {
 474 |     width: 900px;
 475 |   }
 476 | }
 477 | .main {
 478 |   padding-bottom: 150px;
 479 | }
 480 | .main-inner {
 481 |   margin: 0 auto;
 482 |   width: 700px;
 483 | }
 484 | @media (min-width: 1600px) {
 485 |   .container .main-inner {
 486 |     width: 900px;
 487 |   }
 488 | }
 489 | .footer {
 490 |   position: absolute;
 491 |   left: 0;
 492 |   bottom: 0;
 493 |   width: 100%;
 494 |   min-height: 50px;
 495 | }
 496 | .footer-inner {
 497 |   box-sizing: border-box;
 498 |   margin: 20px auto;
 499 |   width: 700px;
 500 | }
 501 | @media (min-width: 1600px) {
 502 |   .container .footer-inner {
 503 |     width: 900px;
 504 |   }
 505 | }
 506 | pre,
 507 | .highlight {
 508 |   overflow: auto;
 509 |   margin: 20px 0;
 510 |   padding: 15px;
 511 |   font-size: 13px;
 512 |   color: #4d4d4c;
 513 |   background: #f7f7f7;
 514 |   line-height: 1.6;
 515 | }
 516 | pre,
 517 | code {
 518 |   font-family: consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace;
 519 | }
 520 | code {
 521 |   padding: 2px 4px;
 522 |   word-break: break-all;
 523 |   color: #222;
 524 |   background: #eee;
 525 |   border-radius: 4px;
 526 |   font-size: 13px;
 527 | }
 528 | pre code {
 529 |   padding: 0;
 530 |   background: none;
 531 |   text-shadow: none;
 532 | }
 533 | .highlight pre {
 534 |   border: none;
 535 |   margin: 0;
 536 |   padding: 1px;
 537 | }
 538 | .highlight table {
 539 |   margin: 0;
 540 |   width: auto;
 541 |   border: none;
 542 | }
 543 | .highlight td {
 544 |   border: none;
 545 |   padding: 0;
 546 | }
 547 | .highlight figcaption {
 548 |   font-size: 0.85em;
 549 |   color: #8e908c;
 550 |   line-height: 1em;
 551 |   margin-bottom: 1em;
 552 | }
 553 | .highlight figcaption:before,
 554 | .highlight figcaption:after {
 555 |   content: " ";
 556 |   display: table;
 557 | }
 558 | .highlight figcaption:after {
 559 |   clear: both;
 560 | }
 561 | .highlight figcaption a {
 562 |   float: right;
 563 | }
 564 | .highlight .gutter pre {
 565 |   color: #666;
 566 |   text-align: right;
 567 |   padding-right: 20px;
 568 | }
 569 | .highlight .line {
 570 |   height: 20px;
 571 | }
 572 | pre .comment {
 573 |   color: #8e908c;
 574 | }
 575 | pre .variable,
 576 | pre .attribute,
 577 | pre .tag,
 578 | pre .regexp,
 579 | pre .ruby .constant,
 580 | pre .xml .tag .title,
 581 | pre .xml .pi,
 582 | pre .xml .doctype,
 583 | pre .html .doctype,
 584 | pre .css .id,
 585 | pre .css .class,
 586 | pre .css .pseudo {
 587 |   color: #c82829;
 588 | }
 589 | pre .number,
 590 | pre .preprocessor,
 591 | pre .built_in,
 592 | pre .literal,
 593 | pre .params,
 594 | pre .constant,
 595 | pre .command {
 596 |   color: #f5871f;
 597 | }
 598 | pre .ruby .class .title,
 599 | pre .css .rules .attribute,
 600 | pre .string,
 601 | pre .value,
 602 | pre .inheritance,
 603 | pre .header,
 604 | pre .ruby .symbol,
 605 | pre .xml .cdata,
 606 | pre .special,
 607 | pre .number,
 608 | pre .formula {
 609 |   color: #718c00;
 610 | }
 611 | pre .title,
 612 | pre .css .hexcolor {
 613 |   color: #3e999f;
 614 | }
 615 | pre .function,
 616 | pre .python .decorator,
 617 | pre .python .title,
 618 | pre .ruby .function .title,
 619 | pre .ruby .title .keyword,
 620 | pre .perl .sub,
 621 | pre .javascript .title,
 622 | pre .coffeescript .title {
 623 |   color: #4271ae;
 624 | }
 625 | pre .keyword,
 626 | pre .javascript .function {
 627 |   color: #8959a8;
 628 | }
 629 | .full-image.full-image.full-image {
 630 |   border: none;
 631 |   max-width: 100%;
 632 |   width: auto;
 633 |   margin: 20px auto;
 634 | }
 635 | @media (min-width: 992px) {
 636 |   .full-image.full-image.full-image {
 637 |     max-width: none;
 638 |     width: 126%;
 639 |     margin: 0 -13%;
 640 |   }
 641 | }
 642 | .blockquote-center,
 643 | .page-home .post-type-quote blockquote,
 644 | .page-post-detail .post-type-quote blockquote {
 645 |   position: relative;
 646 |   margin: 40px 0;
 647 |   padding: 0;
 648 |   border-left: none;
 649 |   text-align: center;
 650 | }
 651 | .blockquote-center::before,
 652 | .page-home .post-type-quote blockquote::before,
 653 | .page-post-detail .post-type-quote blockquote::before,
 654 | .blockquote-center::after,
 655 | .page-home .post-type-quote blockquote::after,
 656 | .page-post-detail .post-type-quote blockquote::after {
 657 |   position: absolute;
 658 |   content: ' ';
 659 |   display: block;
 660 |   width: 100%;
 661 |   height: 24px;
 662 |   opacity: 0.2;
 663 |   background-repeat: no-repeat;
 664 |   background-position: 0 -6px;
 665 |   background-size: 22px 22px;
 666 | }
 667 | .blockquote-center::before,
 668 | .page-home .post-type-quote blockquote::before,
 669 | .page-post-detail .post-type-quote blockquote::before {
 670 |   top: -20px;
 671 |   background-image: url("../images/quote-l.svg");
 672 |   border-top: 1px solid #ccc;
 673 | }
 674 | .blockquote-center::after,
 675 | .page-home .post-type-quote blockquote::after,
 676 | .page-post-detail .post-type-quote blockquote::after {
 677 |   bottom: -20px;
 678 |   background-image: url("../images/quote-r.svg");
 679 |   border-bottom: 1px solid #ccc;
 680 |   background-position: 100% 8px;
 681 | }
 682 | .blockquote-center p,
 683 | .page-home .post-type-quote blockquote p,
 684 | .page-post-detail .post-type-quote blockquote p,
 685 | .blockquote-center div,
 686 | .page-home .post-type-quote blockquote div,
 687 | .page-post-detail .post-type-quote blockquote div {
 688 |   text-align: center;
 689 | }
 690 | .post .post-body .group-picture img {
 691 |   box-sizing: border-box;
 692 |   padding: 0 3px;
 693 |   border: none;
 694 | }
 695 | .post .group-picture-row {
 696 |   overflow: hidden;
 697 |   margin-top: 6px;
 698 | }
 699 | .post .group-picture-row:first-child {
 700 |   margin-top: 0;
 701 | }
 702 | .post .group-picture-column {
 703 |   float: left;
 704 | }
 705 | .page-post-detail .post-body .group-picture-column {
 706 |   float: none;
 707 |   margin-top: 10px;
 708 |   width: auto !important;
 709 | }
 710 | .page-post-detail .post-body .group-picture-column img {
 711 |   margin: 0 auto;
 712 | }
 713 | .page-archive .group-picture-container {
 714 |   overflow: hidden;
 715 | }
 716 | .page-archive .group-picture-row {
 717 |   float: left;
 718 | }
 719 | .page-archive .group-picture-row:first-child {
 720 |   margin-top: 6px;
 721 | }
 722 | .page-archive .group-picture-column {
 723 |   max-width: 150px;
 724 |   max-height: 150px;
 725 | }
 726 | .btn {
 727 |   display: inline-block;
 728 |   padding: 0 20px;
 729 |   font-size: 14px;
 730 |   color: #fff;
 731 |   background: #222;
 732 |   border: 2px solid #222;
 733 |   text-decoration: none;
 734 |   border-radius: 0;
 735 |   transition-property: background-color;
 736 |   transition-duration: 0.2s;
 737 |   transition-timing-function: ease-in-out;
 738 |   transition-delay: 0s;
 739 | }
 740 | .btn:hover,
 741 | .post-more-link .btn:hover {
 742 |   border-color: #222;
 743 |   color: #222;
 744 |   background: #fff;
 745 | }
 746 | .btn-bar {
 747 |   display: block;
 748 |   width: 22px;
 749 |   height: 2px;
 750 |   background: #555;
 751 |   border-radius: 1px;
 752 | }
 753 | .btn-bar+.btn-bar {
 754 |   margin-top: 4px;
 755 | }
 756 | .pagination {
 757 |   margin: 120px 0 40px;
 758 |   text-align: center;
 759 |   border-top: 1px solid #eee;
 760 | }
 761 | .page-number-basic,
 762 | .pagination .prev,
 763 | .pagination .next,
 764 | .pagination .page-number,
 765 | .pagination .space {
 766 |   display: inline-block;
 767 |   position: relative;
 768 |   top: -1px;
 769 |   margin: 0 10px;
 770 |   padding: 0 10px;
 771 |   line-height: 30px;
 772 | }
 773 | @media (max-width: 767px) {
 774 |   .page-number-basic,
 775 |   .pagination .prev,
 776 |   .pagination .next,
 777 |   .pagination .page-number,
 778 |   .pagination .space {
 779 |     margin: 0 5px;
 780 |   }
 781 | }
 782 | .pagination .prev,
 783 | .pagination .next,
 784 | .pagination .page-number {
 785 |   border-bottom: 0;
 786 |   border-top: 1px solid #eee;
 787 |   transition-property: border-color;
 788 |   transition-duration: 0.2s;
 789 |   transition-timing-function: ease-in-out;
 790 |   transition-delay: 0s;
 791 | }
 792 | .pagination .prev:hover,
 793 | .pagination .next:hover,
 794 | .pagination .page-number:hover {
 795 |   border-top-color: #222;
 796 | }
 797 | .pagination .space {
 798 |   padding: 0;
 799 |   margin: 0;
 800 | }
 801 | .pagination .prev {
 802 |   margin-left: 0;
 803 | }
 804 | .pagination .next {
 805 |   margin-right: 0;
 806 | }
 807 | .pagination .page-number.current {
 808 |   color: #fff;
 809 |   background: #ccc;
 810 |   border-top-color: #ccc;
 811 | }
 812 | @media (max-width: 767px) {
 813 |   .pagination {
 814 |     border-top: none;
 815 |   }
 816 |   .pagination .prev,
 817 |   .pagination .next,
 818 |   .pagination .page-number {
 819 |     margin-bottom: 10px;
 820 |     border-top: 0;
 821 |     border-bottom: 1px solid #eee;
 822 |   }
 823 |   .pagination .prev:hover,
 824 |   .pagination .next:hover,
 825 |   .pagination .page-number:hover {
 826 |     border-bottom-color: #222;
 827 |   }
 828 | }
 829 | .comments {
 830 |   margin: 60px 20px 0;
 831 | }
 832 | .tag-cloud {
 833 |   text-align: center;
 834 | }
 835 | .tag-cloud a {
 836 |   display: inline-block;
 837 |   margin: 10px;
 838 | }
 839 | .back-to-top {
 840 |   box-sizing: border-box;
 841 |   position: fixed;
 842 |   bottom: -100px;
 843 |   right: 50px;
 844 |   z-index: 1050;
 845 |   padding: 0 6px;
 846 |   width: 25px;
 847 |   background: #222;
 848 |   font-size: 12px;
 849 |   opacity: 1;
 850 |   color: #fff;
 851 |   cursor: pointer;
 852 |   text-align: center;
 853 |   -webkit-transform: translateZ(0);
 854 |   transition-property: bottom;
 855 |   transition-duration: 0.2s;
 856 |   transition-timing-function: ease-in-out;
 857 |   transition-delay: 0s;
 858 | }
 859 | @media (max-width: 767px) {
 860 |   .back-to-top {
 861 |     display: none;
 862 |   }
 863 | }
 864 | @media (min-width: 768px) and (max-width: 991px) {
 865 |   .back-to-top {
 866 |     display: none;
 867 |   }
 868 | }
 869 | .back-to-top.back-to-top-on {
 870 |   bottom: 19px;
 871 | }
 872 | .header {
 873 |   background: #fff;
 874 | }
 875 | .header-inner {
 876 |   position: relative;
 877 | }
 878 | .headband {
 879 |   height: 3px;
 880 |   background: #222;
 881 | }
 882 | .site-meta {
 883 |   margin: 0;
 884 |   text-align: center;
 885 | }
 886 | @media (max-width: 767px) {
 887 |   .site-meta {
 888 |     text-align: center;
 889 |   }
 890 | }
 891 | .brand {
 892 |   position: relative;
 893 |   display: inline-block;
 894 |   padding: 0 40px;
 895 |   color: #fff;
 896 |   background: #222;
 897 |   border-bottom: none;
 898 | }
 899 | .brand:hover {
 900 |   color: #fff;
 901 | }
 902 | .logo {
 903 |   display: inline-block;
 904 |   margin-right: 5px;
 905 |   line-height: 36px;
 906 |   vertical-align: top;
 907 | }
 908 | .site-title {
 909 |   display: inline-block;
 910 |   vertical-align: top;
 911 |   line-height: 36px;
 912 |   font-size: 20px;
 913 |   font-weight: normal;
 914 |   font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
 915 | }
 916 | .site-subtitle {
 917 |   margin-top: 10px;
 918 |   font-size: 13px;
 919 |   color: #999;
 920 | }
 921 | .use-motion .brand {
 922 |   opacity: 0;
 923 | }
 924 | .use-motion .logo,
 925 | .use-motion .site-title,
 926 | .use-motion .site-subtitle {
 927 |   opacity: 0;
 928 |   position: relative;
 929 |   top: -10px;
 930 | }
 931 | .site-nav-toggle {
 932 |   display: none;
 933 |   position: absolute;
 934 |   top: 10px;
 935 |   left: 10px;
 936 | }
 937 | @media (max-width: 767px) {
 938 |   .site-nav-toggle {
 939 |     display: block;
 940 |   }
 941 | }
 942 | .site-nav-toggle button {
 943 |   margin-top: 2px;
 944 |   padding: 9px 10px;
 945 |   background: transparent;
 946 |   border: none;
 947 | }
 948 | @media (max-width: 767px) {
 949 |   .site-nav {
 950 |     display: none;
 951 |     margin: 0 -10px;
 952 |     padding: 0 10px;
 953 |     clear: both;
 954 |     border-top: 1px solid #ddd;
 955 |   }
 956 | }
 957 | @media (min-width: 768px) and (max-width: 991px) {
 958 |   .site-nav {
 959 |     display: block !important;
 960 |   }
 961 | }
 962 | @media (min-width: 992px) {
 963 |   .site-nav {
 964 |     display: block !important;
 965 |   }
 966 | }
 967 | .menu {
 968 |   margin-top: 20px;
 969 |   padding-left: 0;
 970 |   text-align: center;
 971 | }
 972 | .menu .menu-item {
 973 |   display: inline-block;
 974 |   margin: 0 10px;
 975 | }
 976 | @media screen and (max-width: 767px) {
 977 |   .menu .menu-item {
 978 |     margin-top: 10px;
 979 |   }
 980 | }
 981 | .menu .menu-item a {
 982 |   display: block;
 983 |   font-size: 13px;
 984 |   text-transform: capitalize;
 985 |   line-height: inherit;
 986 |   border-bottom: 1px solid transparent;
 987 |   transition-property: border-color;
 988 |   transition-duration: 0.2s;
 989 |   transition-timing-function: ease-in-out;
 990 |   transition-delay: 0s;
 991 | }
 992 | .menu .menu-item a:hover {
 993 |   border-bottom-color: #222;
 994 | }
 995 | .menu .menu-item .fa {
 996 |   margin-right: 5px;
 997 | }
 998 | .use-motion .menu-item {
 999 |   opacity: 0;
1000 | }
1001 | .post-body {
1002 |   font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
1003 | }
1004 | @media (max-width: 767px) {
1005 |   .post-body {
1006 |     word-break: break-all;
1007 |   }
1008 | }
1009 | .post-body .fancybox img {
1010 |   display: block !important;
1011 |   margin: 0 auto;
1012 |   cursor: pointer;
1013 |   cursor: zoom-in;
1014 |   cursor: -webkit-zoom-in;
1015 | }
1016 | .post-body .image-caption,
1017 | .post-body .figure .caption {
1018 |   margin: 10px auto 15px;
1019 |   text-align: center;
1020 |   font-size: 14px;
1021 |   color: #999;
1022 |   font-weight: bold;
1023 |   line-height: 1;
1024 | }
1025 | .post-sticky-flag {
1026 |   display: inline-block;
1027 |   font-size: 16px;
1028 |   -ms-transform: rotate(30deg);
1029 |   transform: rotate(30deg);
1030 | }
1031 | .posts-expand {
1032 |   padding-top: 40px;
1033 | }
1034 | @media (max-width: 767px) {
1035 |   .posts-expand {
1036 |     margin: 0 20px;
1037 |   }
1038 |   .post-body pre,
1039 |   .post-body .highlight {
1040 |     padding: 10px;
1041 |   }
1042 |   .post-body pre .gutter pre,
1043 |   .post-body .highlight .gutter pre {
1044 |     padding-right: 10px;
1045 |   }
1046 | }
1047 | @media (min-width: 992px) {
1048 |   .posts-expand .post-body {
1049 |     text-align: justify;
1050 |   }
1051 | }
1052 | .posts-expand .post-body h2,
1053 | .posts-expand .post-body h3,
1054 | .posts-expand .post-body h4,
1055 | .posts-expand .post-body h5,
1056 | .posts-expand .post-body h6 {
1057 |   padding-top: 10px;
1058 | }
1059 | .posts-expand .post-body h2 .header-anchor,
1060 | .posts-expand .post-body h3 .header-anchor,
1061 | .posts-expand .post-body h4 .header-anchor,
1062 | .posts-expand .post-body h5 .header-anchor,
1063 | .posts-expand .post-body h6 .header-anchor {
1064 |   float: right;
1065 |   margin-left: 10px;
1066 |   color: #ccc;
1067 |   border-bottom-style: none;
1068 |   visibility: hidden;
1069 | }
1070 | .posts-expand .post-body h2 .header-anchor:hover,
1071 | .posts-expand .post-body h3 .header-anchor:hover,
1072 | .posts-expand .post-body h4 .header-anchor:hover,
1073 | .posts-expand .post-body h5 .header-anchor:hover,
1074 | .posts-expand .post-body h6 .header-anchor:hover {
1075 |   color: inherit;
1076 | }
1077 | .posts-expand .post-body h2:hover .header-anchor,
1078 | .posts-expand .post-body h3:hover .header-anchor,
1079 | .posts-expand .post-body h4:hover .header-anchor,
1080 | .posts-expand .post-body h5:hover .header-anchor,
1081 | .posts-expand .post-body h6:hover .header-anchor {
1082 |   visibility: visible;
1083 | }
1084 | .posts-expand .post-body ul li {
1085 |   list-style: circle;
1086 | }
1087 | .posts-expand .post-body img {
1088 |   box-sizing: border-box;
1089 |   margin: auto;
1090 |   padding: 3px;
1091 |   border: 1px solid #ddd;
1092 | }
1093 | .posts-expand .fancybox img {
1094 |   margin: 0 auto;
1095 | }
1096 | @media (max-width: 767px) {
1097 |   .posts-collapse {
1098 |     margin: 0 20px;
1099 |   }
1100 |   .posts-collapse .post-title,
1101 |   .posts-collapse .post-meta {
1102 |     display: block;
1103 |     width: auto;
1104 |     text-align: left;
1105 |   }
1106 | }
1107 | .posts-collapse {
1108 |   margin-left: 55px;
1109 | }
1110 | @media (max-width: 767px) {
1111 |   .posts-collapse {
1112 |     margin: 0 20px;
1113 |   }
1114 | }
1115 | .posts-collapse .collection-title {
1116 |   position: relative;
1117 |   margin: 60px 0;
1118 | }
1119 | .posts-collapse .collection-title h2 {
1120 |   margin-left: 20px;
1121 | }
1122 | .posts-collapse .collection-title small {
1123 |   color: #bbb;
1124 | }
1125 | .posts-collapse .collection-title::before {
1126 |   content: " ";
1127 |   position: absolute;
1128 |   left: 0;
1129 |   top: 50%;
1130 |   margin-left: -4px;
1131 |   margin-top: -4px;
1132 |   width: 8px;
1133 |   height: 8px;
1134 |   background: #bbb;
1135 |   border-radius: 50%;
1136 | }
1137 | .posts-collapse .post {
1138 |   margin: 30px 0;
1139 | }
1140 | .posts-collapse .post-header {
1141 |   position: relative;
1142 |   transition-duration: 0.2s;
1143 |   transition-timing-function: ease-in-out;
1144 |   transition-delay: 0s;
1145 |   transition-property: border;
1146 |   border-bottom: 1px dashed #ccc;
1147 | }
1148 | .posts-collapse .post-header::before {
1149 |   content: " ";
1150 |   position: absolute;
1151 |   left: 0;
1152 |   top: 12px;
1153 |   width: 6px;
1154 |   height: 6px;
1155 |   margin-left: -4px;
1156 |   background: #bbb;
1157 |   border-radius: 50%;
1158 |   border: 1px solid #fff;
1159 |   transition-duration: 0.2s;
1160 |   transition-timing-function: ease-in-out;
1161 |   transition-delay: 0s;
1162 |   transition-property: background;
1163 | }
1164 | .posts-collapse .post-header:hover {
1165 |   border-bottom-color: #666;
1166 | }
1167 | .posts-collapse .post-header:hover::before {
1168 |   background: #222;
1169 | }
1170 | .posts-collapse .post-meta {
1171 |   position: absolute;
1172 |   font-size: 12px;
1173 |   left: 20px;
1174 |   top: 5px;
1175 | }
1176 | .posts-collapse .post-comments-count {
1177 |   display: none;
1178 | }
1179 | .posts-collapse .post-title {
1180 |   margin-left: 60px;
1181 |   font-size: 16px;
1182 |   font-weight: normal;
1183 |   line-height: inherit;
1184 | }
1185 | .posts-collapse .post-title::after {
1186 |   margin-left: 3px;
1187 |   opacity: 0.6;
1188 | }
1189 | .posts-collapse .post-title a {
1190 |   color: #666;
1191 |   border-bottom: none;
1192 | }
1193 | .page-home .post-type-quote .post-header,
1194 | .page-post-detail .post-type-quote .post-header,
1195 | .page-home .post-type-quote .post-tags,
1196 | .page-post-detail .post-type-quote .post-tags {
1197 |   display: none;
1198 | }
1199 | .posts-expand .post-title {
1200 |   font-size: 26px;
1201 |   text-align: center;
1202 |   word-break: break-word;
1203 | }
1204 | @media (max-width: 767px) {
1205 |   .posts-expand .post-title {
1206 |     font-size: 22px;
1207 |   }
1208 | }
1209 | .posts-expand .post-title-link {
1210 |   display: inline-block;
1211 |   position: relative;
1212 |   color: #555;
1213 |   border-bottom: none;
1214 |   line-height: 1.2;
1215 |   vertical-align: top;
1216 | }
1217 | .posts-expand .post-title-link::before {
1218 |   content: "";
1219 |   position: absolute;
1220 |   width: 100%;
1221 |   height: 2px;
1222 |   bottom: 0;
1223 |   left: 0;
1224 |   background-color: #000;
1225 |   visibility: hidden;
1226 |   transform: scaleX(0);
1227 |   transition-duration: 0.2s;
1228 |   transition-timing-function: ease-in-out;
1229 |   transition-delay: 0s;
1230 | }
1231 | .posts-expand .post-title-link:hover::before {
1232 |   visibility: visible;
1233 |   transform: scaleX(1);
1234 | }
1235 | .posts-expand .post-title-link .fa {
1236 |   font-size: 16px;
1237 | }
1238 | .posts-expand .post-meta {
1239 |   margin: 3px 0 60px 0;
1240 |   color: #999;
1241 |   font-family: 'Lato', "PingFang SC", "Microsoft YaHei", sans-serif;
1242 |   font-size: 12px;
1243 |   text-align: center;
1244 | }
1245 | .posts-expand .post-meta .post-category-list {
1246 |   display: inline-block;
1247 |   margin: 0;
1248 |   padding: 3px;
1249 | }
1250 | .posts-expand .post-meta .post-category-list-link {
1251 |   color: #999;
1252 | }
1253 | .post-meta-item-icon {
1254 |   display: none;
1255 |   margin-right: 3px;
1256 | }
1257 | @media (min-width: 768px) and (max-width: 991px) {
1258 |   .post-meta-item-icon {
1259 |     display: inline-block;
1260 |   }
1261 | }
1262 | @media (max-width: 767px) {
1263 |   .post-meta-item-icon {
1264 |     display: inline-block;
1265 |   }
1266 | }
1267 | @media (min-width: 768px) and (max-width: 991px) {
1268 |   .post-meta-item-text {
1269 |     display: none;
1270 |   }
1271 | }
1272 | @media (max-width: 767px) {
1273 |   .post-meta-item-text {
1274 |     display: none;
1275 |   }
1276 | }
1277 | @media (max-width: 767px) {
1278 |   .posts-expand .post-comments-count {
1279 |     display: none;
1280 |   }
1281 | }
1282 | .post-more-link {
1283 |   margin-top: 50px;
1284 | }
1285 | .post-more-link .btn {
1286 |   color: #fff;
1287 |   font-size: 14px;
1288 |   background: #222;
1289 |   border-radius: 0;
1290 |   line-height: 2;
1291 | }
1292 | .posts-expand .post-tags {
1293 |   margin-top: 40px;
1294 |   text-align: center;
1295 | }
1296 | .posts-expand .post-tags a {
1297 |   display: inline-block;
1298 |   margin-right: 10px;
1299 |   font-size: 13px;
1300 | }
1301 | .post-nav {
1302 |   overflow: hidden;
1303 |   margin-top: 60px;
1304 |   padding: 10px;
1305 |   white-space: nowrap;
1306 |   border-top: 1px solid #eee;
1307 | }
1308 | .post-nav-item {
1309 |   display: inline-block;
1310 |   width: 50%;
1311 |   white-space: normal;
1312 | }
1313 | .post-nav-item a {
1314 |   position: relative;
1315 |   display: inline-block;
1316 |   line-height: 25px;
1317 |   font-size: 14px;
1318 |   color: #555;
1319 |   border-bottom: none;
1320 | }
1321 | .post-nav-item a:hover {
1322 |   color: #222;
1323 |   border-bottom: none;
1324 | }
1325 | .post-nav-item a:active {
1326 |   top: 2px;
1327 | }
1328 | .post-nav-item a i {
1329 |   font-size: 12px;
1330 | }
1331 | .post-nav-prev {
1332 |   text-align: right;
1333 | }
1334 | .posts-expand .post-eof {
1335 |   display: block;
1336 |   margin: 80px auto 60px;
1337 |   width: 8%;
1338 |   height: 1px;
1339 |   background: #ccc;
1340 |   text-align: center;
1341 | }
1342 | .post:last-child .post-eof.post-eof.post-eof {
1343 |   display: none;
1344 | }
1345 | .post-gallery {
1346 |   display: table;
1347 |   table-layout: fixed;
1348 |   width: 100%;
1349 |   border-collapse: separate;
1350 | }
1351 | .post-gallery-row {
1352 |   display: table-row;
1353 | }
1354 | .post-gallery .post-gallery-img {
1355 |   display: table-cell;
1356 |   text-align: center;
1357 |   vertical-align: middle;
1358 |   border: none;
1359 | }
1360 | .post-gallery .post-gallery-img img {
1361 |   max-width: 100%;
1362 |   max-height: 100%;
1363 |   border: none;
1364 | }
1365 | .fancybox-close,
1366 | .fancybox-close:hover {
1367 |   border: none;
1368 | }
1369 | .sidebar {
1370 |   position: fixed;
1371 |   right: 0;
1372 |   top: 0;
1373 |   bottom: 0;
1374 |   width: 0;
1375 |   z-index: 1040;
1376 |   box-shadow: inset 0 2px 6px #000;
1377 |   background: #222;
1378 |   -webkit-transform: translateZ(0);
1379 | }
1380 | .sidebar a {
1381 |   color: #999;
1382 |   border-bottom-color: #555;
1383 | }
1384 | .sidebar a:hover {
1385 |   color: #eee;
1386 | }
1387 | @media (min-width: 768px) and (max-width: 991px) {
1388 |   .sidebar {
1389 |     display: none !important;
1390 |   }
1391 | }
1392 | @media (max-width: 767px) {
1393 |   .sidebar {
1394 |     display: none !important;
1395 |   }
1396 | }
1397 | .sidebar-inner {
1398 |   position: relative;
1399 |   padding: 20px 10px;
1400 |   color: #999;
1401 |   text-align: center;
1402 | }
1403 | .sidebar-toggle {
1404 |   position: fixed;
1405 |   right: 50px;
1406 |   bottom: 45px;
1407 |   width: 15px;
1408 |   height: 15px;
1409 |   padding: 5px;
1410 |   background: #222;
1411 |   line-height: 0;
1412 |   z-index: 1050;
1413 |   cursor: pointer;
1414 |   -webkit-transform: translateZ(0);
1415 | }
1416 | @media (min-width: 768px) and (max-width: 991px) {
1417 |   .sidebar-toggle {
1418 |     display: none;
1419 |   }
1420 | }
1421 | @media (max-width: 767px) {
1422 |   .sidebar-toggle {
1423 |     display: none;
1424 |   }
1425 | }
1426 | .sidebar-toggle-line {
1427 |   position: relative;
1428 |   display: inline-block;
1429 |   vertical-align: top;
1430 |   height: 2px;
1431 |   width: 100%;
1432 |   background: #fff;
1433 |   margin-top: 3px;
1434 | }
1435 | .sidebar-toggle-line:first-child {
1436 |   margin-top: 0;
1437 | }
1438 | .site-author-image {
1439 |   display: block;
1440 |   margin: 0 auto;
1441 |   max-width: 96px;
1442 |   height: auto;
1443 |   border: 2px solid #333;
1444 |   padding: 2px;
1445 | }
1446 | .site-author-name {
1447 |   margin: 5px 0 0;
1448 |   color: #f5f5f5;
1449 | }
1450 | .site-description {
1451 |   margin-top: 5px;
1452 |   font-size: 14px;
1453 |   color: #555;
1454 | }
1455 | .site-state {
1456 |   overflow: hidden;
1457 |   line-height: 1.4;
1458 |   white-space: nowrap;
1459 | }
1460 | .site-state-item {
1461 |   display: inline-block;
1462 |   padding: 0 15px;
1463 |   border-left: 1px solid #333;
1464 | }
1465 | .site-state-item:first-child {
1466 |   border-left: none;
1467 | }
1468 | .site-state-item a {
1469 |   border-bottom: none;
1470 | }
1471 | .site-state-item-count {
1472 |   display: block;
1473 |   text-align: center;
1474 |   color: inherit;
1475 |   font-weight: 600;
1476 |   font-size: 18px;
1477 | }
1478 | .site-state-item-name {
1479 |   font-size: 13px;
1480 |   color: inherit;
1481 | }
1482 | .feed-link {
1483 |   margin-top: 20px;
1484 | }
1485 | .feed-link a {
1486 |   display: inline-block;
1487 |   padding: 0 15px;
1488 |   color: #fc6423;
1489 |   border: 1px solid #fc6423;
1490 |   border-radius: 4px;
1491 | }
1492 | .feed-link a i {
1493 |   color: #fc6423;
1494 |   font-size: 14px;
1495 | }
1496 | .feed-link a:hover {
1497 |   color: #fff;
1498 |   background: #fc6423;
1499 | }
1500 | .feed-link a:hover i {
1501 |   color: #fff;
1502 | }
1503 | .links-of-author {
1504 |   margin-top: 20px;
1505 | }
1506 | .links-of-author a {
1507 |   display: inline-block;
1508 |   vertical-align: middle;
1509 |   margin-right: 10px;
1510 |   margin-bottom: 10px;
1511 |   border-bottom-color: #555;
1512 |   font-size: 13px;
1513 | }
1514 | .links-of-author a:before {
1515 |   display: inline-block;
1516 |   vertical-align: middle;
1517 |   margin-right: 3px;
1518 |   content: " ";
1519 |   width: 4px;
1520 |   height: 4px;
1521 |   border-radius: 50%;
1522 |   background: #8ba3c1;
1523 | }
1524 | .links-of-blogroll {
1525 |   font-size: 13px;
1526 | }
1527 | .links-of-blogroll-title {
1528 |   margin-top: 20px;
1529 |   font-size: 14px;
1530 |   font-weight: 600;
1531 | }
1532 | .links-of-blogroll-list {
1533 |   margin: 0;
1534 |   padding: 0;
1535 | }
1536 | .links-of-blogroll-item {
1537 |   padding: 2px 10px;
1538 | }
1539 | .sidebar-nav {
1540 |   margin: 0 0 20px;
1541 |   padding-left: 0;
1542 | }
1543 | .sidebar-nav li {
1544 |   display: inline-block;
1545 |   cursor: pointer;
1546 |   border-bottom: 1px solid transparent;
1547 |   font-size: 14px;
1548 |   color: #555;
1549 | }
1550 | .sidebar-nav li:hover {
1551 |   color: #f5f5f5;
1552 | }
1553 | .page-post-detail .sidebar-nav-toc {
1554 |   padding: 0 5px;
1555 | }
1556 | .page-post-detail .sidebar-nav-overview {
1557 |   margin-left: 10px;
1558 | }
1559 | .sidebar-nav .sidebar-nav-active {
1560 |   color: #87daff;
1561 |   border-bottom-color: #87daff;
1562 | }
1563 | .sidebar-nav .sidebar-nav-active:hover {
1564 |   color: #87daff;
1565 | }
1566 | .sidebar-panel {
1567 |   display: none;
1568 | }
1569 | .sidebar-panel-active {
1570 |   display: block;
1571 | }
1572 | .post-toc-empty {
1573 |   font-size: 14px;
1574 |   color: #666;
1575 | }
1576 | .post-toc-wrap {
1577 |   overflow: hidden;
1578 | }
1579 | .post-toc {
1580 |   overflow: auto;
1581 | }
1582 | .post-toc ol {
1583 |   margin: 0;
1584 |   padding: 0 2px 5px 10px;
1585 |   text-align: left;
1586 |   list-style: none;
1587 |   font-size: 14px;
1588 | }
1589 | .post-toc ol > ol {
1590 |   padding-left: 0;
1591 | }
1592 | .post-toc ol a {
1593 |   transition-duration: 0.2s;
1594 |   transition-timing-function: ease-in-out;
1595 |   transition-delay: 0s;
1596 |   transition-property: all;
1597 |   color: #999;
1598 |   border-bottom-color: #555;
1599 | }
1600 | .post-toc ol a:hover {
1601 |   color: #ccc;
1602 |   border-bottom-color: #ccc;
1603 | }
1604 | .post-toc .nav-item {
1605 |   overflow: hidden;
1606 |   text-overflow: ellipsis;
1607 |   white-space: nowrap;
1608 |   line-height: 1.8;
1609 | }
1610 | .post-toc .nav .nav-child {
1611 |   display: none;
1612 | }
1613 | .post-toc .nav .active > .nav-child {
1614 |   display: block;
1615 | }
1616 | .post-toc .nav .active-current > .nav-child {
1617 |   display: block;
1618 | }
1619 | .post-toc .nav .active-current > .nav-child > .nav-item {
1620 |   display: block;
1621 | }
1622 | .post-toc .nav .active > a {
1623 |   color: #87daff;
1624 |   border-bottom-color: #87daff;
1625 | }
1626 | .post-toc .nav .active-current > a {
1627 |   color: #87daff;
1628 | }
1629 | .post-toc .nav .active-current > a:hover {
1630 |   color: #87daff;
1631 | }
1632 | .footer {
1633 |   font-size: 14px;
1634 |   color: #999;
1635 | }
1636 | .footer img {
1637 |   border: none;
1638 | }
1639 | .footer-inner {
1640 |   text-align: center;
1641 | }
1642 | .with-love {
1643 |   display: inline-block;
1644 |   margin: 0 5px;
1645 | }
1646 | .powered-by,
1647 | .theme-info {
1648 |   display: inline-block;
1649 | }
1650 | .powered-by {
1651 |   margin-right: 10px;
1652 | }
1653 | .powered-by::after {
1654 |   content: "|";
1655 |   padding-left: 10px;
1656 | }
1657 | .cc-license {
1658 |   margin-top: 10px;
1659 |   text-align: center;
1660 | }
1661 | .cc-license .cc-opacity {
1662 |   opacity: 0.7;
1663 |   border-bottom: none;
1664 | }
1665 | .cc-license .cc-opacity:hover {
1666 |   opacity: 0.9;
1667 | }
1668 | .cc-license img {
1669 |   display: inline-block;
1670 | }
1671 | .theme-next #ds-thread #ds-reset {
1672 |   color: #555;
1673 | }
1674 | .theme-next #ds-thread #ds-reset .ds-replybox {
1675 |   margin-bottom: 30px;
1676 | }
1677 | .theme-next #ds-thread #ds-reset .ds-replybox .ds-avatar,
1678 | .theme-next #ds-reset .ds-avatar img {
1679 |   box-shadow: none;
1680 | }
1681 | .theme-next #ds-thread #ds-reset .ds-textarea-wrapper {
1682 |   border-color: #c7d4e1;
1683 |   background: none;
1684 |   border-top-right-radius: 3px;
1685 |   border-top-left-radius: 3px;
1686 | }
1687 | .theme-next #ds-thread #ds-reset .ds-textarea-wrapper textarea {
1688 |   height: 60px;
1689 | }
1690 | .theme-next #ds-reset .ds-rounded-top {
1691 |   border-radius: 0;
1692 | }
1693 | .theme-next #ds-thread #ds-reset .ds-post-toolbar {
1694 |   box-sizing: border-box;
1695 |   border: 1px solid #c7d4e1;
1696 |   background: #f6f8fa;
1697 | }
1698 | .theme-next #ds-thread #ds-reset .ds-post-options {
1699 |   height: 40px;
1700 |   border: none;
1701 |   background: none;
1702 | }
1703 | .theme-next #ds-thread #ds-reset .ds-toolbar-buttons {
1704 |   top: 11px;
1705 | }
1706 | .theme-next #ds-thread #ds-reset .ds-sync {
1707 |   top: 5px;
1708 | }
1709 | .theme-next #ds-thread #ds-reset .ds-post-button {
1710 |   top: 4px;
1711 |   right: 5px;
1712 |   width: 90px;
1713 |   height: 30px;
1714 |   border: 1px solid #c5ced7;
1715 |   border-radius: 3px;
1716 |   background-image: linear-gradient(#fbfbfc, #f5f7f9);
1717 |   color: #60676d;
1718 | }
1719 | .theme-next #ds-thread #ds-reset .ds-post-button:hover {
1720 |   background-position: 0 -30px;
1721 |   color: #60676d;
1722 | }
1723 | .theme-next #ds-thread #ds-reset .ds-comments-info {
1724 |   padding: 10px 0;
1725 | }
1726 | .theme-next #ds-thread #ds-reset .ds-sort {
1727 |   display: none;
1728 | }
1729 | .theme-next #ds-thread #ds-reset li.ds-tab a.ds-current {
1730 |   border: none;
1731 |   background: #f6f8fa;
1732 |   color: #60676d;
1733 | }
1734 | .theme-next #ds-thread #ds-reset li.ds-tab a.ds-current:hover {
1735 |   background-color: #e9f0f7;
1736 |   color: #60676d;
1737 | }
1738 | .theme-next #ds-thread #ds-reset li.ds-tab a {
1739 |   border-radius: 2px;
1740 |   padding: 5px;
1741 | }
1742 | .theme-next #ds-thread #ds-reset .ds-login-buttons p {
1743 |   color: #999;
1744 |   line-height: 36px;
1745 | }
1746 | .theme-next #ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
1747 |   height: 28px;
1748 | }
1749 | .theme-next #ds-thread #ds-reset .ds-service-list a {
1750 |   background: none;
1751 |   padding: 5px;
1752 |   border: 1px solid;
1753 |   border-radius: 3px;
1754 |   text-align: center;
1755 | }
1756 | .theme-next #ds-thread #ds-reset .ds-service-list a:hover {
1757 |   color: #fff;
1758 |   background: #666;
1759 | }
1760 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weibo {
1761 |   color: #fc9b00;
1762 |   border-color: #fc9b00;
1763 | }
1764 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weibo:hover {
1765 |   background: #fc9b00;
1766 | }
1767 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-qq {
1768 |   color: #60a3ec;
1769 |   border-color: #60a3ec;
1770 | }
1771 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-qq:hover {
1772 |   background: #60a3ec;
1773 | }
1774 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-renren {
1775 |   color: #2e7ac4;
1776 |   border-color: #2e7ac4;
1777 | }
1778 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-renren:hover {
1779 |   background: #2e7ac4;
1780 | }
1781 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-douban {
1782 |   color: #37994c;
1783 |   border-color: #37994c;
1784 | }
1785 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-douban:hover {
1786 |   background: #37994c;
1787 | }
1788 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-kaixin {
1789 |   color: #fef20d;
1790 |   border-color: #fef20d;
1791 | }
1792 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-kaixin:hover {
1793 |   background: #fef20d;
1794 | }
1795 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-netease {
1796 |   color: #f00;
1797 |   border-color: #f00;
1798 | }
1799 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-netease:hover {
1800 |   background: #f00;
1801 | }
1802 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-sohu {
1803 |   color: #ffcb05;
1804 |   border-color: #ffcb05;
1805 | }
1806 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-sohu:hover {
1807 |   background: #ffcb05;
1808 | }
1809 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-baidu {
1810 |   color: #2831e0;
1811 |   border-color: #2831e0;
1812 | }
1813 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-baidu:hover {
1814 |   background: #2831e0;
1815 | }
1816 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-google {
1817 |   color: #166bec;
1818 |   border-color: #166bec;
1819 | }
1820 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-google:hover {
1821 |   background: #166bec;
1822 | }
1823 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weixin {
1824 |   color: #00ce0d;
1825 |   border-color: #00ce0d;
1826 | }
1827 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-weixin:hover {
1828 |   background: #00ce0d;
1829 | }
1830 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-more-services {
1831 |   border: none;
1832 | }
1833 | .theme-next #ds-thread #ds-reset .ds-service-list .ds-more-services:hover {
1834 |   background: none;
1835 | }
1836 | .theme-next #ds-reset .duoshuo-ua-admin {
1837 |   display: inline-block;
1838 |   color: #f00;
1839 | }
1840 | .theme-next #ds-reset .duoshuo-ua-platform,
1841 | .theme-next #ds-reset .duoshuo-ua-browser {
1842 |   color: #ccc;
1843 | }
1844 | .theme-next #ds-reset .duoshuo-ua-platform .fa,
1845 | .theme-next #ds-reset .duoshuo-ua-browser .fa {
1846 |   display: inline-block;
1847 |   margin-right: 3px;
1848 | }
1849 | .theme-next #ds-reset .duoshuo-ua-separator {
1850 |   display: inline-block;
1851 |   margin-left: 5px;
1852 | }
1853 | .theme-next .this_ua {
1854 |   background-color: #ccc !important;
1855 |   border-radius: 4px;
1856 |   padding: 0 5px !important;
1857 |   margin: 1px 1px !important;
1858 |   border: 1px solid #bbb !important;
1859 |   color: #fff;
1860 |   display: inline-block !important;
1861 | }
1862 | .theme-next .this_ua.admin {
1863 |   background-color: #d9534f !important;
1864 |   border-color: #d9534f !important;
1865 | }
1866 | .theme-next .this_ua.platform.iOS,
1867 | .theme-next .this_ua.platform.Mac,
1868 | .theme-next .this_ua.platform.Windows {
1869 |   background-color: #39b3d7 !important;
1870 |   border-color: #46b8da !important;
1871 | }
1872 | .theme-next .this_ua.platform.Linux {
1873 |   background-color: #3a3a3a !important;
1874 |   border-color: #1f1f1f !important;
1875 | }
1876 | .theme-next .this_ua.platform.Android {
1877 |   background-color: #00c47d !important;
1878 |   border-color: #01b171 !important;
1879 | }
1880 | .theme-next .this_ua.browser.Mobile,
1881 | .theme-next .this_ua.browser.Chrome {
1882 |   background-color: #5cb85c !important;
1883 |   border-color: #4cae4c !important;
1884 | }
1885 | .theme-next .this_ua.browser.Firefox {
1886 |   background-color: #f0ad4e !important;
1887 |   border-color: #eea236 !important;
1888 | }
1889 | .theme-next .this_ua.browser.Maxthon,
1890 | .theme-next .this_ua.browser.IE {
1891 |   background-color: #428bca !important;
1892 |   border-color: #357ebd !important;
1893 | }
1894 | .theme-next .this_ua.browser.baidu,
1895 | .theme-next .this_ua.browser.UCBrowser,
1896 | .theme-next .this_ua.browser.Opera {
1897 |   background-color: #d9534f !important;
1898 |   border-color: #d43f3a !important;
1899 | }
1900 | .theme-next .this_ua.browser.Android,
1901 | .theme-next .this_ua.browser.QQBrowser {
1902 |   background-color: #78ace9 !important;
1903 |   border-color: #4cae4c !important;
1904 | }
1905 | .post-spread {
1906 |   margin-top: 20px;
1907 |   text-align: center;
1908 | }
1909 | .jiathis_style {
1910 |   display: inline-block;
1911 | }
1912 | .jiathis_style a {
1913 |   border: none;
1914 | }
1915 | .post-spread {
1916 |   margin-top: 20px;
1917 |   text-align: center;
1918 | }
1919 | .bdshare-slide-button-box a {
1920 |   border: none;
1921 | }
1922 | .bdsharebuttonbox {
1923 |   display: inline-block;
1924 | }
1925 | .bdsharebuttonbox a {
1926 |   border: none;
1927 | }
1928 | ul.search-result-list {
1929 |   padding-left: 0px;
1930 |   margin: 0px 5px 0px 8px;
1931 | }
1932 | p.search-result {
1933 |   border-bottom: 1px dashed #ccc;
1934 |   padding: 5px 0;
1935 | }
1936 | a.search-result-title {
1937 |   font-weight: bold;
1938 | }
1939 | a.search-result {
1940 |   border-bottom: transparent;
1941 |   display: block;
1942 |   white-space: nowrap;
1943 |   overflow: hidden;
1944 |   text-overflow: ellipsis;
1945 | }
1946 | .search-keyword {
1947 |   border-bottom: 1px dashed #4088b8;
1948 |   font-weight: bold;
1949 | }
1950 | #local-search-result {
1951 |   height: 90%;
1952 |   overflow: auto;
1953 | }
1954 | .popup {
1955 |   display: none;
1956 |   position: fixed;
1957 |   top: 10%;
1958 |   left: 50%;
1959 |   width: 700px;
1960 |   height: 80%;
1961 |   margin-left: -350px;
1962 |   padding: 3px 0 0 10px;
1963 |   background: #fff;
1964 |   color: #333;
1965 |   z-index: 9999;
1966 |   border-radius: 5px;
1967 | }
1968 | @media (max-width: 767px) {
1969 |   .popup {
1970 |     padding: 3px;
1971 |     top: 0;
1972 |     left: 0;
1973 |     margin: 0;
1974 |     width: 100%;
1975 |     height: 100%;
1976 |     border-radius: 0px;
1977 |   }
1978 | }
1979 | .popoverlay {
1980 |   position: fixed;
1981 |   width: 100%;
1982 |   height: 100%;
1983 |   top: 0px;
1984 |   left: 0px;
1985 |   z-index: 2080;
1986 |   background-color: rgba(0,0,0,0.3);
1987 | }
1988 | #local-search-input {
1989 |   margin-bottom: 10px;
1990 |   width: 50%;
1991 | }
1992 | .popup-btn-close {
1993 |   position: absolute;
1994 |   top: 6px;
1995 |   right: 14px;
1996 |   color: #4ebd79;
1997 |   font-size: 14px;
1998 |   font-weight: bold;
1999 |   text-transform: uppercase;
2000 |   cursor: pointer;
2001 | }
2002 | #no-result {
2003 |   position: absolute;
2004 |   left: 44%;
2005 |   top: 42%;
2006 |   color: #ccc;
2007 | }
2008 | .use-motion .post {
2009 |   opacity: 0;
2010 | }
2011 | .page-archive .archive-page-counter {
2012 |   position: relative;
2013 |   top: 3px;
2014 |   left: 20px;
2015 | }
2016 | @media (max-width: 767px) {
2017 |   .page-archive .archive-page-counter {
2018 |     top: 5px;
2019 |   }
2020 | }
2021 | .page-archive .posts-collapse {
2022 |   position: relative;
2023 |   z-index: 1010;
2024 | }
2025 | .page-archive .posts-collapse::after {
2026 |   top: 20px;
2027 |   left: 0;
2028 |   margin-left: -2px;
2029 |   width: 4px;
2030 |   height: 100%;
2031 |   background: #f5f5f5;
2032 |   z-index: -1;
2033 | }
2034 | .page-archive .posts-collapse .archive-move-on {
2035 |   position: absolute;
2036 |   top: 11px;
2037 |   left: 0;
2038 |   margin-left: -6px;
2039 |   width: 10px;
2040 |   height: 10px;
2041 |   opacity: 0.5;
2042 |   background: #555;
2043 |   border: 1px solid #fff;
2044 |   border-radius: 50%;
2045 | }
2046 | .page-archive .posts-collapse::before,
2047 | .page-archive .posts-collapse::after {
2048 |   content: " ";
2049 |   position: absolute;
2050 | }
2051 | .category-all-page .category-all-title {
2052 |   text-align: center;
2053 | }
2054 | .category-all-page .category-all {
2055 |   margin-top: 20px;
2056 | }
2057 | .category-all-page .category-list {
2058 |   margin: 0;
2059 |   padding: 0;
2060 |   list-style: none;
2061 | }
2062 | .category-all-page .category-list-item {
2063 |   margin: 5px 10px;
2064 | }
2065 | .category-all-page .category-list-count {
2066 |   color: #bbb;
2067 | }
2068 | .category-all-page .category-list-count:before {
2069 |   display: inline;
2070 |   content: " (";
2071 | }
2072 | .category-all-page .category-list-count:after {
2073 |   display: inline;
2074 |   content: ") ";
2075 | }
2076 | .category-all-page .category-list-child {
2077 |   padding-left: 10px;
2078 | }
2079 | .page-post-detail .sidebar-toggle-line {
2080 |   background: #87daff;
2081 | }
2082 | .page-post-detail .comments {
2083 |   overflow: hidden;
2084 | }
2085 | @media (max-width: 767px) {
2086 |   .header-inner,
2087 |   .container .main-inner,
2088 |   .footer-inner {
2089 |     width: auto;
2090 |   }
2091 | }
2092 | .custom-logo .site-meta-headline {
2093 |   text-align: center;
2094 | }
2095 | .custom-logo .brand {
2096 |   background: none;
2097 | }
2098 | .custom-logo .site-title {
2099 |   margin: 10px auto 0;
2100 |   font-size: 24px;
2101 |   color: #222;
2102 | }
2103 | .custom-logo .site-title a {
2104 |   border: none;
2105 | }
2106 | .custom-logo-image {
2107 |   margin: 0 auto;
2108 |   padding: 5px;
2109 |   max-width: 150px;
2110 |   background: #fff;
2111 | }
2112 | @media (max-width: 767px) {
2113 |   .site-nav {
2114 |     position: absolute;
2115 |     left: 0;
2116 |     top: 52px;
2117 |     margin: 0;
2118 |     width: 100%;
2119 |     padding: 0;
2120 |     background: #fff;
2121 |     border-bottom: 1px solid #ddd;
2122 |   }
2123 | }
2124 | @media (max-width: 767px) {
2125 |   .menu {
2126 |     text-align: left;
2127 |   }
2128 | }
2129 | @media (max-width: 767px) {
2130 |   .menu .menu-item {
2131 |     display: block;
2132 |     margin: 0 10px;
2133 |     vertical-align: top;
2134 |   }
2135 | }
2136 | @media (max-width: 767px) {
2137 |   .menu .menu-item br {
2138 |     display: none;
2139 |   }
2140 | }
2141 | @media (max-width: 767px) {
2142 |   .menu .menu-item a {
2143 |     padding: 5px 10px;
2144 |   }
2145 | }
2146 | .menu .menu-item .fa {
2147 |   margin-right: 0;
2148 | }
2149 | .site-search form {
2150 |   display: none;
2151 | }
2152 | 


--------------------------------------------------------------------------------
/statics/js/affix.js:
--------------------------------------------------------------------------------
  1 | /* ========================================================================
  2 |  * Bootstrap: affix.js v3.3.5
  3 |  * http://getbootstrap.com/javascript/#affix
  4 |  * ========================================================================
  5 |  * Copyright 2011-2015 Twitter, Inc.
  6 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  7 |  * ======================================================================== */
  8 | 
  9 | 
 10 | +function ($) {
 11 |   'use strict';
 12 | 
 13 |   // AFFIX CLASS DEFINITION
 14 |   // ======================
 15 | 
 16 |   var Affix = function (element, options) {
 17 |     this.options = $.extend({}, Affix.DEFAULTS, options)
 18 | 
 19 |     this.$target = $(this.options.target)
 20 |       .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this))
 21 |       .on('click.bs.affix.data-api',  $.proxy(this.checkPositionWithEventLoop, this))
 22 | 
 23 |     this.$element     = $(element)
 24 |     this.affixed      = null
 25 |     this.unpin        = null
 26 |     this.pinnedOffset = null
 27 | 
 28 |     this.checkPosition()
 29 |   }
 30 | 
 31 |   Affix.VERSION  = '3.3.5'
 32 | 
 33 |   Affix.RESET    = 'affix affix-top affix-bottom'
 34 | 
 35 |   Affix.DEFAULTS = {
 36 |     offset: 0,
 37 |     target: window
 38 |   }
 39 | 
 40 |   Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) {
 41 |     var scrollTop    = this.$target.scrollTop()
 42 |     var position     = this.$element.offset()
 43 |     var targetHeight = this.$target.height()
 44 | 
 45 |     if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false
 46 | 
 47 |     if (this.affixed == 'bottom') {
 48 |       if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom'
 49 |       return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom'
 50 |     }
 51 | 
 52 |     var initializing   = this.affixed == null
 53 |     var colliderTop    = initializing ? scrollTop : position.top
 54 |     var colliderHeight = initializing ? targetHeight : height
 55 | 
 56 |     if (offsetTop != null && scrollTop <= offsetTop) return 'top'
 57 |     if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom'
 58 | 
 59 |     return false
 60 |   }
 61 | 
 62 |   Affix.prototype.getPinnedOffset = function () {
 63 |     if (this.pinnedOffset) return this.pinnedOffset
 64 |     this.$element.removeClass(Affix.RESET).addClass('affix')
 65 |     var scrollTop = this.$target.scrollTop()
 66 |     var position  = this.$element.offset()
 67 |     return (this.pinnedOffset = position.top - scrollTop)
 68 |   }
 69 | 
 70 |   Affix.prototype.checkPositionWithEventLoop = function () {
 71 |     setTimeout($.proxy(this.checkPosition, this), 1)
 72 |   }
 73 | 
 74 |   Affix.prototype.checkPosition = function () {
 75 |     if (!this.$element.is(':visible')) return
 76 | 
 77 |     var height       = this.$element.height()
 78 |     var offset       = this.options.offset
 79 |     var offsetTop    = offset.top
 80 |     var offsetBottom = offset.bottom
 81 |     var scrollHeight = Math.max($(document).height(), $(document.body).height())
 82 | 
 83 |     if (typeof offset != 'object')         offsetBottom = offsetTop = offset
 84 |     if (typeof offsetTop == 'function')    offsetTop    = offset.top(this.$element)
 85 |     if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element)
 86 | 
 87 |     var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom)
 88 | 
 89 |     if (this.affixed != affix) {
 90 |       if (this.unpin != null) this.$element.css('top', '')
 91 | 
 92 |       var affixType = 'affix' + (affix ? '-' + affix : '')
 93 |       var e         = $.Event(affixType + '.bs.affix')
 94 | 
 95 |       this.$element.trigger(e)
 96 | 
 97 |       if (e.isDefaultPrevented()) return
 98 | 
 99 |       this.affixed = affix
100 |       this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null
101 | 
102 |       this.$element
103 |         .removeClass(Affix.RESET)
104 |         .addClass(affixType)
105 |         .trigger(affixType.replace('affix', 'affixed') + '.bs.affix')
106 |     }
107 | 
108 |     if (affix == 'bottom') {
109 |       this.$element.offset({
110 |         top: scrollHeight - height - offsetBottom
111 |       })
112 |     }
113 |   }
114 | 
115 | 
116 |   // AFFIX PLUGIN DEFINITION
117 |   // =======================
118 | 
119 |   function Plugin(option) {
120 |     return this.each(function () {
121 |       var $this   = $(this)
122 |       var data    = $this.data('bs.affix')
123 |       var options = typeof option == 'object' && option
124 | 
125 |       if (!data) $this.data('bs.affix', (data = new Affix(this, options)))
126 |       if (typeof option == 'string') data[option]()
127 |     })
128 |   }
129 | 
130 |   var old = $.fn.affix
131 | 
132 |   $.fn.affix             = Plugin
133 |   $.fn.affix.Constructor = Affix
134 | 
135 | 
136 |   // AFFIX NO CONFLICT
137 |   // =================
138 | 
139 |   $.fn.affix.noConflict = function () {
140 |     $.fn.affix = old
141 |     return this
142 |   }
143 | 
144 | 
145 |   // AFFIX DATA-API
146 |   // ==============
147 | 
148 |   $(window).on('load', function () {
149 |     $('[data-spy="affix"]').each(function () {
150 |       var $spy = $(this)
151 |       var data = $spy.data()
152 | 
153 |       data.offset = data.offset || {}
154 | 
155 |       if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom
156 |       if (data.offsetTop    != null) data.offset.top    = data.offsetTop
157 | 
158 |       Plugin.call($spy, data)
159 |     })
160 |   })
161 | 
162 | }(jQuery);
163 | 


--------------------------------------------------------------------------------
/statics/js/bootstrap.js:
--------------------------------------------------------------------------------
 1 | /* global NexT: true */
 2 | 
 3 | $(document).ready(function () {
 4 | 
 5 |   $(document).trigger('bootstrap:before');
 6 | 
 7 |   NexT.utils.isMobile() && window.FastClick.attach(document.body);
 8 | 
 9 |   NexT.utils.lazyLoadPostsImages();
10 | 
11 |   NexT.utils.registerBackToTop();
12 | 
13 |   $('.site-nav-toggle button').on('click', function () {
14 |     var $siteNav = $('.site-nav');
15 |     var ON_CLASS_NAME = 'site-nav-on';
16 |     var isSiteNavOn = $siteNav.hasClass(ON_CLASS_NAME);
17 |     var animateAction = isSiteNavOn ? 'slideUp' : 'slideDown';
18 |     var animateCallback = isSiteNavOn ? 'removeClass' : 'addClass';
19 | 
20 |     $siteNav.stop()[animateAction]('fast', function () {
21 |       $siteNav[animateCallback](ON_CLASS_NAME);
22 |     });
23 |   });
24 | 
25 | 
26 |   CONFIG.fancybox && NexT.utils.wrapImageWithFancyBox();
27 |   NexT.utils.embeddedVideoTransformer();
28 |   NexT.utils.addActiveClassToMenuItem();
29 | 
30 | 
31 |   // Define Motion Sequence.
32 |   NexT.motion.integrator
33 |     .add(NexT.motion.middleWares.logo)
34 |     .add(NexT.motion.middleWares.menu)
35 |     .add(NexT.motion.middleWares.postList)
36 |     .add(NexT.motion.middleWares.sidebar);
37 | 
38 |   $(document).trigger('motion:before');
39 | 
40 |   // Bootstrap Motion.
41 |   CONFIG.motion && NexT.motion.integrator.bootstrap();
42 | 
43 |   $(document).trigger('bootstrap:after');
44 | });
45 | 


--------------------------------------------------------------------------------
/statics/js/makemarkdown.js:
--------------------------------------------------------------------------------
 1 | function markdownEditorChanged() {
 2 |  var editor = document.getElementById("markdown");
 3 |  if (tinyMCE.activeEditor) {
 4 |   tinyMCE.activeEditor.setContent(marked(editor.value));
 5 |  }
 6 | }
 7 | 
 8 | function previewMarkdown() {
 9 |  var editor = document.getElementById("markdown");
10 |  myWindow=window.open('','','width=200,height=100')
11 |  myWindow.document.write("This is 'myWindow'")
12 |  myWindow.focus()
13 |  myWindow.opener.document.write("This is the parent window")
14 | }
15 | 


--------------------------------------------------------------------------------
/statics/js/marked.js:
--------------------------------------------------------------------------------
   1 | /**
   2 |  * marked - a markdown parser
   3 |  * Copyright (c) 2011-2014, Christopher Jeffrey. (MIT Licensed)
   4 |  * https://github.com/chjj/marked
   5 |  */
   6 | 
   7 | ;(function() {
   8 | 
   9 | /**
  10 |  * Block-Level Grammar
  11 |  */
  12 | 
  13 | var block = {
  14 |   newline: /^\n+/,
  15 |   code: /^( {4}[^\n]+\n*)+/,
  16 |   fences: noop,
  17 |   hr: /^( *[-*_]){3,} *(?:\n+|$)/,
  18 |   heading: /^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,
  19 |   nptable: noop,
  20 |   lheading: /^([^\n]+)\n *(=|-){2,} *(?:\n+|$)/,
  21 |   blockquote: /^( *>[^\n]+(\n(?!def)[^\n]+)*\n*)+/,
  22 |   list: /^( *)(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,
  23 |   html: /^ *(?:comment *(?:\n|\s*$)|closed *(?:\n{2,}|\s*$)|closing *(?:\n{2,}|\s*$))/,
  24 |   def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +["(]([^\n]+)[")])? *(?:\n+|$)/,
  25 |   table: noop,
  26 |   paragraph: /^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/,
  27 |   text: /^[^\n]+/
  28 | };
  29 | 
  30 | block.bullet = /(?:[*+-]|\d+\.)/;
  31 | block.item = /^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/;
  32 | block.item = replace(block.item, 'gm')
  33 |   (/bull/g, block.bullet)
  34 |   ();
  35 | 
  36 | block.list = replace(block.list)
  37 |   (/bull/g, block.bullet)
  38 |   ('hr', '\\n+(?=\\1?(?:[-*_] *){3,}(?:\\n+|$))')
  39 |   ('def', '\\n+(?=' + block.def.source + ')')
  40 |   ();
  41 | 
  42 | block.blockquote = replace(block.blockquote)
  43 |   ('def', block.def)
  44 |   ();
  45 | 
  46 | block._tag = '(?!(?:'
  47 |   + 'a|em|strong|small|s|cite|q|dfn|abbr|data|time|code'
  48 |   + '|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo'
  49 |   + '|span|br|wbr|ins|del|img)\\b)\\w+(?!:/|[^\\w\\s@]*@)\\b';
  50 | 
  51 | block.html = replace(block.html)
  52 |   ('comment', /<!--[\s\S]*?-->/)
  53 |   ('closed', /<(tag)[\s\S]+?<\/\1>/)
  54 |   ('closing', /<tag(?:"[^"]*"|'[^']*'|[^'">])*?>/)
  55 |   (/tag/g, block._tag)
  56 |   ();
  57 | 
  58 | block.paragraph = replace(block.paragraph)
  59 |   ('hr', block.hr)
  60 |   ('heading', block.heading)
  61 |   ('lheading', block.lheading)
  62 |   ('blockquote', block.blockquote)
  63 |   ('tag', '<' + block._tag)
  64 |   ('def', block.def)
  65 |   ();
  66 | 
  67 | /**
  68 |  * Normal Block Grammar
  69 |  */
  70 | 
  71 | block.normal = merge({}, block);
  72 | 
  73 | /**
  74 |  * GFM Block Grammar
  75 |  */
  76 | 
  77 | block.gfm = merge({}, block.normal, {
  78 |   fences: /^ *(`{3,}|~{3,})[ \.]*(\S+)? *\n([\s\S]*?)\s*\1 *(?:\n+|$)/,
  79 |   paragraph: /^/,
  80 |   heading: /^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/
  81 | });
  82 | 
  83 | block.gfm.paragraph = replace(block.paragraph)
  84 |   ('(?!', '(?!'
  85 |     + block.gfm.fences.source.replace('\\1', '\\2') + '|'
  86 |     + block.list.source.replace('\\1', '\\3') + '|')
  87 |   ();
  88 | 
  89 | /**
  90 |  * GFM + Tables Block Grammar
  91 |  */
  92 | 
  93 | block.tables = merge({}, block.gfm, {
  94 |   nptable: /^ *(\S.*\|.*)\n *([-:]+ *\|[-| :]*)\n((?:.*\|.*(?:\n|$))*)\n*/,
  95 |   table: /^ *\|(.+)\n *\|( *[-:]+[-| :]*)\n((?: *\|.*(?:\n|$))*)\n*/
  96 | });
  97 | 
  98 | /**
  99 |  * Block Lexer
 100 |  */
 101 | 
 102 | function Lexer(options) {
 103 |   this.tokens = [];
 104 |   this.tokens.links = {};
 105 |   this.options = options || marked.defaults;
 106 |   this.rules = block.normal;
 107 | 
 108 |   if (this.options.gfm) {
 109 |     if (this.options.tables) {
 110 |       this.rules = block.tables;
 111 |     } else {
 112 |       this.rules = block.gfm;
 113 |     }
 114 |   }
 115 | }
 116 | 
 117 | /**
 118 |  * Expose Block Rules
 119 |  */
 120 | 
 121 | Lexer.rules = block;
 122 | 
 123 | /**
 124 |  * Static Lex Method
 125 |  */
 126 | 
 127 | Lexer.lex = function(src, options) {
 128 |   var lexer = new Lexer(options);
 129 |   return lexer.lex(src);
 130 | };
 131 | 
 132 | /**
 133 |  * Preprocessing
 134 |  */
 135 | 
 136 | Lexer.prototype.lex = function(src) {
 137 |   src = src
 138 |     .replace(/\r\n|\r/g, '\n')
 139 |     .replace(/\t/g, '    ')
 140 |     .replace(/\u00a0/g, ' ')
 141 |     .replace(/\u2424/g, '\n');
 142 | 
 143 |   return this.token(src, true);
 144 | };
 145 | 
 146 | /**
 147 |  * Lexing
 148 |  */
 149 | 
 150 | Lexer.prototype.token = function(src, top, bq) {
 151 |   var src = src.replace(/^ +$/gm, '')
 152 |     , next
 153 |     , loose
 154 |     , cap
 155 |     , bull
 156 |     , b
 157 |     , item
 158 |     , space
 159 |     , i
 160 |     , l;
 161 | 
 162 |   while (src) {
 163 |     // newline
 164 |     if (cap = this.rules.newline.exec(src)) {
 165 |       src = src.substring(cap[0].length);
 166 |       if (cap[0].length > 1) {
 167 |         this.tokens.push({
 168 |           type: 'space'
 169 |         });
 170 |       }
 171 |     }
 172 | 
 173 |     // code
 174 |     if (cap = this.rules.code.exec(src)) {
 175 |       src = src.substring(cap[0].length);
 176 |       cap = cap[0].replace(/^ {4}/gm, '');
 177 |       this.tokens.push({
 178 |         type: 'code',
 179 |         text: !this.options.pedantic
 180 |           ? cap.replace(/\n+$/, '')
 181 |           : cap
 182 |       });
 183 |       continue;
 184 |     }
 185 | 
 186 |     // fences (gfm)
 187 |     if (cap = this.rules.fences.exec(src)) {
 188 |       src = src.substring(cap[0].length);
 189 |       this.tokens.push({
 190 |         type: 'code',
 191 |         lang: cap[2],
 192 |         text: cap[3] || ''
 193 |       });
 194 |       continue;
 195 |     }
 196 | 
 197 |     // heading
 198 |     if (cap = this.rules.heading.exec(src)) {
 199 |       src = src.substring(cap[0].length);
 200 |       this.tokens.push({
 201 |         type: 'heading',
 202 |         depth: cap[1].length,
 203 |         text: cap[2]
 204 |       });
 205 |       continue;
 206 |     }
 207 | 
 208 |     // table no leading pipe (gfm)
 209 |     if (top && (cap = this.rules.nptable.exec(src))) {
 210 |       src = src.substring(cap[0].length);
 211 | 
 212 |       item = {
 213 |         type: 'table',
 214 |         header: cap[1].replace(/^ *| *\| *$/g, '').split(/ *\| */),
 215 |         align: cap[2].replace(/^ *|\| *$/g, '').split(/ *\| */),
 216 |         cells: cap[3].replace(/\n$/, '').split('\n')
 217 |       };
 218 | 
 219 |       for (i = 0; i < item.align.length; i++) {
 220 |         if (/^ *-+: *$/.test(item.align[i])) {
 221 |           item.align[i] = 'right';
 222 |         } else if (/^ *:-+: *$/.test(item.align[i])) {
 223 |           item.align[i] = 'center';
 224 |         } else if (/^ *:-+ *$/.test(item.align[i])) {
 225 |           item.align[i] = 'left';
 226 |         } else {
 227 |           item.align[i] = null;
 228 |         }
 229 |       }
 230 | 
 231 |       for (i = 0; i < item.cells.length; i++) {
 232 |         item.cells[i] = item.cells[i].split(/ *\| */);
 233 |       }
 234 | 
 235 |       this.tokens.push(item);
 236 | 
 237 |       continue;
 238 |     }
 239 | 
 240 |     // lheading
 241 |     if (cap = this.rules.lheading.exec(src)) {
 242 |       src = src.substring(cap[0].length);
 243 |       this.tokens.push({
 244 |         type: 'heading',
 245 |         depth: cap[2] === '=' ? 1 : 2,
 246 |         text: cap[1]
 247 |       });
 248 |       continue;
 249 |     }
 250 | 
 251 |     // hr
 252 |     if (cap = this.rules.hr.exec(src)) {
 253 |       src = src.substring(cap[0].length);
 254 |       this.tokens.push({
 255 |         type: 'hr'
 256 |       });
 257 |       continue;
 258 |     }
 259 | 
 260 |     // blockquote
 261 |     if (cap = this.rules.blockquote.exec(src)) {
 262 |       src = src.substring(cap[0].length);
 263 | 
 264 |       this.tokens.push({
 265 |         type: 'blockquote_start'
 266 |       });
 267 | 
 268 |       cap = cap[0].replace(/^ *> ?/gm, '');
 269 | 
 270 |       // Pass `top` to keep the current
 271 |       // "toplevel" state. This is exactly
 272 |       // how markdown.pl works.
 273 |       this.token(cap, top, true);
 274 | 
 275 |       this.tokens.push({
 276 |         type: 'blockquote_end'
 277 |       });
 278 | 
 279 |       continue;
 280 |     }
 281 | 
 282 |     // list
 283 |     if (cap = this.rules.list.exec(src)) {
 284 |       src = src.substring(cap[0].length);
 285 |       bull = cap[2];
 286 | 
 287 |       this.tokens.push({
 288 |         type: 'list_start',
 289 |         ordered: bull.length > 1
 290 |       });
 291 | 
 292 |       // Get each top-level item.
 293 |       cap = cap[0].match(this.rules.item);
 294 | 
 295 |       next = false;
 296 |       l = cap.length;
 297 |       i = 0;
 298 | 
 299 |       for (; i < l; i++) {
 300 |         item = cap[i];
 301 | 
 302 |         // Remove the list item's bullet
 303 |         // so it is seen as the next token.
 304 |         space = item.length;
 305 |         item = item.replace(/^ *([*+-]|\d+\.) +/, '');
 306 | 
 307 |         // Outdent whatever the
 308 |         // list item contains. Hacky.
 309 |         if (~item.indexOf('\n ')) {
 310 |           space -= item.length;
 311 |           item = !this.options.pedantic
 312 |             ? item.replace(new RegExp('^ {1,' + space + '}', 'gm'), '')
 313 |             : item.replace(/^ {1,4}/gm, '');
 314 |         }
 315 | 
 316 |         // Determine whether the next list item belongs here.
 317 |         // Backpedal if it does not belong in this list.
 318 |         if (this.options.smartLists && i !== l - 1) {
 319 |           b = block.bullet.exec(cap[i + 1])[0];
 320 |           if (bull !== b && !(bull.length > 1 && b.length > 1)) {
 321 |             src = cap.slice(i + 1).join('\n') + src;
 322 |             i = l - 1;
 323 |           }
 324 |         }
 325 | 
 326 |         // Determine whether item is loose or not.
 327 |         // Use: /(^|\n)(?! )[^\n]+\n\n(?!\s*$)/
 328 |         // for discount behavior.
 329 |         loose = next || /\n\n(?!\s*$)/.test(item);
 330 |         if (i !== l - 1) {
 331 |           next = item.charAt(item.length - 1) === '\n';
 332 |           if (!loose) loose = next;
 333 |         }
 334 | 
 335 |         this.tokens.push({
 336 |           type: loose
 337 |             ? 'loose_item_start'
 338 |             : 'list_item_start'
 339 |         });
 340 | 
 341 |         // Recurse.
 342 |         this.token(item, false, bq);
 343 | 
 344 |         this.tokens.push({
 345 |           type: 'list_item_end'
 346 |         });
 347 |       }
 348 | 
 349 |       this.tokens.push({
 350 |         type: 'list_end'
 351 |       });
 352 | 
 353 |       continue;
 354 |     }
 355 | 
 356 |     // html
 357 |     if (cap = this.rules.html.exec(src)) {
 358 |       src = src.substring(cap[0].length);
 359 |       this.tokens.push({
 360 |         type: this.options.sanitize
 361 |           ? 'paragraph'
 362 |           : 'html',
 363 |         pre: !this.options.sanitizer
 364 |           && (cap[1] === 'pre' || cap[1] === 'script' || cap[1] === 'style'),
 365 |         text: cap[0]
 366 |       });
 367 |       continue;
 368 |     }
 369 | 
 370 |     // def
 371 |     if ((!bq && top) && (cap = this.rules.def.exec(src))) {
 372 |       src = src.substring(cap[0].length);
 373 |       this.tokens.links[cap[1].toLowerCase()] = {
 374 |         href: cap[2],
 375 |         title: cap[3]
 376 |       };
 377 |       continue;
 378 |     }
 379 | 
 380 |     // table (gfm)
 381 |     if (top && (cap = this.rules.table.exec(src))) {
 382 |       src = src.substring(cap[0].length);
 383 | 
 384 |       item = {
 385 |         type: 'table',
 386 |         header: cap[1].replace(/^ *| *\| *$/g, '').split(/ *\| */),
 387 |         align: cap[2].replace(/^ *|\| *$/g, '').split(/ *\| */),
 388 |         cells: cap[3].replace(/(?: *\| *)?\n$/, '').split('\n')
 389 |       };
 390 | 
 391 |       for (i = 0; i < item.align.length; i++) {
 392 |         if (/^ *-+: *$/.test(item.align[i])) {
 393 |           item.align[i] = 'right';
 394 |         } else if (/^ *:-+: *$/.test(item.align[i])) {
 395 |           item.align[i] = 'center';
 396 |         } else if (/^ *:-+ *$/.test(item.align[i])) {
 397 |           item.align[i] = 'left';
 398 |         } else {
 399 |           item.align[i] = null;
 400 |         }
 401 |       }
 402 | 
 403 |       for (i = 0; i < item.cells.length; i++) {
 404 |         item.cells[i] = item.cells[i]
 405 |           .replace(/^ *\| *| *\| *$/g, '')
 406 |           .split(/ *\| */);
 407 |       }
 408 | 
 409 |       this.tokens.push(item);
 410 | 
 411 |       continue;
 412 |     }
 413 | 
 414 |     // top-level paragraph
 415 |     if (top && (cap = this.rules.paragraph.exec(src))) {
 416 |       src = src.substring(cap[0].length);
 417 |       this.tokens.push({
 418 |         type: 'paragraph',
 419 |         text: cap[1].charAt(cap[1].length - 1) === '\n'
 420 |           ? cap[1].slice(0, -1)
 421 |           : cap[1]
 422 |       });
 423 |       continue;
 424 |     }
 425 | 
 426 |     // text
 427 |     if (cap = this.rules.text.exec(src)) {
 428 |       // Top-level should never reach here.
 429 |       src = src.substring(cap[0].length);
 430 |       this.tokens.push({
 431 |         type: 'text',
 432 |         text: cap[0]
 433 |       });
 434 |       continue;
 435 |     }
 436 | 
 437 |     if (src) {
 438 |       throw new
 439 |         Error('Infinite loop on byte: ' + src.charCodeAt(0));
 440 |     }
 441 |   }
 442 | 
 443 |   return this.tokens;
 444 | };
 445 | 
 446 | /**
 447 |  * Inline-Level Grammar
 448 |  */
 449 | 
 450 | var inline = {
 451 |   escape: /^\\([\\`*{}\[\]()#+\-.!_>])/,
 452 |   autolink: /^<([^ >]+(@|:\/)[^ >]+)>/,
 453 |   url: noop,
 454 |   tag: /^<!--[\s\S]*?-->|^<\/?\w+(?:"[^"]*"|'[^']*'|[^'">])*?>/,
 455 |   link: /^!?\[(inside)\]\(href\)/,
 456 |   reflink: /^!?\[(inside)\]\s*\[([^\]]*)\]/,
 457 |   nolink: /^!?\[((?:\[[^\]]*\]|[^\[\]])*)\]/,
 458 |   strong: /^__([\s\S]+?)__(?!_)|^\*\*([\s\S]+?)\*\*(?!\*)/,
 459 |   em: /^\b_((?:[^_]|__)+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
 460 |   code: /^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,
 461 |   br: /^ {2,}\n(?!\s*$)/,
 462 |   del: noop,
 463 |   text: /^[\s\S]+?(?=[\\<!\[_*`]| {2,}\n|$)/
 464 | };
 465 | 
 466 | inline._inside = /(?:\[[^\]]*\]|[^\[\]]|\](?=[^\[]*\]))*/;
 467 | inline._href = /\s*<?([\s\S]*?)>?(?:\s+['"]([\s\S]*?)['"])?\s*/;
 468 | 
 469 | inline.link = replace(inline.link)
 470 |   ('inside', inline._inside)
 471 |   ('href', inline._href)
 472 |   ();
 473 | 
 474 | inline.reflink = replace(inline.reflink)
 475 |   ('inside', inline._inside)
 476 |   ();
 477 | 
 478 | /**
 479 |  * Normal Inline Grammar
 480 |  */
 481 | 
 482 | inline.normal = merge({}, inline);
 483 | 
 484 | /**
 485 |  * Pedantic Inline Grammar
 486 |  */
 487 | 
 488 | inline.pedantic = merge({}, inline.normal, {
 489 |   strong: /^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,
 490 |   em: /^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/
 491 | });
 492 | 
 493 | /**
 494 |  * GFM Inline Grammar
 495 |  */
 496 | 
 497 | inline.gfm = merge({}, inline.normal, {
 498 |   escape: replace(inline.escape)('])', '~|])')(),
 499 |   url: /^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,
 500 |   del: /^~~(?=\S)([\s\S]*?\S)~~/,
 501 |   text: replace(inline.text)
 502 |     (']|', '~]|')
 503 |     ('|', '|https?://|')
 504 |     ()
 505 | });
 506 | 
 507 | /**
 508 |  * GFM + Line Breaks Inline Grammar
 509 |  */
 510 | 
 511 | inline.breaks = merge({}, inline.gfm, {
 512 |   br: replace(inline.br)('{2,}', '*')(),
 513 |   text: replace(inline.gfm.text)('{2,}', '*')()
 514 | });
 515 | 
 516 | /**
 517 |  * Inline Lexer & Compiler
 518 |  */
 519 | 
 520 | function InlineLexer(links, options) {
 521 |   this.options = options || marked.defaults;
 522 |   this.links = links;
 523 |   this.rules = inline.normal;
 524 |   this.renderer = this.options.renderer || new Renderer;
 525 |   this.renderer.options = this.options;
 526 | 
 527 |   if (!this.links) {
 528 |     throw new
 529 |       Error('Tokens array requires a `links` property.');
 530 |   }
 531 | 
 532 |   if (this.options.gfm) {
 533 |     if (this.options.breaks) {
 534 |       this.rules = inline.breaks;
 535 |     } else {
 536 |       this.rules = inline.gfm;
 537 |     }
 538 |   } else if (this.options.pedantic) {
 539 |     this.rules = inline.pedantic;
 540 |   }
 541 | }
 542 | 
 543 | /**
 544 |  * Expose Inline Rules
 545 |  */
 546 | 
 547 | InlineLexer.rules = inline;
 548 | 
 549 | /**
 550 |  * Static Lexing/Compiling Method
 551 |  */
 552 | 
 553 | InlineLexer.output = function(src, links, options) {
 554 |   var inline = new InlineLexer(links, options);
 555 |   return inline.output(src);
 556 | };
 557 | 
 558 | /**
 559 |  * Lexing/Compiling
 560 |  */
 561 | 
 562 | InlineLexer.prototype.output = function(src) {
 563 |   var out = ''
 564 |     , link
 565 |     , text
 566 |     , href
 567 |     , cap;
 568 | 
 569 |   while (src) {
 570 |     // escape
 571 |     if (cap = this.rules.escape.exec(src)) {
 572 |       src = src.substring(cap[0].length);
 573 |       out += cap[1];
 574 |       continue;
 575 |     }
 576 | 
 577 |     // autolink
 578 |     if (cap = this.rules.autolink.exec(src)) {
 579 |       src = src.substring(cap[0].length);
 580 |       if (cap[2] === '@') {
 581 |         text = cap[1].charAt(6) === ':'
 582 |           ? this.mangle(cap[1].substring(7))
 583 |           : this.mangle(cap[1]);
 584 |         href = this.mangle('mailto:') + text;
 585 |       } else {
 586 |         text = escape(cap[1]);
 587 |         href = text;
 588 |       }
 589 |       out += this.renderer.link(href, null, text);
 590 |       continue;
 591 |     }
 592 | 
 593 |     // url (gfm)
 594 |     if (!this.inLink && (cap = this.rules.url.exec(src))) {
 595 |       src = src.substring(cap[0].length);
 596 |       text = escape(cap[1]);
 597 |       href = text;
 598 |       out += this.renderer.link(href, null, text);
 599 |       continue;
 600 |     }
 601 | 
 602 |     // tag
 603 |     if (cap = this.rules.tag.exec(src)) {
 604 |       if (!this.inLink && /^<a /i.test(cap[0])) {
 605 |         this.inLink = true;
 606 |       } else if (this.inLink && /^<\/a>/i.test(cap[0])) {
 607 |         this.inLink = false;
 608 |       }
 609 |       src = src.substring(cap[0].length);
 610 |       out += this.options.sanitize
 611 |         ? this.options.sanitizer
 612 |           ? this.options.sanitizer(cap[0])
 613 |           : escape(cap[0])
 614 |         : cap[0]
 615 |       continue;
 616 |     }
 617 | 
 618 |     // link
 619 |     if (cap = this.rules.link.exec(src)) {
 620 |       src = src.substring(cap[0].length);
 621 |       this.inLink = true;
 622 |       out += this.outputLink(cap, {
 623 |         href: cap[2],
 624 |         title: cap[3]
 625 |       });
 626 |       this.inLink = false;
 627 |       continue;
 628 |     }
 629 | 
 630 |     // reflink, nolink
 631 |     if ((cap = this.rules.reflink.exec(src))
 632 |         || (cap = this.rules.nolink.exec(src))) {
 633 |       src = src.substring(cap[0].length);
 634 |       link = (cap[2] || cap[1]).replace(/\s+/g, ' ');
 635 |       link = this.links[link.toLowerCase()];
 636 |       if (!link || !link.href) {
 637 |         out += cap[0].charAt(0);
 638 |         src = cap[0].substring(1) + src;
 639 |         continue;
 640 |       }
 641 |       this.inLink = true;
 642 |       out += this.outputLink(cap, link);
 643 |       this.inLink = false;
 644 |       continue;
 645 |     }
 646 | 
 647 |     // strong
 648 |     if (cap = this.rules.strong.exec(src)) {
 649 |       src = src.substring(cap[0].length);
 650 |       out += this.renderer.strong(this.output(cap[2] || cap[1]));
 651 |       continue;
 652 |     }
 653 | 
 654 |     // em
 655 |     if (cap = this.rules.em.exec(src)) {
 656 |       src = src.substring(cap[0].length);
 657 |       out += this.renderer.em(this.output(cap[2] || cap[1]));
 658 |       continue;
 659 |     }
 660 | 
 661 |     // code
 662 |     if (cap = this.rules.code.exec(src)) {
 663 |       src = src.substring(cap[0].length);
 664 |       out += this.renderer.codespan(escape(cap[2], true));
 665 |       continue;
 666 |     }
 667 | 
 668 |     // br
 669 |     if (cap = this.rules.br.exec(src)) {
 670 |       src = src.substring(cap[0].length);
 671 |       out += this.renderer.br();
 672 |       continue;
 673 |     }
 674 | 
 675 |     // del (gfm)
 676 |     if (cap = this.rules.del.exec(src)) {
 677 |       src = src.substring(cap[0].length);
 678 |       out += this.renderer.del(this.output(cap[1]));
 679 |       continue;
 680 |     }
 681 | 
 682 |     // text
 683 |     if (cap = this.rules.text.exec(src)) {
 684 |       src = src.substring(cap[0].length);
 685 |       out += this.renderer.text(escape(this.smartypants(cap[0])));
 686 |       continue;
 687 |     }
 688 | 
 689 |     if (src) {
 690 |       throw new
 691 |         Error('Infinite loop on byte: ' + src.charCodeAt(0));
 692 |     }
 693 |   }
 694 | 
 695 |   return out;
 696 | };
 697 | 
 698 | /**
 699 |  * Compile Link
 700 |  */
 701 | 
 702 | InlineLexer.prototype.outputLink = function(cap, link) {
 703 |   var href = escape(link.href)
 704 |     , title = link.title ? escape(link.title) : null;
 705 | 
 706 |   return cap[0].charAt(0) !== '!'
 707 |     ? this.renderer.link(href, title, this.output(cap[1]))
 708 |     : this.renderer.image(href, title, escape(cap[1]));
 709 | };
 710 | 
 711 | /**
 712 |  * Smartypants Transformations
 713 |  */
 714 | 
 715 | InlineLexer.prototype.smartypants = function(text) {
 716 |   if (!this.options.smartypants) return text;
 717 |   return text
 718 |     // em-dashes
 719 |     .replace(/---/g, '\u2014')
 720 |     // en-dashes
 721 |     .replace(/--/g, '\u2013')
 722 |     // opening singles
 723 |     .replace(/(^|[-\u2014/(\[{"\s])'/g, '$1\u2018')
 724 |     // closing singles & apostrophes
 725 |     .replace(/'/g, '\u2019')
 726 |     // opening doubles
 727 |     .replace(/(^|[-\u2014/(\[{\u2018\s])"/g, '$1\u201c')
 728 |     // closing doubles
 729 |     .replace(/"/g, '\u201d')
 730 |     // ellipses
 731 |     .replace(/\.{3}/g, '\u2026');
 732 | };
 733 | 
 734 | /**
 735 |  * Mangle Links
 736 |  */
 737 | 
 738 | InlineLexer.prototype.mangle = function(text) {
 739 |   if (!this.options.mangle) return text;
 740 |   var out = ''
 741 |     , l = text.length
 742 |     , i = 0
 743 |     , ch;
 744 | 
 745 |   for (; i < l; i++) {
 746 |     ch = text.charCodeAt(i);
 747 |     if (Math.random() > 0.5) {
 748 |       ch = 'x' + ch.toString(16);
 749 |     }
 750 |     out += '&#' + ch + ';';
 751 |   }
 752 | 
 753 |   return out;
 754 | };
 755 | 
 756 | /**
 757 |  * Renderer
 758 |  */
 759 | 
 760 | function Renderer(options) {
 761 |   this.options = options || {};
 762 | }
 763 | 
 764 | Renderer.prototype.code = function(code, lang, escaped) {
 765 |   if (this.options.highlight) {
 766 |     var out = this.options.highlight(code, lang);
 767 |     if (out != null && out !== code) {
 768 |       escaped = true;
 769 |       code = out;
 770 |     }
 771 |   }
 772 | 
 773 |   if (!lang) {
 774 |     return '<pre><code>'
 775 |       + (escaped ? code : escape(code, true))
 776 |       + '\n</code></pre>';
 777 |   }
 778 | 
 779 |   return '<pre><code class="'
 780 |     + this.options.langPrefix
 781 |     + escape(lang, true)
 782 |     + '">'
 783 |     + (escaped ? code : escape(code, true))
 784 |     + '\n</code></pre>\n';
 785 | };
 786 | 
 787 | Renderer.prototype.blockquote = function(quote) {
 788 |   return '<blockquote>\n' + quote + '</blockquote>\n';
 789 | };
 790 | 
 791 | Renderer.prototype.html = function(html) {
 792 |   return html;
 793 | };
 794 | 
 795 | Renderer.prototype.heading = function(text, level, raw) {
 796 |   return '<h'
 797 |     + level
 798 |     + '>' /* modified */
 799 |     + text
 800 |     + '</h'
 801 |     + level
 802 |     + '>\n';
 803 | };
 804 | 
 805 | Renderer.prototype.hr = function() {
 806 |   return this.options.xhtml ? '<hr/>\n' : '<hr>\n';
 807 | };
 808 | 
 809 | Renderer.prototype.list = function(body, ordered) {
 810 |   var type = ordered ? 'ol' : 'ul';
 811 |   return '<' + type + '>\n' + body + '</' + type + '>\n';
 812 | };
 813 | 
 814 | Renderer.prototype.listitem = function(text) {
 815 |   return '<li>' + text + '</li>\n';
 816 | };
 817 | 
 818 | Renderer.prototype.paragraph = function(text) {
 819 |   return '<p>' + text + '</p>\n';
 820 | };
 821 | 
 822 | Renderer.prototype.table = function(header, body) {
 823 |   return '<table>\n'
 824 |     + '<thead>\n'
 825 |     + header
 826 |     + '</thead>\n'
 827 |     + '<tbody>\n'
 828 |     + body
 829 |     + '</tbody>\n'
 830 |     + '</table>\n';
 831 | };
 832 | 
 833 | Renderer.prototype.tablerow = function(content) {
 834 |   return '<tr>\n' + content + '</tr>\n';
 835 | };
 836 | 
 837 | Renderer.prototype.tablecell = function(content, flags) {
 838 |   var type = flags.header ? 'th' : 'td';
 839 |   var tag = flags.align
 840 |     ? '<' + type + ' style="text-align:' + flags.align + '">'
 841 |     : '<' + type + '>';
 842 |   return tag + content + '</' + type + '>\n';
 843 | };
 844 | 
 845 | // span level renderer
 846 | Renderer.prototype.strong = function(text) {
 847 |   return '<strong>' + text + '</strong>';
 848 | };
 849 | 
 850 | Renderer.prototype.em = function(text) {
 851 |   return '<em>' + text + '</em>';
 852 | };
 853 | 
 854 | Renderer.prototype.codespan = function(text) {
 855 |   return '<code>' + text + '</code>';
 856 | };
 857 | 
 858 | Renderer.prototype.br = function() {
 859 |   return this.options.xhtml ? '<br/>' : '<br>';
 860 | };
 861 | 
 862 | Renderer.prototype.del = function(text) {
 863 |   return '<del>' + text + '</del>';
 864 | };
 865 | 
 866 | Renderer.prototype.link = function(href, title, text) {
 867 |   if (this.options.sanitize) {
 868 |     try {
 869 |       var prot = decodeURIComponent(unescape(href))
 870 |         .replace(/[^\w:]/g, '')
 871 |         .toLowerCase();
 872 |     } catch (e) {
 873 |       return '';
 874 |     }
 875 |     if (prot.indexOf('javascript:') === 0 || prot.indexOf('vbscript:') === 0) {
 876 |       return '';
 877 |     }
 878 |   }
 879 |   var out = '<a href="' + href + '" target="_blank"';
 880 |   if (title) {
 881 |     out += ' title="' + title + '"';
 882 |   }
 883 |   out += '>' + text + '</a>';
 884 |   return out;
 885 | };
 886 | 
 887 | Renderer.prototype.image = function(href, title, text) {
 888 |   var out = '<img src="' + href + '" alt="' + text + '"';
 889 |   if (title) {
 890 |     out += ' title="' + title + '"';
 891 |   }
 892 |   out += this.options.xhtml ? '/>' : '>';
 893 |   return out;
 894 | };
 895 | 
 896 | Renderer.prototype.text = function(text) {
 897 |   return text;
 898 | };
 899 | 
 900 | /**
 901 |  * Parsing & Compiling
 902 |  */
 903 | 
 904 | function Parser(options) {
 905 |   this.tokens = [];
 906 |   this.token = null;
 907 |   this.options = options || marked.defaults;
 908 |   this.options.renderer = this.options.renderer || new Renderer;
 909 |   this.renderer = this.options.renderer;
 910 |   this.renderer.options = this.options;
 911 | }
 912 | 
 913 | /**
 914 |  * Static Parse Method
 915 |  */
 916 | 
 917 | Parser.parse = function(src, options, renderer) {
 918 |   var parser = new Parser(options, renderer);
 919 |   return parser.parse(src);
 920 | };
 921 | 
 922 | /**
 923 |  * Parse Loop
 924 |  */
 925 | 
 926 | Parser.prototype.parse = function(src) {
 927 |   this.inline = new InlineLexer(src.links, this.options, this.renderer);
 928 |   this.tokens = src.reverse();
 929 | 
 930 |   var out = '';
 931 |   while (this.next()) {
 932 |     out += this.tok();
 933 |   }
 934 | 
 935 |   return out;
 936 | };
 937 | 
 938 | /**
 939 |  * Next Token
 940 |  */
 941 | 
 942 | Parser.prototype.next = function() {
 943 |   return this.token = this.tokens.pop();
 944 | };
 945 | 
 946 | /**
 947 |  * Preview Next Token
 948 |  */
 949 | 
 950 | Parser.prototype.peek = function() {
 951 |   return this.tokens[this.tokens.length - 1] || 0;
 952 | };
 953 | 
 954 | /**
 955 |  * Parse Text Tokens
 956 |  */
 957 | 
 958 | Parser.prototype.parseText = function() {
 959 |   var body = this.token.text;
 960 | 
 961 |   while (this.peek().type === 'text') {
 962 |     body += '\n' + this.next().text;
 963 |   }
 964 | 
 965 |   return this.inline.output(body);
 966 | };
 967 | 
 968 | /**
 969 |  * Parse Current Token
 970 |  */
 971 | 
 972 | Parser.prototype.tok = function() {
 973 |   switch (this.token.type) {
 974 |     case 'space': {
 975 |       return '';
 976 |     }
 977 |     case 'hr': {
 978 |       return this.renderer.hr();
 979 |     }
 980 |     case 'heading': {
 981 |       return this.renderer.heading(
 982 |         this.inline.output(this.token.text),
 983 |         this.token.depth,
 984 |         this.token.text);
 985 |     }
 986 |     case 'code': {
 987 |       return this.renderer.code(this.token.text,
 988 |         this.token.lang,
 989 |         this.token.escaped);
 990 |     }
 991 |     case 'table': {
 992 |       var header = ''
 993 |         , body = ''
 994 |         , i
 995 |         , row
 996 |         , cell
 997 |         , flags
 998 |         , j;
 999 | 
1000 |       // header
1001 |       cell = '';
1002 |       for (i = 0; i < this.token.header.length; i++) {
1003 |         flags = { header: true, align: this.token.align[i] };
1004 |         cell += this.renderer.tablecell(
1005 |           this.inline.output(this.token.header[i]),
1006 |           { header: true, align: this.token.align[i] }
1007 |         );
1008 |       }
1009 |       header += this.renderer.tablerow(cell);
1010 | 
1011 |       for (i = 0; i < this.token.cells.length; i++) {
1012 |         row = this.token.cells[i];
1013 | 
1014 |         cell = '';
1015 |         for (j = 0; j < row.length; j++) {
1016 |           cell += this.renderer.tablecell(
1017 |             this.inline.output(row[j]),
1018 |             { header: false, align: this.token.align[j] }
1019 |           );
1020 |         }
1021 | 
1022 |         body += this.renderer.tablerow(cell);
1023 |       }
1024 |       return this.renderer.table(header, body);
1025 |     }
1026 |     case 'blockquote_start': {
1027 |       var body = '';
1028 | 
1029 |       while (this.next().type !== 'blockquote_end') {
1030 |         body += this.tok();
1031 |       }
1032 | 
1033 |       return this.renderer.blockquote(body);
1034 |     }
1035 |     case 'list_start': {
1036 |       var body = ''
1037 |         , ordered = this.token.ordered;
1038 | 
1039 |       while (this.next().type !== 'list_end') {
1040 |         body += this.tok();
1041 |       }
1042 | 
1043 |       return this.renderer.list(body, ordered);
1044 |     }
1045 |     case 'list_item_start': {
1046 |       var body = '';
1047 | 
1048 |       while (this.next().type !== 'list_item_end') {
1049 |         body += this.token.type === 'text'
1050 |           ? this.parseText()
1051 |           : this.tok();
1052 |       }
1053 | 
1054 |       return this.renderer.listitem(body);
1055 |     }
1056 |     case 'loose_item_start': {
1057 |       var body = '';
1058 | 
1059 |       while (this.next().type !== 'list_item_end') {
1060 |         body += this.tok();
1061 |       }
1062 | 
1063 |       return this.renderer.listitem(body);
1064 |     }
1065 |     case 'html': {
1066 |       var html = !this.token.pre && !this.options.pedantic
1067 |         ? this.inline.output(this.token.text)
1068 |         : this.token.text;
1069 |       return this.renderer.html(html);
1070 |     }
1071 |     case 'paragraph': {
1072 |       return this.renderer.paragraph(this.inline.output(this.token.text));
1073 |     }
1074 |     case 'text': {
1075 |       return this.renderer.paragraph(this.parseText());
1076 |     }
1077 |   }
1078 | };
1079 | 
1080 | /**
1081 |  * Helpers
1082 |  */
1083 | 
1084 | function escape(html, encode) {
1085 |   return html
1086 |     .replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&amp;')
1087 |     .replace(/</g, '&lt;')
1088 |     .replace(/>/g, '&gt;')
1089 |     .replace(/"/g, '&quot;')
1090 |     .replace(/'/g, '&#39;');
1091 | }
1092 | 
1093 | function unescape(html) {
1094 |   return html.replace(/&([#\w]+);/g, function(_, n) {
1095 |     n = n.toLowerCase();
1096 |     if (n === 'colon') return ':';
1097 |     if (n.charAt(0) === '#') {
1098 |       return n.charAt(1) === 'x'
1099 |         ? String.fromCharCode(parseInt(n.substring(2), 16))
1100 |         : String.fromCharCode(+n.substring(1));
1101 |     }
1102 |     return '';
1103 |   });
1104 | }
1105 | 
1106 | function replace(regex, opt) {
1107 |   regex = regex.source;
1108 |   opt = opt || '';
1109 |   return function self(name, val) {
1110 |     if (!name) return new RegExp(regex, opt);
1111 |     val = val.source || val;
1112 |     val = val.replace(/(^|[^\[])\^/g, '$1');
1113 |     regex = regex.replace(name, val);
1114 |     return self;
1115 |   };
1116 | }
1117 | 
1118 | function noop() {}
1119 | noop.exec = noop;
1120 | 
1121 | function merge(obj) {
1122 |   var i = 1
1123 |     , target
1124 |     , key;
1125 | 
1126 |   for (; i < arguments.length; i++) {
1127 |     target = arguments[i];
1128 |     for (key in target) {
1129 |       if (Object.prototype.hasOwnProperty.call(target, key)) {
1130 |         obj[key] = target[key];
1131 |       }
1132 |     }
1133 |   }
1134 | 
1135 |   return obj;
1136 | }
1137 | 
1138 | 
1139 | /**
1140 |  * Marked
1141 |  */
1142 | 
1143 | function marked(src, opt, callback) {
1144 |   if (callback || typeof opt === 'function') {
1145 |     if (!callback) {
1146 |       callback = opt;
1147 |       opt = null;
1148 |     }
1149 | 
1150 |     opt = merge({}, marked.defaults, opt || {});
1151 | 
1152 |     var highlight = opt.highlight
1153 |       , tokens
1154 |       , pending
1155 |       , i = 0;
1156 | 
1157 |     try {
1158 |       tokens = Lexer.lex(src, opt)
1159 |     } catch (e) {
1160 |       return callback(e);
1161 |     }
1162 | 
1163 |     pending = tokens.length;
1164 | 
1165 |     var done = function(err) {
1166 |       if (err) {
1167 |         opt.highlight = highlight;
1168 |         return callback(err);
1169 |       }
1170 | 
1171 |       var out;
1172 | 
1173 |       try {
1174 |         out = Parser.parse(tokens, opt);
1175 |       } catch (e) {
1176 |         err = e;
1177 |       }
1178 | 
1179 |       opt.highlight = highlight;
1180 | 
1181 |       return err
1182 |         ? callback(err)
1183 |         : callback(null, out);
1184 |     };
1185 | 
1186 |     if (!highlight || highlight.length < 3) {
1187 |       return done();
1188 |     }
1189 | 
1190 |     delete opt.highlight;
1191 | 
1192 |     if (!pending) return done();
1193 | 
1194 |     for (; i < tokens.length; i++) {
1195 |       (function(token) {
1196 |         if (token.type !== 'code') {
1197 |           return --pending || done();
1198 |         }
1199 |         return highlight(token.text, token.lang, function(err, code) {
1200 |           if (err) return done(err);
1201 |           if (code == null || code === token.text) {
1202 |             return --pending || done();
1203 |           }
1204 |           token.text = code;
1205 |           token.escaped = true;
1206 |           --pending || done();
1207 |         });
1208 |       })(tokens[i]);
1209 |     }
1210 | 
1211 |     return;
1212 |   }
1213 |   try {
1214 |     if (opt) opt = merge({}, marked.defaults, opt);
1215 |     return Parser.parse(Lexer.lex(src, opt), opt);
1216 |   } catch (e) {
1217 |     e.message += '\nPlease report this to https://github.com/chjj/marked.';
1218 |     if ((opt || marked.defaults).silent) {
1219 |       return '<p>An error occured:</p><pre>'
1220 |         + escape(e.message + '', true)
1221 |         + '</pre>';
1222 |     }
1223 |     throw e;
1224 |   }
1225 | }
1226 | 
1227 | /**
1228 |  * Options
1229 |  */
1230 | 
1231 | marked.options =
1232 | marked.setOptions = function(opt) {
1233 |   merge(marked.defaults, opt);
1234 |   return marked;
1235 | };
1236 | 
1237 | marked.defaults = {
1238 |   gfm: true,
1239 |   tables: true,
1240 |   breaks: true,
1241 |   pedantic: false,
1242 |   sanitize: false,
1243 |   sanitizer: null,
1244 |   mangle: true,
1245 |   smartLists: false,
1246 |   silent: false,
1247 |   highlight: null,
1248 |   langPrefix: '', /* modified */
1249 |   smartypants: false,
1250 |   headerPrefix: '',
1251 |   renderer: new Renderer,
1252 |   xhtml: false
1253 | };
1254 | 
1255 | /**
1256 |  * Expose
1257 |  */
1258 | 
1259 | marked.Parser = Parser;
1260 | marked.parser = Parser.parse;
1261 | 
1262 | marked.Renderer = Renderer;
1263 | 
1264 | marked.Lexer = Lexer;
1265 | marked.lexer = Lexer.lex;
1266 | 
1267 | marked.InlineLexer = InlineLexer;
1268 | marked.inlineLexer = InlineLexer.output;
1269 | 
1270 | marked.parse = marked;
1271 | 
1272 | if (typeof module !== 'undefined' && typeof exports === 'object') {
1273 |   module.exports = marked;
1274 | } else if (typeof define === 'function' && define.amd) {
1275 |   define(function() { return marked; });
1276 | } else {
1277 |   this.marked = marked;
1278 | }
1279 | 
1280 | }).call(function() {
1281 |   return this || (typeof window !== 'undefined' ? window : global);
1282 | }());
1283 | 


--------------------------------------------------------------------------------
/statics/js/motion.js:
--------------------------------------------------------------------------------
  1 | /* global NexT: true */
  2 | 
  3 | $(document).ready(function () {
  4 |   NexT.motion = {};
  5 | 
  6 |   var sidebarToggleLines = {
  7 |     lines: [],
  8 |     push: function (line) {
  9 |       this.lines.push(line);
 10 |     },
 11 |     init: function () {
 12 |       this.lines.forEach(function (line) {
 13 |         line.init();
 14 |       });
 15 |     },
 16 |     arrow: function () {
 17 |       this.lines.forEach(function (line) {
 18 |         line.arrow();
 19 |       });
 20 |     },
 21 |     close: function () {
 22 |       this.lines.forEach(function (line) {
 23 |         line.close();
 24 |       });
 25 |     }
 26 |   };
 27 | 
 28 |   function SidebarToggleLine(settings) {
 29 |     this.el = $(settings.el);
 30 |     this.status = $.extend({}, {
 31 |       init: {
 32 |         width: '100%',
 33 |         opacity: 1,
 34 |         left: 0,
 35 |         rotateZ: 0,
 36 |         top: 0
 37 |       }
 38 |     }, settings.status);
 39 |   }
 40 | 
 41 |   SidebarToggleLine.prototype.init = function () {
 42 |     this.transform('init');
 43 |   };
 44 |   SidebarToggleLine.prototype.arrow = function () {
 45 |     this.transform('arrow');
 46 |   };
 47 |   SidebarToggleLine.prototype.close = function () {
 48 |     this.transform('close');
 49 |   };
 50 |   SidebarToggleLine.prototype.transform = function (status) {
 51 |     this.el.velocity('stop').velocity(this.status[status]);
 52 |   };
 53 | 
 54 |   var sidebarToggleLine1st = new SidebarToggleLine({
 55 |     el: '.sidebar-toggle-line-first',
 56 |     status: {
 57 |       arrow: {width: '50%', rotateZ: '-45deg', top: '2px'},
 58 |       close: {width: '100%', rotateZ: '-45deg', top: '5px'}
 59 |     }
 60 |   });
 61 |   var sidebarToggleLine2nd = new SidebarToggleLine({
 62 |     el: '.sidebar-toggle-line-middle',
 63 |     status: {
 64 |       arrow: {width: '90%'},
 65 |       close: {opacity: 0}
 66 |     }
 67 |   });
 68 |   var sidebarToggleLine3rd = new SidebarToggleLine({
 69 |     el: '.sidebar-toggle-line-last',
 70 |     status: {
 71 |       arrow: {width: '50%', rotateZ: '45deg', top: '-2px'},
 72 |       close: {width: '100%', rotateZ: '45deg', top: '-5px'}
 73 |     }
 74 |   });
 75 | 
 76 |   sidebarToggleLines.push(sidebarToggleLine1st);
 77 |   sidebarToggleLines.push(sidebarToggleLine2nd);
 78 |   sidebarToggleLines.push(sidebarToggleLine3rd);
 79 | 
 80 |   var SIDEBAR_WIDTH = '320px';
 81 |   var SIDEBAR_DISPLAY_DURATION = 200;
 82 | 
 83 |   var sidebarToggleMotion = {
 84 |     toggleEl: $('.sidebar-toggle'),
 85 |     sidebarEl: $('.sidebar'),
 86 |     isSidebarVisible: false,
 87 |     init: function () {
 88 |       this.toggleEl.on('click', this.clickHandler.bind(this));
 89 |       this.toggleEl.on('mouseenter', this.mouseEnterHandler.bind(this));
 90 |       this.toggleEl.on('mouseleave', this.mouseLeaveHandler.bind(this));
 91 | 
 92 |       $(document)
 93 |         .on('sidebar.isShowing', function () {
 94 |           NexT.utils.isDesktop() && $('body').velocity('stop').velocity(
 95 |             {paddingRight: SIDEBAR_WIDTH},
 96 |             SIDEBAR_DISPLAY_DURATION
 97 |           );
 98 |         })
 99 |         .on('sidebar.isHiding', function () {
100 |         });
101 |     },
102 |     clickHandler: function () {
103 |       this.isSidebarVisible ? this.hideSidebar() : this.showSidebar();
104 |       this.isSidebarVisible = !this.isSidebarVisible;
105 |     },
106 |     mouseEnterHandler: function () {
107 |       if (this.isSidebarVisible) {
108 |         return;
109 |       }
110 |       sidebarToggleLines.arrow();
111 |     },
112 |     mouseLeaveHandler: function () {
113 |       if (this.isSidebarVisible) {
114 |         return;
115 |       }
116 |       sidebarToggleLines.init();
117 |     },
118 |     showSidebar: function () {
119 |       var self = this;
120 | 
121 |       sidebarToggleLines.close();
122 | 
123 |       this.sidebarEl.velocity('stop').velocity({
124 |           width: SIDEBAR_WIDTH
125 |         }, {
126 |           display: 'block',
127 |           duration: SIDEBAR_DISPLAY_DURATION,
128 |           begin: function () {
129 |             $('.sidebar .motion-element').velocity(
130 |               'transition.slideRightIn',
131 |               {
132 |                 stagger: 50,
133 |                 drag: true,
134 |                 complete: function () {
135 |                   self.sidebarEl.trigger('sidebar.motion.complete');
136 |                 }
137 |               }
138 |             );
139 |           },
140 |           complete: function () {
141 |             self.sidebarEl.addClass('sidebar-active');
142 |             self.sidebarEl.trigger('sidebar.didShow');
143 |           }
144 |         }
145 |       );
146 | 
147 |       this.sidebarEl.trigger('sidebar.isShowing');
148 |     },
149 |     hideSidebar: function () {
150 |       NexT.utils.isDesktop() && $('body').velocity('stop').velocity({paddingRight: 0});
151 |       this.sidebarEl.find('.motion-element').velocity('stop').css('display', 'none');
152 |       this.sidebarEl.velocity('stop').velocity({width: 0}, {display: 'none'});
153 | 
154 |       sidebarToggleLines.init();
155 | 
156 |       this.sidebarEl.removeClass('sidebar-active');
157 |       this.sidebarEl.trigger('sidebar.isHiding');
158 | 
159 |       //在 post 页面下按下隐藏 sidebar 时如果当前选中的是“站点概览”，将 toc 去除 motion 效果
160 |       //防止再次打开时会出现在“站点概览”下的 bug
161 |       if (!!$('.post-toc-wrap')) {
162 |         if ($('.site-overview').css('display') === 'block') {
163 |           $('.post-toc-wrap').removeClass('motion-element');
164 |         }
165 |       }
166 |     }
167 |   };
168 |   sidebarToggleMotion.init();
169 | 
170 |   NexT.motion.integrator = {
171 |     queue: [],
172 |     cursor: -1,
173 |     add: function (fn) {
174 |       this.queue.push(fn);
175 |       return this;
176 |     },
177 |     next: function () {
178 |       this.cursor++;
179 |       var fn = this.queue[this.cursor];
180 |       $.isFunction(fn) && fn(NexT.motion.integrator);
181 |     },
182 |     bootstrap: function () {
183 |       this.next();
184 |     }
185 |   };
186 | 
187 |   NexT.motion.middleWares =  {
188 |     logo: function (integrator) {
189 |       var sequence = [];
190 |       var $brand = $('.brand');
191 |       var $title = $('.site-title');
192 |       var $subtitle = $('.site-subtitle');
193 |       var $logoLineTop = $('.logo-line-before i');
194 |       var $logoLineBottom = $('.logo-line-after i');
195 | 
196 |       $brand.size() > 0 && sequence.push({
197 |         e: $brand,
198 |         p: {opacity: 1},
199 |         o: {duration: 200}
200 |       });
201 | 
202 |       NexT.utils.isMist() && hasElement([$logoLineTop, $logoLineBottom]) &&
203 |       sequence.push(
204 |         getMistLineSettings($logoLineTop, '100%'),
205 |         getMistLineSettings($logoLineBottom, '-100%')
206 |       );
207 | 
208 |       hasElement($title) && sequence.push({
209 |         e: $title,
210 |         p: {opacity: 1, top: 0},
211 |         o: { duration: 200 }
212 |       });
213 | 
214 |       hasElement($subtitle) && sequence.push({
215 |         e: $subtitle,
216 |         p: {opacity: 1, top: 0},
217 |         o: {duration: 200}
218 |       });
219 | 
220 |       if (sequence.length > 0) {
221 |         sequence[sequence.length - 1].o.complete = function () {
222 |           integrator.next();
223 |         };
224 |         $.Velocity.RunSequence(sequence);
225 |       } else {
226 |         integrator.next();
227 |       }
228 | 
229 | 
230 |       function getMistLineSettings (element, translateX) {
231 |         return {
232 |           e: $(element),
233 |           p: {translateX: translateX},
234 |           o: {
235 |             duration: 500,
236 |             sequenceQueue: false
237 |           }
238 |         };
239 |       }
240 | 
241 |       /**
242 |        * Check if $elements exist.
243 |        * @param {jQuery|Array} $elements
244 |        * @returns {boolean}
245 |        */
246 |       function hasElement ($elements) {
247 |         $elements = Array.isArray($elements) ? $elements : [$elements];
248 |         return $elements.every(function ($element) {
249 |           return $.isFunction($element.size) && $element.size() > 0;
250 |         });
251 |       }
252 |     },
253 | 
254 |     menu: function (integrator) {
255 |       $('.menu-item').velocity('transition.slideDownIn', {
256 |         display: null,
257 |         duration: 200,
258 |         complete: function () {
259 |           integrator.next();
260 |         }
261 |       });
262 |     },
263 | 
264 |     postList: function (integrator) {
265 |       var $post = $('.post');
266 |       var hasPost = $post.size() > 0;
267 | 
268 |       hasPost ? postMotion() : integrator.next();
269 | 
270 |       function postMotion () {
271 |         var postMotionOptions = window.postMotionOptions || {
272 |             stagger: 100,
273 |             drag: true
274 |           };
275 |         postMotionOptions.complete = function () {
276 |           integrator.next();
277 |         };
278 | 
279 |         $post.velocity('transition.slideDownIn', postMotionOptions);
280 |       }
281 |     },
282 | 
283 |     sidebar: function (integrator) {
284 |       if (CONFIG.sidebar.display === 'always') {
285 |         NexT.utils.displaySidebar();
286 |       }
287 |       integrator.next();
288 |     }
289 |   };
290 | 
291 | });
292 | 


--------------------------------------------------------------------------------
/statics/js/pisces.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function () {
2 |   var sidebarTop = $('.header-inner').height() + 10;
3 | 
4 |   $('#sidebar').css({ 'margin-top': sidebarTop }).show();
5 | });
6 | 


--------------------------------------------------------------------------------
/statics/js/post-details.js:
--------------------------------------------------------------------------------
  1 | /* global NexT: true */
  2 | 
  3 | $(document).ready(function () {
  4 | 
  5 |   initScrollSpy();
  6 |   NexT.utils.needAffix() && initAffix();
  7 |   initTOCDimension();
  8 | 
  9 |   function initScrollSpy () {
 10 |     var tocSelector = '.post-toc';
 11 |     var $tocElement = $(tocSelector);
 12 |     var activeCurrentSelector = '.active-current';
 13 | 
 14 |     $tocElement
 15 |       .on('activate.bs.scrollspy', function () {
 16 |         var $currentActiveElement = $(tocSelector + ' .active').last();
 17 | 
 18 |         removeCurrentActiveClass();
 19 |         $currentActiveElement.addClass('active-current');
 20 |       })
 21 |       .on('clear.bs.scrollspy', removeCurrentActiveClass);
 22 | 
 23 |     $('body').scrollspy({ target: tocSelector });
 24 | 
 25 |     function removeCurrentActiveClass () {
 26 |       $(tocSelector + ' ' + activeCurrentSelector)
 27 |         .removeClass(activeCurrentSelector.substring(1));
 28 |     }
 29 |   }
 30 | 
 31 |   function initAffix () {
 32 |     var headerHeight = $('.header-inner').height();
 33 |     var footerOffset = parseInt($('.main').css('padding-bottom'), 10);
 34 |     var sidebarTop = headerHeight + 10;
 35 | 
 36 |     $('.sidebar-inner').affix({
 37 |       offset: {
 38 |         top: sidebarTop,
 39 |         bottom: footerOffset
 40 |       }
 41 |     });
 42 | 
 43 |     $(document)
 44 |       .on('affixed.bs.affix', function () {
 45 |         updateTOCHeight(document.body.clientHeight - 100)
 46 |       });
 47 |   }
 48 | 
 49 |   function initTOCDimension () {
 50 |     var updateTOCHeightTimer;
 51 | 
 52 |     $(window).on('resize', function () {
 53 |       updateTOCHeightTimer && clearTimeout(updateTOCHeightTimer);
 54 | 
 55 |       updateTOCHeightTimer = setTimeout(function () {
 56 |         var tocWrapperHeight = document.body.clientHeight - 100;
 57 | 
 58 |         updateTOCHeight(tocWrapperHeight);
 59 |       }, 0);
 60 |     });
 61 | 
 62 |     // Initialize TOC Height.
 63 |     updateTOCHeight(document.body.clientHeight - 100);
 64 | 
 65 |     // Initialize TOC Width.
 66 |     var scrollbarWidth = NexT.utils.getScrollbarWidth();
 67 |     $('.post-toc').css('width', 'calc(100% + ' + scrollbarWidth + 'px)');
 68 |   }
 69 | 
 70 |   function updateTOCHeight (height) {
 71 |     height = height || 'auto';
 72 |     $('.post-toc').css('max-height', height);
 73 |   }
 74 | 
 75 | });
 76 | 
 77 | $(document).ready(function () {
 78 |   var html = $('html');
 79 |   var TAB_ANIMATE_DURATION = 200;
 80 |   var hasVelocity = $.isFunction(html.velocity);
 81 | 
 82 |   $('.sidebar-nav li').on('click', function () {
 83 |     var item = $(this);
 84 |     var activeTabClassName = 'sidebar-nav-active';
 85 |     var activePanelClassName = 'sidebar-panel-active';
 86 |     if (item.hasClass(activeTabClassName)) {
 87 |       return;
 88 |     }
 89 | 
 90 |     var currentTarget = $('.' + activePanelClassName);
 91 |     var target = $('.' + item.data('target'));
 92 | 
 93 |     hasVelocity ?
 94 |       currentTarget.velocity('transition.slideUpOut', TAB_ANIMATE_DURATION, function () {
 95 |         target
 96 |           .velocity('stop')
 97 |           .velocity('transition.slideDownIn', TAB_ANIMATE_DURATION)
 98 |           .addClass(activePanelClassName);
 99 |       }) :
100 |       currentTarget.animate({ opacity: 0 }, TAB_ANIMATE_DURATION, function () {
101 |         currentTarget.hide();
102 |         target
103 |           .stop()
104 |           .css({'opacity': 0, 'display': 'block'})
105 |           .animate({ opacity: 1 }, TAB_ANIMATE_DURATION, function () {
106 |             currentTarget.removeClass(activePanelClassName);
107 |             target.addClass(activePanelClassName);
108 |           });
109 |       });
110 | 
111 |     item.siblings().removeClass(activeTabClassName);
112 |     item.addClass(activeTabClassName);
113 |   });
114 | 
115 |   $('.post-toc a').on('click', function (e) {
116 |     e.preventDefault();
117 |     var targetSelector = NexT.utils.escapeSelector(this.getAttribute('href'));
118 |     var offset = $(targetSelector).offset().top;
119 | 
120 |     hasVelocity ?
121 |       html.velocity('stop').velocity('scroll', {
122 |         offset: offset  + 'px',
123 |         mobileHA: false
124 |       }) :
125 |       $('html, body').stop().animate({
126 |         scrollTop: offset
127 |       }, 500);
128 |   });
129 | 
130 |   // Expand sidebar on post detail page by default, when post has a toc.
131 |   NexT.motion.middleWares.sidebar = function () {
132 |     var $tocContent = $('.post-toc-content');
133 | 
134 |     if (CONFIG.sidebar.display === 'post' || CONFIG.sidebar.display === 'always') {
135 |       if ($tocContent.length > 0 && $tocContent.html().trim().length > 0) {
136 |         NexT.utils.displaySidebar();
137 |       }
138 |     }
139 |   };
140 | });
141 | 


--------------------------------------------------------------------------------
/statics/js/scrollspy.js:
--------------------------------------------------------------------------------
  1 | /* ========================================================================
  2 | * Bootstrap: scrollspy.js v3.3.2
  3 | * http://getbootstrap.com/javascript/#scrollspy
  4 | * ========================================================================
  5 | * Copyright 2011-2015 Twitter, Inc.
  6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  7 | * ======================================================================== */
  8 | 
  9 | /**
 10 |  * Custom by iissnan
 11 |  *
 12 |  * - Add a `clear.bs.scrollspy` event.
 13 |  * - Esacpe targets selector.
 14 |  */
 15 | 
 16 | 
 17 | +function ($) {
 18 |   'use strict';
 19 | 
 20 |   // SCROLLSPY CLASS DEFINITION
 21 |   // ==========================
 22 | 
 23 |   function ScrollSpy(element, options) {
 24 |     this.$body          = $(document.body)
 25 |     this.$scrollElement = $(element).is(document.body) ? $(window) : $(element)
 26 |     this.options        = $.extend({}, ScrollSpy.DEFAULTS, options)
 27 |     this.selector       = (this.options.target || '') + ' .nav li > a'
 28 |     this.offsets        = []
 29 |     this.targets        = []
 30 |     this.activeTarget   = null
 31 |     this.scrollHeight   = 0
 32 | 
 33 |     this.$scrollElement.on('scroll.bs.scrollspy', $.proxy(this.process, this))
 34 |     this.refresh()
 35 |     this.process()
 36 |   }
 37 | 
 38 |   ScrollSpy.VERSION  = '3.3.2'
 39 | 
 40 |   ScrollSpy.DEFAULTS = {
 41 |     offset: 10
 42 |   }
 43 | 
 44 |   ScrollSpy.prototype.getScrollHeight = function () {
 45 |     return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight)
 46 |   }
 47 | 
 48 |   ScrollSpy.prototype.refresh = function () {
 49 |     var that          = this
 50 |     var offsetMethod  = 'offset'
 51 |     var offsetBase    = 0
 52 | 
 53 |     this.offsets      = []
 54 |     this.targets      = []
 55 |     this.scrollHeight = this.getScrollHeight()
 56 | 
 57 |     if (!$.isWindow(this.$scrollElement[0])) {
 58 |       offsetMethod = 'position'
 59 |       offsetBase   = this.$scrollElement.scrollTop()
 60 |     }
 61 | 
 62 |     this.$body
 63 |       .find(this.selector)
 64 |       .map(function () {
 65 |         var $el   = $(this)
 66 |         var href  = $el.data('target') || $el.attr('href')
 67 |         var $href = /^#./.test(href) && $(NexT.utils.escapeSelector(href)) // Need to escape selector.
 68 | 
 69 |         return ($href
 70 |           && $href.length
 71 |           && $href.is(':visible')
 72 |           && [[$href[offsetMethod]().top + offsetBase, href]]) || null
 73 |       })
 74 |       .sort(function (a, b) { return a[0] - b[0] })
 75 |       .each(function () {
 76 |         that.offsets.push(this[0])
 77 |         that.targets.push(this[1])
 78 |       })
 79 | 
 80 | 
 81 |   }
 82 | 
 83 |   ScrollSpy.prototype.process = function () {
 84 |     var scrollTop    = this.$scrollElement.scrollTop() + this.options.offset
 85 |     var scrollHeight = this.getScrollHeight()
 86 |     var maxScroll    = this.options.offset + scrollHeight - this.$scrollElement.height()
 87 |     var offsets      = this.offsets
 88 |     var targets      = this.targets
 89 |     var activeTarget = this.activeTarget
 90 |     var i
 91 | 
 92 |     if (this.scrollHeight != scrollHeight) {
 93 |       this.refresh()
 94 |     }
 95 | 
 96 |     if (scrollTop >= maxScroll) {
 97 |       return activeTarget != (i = targets[targets.length - 1]) && this.activate(i)
 98 |     }
 99 | 
100 |     if (activeTarget && scrollTop < offsets[0]) {
101 |       $(this.selector).trigger('clear.bs.scrollspy')  // Add a custom event.
102 |       this.activeTarget = null
103 |       return this.clear()
104 |     }
105 | 
106 |     for (i = offsets.length; i--;) {
107 |       activeTarget != targets[i]
108 |         && scrollTop >= offsets[i]
109 |         && (!offsets[i + 1] || scrollTop <= offsets[i + 1])
110 |         && this.activate(targets[i])
111 |     }
112 |   }
113 | 
114 |   ScrollSpy.prototype.activate = function (target) {
115 |     this.activeTarget = target
116 | 
117 |     this.clear()
118 | 
119 |     var selector = this.selector +
120 |       '[data-target="' + target + '"],' +
121 |       this.selector + '[href="' + target + '"]'
122 | 
123 |     var active = $(selector)
124 |       .parents('li')
125 |       .addClass('active')
126 | 
127 |     if (active.parent('.dropdown-menu').length) {
128 |       active = active
129 |         .closest('li.dropdown')
130 |         .addClass('active')
131 |     }
132 | 
133 |     active.trigger('activate.bs.scrollspy')
134 |   }
135 | 
136 |   ScrollSpy.prototype.clear = function () {
137 |     $(this.selector)
138 |       .parentsUntil(this.options.target, '.active')
139 |       .removeClass('active')
140 |   }
141 | 
142 | 
143 |   // SCROLLSPY PLUGIN DEFINITION
144 |   // ===========================
145 | 
146 |   function Plugin(option) {
147 |     return this.each(function () {
148 |       var $this   = $(this)
149 |       var data    = $this.data('bs.scrollspy')
150 |       var options = typeof option == 'object' && option
151 | 
152 |       if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options)))
153 |       if (typeof option == 'string') data[option]()
154 |     })
155 |   }
156 | 
157 |   var old = $.fn.scrollspy
158 | 
159 |   $.fn.scrollspy             = Plugin
160 |   $.fn.scrollspy.Constructor = ScrollSpy
161 | 
162 | 
163 |   // SCROLLSPY NO CONFLICT
164 |   // =====================
165 | 
166 |   $.fn.scrollspy.noConflict = function () {
167 |     $.fn.scrollspy = old
168 |     return this
169 |   }
170 | 
171 | 
172 |   // SCROLLSPY DATA-API
173 |   // ==================
174 | 
175 |   $(window).on('load.bs.scrollspy.data-api', function () {
176 |     $('[data-spy="scroll"]').each(function () {
177 |       var $spy = $(this)
178 |       Plugin.call($spy, $spy.data())
179 |     })
180 |   })
181 | 
182 | }(jQuery);
183 | 


--------------------------------------------------------------------------------
/statics/js/utils.js:
--------------------------------------------------------------------------------
  1 | /* global NexT: true */
  2 | 
  3 | NexT.utils = NexT.$u = {
  4 |   /**
  5 |    * Wrap images with fancybox support.
  6 |    */
  7 |   wrapImageWithFancyBox: function () {
  8 |     $('.content img').not('.group-picture img').each(function () {
  9 | 
 10 |       var $image = $(this);
 11 |       var imageTitle = $image.attr('title');
 12 |       var $imageWrapLink = $image.parent('a');
 13 | 
 14 |       if ($imageWrapLink.size() < 1) {
 15 |         $imageWrapLink = $image.wrap('<a href="' + this.getAttribute('src') + '"></a>').parent('a');
 16 |       }
 17 | 
 18 |       $imageWrapLink.addClass('fancybox');
 19 |       $imageWrapLink.attr('rel', 'group');
 20 | 
 21 |       if (imageTitle) {
 22 |         $imageWrapLink.append('<p class="image-caption">' + imageTitle + '</p>');
 23 |         $imageWrapLink.attr('title', imageTitle); //make sure img title tag will show correctly in fancybox
 24 |       }
 25 |     });
 26 | 
 27 |     $('.fancybox').fancybox({
 28 |       helpers: {
 29 |         overlay: {
 30 |           locked: false
 31 |         }
 32 |       }
 33 |     });
 34 |   },
 35 | 
 36 |   lazyLoadPostsImages: function () {
 37 |     $('#posts').find('img').lazyload({
 38 |       placeholder: '/images/loading.gif',
 39 |       effect: 'fadeIn'
 40 |     });
 41 |   },
 42 | 
 43 |   registerBackToTop: function () {
 44 |     var THRESHOLD = 50;
 45 |     var $top = $('.back-to-top');
 46 | 
 47 |     $(window).on('scroll', function () {
 48 |       $top.toggleClass('back-to-top-on', window.pageYOffset > THRESHOLD);
 49 |     });
 50 | 
 51 |     $top.on('click', function () {
 52 |       $('body').velocity('scroll');
 53 |     });
 54 |   },
 55 | 
 56 |   /**
 57 |    * Transform embedded video to support responsive layout.
 58 |    * @see http://toddmotto.com/fluid-and-responsive-youtube-and-vimeo-videos-with-fluidvids-js/
 59 |    */
 60 |   embeddedVideoTransformer: function () {
 61 |     var $iframes = $('iframe');
 62 | 
 63 |     /*
 64 |      * Supported Players. Extend this if you need more players.
 65 |      */
 66 |     var SUPPORTED_PLAYERS = [
 67 |       'www.youtube.com',
 68 |       'player.vimeo.com',
 69 |       'player.youku.com',
 70 |       'music.163.com',
 71 |       'www.tudou.com'
 72 |     ];
 73 |     var pattern = new RegExp(SUPPORTED_PLAYERS.join('|'));
 74 | 
 75 |     $iframes.each(function () {
 76 |       var iframe = this;
 77 |       var $iframe = $(this);
 78 | 
 79 |       if (this.src.search(pattern) > 0) {
 80 |         /*
 81 |          * Calculate the video ratio based on the iframe's w/h dimensions
 82 |          */
 83 |         var videoRatio = ( $iframe.height() / $iframe.width() ) * 100;
 84 | 
 85 |         // Add height for 163 music.
 86 |         if (this.src.search('music.163.com') > 0) {
 87 |           videoRatio += 10;
 88 |         }
 89 | 
 90 |         /*
 91 |          * Replace the iframe's dimensions and position
 92 |          * the iframe absolute, this is the trick to emulate
 93 |          * the video ratio
 94 |          */
 95 |         $iframe
 96 |           .width('100%')
 97 |           .height('100%')
 98 |           .css({
 99 |             position: 'absolute',
100 |             top: '0',
101 |             left: '0'
102 |           });
103 | 
104 |         /*
105 |          * Wrap the iframe in a new <div> which uses a
106 |          * dynamically fetched padding-top property based
107 |          * on the video's w/h dimensions
108 |          */
109 |         var wrap = document.createElement('div');
110 |         wrap.className = 'fluid-vids';
111 |         wrap.style.width = '100%';
112 |         wrap.style.position = 'relative';
113 |         wrap.style.paddingTop = videoRatio + '%';
114 | 
115 |         /*
116 |          * Add the iframe inside our newly created <div>
117 |          */
118 |         var iframeParent = iframe.parentNode;
119 |         iframeParent.insertBefore(wrap, iframe);
120 |         wrap.appendChild(iframe);
121 |       }
122 |     });
123 |   },
124 | 
125 |   /**
126 |    * Add `menu-item-active` class name to menu item
127 |    * via comparing location.path with menu item's href.
128 |    */
129 |   addActiveClassToMenuItem: function () {
130 |     var path = window.location.pathname;
131 |     path = path === '/' ? path : path.substring(0, path.length - 1);
132 |     $('.menu-item a[href="' + path + '"]').parent().addClass('menu-item-active');
133 |   },
134 | 
135 |   hasMobileUA: function () {
136 |     var nav = window.navigator;
137 |     var ua = nav.userAgent;
138 |     var pa = /iPad|iPhone|Android|Opera Mini|BlackBerry|webOS|UCWEB|Blazer|PSP|IEMobile|Symbian/g;
139 | 
140 |     return pa.test(ua);
141 |   },
142 | 
143 |   isTablet: function () {
144 |     return window.screen.width < 992 && window.screen.width > 767 && this.hasMobileUA();
145 |   },
146 | 
147 |   isMobile: function () {
148 |     return window.screen.width < 767 && this.hasMobileUA();
149 |   },
150 | 
151 |   isDesktop: function () {
152 |     return !this.isTablet() && !this.isMobile();
153 |   },
154 | 
155 |   /**
156 |    * Escape meta symbols in jQuery selectors.
157 |    *
158 |    * @param selector
159 |    * @returns {string|void|XML|*}
160 |    */
161 |   escapeSelector: function (selector) {
162 |     return selector.replace(/[!"$%&'()*+,.\/:;<=>?@[\\\]^`{|}~]/g, '\\$&');
163 |   },
164 | 
165 |   displaySidebar: function () {
166 |     if (!this.isDesktop() || this.isPisces()) {
167 |       return;
168 |     }
169 |     $('.sidebar-toggle').trigger('click');
170 |   },
171 | 
172 |   isMist: function () {
173 |     return CONFIG.scheme === 'Mist';
174 |   },
175 | 
176 |   isPisces: function () {
177 |     return CONFIG.scheme === 'Pisces';
178 |   },
179 | 
180 |   getScrollbarWidth: function () {
181 |     var $div = $('<div />').addClass('scrollbar-measure').prependTo('body');
182 |     var div = $div[0];
183 |     var scrollbarWidth = div.offsetWidth - div.clientWidth;
184 | 
185 |     $div.remove();
186 | 
187 |     return scrollbarWidth;
188 |   },
189 | 
190 |   /**
191 |    * Affix behaviour for Sidebar.
192 |    *
193 |    * @returns {Boolean}
194 |    */
195 |   needAffix: function () {
196 |     return this.isPisces();
197 |   }
198 | };
199 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Theme Name: NexT WP 
  3 | Theme URI: https://github.com/pengtikui/NexT 
  4 | Author: Paranoid_K 
  5 | Author URI: http://pengtikui.cn/ 
  6 | Version: 0.1 
  7 |   Description: NexT WP 是一款移植自 Hexo 的主题 <a href="https://github.com/iissnan/hexo-theme-next">NexT</a> 的 WordPress 主题
  8 | Tag: Hexo, NexT
  9 | */
 10 | 
 11 | /* highlight */
 12 | .hljs{
 13 |     background: none !important;
 14 | }
 15 | 
 16 | /* 404 page */
 17 | .next-404 h1{
 18 |     font-size: 7em;
 19 |     color: #000;
 20 |     font-weight: bold;
 21 | }
 22 | .next-404 p{
 23 |     margin-bottom: 10px;
 24 | }
 25 | 
 26 | /* pagination */
 27 | .pagination {
 28 |   margin: 120px 0 40px;
 29 |   text-align: center;
 30 |   border-top: 1px solid #eee;
 31 | }
 32 | .pagination h2{
 33 |   display: none;
 34 | }
 35 | .page-number-basic,
 36 | .pagination .prev,
 37 | .pagination .next,
 38 | .pagination .page-numbers,
 39 | .pagination .space {
 40 |   display: inline-block;
 41 |   position: relative;
 42 |   top: -1px;
 43 |   margin: 0 6px;
 44 |   padding: 0 10px;
 45 |   line-height: 30px;
 46 | }
 47 | @media (max-width: 767px) {
 48 |   .page-number-basic,
 49 |   .pagination .prev,
 50 |   .pagination .next,
 51 |   .pagination .page-numbers,
 52 |   .pagination .space {
 53 |     margin: 0 5px;
 54 |   }
 55 | }
 56 | .pagination .prev,
 57 | .pagination .next,
 58 | .pagination .page-numbers {
 59 |   border-bottom: 0;
 60 |   border-top: 1px solid #eee;
 61 |   transition-property: border-color;
 62 |   transition-duration: 0.2s;
 63 |   transition-timing-function: ease-in-out;
 64 |   transition-delay: 0s;
 65 | }
 66 | .pagination .prev:hover,
 67 | .pagination .next:hover,
 68 | .pagination .page-numbers:hover {
 69 |   border-top-color: #222;
 70 | }
 71 | .pagination .space {
 72 |   padding: 0;
 73 |   margin: 0;
 74 | }
 75 | .pagination .prev {
 76 |   margin-left: 0;
 77 | }
 78 | .pagination .next {
 79 |   margin-right: 0;
 80 | }
 81 | .pagination .page-numbers.current {
 82 |   color: #fff;
 83 |   background: #ccc;
 84 |   border-top-color: #ccc;
 85 | }
 86 | @media (max-width: 767px) {
 87 |   .pagination {
 88 |     border-top: none;
 89 |   }
 90 |   .pagination .prev,
 91 |   .pagination .next,
 92 |   .pagination .page-numbers {
 93 |     margin-bottom: 10px;
 94 |     border-top: 0;
 95 |     border-bottom: 1px solid #eee;
 96 |   }
 97 |   .pagination .prev:hover,
 98 |   .pagination .next:hover,
 99 |   .pagination .page-numbers:hover {
100 |     border-bottom-color: #222;
101 |   }
102 | }
103 | 
104 | 


--------------------------------------------------------------------------------
/template/content-archive.php:
--------------------------------------------------------------------------------
 1 | <article class="post post-type-normal">
 2 |     <header class="post-header">
 3 |         <h1 class="post-title">
 4 |             <a class="post-title-link" href="<?php the_permalink(); ?>">
 5 |                 <span><?php the_title(); ?></span>
 6 |             </a>
 7 |         </h1>
 8 |         <div class="post-meta">
 9 |             <time class="post-time" datetime="<?php the_time('Y-m-d') ?>"><?php the_time('m-d') ?></time>
10 |         </div>
11 |     </header>
12 | </article>


--------------------------------------------------------------------------------
/template/content-meta.php:
--------------------------------------------------------------------------------
 1 | <article class="post">
 2 | 	<header class="post-header">
 3 | 		<h1 class="post-title">
 4 | 			<a class="post-title-link" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
 5 | 		</h1>
 6 | 		<div class="post-meta">
 7 | 			<span class="post-time">
 8 | 				<span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i></span>
 9 | 				<span class="post-meta-item-text">发表于</span>
10 | 				<time datetime="<?php the_time('Y-m-d') ?>"><?php the_time('Y-m-d') ?></time>
11 | 			</span>
12 | 			<span class="post-category">
13 | 				&nbsp;|&nbsp;
14 | 				<span class="post-meta-item-icon"><i class="fa fa-folder-o"></i></span>
15 | 				<span class="post-meta-item-text">分类于</span>
16 | 				<span>
17 | 					<?php the_category(', ') ?>
18 | 				</span>
19 | 			</span>
20 | 			<span class="post-comments-count">
21 | 				&nbsp;|&nbsp;
22 | 				<span class="post-comments-count"><?php comments_number("暂无评论","1条评论","%条评论"); ?></span>
23 | 			</span>
24 | 		</div>
25 | 	</header>
26 | 	<div class="post-body">
27 | 		<?php the_content(''); ?>
28 | 		<div class="post-more-link text-center">
29 | 			<a class="btn" href="<?php the_permalink(); ?>">阅读全文 »</a>
30 | 		</div>
31 | 	</div>
32 | 	<footer class="post-footer">
33 | 		<div class="post-eof"></div>
34 | 	</footer>
35 | </article>


--------------------------------------------------------------------------------
/template/content-page.php:
--------------------------------------------------------------------------------
 1 | <article class="post">
 2 | 	<header class="post-header">
 3 | 		<h1 class="post-title">
 4 | 			<?php the_title(); ?>
 5 | 		</h1>
 6 | 		<div class="post-meta">
 7 | 			<span class="post-time">
 8 | 				<span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i></span>
 9 | 				<span class="post-meta-item-text">发表于</span>
10 | 				<time datetime="<?php the_time('Y-m-d') ?>"><?php the_time('Y-m-d') ?></time>
11 | 			</span>
12 | 			<span class="post-comments-count">
13 | 				&nbsp;|&nbsp;
14 | 				<span class="post-comments-count"><?php comments_number(); ?></span>
15 | 			</span>
16 | 		</div>
17 | 	</header>
18 | 	<div class="post-body">
19 | 		<?php the_content(''); ?>
20 | 	</div>
21 | 	<footer class="post-footer"></footer>
22 | </article>


--------------------------------------------------------------------------------
/template/content-single.php:
--------------------------------------------------------------------------------
 1 | <article class="post">
 2 | 	<header class="post-header">
 3 | 		<h1 class="post-title">
 4 | 			<?php the_title(); ?>
 5 | 		</h1>
 6 | 		<div class="post-meta">
 7 | 			<span class="post-time">
 8 | 				<span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i></span>
 9 | 				<span class="post-meta-item-text">发表于</span>
10 | 				<time datetime="<?php the_time('Y-m-d') ?>"><?php the_time('Y-m-d'); ?></time>
11 | 			</span>
12 | 			<span class="post-category">
13 | 				&nbsp;|&nbsp;
14 | 				<span class="post-meta-item-icon"><i class="fa fa-folder-o"></i></span>
15 | 				<span class="post-meta-item-text">分类于</span>
16 | 				<span>
17 | 					<?php the_category(', ') ?>
18 | 				</span>
19 | 			</span>
20 | 			<span class="post-comments-count">
21 | 				&nbsp;|&nbsp;
22 | 				<span class="post-comments-count"><?php comments_number(); ?></span>
23 | 			</span>
24 | 		</div>
25 | 	</header>
26 | 	<div class="post-body">
27 | 		<?php the_content(''); ?>
28 | 	</div>
29 | 	<footer class="post-footer">
30 | 		<div class="post-tags">
31 | 			<?php the_tags(' ', ' '); ?>
32 | 		</div>
33 | 		<div class="post-nav">
34 | 			<div class="post-nav-next post-nav-item"><?php next_post_link('<i class="fa fa-chevron-left"></i> %link'); ?></div>
35 | 			<div class="post-nav-prev post-nav-item"><?php previous_post_link('%link <i class="fa fa-chevron-right"></i>'); ?></div>
36 | 		</div>
37 | 	</footer>
38 | </article>


--------------------------------------------------------------------------------