diff --git a/404.php b/404.php new file mode 100644 index 0000000..7e98888 --- /dev/null +++ b/404.php @@ -0,0 +1,24 @@ + +need('header.php'); ?> + +
+ +
+ +
+ +
+ + +

笑不活了，您要查看的页面不见了……

+ + +
+ +need('footer.php'); ?> diff --git a/README.md b/README.md index a6829a4..45970c5 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,124 @@ -# typecho-theme-simpleblog +# simpleblog - 简约而不简陋的 Typecho 主题 -简约而不简陋的Typecho博客主题 \ No newline at end of file +simpleblog 是一个简约、优雅且功能丰富的 Typecho 主题，专注于内容展示和阅读体验。 + +## 主题特点 + +- **简约设计**：极简主义设计风格，让内容成为焦点 +- **响应式布局**：完美适配桌面端和移动端设备 +- **自定义侧边栏**：可自定义侧边栏背景颜色 +- **社交媒体集成**：支持 Twitter、Facebook、GitHub 等社交媒体链接 +- **特色图片支持**：通过自定义字段实现特色图片功能 +- **文章摘要**：支持自定义文章摘要 +- **按年份归档**：首页文章按年份分组显示 +- **搜索功能**：内置搜索功能，方便查找内容 +- **评论系统**：美观的评论布局和样式 + +## 安装方法 + +1. 下载主题压缩包 +2. 解压后将文件夹重命名为 `simpleblog` +3. 上传到 Typecho 的 `/usr/themes/` 目录下 +4. 登录 Typecho 后台，进入「外观」，启用 simpleblog 主题 + +## 主题配置 + +在 Typecho 后台 → 外观 → 设置外观 中，可以进行以下配置： + +### 基本设置 + +- **侧边栏背景颜色**：设置桌面端侧边栏和移动端顶部的背景颜色，使用十六进制颜色代码 + +### 社交媒体设置 + +- **Twitter 链接**：填入您的 Twitter 个人资料链接 +- **Facebook 链接**：填入您的 Facebook 个人资料链接 +- **GitHub 链接**：填入您的 GitHub 个人资料链接 + +## 特殊功能使用说明 + +### 特色图片 + +Typecho 默认没有特色图片功能，本主题使用自定义字段来实现。在编辑文章时，添加自定义字段： + +- 字段名：`thumbnail` +- 字段值：图片的 URL 地址 + +### 文章摘要 + +在编辑文章时，添加自定义字段： + +- 字段名：`excerpt` +- 字段值：文章摘要内容 + +### 文章置顶 + +需配合我修改的文章置顶插件使用。 + +**注意：**插件设置中“置顶标记的 HTML”**切勿**修改，否则将无法显示主题内置的置顶文章样式。 + +## 文件结构 + +``` +simpleblog/ +├── 404.php # 404 错误页面 +├── archive.php # 归档页面 +├── comments.css # 评论样式 +├── comments.php # 评论模板 +├── footer.php # 页脚模板 +├── functions.php # 主题函数 +├── header.php # 页头模板 +├── index.php # 首页模板 +├── page.php # 独立页面模板 +├── pagination.php # 分页模板 +├── post.php # 文章页面模板 +├── README.md # 主题说明文档 +├── screenshot.png # 主题预览图 +├── search.php # 搜索结果页面 +├── style.css # 主题样式表 +├── assets/ # 资源文件夹 +├── css/ # CSS 文件夹 +├── fonts/ # 字体文件夹 +├── images/ # 图片文件夹 +└── js/ # JavaScript 文件夹 +``` + +## 浏览器兼容性 + +simpleblog 主题兼容所有现代浏览器，包括： + +- Chrome +- Firefox +- Safari +- Edge +- Opera + +## 许可证 + +本主题基于 GNU General Public License v2.0 许可证发布。 + +## 作者信息 + +- 原主题作者：Anders Norén +- 移植作者：林海草原 +- 作者网站：[https://lhcy.org](https://lhcy.org) + +## 更新日志 + +### 1.0 (初始版本) +- 初始版本发布 + +## 常见问题 + +**Q: 如何设置特色图片？** +A: 在编辑文章时，添加自定义字段 `thumbnail`，值为图片 URL。 + +**Q: 如何添加文章摘要？** +A: 在编辑文章时，添加自定义字段 `excerpt`，值为摘要内容。 + +**Q: 如何修改侧边栏颜色？** +A: 在主题设置中修改「侧边栏背景颜色」选项。 + +## 支持与反馈 + +如有问题或建议，请访问作者网站 [https://lhcy.org](https://lhcy.org) 获取支持。 \ No newline at end of file diff --git a/archive.php b/archive.php new file mode 100644 index 0000000..e6d30be --- /dev/null +++ b/archive.php @@ -0,0 +1,98 @@ + +need('header.php'); ?> + +
+ +
+

archiveTitle(array( + 'category' => _t('分类: %s'), + 'search' => _t('搜索结果: %s'), + 'tag' => _t('标签: %s'), + 'author' => _t('作者: %s'), + 'date' => _t('归档: %s') + ), '', ''); ?>

+ + is('category') && $this->getDescription()): ?> +
+ getDescription(); ?> +
+ +
+ + have()): ?> +
+ next()): + // 获取当前文章的年份 + $current_year = date('Y', $this->created); + + // 如果年份与之前不同，需要新的包装器 + if ($current_year != $old_year) : + + // 如果是有效年份，而不是我们在循环前添加的默认值，我们有一个需要关闭的开放包装器 + if (1 != $old_year) { + echo ''; + } + + // 包装新的年份 + echo ' + +
+ + + need('pagination.php'); ?> + + +
+
+

+
+ +
+

+
+
+ + +
+ +need('footer.php'); ?> diff --git a/assets/images/404.png b/assets/images/404.png new file mode 100644 index 0000000..366796b Binary files /dev/null and b/assets/images/404.png differ diff --git a/assets/images/arrow-black-down.svg b/assets/images/arrow-black-down.svg new file mode 100644 index 0000000..2515138 --- /dev/null +++ b/assets/images/arrow-black-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/arrow-black-left.svg b/assets/images/arrow-black-left.svg new file mode 100644 index 0000000..afc4524 --- /dev/null +++ b/assets/images/arrow-black-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/arrow-black-right.svg b/assets/images/arrow-black-right.svg new file mode 100644 index 0000000..daa97e7 --- /dev/null +++ b/assets/images/arrow-black-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/arrow-black-up.svg b/assets/images/arrow-black-up.svg new file mode 100644 index 0000000..2cc957b --- /dev/null +++ b/assets/images/arrow-black-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/arrow-white-right.svg b/assets/images/arrow-white-right.svg new file mode 100644 index 0000000..12c49d9 --- /dev/null +++ b/assets/images/arrow-white-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/chevron-up-white.svg b/assets/images/chevron-up-white.svg new file mode 100644 index 0000000..13d080a --- /dev/null +++ b/assets/images/chevron-up-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/loading-white.svg b/assets/images/loading-white.svg new file mode 100644 index 0000000..9931d38 --- /dev/null +++ b/assets/images/loading-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/spyglass-black.svg b/assets/images/spyglass-black.svg new file mode 100644 index 0000000..f28c4bb --- /dev/null +++ b/assets/images/spyglass-black.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/spyglass-semiopaque.svg b/assets/images/spyglass-semiopaque.svg new file mode 100644 index 0000000..99e0c64 --- /dev/null +++ b/assets/images/spyglass-semiopaque.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/spyglass-white.svg b/assets/images/spyglass-white.svg new file mode 100644 index 0000000..f787377 --- /dev/null +++ b/assets/images/spyglass-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/comments.css b/comments.css new file mode 100644 index 0000000..4d86c25 --- /dev/null +++ b/comments.css @@ -0,0 +1,57 @@ + + +.comment-respond { + margin-top: 40px; + padding-top: 20px; + border-top: 1px solid #eee; +} + +/* 评论分页样式 */ +.page-navigator { + display: flex; + flex-wrap: wrap; /* 允许在小屏幕上换行 */ + list-style: none; + padding: 0; + margin: 20px 0; + justify-content: center; + margin-bottom: 50px; +} + +.page-navigator li { + margin: 0 5px 5px 0; +} + +.page-navigator a { + padding: 5px 10px; + border: 1px solid #ddd; + text-decoration: none; + border-radius: 3px; + display: block; +} + +.page-navigator .current a { + background: #333; + color: #fff; + border-color: #333; +} + +/* 响应式设计 - 平板设备 (768px 及以下) */ +@media screen and (max-width: 768px) { + + .page-navigator { + justify-content: flex-start; + } +} + +/* 响应式设计 - 手机设备 (480px 及以下) */ +@media screen and (max-width: 480px) { + + .page-navigator li { + margin: 0 3px 3px 0; + } + + .page-navigator a { + padding: 4px 8px; + font-size: 0.9em; + } +} \ No newline at end of file diff --git a/comments.php b/comments.php new file mode 100644 index 0000000..d673d7c --- /dev/null +++ b/comments.php @@ -0,0 +1,64 @@ + + +
+ comments()->to($comments); ?> + + have()): ?> + + listComments(array( + 'before' => '
', + 'after' => '
', + 'beforeAuthor' => '', + 'afterAuthor' => '', + 'beforeDate' => '', + 'afterDate' => '', + 'dateFormat' => 'Y-m-d H:i', + 'replyWord' => _t('回复'), + 'commentStatus' => _t('您的评论正等待审核！'), + 'avatarSize' => 40, + 'callback' => 'themeCommentList' + )); ?> + + + pageNav()): ?> + + + + + allow('comment')): ?> +
+

+ +
+ user->hasLogin()): ?> +

user->screenName(); ?>. »

+ cancelReply(); ?> +

+ +

+ + cancelReply(); ?> +

+ +

+

+ + options->commentsRequireMail): ?> required /> + options->commentsRequireURL): ?> required /> +

+ + + + +

+ + +

+
+
+ +

+ +
diff --git a/css/font-awesome.css b/css/font-awesome.css new file mode 100644 index 0000000..314be5d --- /dev/null +++ b/css/font-awesome.css @@ -0,0 +1,15 @@ +@font-face { + font-family: 'Font Awesome 5'; + font-style: normal; + font-weight: normal; + src: url( ../fonts/font-awesome/fa-solid-900.woff2 ) format( 'woff2' ), + url( ../fonts/font-awesome/fa-solid-900.woff ) format( 'woff' ); +} + +@font-face { + font-family: 'Font Awesome 5 Brands'; + font-style: normal; + font-weight: normal; + src: url( ../fonts/font-awesome/fa-brands-400.woff2 ) format( 'woff2' ), + url( ../fonts/font-awesome/fa-brands-400.woff ) format( 'woff' ); +} \ No newline at end of file diff --git a/fonts/font-awesome/fa-brands-400.woff b/fonts/font-awesome/fa-brands-400.woff new file mode 100644 index 0000000..21c2dd3 Binary files /dev/null and b/fonts/font-awesome/fa-brands-400.woff differ diff --git a/fonts/font-awesome/fa-brands-400.woff2 b/fonts/font-awesome/fa-brands-400.woff2 new file mode 100644 index 0000000..8d8c89e Binary files /dev/null and b/fonts/font-awesome/fa-brands-400.woff2 differ diff --git a/fonts/font-awesome/fa-solid-900.woff b/fonts/font-awesome/fa-solid-900.woff new file mode 100644 index 0000000..a38172b Binary files /dev/null and b/fonts/font-awesome/fa-solid-900.woff differ diff --git a/fonts/font-awesome/fa-solid-900.woff2 b/fonts/font-awesome/fa-solid-900.woff2 new file mode 100644 index 0000000..39b8d0b Binary files /dev/null and b/fonts/font-awesome/fa-solid-900.woff2 differ diff --git a/footer.php b/footer.php new file mode 100644 index 0000000..9097f19 --- /dev/null +++ b/footer.php @@ -0,0 +1,14 @@ + + + + + footer(); ?> + + + diff --git a/functions.php b/functions.php new file mode 100644 index 0000000..45d8b84 --- /dev/null +++ b/functions.php @@ -0,0 +1,297 @@ +addInput($accentColor); + + // 社交链接设置 + $socialTwitter = new Typecho\Widget\Helper\Form\Element\Text( + 'socialTwitter', + null, + '', + _t('Twitter 链接'), + _t('您的 Twitter 个人资料链接') + ); + $form->addInput($socialTwitter); + + $socialFacebook = new Typecho\Widget\Helper\Form\Element\Text( + 'socialFacebook', + null, + '', + _t('Facebook 链接'), + _t('您的 Facebook 个人资料链接') + ); + $form->addInput($socialFacebook); + + $socialGitHub = new Typecho\Widget\Helper\Form\Element\Text( + 'socialGitHub', + null, + '', + _t('Github 链接'), + _t('您的 Github 个人资料链接') + ); + $form->addInput($socialGitHub); +} + +/** + * 输出自定义CSS + */ +function outputCustomCSS() { + $options = Helper::options(); + $accentColor = $options->accentColor ? $options->accentColor : '#121212'; + + echo ''; +} + +/** + * 添加自定义CSS到头部 + */ +function themeInit($archive) { + // 输出自定义CSS + if ($archive->is('index') || $archive->is('archive') || $archive->is('single')) { + outputCustomCSS(); + } +} + +/** + * 获取文章类 + */ +function getPostClass($post) { + $classes = array(); + + // 检查是否有缩略图 + if ($post->attachment && $post->attachment->isImage) { + $classes[] = 'has-thumbnail'; + } else { + $classes[] = 'missing-thumbnail'; + } + + // 检查是否有标题 + if (empty($post->title)) { + $classes[] = 'no-title'; + } + + return implode(' ', $classes); +} + +/** + * 获取 body 类 + */ +function getBodyClass($archive) { + $options = Helper::options(); + $classes = array(); + + // 白色背景 + if ($options->accentColor == '#ffffff') { + $classes[] = 'white-bg'; + } + + + return implode(' ', $classes); +} + +/** + * 获取归档类型 + */ +function getArchiveType($archive) { + if ($archive->is('category')) { + return _t('分类'); + } elseif ($archive->is('tag')) { + return _t('标签'); + } elseif ($archive->is('author')) { + return _t('作者'); + } elseif ($archive->is('date') && $archive->is('year')) { + return _t('年'); + } elseif ($archive->is('date') && $archive->is('month')) { + return _t('月'); + } elseif ($archive->is('date') && $archive->is('day')) { + return _t('日'); + } elseif ($archive->is('search')) { + return _t('搜索结果'); + } elseif ($archive->is('index') && $options->homeTitle) { + return _t('简介'); + } else { + return _t('归档'); + } +} + +/** + * 获取归档标题 + */ +function getArchiveTitle($archive) { + $options = Helper::options(); + + if ($archive->is('category')) { + return $archive->category; + } elseif ($archive->is('tag')) { + return '#' . $archive->tag; + } elseif ($archive->is('author')) { + return $archive->author->screenName; + } elseif ($archive->is('date') && $archive->is('year')) { + return $archive->year; + } elseif ($archive->is('date') && $archive->is('month')) { + return $archive->year . ' ' . $archive->month; + } elseif ($archive->is('date') && $archive->is('day')) { + return $archive->year . '-' . $archive->month . '-' . $archive->day; + } elseif ($archive->is('search')) { + return '"' . $archive->getKeywords() . '"'; + } elseif ($archive->is('index') && $options->homeTitle) { + return $options->homeTitle; + } else { + return _t('归档'); + } +} + +/** + * 获取归档描述 + */ +function getArchiveDescription($archive) { + if ($archive->is('search')) { + $count = $archive->have(); + if ($count) { + return sprintf(_t('我们找到 %s 符合您的搜索请求。'), $count . ' ' . _t('个结果')); + } else { + return sprintf(_t('我们没有找到关于 "%s" 的搜索结果。'), $archive->getKeywords()); + } + } + + return $archive->description; +} + +/** + * 自定义评论列表 + */ +function threadedComments($comments, $options) { + $commentClass = ''; + $commentLevelClass = $comments->_levels > 0 ? ' comment-child' : ' comment-parent'; + + if ($comments->url) { + $author = '' . $comments->author . ''; + } else { + $author = $comments->author; + } + + // 评论作者为文章作者 + $byPostAuthor = ''; + if ($comments->authorId == $comments->ownerId) { + $byPostAuthor = ' (' . _t('本文作者') . ')'; + } + + ?> +
+
+
+ + + + + + + date(); ?> + + + + reply(_t('回复')); ?> + +
+
+ content(); ?> +
+
+ status): ?> +

+ +
+
+ children) { ?> +
+ threadedComments($options); ?> +
+ +
+ + + header = 'addJsFeatures'; +Typecho\Plugin::factory('Widget_Archive')->header = 'outputCustomCSS'; + +/** + * 自定义评论回调函数 + */ +function themeCommentList($comment, $options) { + $commentClass = ''; + if ($comment->authorId) { + if ($comment->authorId == $comment->ownerId) { + $commentClass .= ' comment-by-author'; + } else { + $commentClass .= ' comment-by-user'; + } + } + + $commentLevelClass = $comment->levels > 0 ? ' comment-child' : ' comment-parent'; + + $depth = $comment->levels + 1; + if ($depth > 4) { + $depth = 4; + } + $commentLevelClass .= ' comment-level-' . $depth; +?> + +
+
+ gravatar('40', ''); ?> + author(); ?> +
+
+ +
+
+ content(); ?> +
+
+ reply(_t('回复')); ?> +
+ + children) { ?> +
+ threadedComments($options); ?> +
+ +
+ + + + + + + + + + + + + + <?php $this->archiveTitle([ + 'category' => _t('分类 %s 下的文章'), + 'search' => _t('包含关键字 %s 的文章'), + 'tag' => _t('标签 %s 下的文章'), + 'author' => _t('%s 发布的文章') + ], '', ' - '); ?><?php $this->options->title(); ?> + + header(); ?> + + + + + + + + + + + + +
+ + is('index') ? 'h1' : 'p'; ?> + + < class="site-title">options->title(); ?>> + + options->description): ?> + +
options->description(); ?>
+ + + +
+
+
+
+ +
+ +
    + + widget('Widget_Contents_Page_List')->to($pages); ?> + next()): ?> + is('page', $pages->slug)): ?> class="current-menu-item"> + title(); ?> + + + + + + +
+ +
+ + + + +
+ +
+ + + + + + + + + +
+ + + +
+ + +
options->siteUrl(); ?>" role="search"> + + +
+ +
+ +
+ +
+ +
+ +
+ +
options->siteUrl(); ?>" role="search"> + + +
+ +
+ + + +
diff --git a/images/404.png b/images/404.png new file mode 100644 index 0000000..366796b Binary files /dev/null and b/images/404.png differ diff --git a/images/arrow-black-down.svg b/images/arrow-black-down.svg new file mode 100644 index 0000000..2515138 --- /dev/null +++ b/images/arrow-black-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/arrow-black-left.svg b/images/arrow-black-left.svg new file mode 100644 index 0000000..afc4524 --- /dev/null +++ b/images/arrow-black-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/arrow-black-right.svg b/images/arrow-black-right.svg new file mode 100644 index 0000000..daa97e7 --- /dev/null +++ b/images/arrow-black-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/arrow-black-up.svg b/images/arrow-black-up.svg new file mode 100644 index 0000000..2cc957b --- /dev/null +++ b/images/arrow-black-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/arrow-white-right.svg b/images/arrow-white-right.svg new file mode 100644 index 0000000..12c49d9 --- /dev/null +++ b/images/arrow-white-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/chevron-up-white.svg b/images/chevron-up-white.svg new file mode 100644 index 0000000..13d080a --- /dev/null +++ b/images/chevron-up-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/loading-white.svg b/images/loading-white.svg new file mode 100644 index 0000000..9931d38 --- /dev/null +++ b/images/loading-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/spyglass-black.svg b/images/spyglass-black.svg new file mode 100644 index 0000000..f28c4bb --- /dev/null +++ b/images/spyglass-black.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/spyglass-semiopaque.svg b/images/spyglass-semiopaque.svg new file mode 100644 index 0000000..99e0c64 --- /dev/null +++ b/images/spyglass-semiopaque.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/spyglass-white.svg b/images/spyglass-white.svg new file mode 100644 index 0000000..f787377 --- /dev/null +++ b/images/spyglass-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..4a2ce77 --- /dev/null +++ b/index.php @@ -0,0 +1,154 @@ +need('header.php'); ?> + +
+ + is('index') ? 'h2' : 'h1'; + + // 归档类型和标题 + $archive_type = ''; + $archive_title = ''; + $archive_description = ''; + + // 设置归档标题和描述 + if ($this->is('category')) { + $archive_type = '分类'; + $archive_title = $this->category; + $archive_description = $this->getDescription(); + } elseif ($this->is('tag')) { + $archive_type = '标签'; + $archive_title = $this->archiveTitle(array('tag' => _t('标签 %s 下的文章')), '', ''); + } elseif ($this->is('author')) { + $archive_type = '作者'; + $archive_title = $this->archiveTitle(array('author' => _t('%s 发布的文章')), '', ''); + } elseif ($this->is('search')) { + $archive_type = '搜索'; + $archive_title = $this->archiveTitle(array('search' => _t('包含关键字 %s 的文章')), '', ''); + } elseif ($this->is('archive')) { + $archive_title = $this->archiveTitle(array( + 'category' => _t('分类 %s 下的文章'), + 'search' => _t('包含关键字 %s 的文章'), + 'tag' => _t('标签 %s 下的文章'), + 'author' => _t('%s 发布的文章') + ), '', ''); + } + + if ($archive_title || $archive_description) : + ?> +
+ +

+ + + + < class="page-title">> + + + +
+ +
+ + + is('search') && !$this->have()) : ?> +
+ + +
+ + +
+ + + have()): ?> +
+ next()): + // 获取当前文章的年份 + $current_year = date('Y', $this->created); + + // 如果年份与之前不同，需要新的包装器 + if ($current_year != $old_year) : + + // 如果是有效年份，而不是我们在循环前添加的默认值，我们有一个需要关闭的开放包装器 + if (1 != $old_year) { + echo ''; + } + + // 包装新的年份 + echo ' + +
+ + + + +
+
+

+
+ +
+

+ +
+
+ + +
+ +need('pagination.php'); ?> + +need('footer.php'); ?> diff --git a/js/global.js b/js/global.js new file mode 100644 index 0000000..d805674 --- /dev/null +++ b/js/global.js @@ -0,0 +1,249 @@ +// ======================================================================= Namespace +var TEST = TEST || {}, + $ = jQuery; + + +// ======================================================================= Global variables +var doc = $( document ), + win = $( window ), + winHeight = win.height(), + winWidth = win.width(); + + var viewport = {}; + viewport.top = $( window ).scrollTop(); + viewport.bottom = viewport.top + $( window ).height(); + + +// ======================================================================= Mobile Menu +TEST.mobileMenu = { + + init: function(){ + + // Toggle navigation + $( '.nav-toggle' ).on( 'click', function(){ + $( this ).toggleClass( 'active' ); + $( '.mobile-menu-wrapper' ).slideToggle().toggleClass( 'visible' ); + $( 'body' ).toggleClass( 'mobile-menu-visible lock-scroll' ); + $( '.mobile-search, .toggle-mobile-search' ).removeClass( 'active' ); + } ); + + // Hide navigation on resize + $( window ).on( 'resize', function(){ + var winWidth = $( window ).width(); + if ( winWidth > 1000 ) { + $( 'body' ).removeClass( 'mobile-menu-visible lock-scroll' ); + $( '.mobile-menu-wrapper' ).hide().removeClass( 'visible' ); + $( '.nav-toggle' ).removeClass( 'active' ); + $( '.mobile-search' ).removeClass( 'active hide' ); + + // Empty the mobile search results + TEST.ajaxSearch.emptyResults(); + } + } ); + + }, + +} // TEST.mobileMenu + +console.log("%c主题移植者：", "color: #4CAF50; font-weight: bold; font-size: 18px;"); +console.log("%c林海草原 https://lhcy.org", "color: #2196F3; font-size: 16px;"); +console.log("%c林海爱折腾 https://blog.lhcy.org", "color: #2196F3; font-size: 16px;"); + +// ======================================================================= Search Toggle +TEST.searchToggle = { + + init: function(){ + + // Toggle desktop search + $( 'a[href$="?s="]' ).on( 'click', function(){ + $( this ).toggleClass( 'active' ); + $( '.search-overlay' ).toggleClass( 'active' ); + if ( $( this ).hasClass( 'active' ) ) { + $( '.search-overlay .search-field' ).focus(); + } else { + $( '.search-overlay .search-field' ).blur(); + } + return false; + } ); + + // Untoggle on click outside of form + $( '.search-overlay' ).click( function( e ){ + console.log( 'log' ); + if ( e.target != this ) return; // only continue if the target itself has been clicked + $( '.search-overlay .search-field' ).blur(); + $( '.search-overlay' ).removeClass( 'active' ); + $( '.social-menu.desktop a[href$="?s="]' ).removeClass( 'active' ); + } ); + + // Toggle mobile search + $( '.toggle-mobile-search' ).on( 'click', function(){ + $( '.mobile-search' ).removeClass( 'hide' ); + $( '.toggle-mobile-search, .mobile-search' ).toggleClass( 'active' ); + $( '.mobile-search .search-field' ).focus(); + return false; + } ); + + // Untoggle mobile search + $( '.untoggle-mobile-search' ).on( 'click', function(){ + $( '.mobile-search' ).addClass( 'hide' ); + $( '.mobile-search, .toggle-mobile-search' ).removeClass( 'active' ) + $( '.mobile-search .search-field' ).blur(); + + // Empty the results + TEST.ajaxSearch.emptyResults(); + return false; + } ); + + }, + +} // TEST.searchToggle + + + +// ======================================================================= Resize videos +TEST.intrinsicRatioEmbeds = { + + init: function(){ + + // Resize videos after their container + var vidSelector = ".post iframe, .post object, .post video, .widget-content iframe, .widget-content object, .widget-content iframe"; + var resizeVideo = function( sSel ) { + $( sSel ).each( function() { + var $video = $( this ), + $container = $video.parent(), + iTargetWidth = $container.width(); + + if ( ! $video.attr( "data-origwidth" ) ) { + $video.attr( "data-origwidth", $video.attr( "width" ) ); + $video.attr( "data-origheight", $video.attr( "height" ) ); + } + + var ratio = iTargetWidth / $video.attr( "data-origwidth" ); + + $video.css( "width", iTargetWidth + "px" ); + $video.css( "height", ( $video.attr( "data-origheight" ) * ratio ) + "px" ); + } ); + } + + resizeVideo( vidSelector ); + + $( window ).resize( function() { + resizeVideo( vidSelector ); + } ); + + }, + +} // TEST.intrinsicRatioEmbeds + + + + +// ======================================================================= Smooth Scroll +TEST.smoothScroll = { + + init: function(){ + + // Smooth scroll to anchor links + $( 'a[href*="#"]' ) + // Remove links that don't actually link to anything + .not( '[href="#"]' ) + .not( '[href="#0"]' ) + .not( '.skip-link' ) + .click( function( event ) { + // On-page links + if ( location.pathname.replace( /^\//, '' ) == this.pathname.replace( /^\//, '' ) && location.hostname == this.hostname ) { + // Figure out element to scroll to + var target = $( this.hash ); + target = target.length ? target : $( '[name=' + this.hash.slice( 1 ) + ']' ); + // Does a scroll target exist? + if ( target.length ) { + // Only prevent default if animation is actually gonna happen + event.preventDefault(); + $( 'html, body' ).animate({ + scrollTop: target.offset().top + }, 1000 ); + } + } + } ); + + }, + +} // TEST.smoothScroll + + + +// ======================================================================= AJAX Search +TEST.ajaxSearch = { + + init: function(){ + + // Delay function + var delay = ( function(){ + var timer = 0; + return function( callback, ms ) { + clearTimeout( timer ); + timer = setTimeout( callback, ms ); + } + } )(); + + // Update results on keyup, after delay + $( '.mobile-search .search-field' ).keyup( function() { + if ( $( this ).val().length != 0 ) { + delay( function(){ + TEST.ajaxSearch.loadPosts(); + }, 200 ); + } else { + delay( function(){ + TEST.ajaxSearch.emptyResults(); + }, 50 ); + } + } ); + + delay( function(){ + TEST.ajaxSearch.emptyResults(); + }, 50 ); + + // Check for empty on blur + $( '.mobile-search .search-field' ).blur( function() { + if ( $( this ).val().length == 0 ) { + TEST.ajaxSearch.emptyResults(); + } + } ); + + }, + + loadPosts: function(){ + + var $container = $( '.mobile-results .results-wrapper' ), + data = $( '.mobile-search .search-field' ).val(); + + search_string = JSON.stringify( data ); + + + + }, + + emptyResults: function(){ + $( '.mobile-results .results-wrapper' ).empty(); + $( '.mobile-results' ).removeClass( 'no-results searching' ); + $( '.mobile-search .search-field' ).val( '' ); + } + +} // TEST.ajaxSearch + + + +// ======================================================================= Function calls +$( document ).ready( function() { + + TEST.mobileMenu.init(); // Mobile Menu + + TEST.searchToggle.init(); // Search Toggles + + TEST.intrinsicRatioEmbeds.init(); // Resize videos + + TEST.smoothScroll.init(); // Resize videos + + TEST.ajaxSearch.init(); // AJAX search on mobile + +} ); diff --git a/js/jquery.min.js b/js/jquery.min.js new file mode 100644 index 0000000..c4c6022 --- /dev/null +++ b/js/jquery.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="
",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0need('header.php'); +?> + +
+ + fields->thumbnail && !$this->password): ?> +
+ <?php $this->title() ?> +
+ + +
+

title() ?>

+ + fields->excerpt): ?> +

fields->excerpt; ?>

+ +
+ +
+ content(); ?> +
+ + is('page') && $this->fields->pagePage && $this->fields->pagePage != 1) { + echo '

' . _t('页面:'); + for ($i = 1; $i <= $this->fields->pagePage; $i++) { + if ($i == 1) { + echo '' . $i . ''; + } else { + echo '' . $i . ''; + } + } + echo '

'; + } + ?> + + allow('comment')): ?> +
+ need('comments.php'); ?> +
+ + +
+ +need('footer.php'); ?> diff --git a/pagination.php b/pagination.php new file mode 100644 index 0000000..e445fbc --- /dev/null +++ b/pagination.php @@ -0,0 +1,19 @@ +have() && $this->getTotalPage() > 1): ?> + +
+ + _currentPage > 1): ?> + + + + _currentPage < $this->getTotalPage()): ?> + + + +
+ + diff --git a/post.php b/post.php new file mode 100644 index 0000000..6ba204d --- /dev/null +++ b/post.php @@ -0,0 +1,91 @@ +need('header.php'); +?> + +
+ + fields->thumbnail && !$this->password): ?> +
+ <?php $this->title() ?> +
+ + +
+ +

title() ?>

+ + fields->excerpt): ?> +

fields->excerpt; ?>

+ + +
+ + + + category(','); ?> + +
+ +
+ +
+ content(); ?> +
+ + is('single') && $this->fields->postPage && $this->fields->postPage != 1) { + echo '

' . _t('页面:'); + for ($i = 1; $i <= $this->fields->postPage; $i++) { + if ($i == 1) { + echo '' . $i . ''; + } else { + echo '' . $i . ''; + } + } + echo '

'; + } + + // 显示标签 + if ($this->tags): ?> +
+

+ tags as $tag) { + $result[] = '#' . $tag['name'] . ''; + } + echo implode(' ', $result); + ?> +

+
+ + + + +
+ + + +
+ + allow('comment')): ?> +
+ need('comments.php'); ?> +
+ + +
+ +need('footer.php'); +?> diff --git a/screenshot.png b/screenshot.png new file mode 100644 index 0000000..bfc4c55 Binary files /dev/null and b/screenshot.png differ diff --git a/search.php b/search.php new file mode 100644 index 0000000..f80e082 --- /dev/null +++ b/search.php @@ -0,0 +1,88 @@ + +need('header.php'); ?> + +
+ +
+

archiveTitle(array( + 'search' => _t('"%s"'), + ), '', false)); ?>

+
+ + have()): ?> +
+ next()): + // 获取当前文章的年份 + $current_year = date('Y', $this->created); + + // 如果年份与之前不同，需要新的包装器 + if ($current_year != $old_year) : + + // 如果是有效年份，而不是我们在循环前添加的默认值，我们有一个需要关闭的开放包装器 + if (1 != $old_year) { + echo ''; + } + + // 包装新的年份 + echo ' + +
+ + + need('pagination.php'); ?> + + +
+
+

+
+ +
+

+
+
+ + +
+ +need('footer.php'); ?> diff --git a/style.css b/style.css new file mode 100644 index 0000000..ef3d981 --- /dev/null +++ b/style.css @@ -0,0 +1,3043 @@ +/*--------------------------------------------------------------------------------- + + Original Theme Author: Anders Norén + Port by: Lin Hai + Theme Porter's Homepage: https://lhcy.org + + License: GNU General Public License version 2.0 + License URI: http://www.gnu.org/licenses/gpl-2.0.html + +----------------------------------------------------------------------------------- + + 0. CSS Reset + 1. Document Setup + 2. Structure + 3. Element Base + 4. Site Header + 5. Site Navigation + 6. Archive + 7. Singular + 8. Blocks + 9. Entry Content + 10. Page Templates + 11. Search + 12. Site Footer + 13. Media Queries + +----------------------------------------------------------------------------------- */ + + +/* -------------------------------------------------------------------------------- */ +/* 0. CSS Reset +/* -------------------------------------------------------------------------------- */ + + +html, body { + margin: 0; + padding: 0; + height: 100%; + min-height: 100%; +} + +h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { + font-size: inherit; + line-height: inherit; + padding: 0; + text-align: inherit; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +blockquote:before, +blockquote:after { + content: ""; +} + +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-results-button, +input[type="search"]::-webkit-search-results-decoration { + display: none; +} + +/* Screen Reader Text */ + +.screen-reader-text { + clip: rect( 1px, 1px, 1px, 1px ); + height: 1px; + overflow: hidden; + position: absolute !important; + width: 1px; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 3px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + color: #21759b; + display: block; + font-size: 14px; + font-weight: 700; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100001; /* Above WP toolbar. */ +} + +/* Skip Link */ + +.skip-link { + position: absolute; + left: -9999rem; + top: 2.5rem; + z-index: 999999999; +} + +.skip-link:focus { + left: 2.5rem; + text-decoration: none; +} + +/* Accessibility Settings */ + +@media ( prefers-reduced-motion: reduce ) { + * { + animation-duration: 0s !important; + transition-duration: 0s !important; + } +} + + +/* -------------------------------------------------------------------------------- */ +/* 1. Document Setup +/* -------------------------------------------------------------------------------- */ + + +body { + background: #fff; + border: none; + color: #121212; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFangSC-Regular", "Hiragino Sans GB", "Lantinghei SC", "Microsoft Yahei", "Source Han Sans CN", "WenQuanYi Micro Hei", SimSun, sans-serif; + font-size: 18px; + padding-left: 380px; +} + +body.lock-scroll { + height: 100%; + position: fixed; + width: 100%; +} + +body * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +a { + color: inherit; + text-decoration: underline; +} + +a:hover { + text-decoration: none; +} + +img { + /* display: block; */ + height: auto; + max-width: 100%; +} + +.group:after, +.pagination:after, +.gallery:after, +.entry-content:after { + clear: both; + content: ""; + display: block; +} + +::selection { + background:var(--accent-color); + color: #FFF; +} + +input::-webkit-input-placeholder { color: rgba( 0, 0, 4, 0.4 ); } +input:-ms-input-placeholder { color: rgba( 0, 0, 4, 0.4 ); } +input::-moz-placeholder { color: rgba( 0, 0, 4, 0.4 ); } + + +/* -------------------------------------------------------------------------------- */ +/* 2. Structure +/* -------------------------------------------------------------------------------- */ + + +.site-content { + position: relative; +} + +.section-inner { + margin: 0 auto; + max-width: 560px; + width: 85%; +} + +.section-inner.wide { + max-width: 800px; +} + +.section-inner .section-inner { + width: 100%; +} + + +/* Base Transitions ----------------------------- */ + +a { + transition: all .15s linear; +} + + +/* Base Typography ----------------------------- */ + +.entry-title { + font-size: 36px; + font-weight: 600; + letter-spacing: -.45px; + line-height: 1.5; + margin: 0; + -ms-word-break: break-word; + word-break: break-word; +} + +.excerpt { + font-size: 24px; + line-height: 2; +} + +.excerpt a { + border-bottom: 1px solid #121212; + color: #121212; +} + +.excerpt a:hover { + border-bottom-color: rgba( 0, 0, 4, 0.4 ); + color: rgba( 0, 0, 4, 0.4 ); + text-decoration: none; +} + +/* Base Media -------------------------------- */ + +.bg-image { + background: no-repeat center; + background-size: cover; +} + +/* Animations -------------------------------- */ + +@keyframes show { + from { + opacity: 0; + transform: translateY(10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +@keyframes hide { + from { + opacity: 1; + transform: translateY(0); + } + to { + opacity: 0; + transform: translateY(-10px); + } +} + +@keyframes foldOutLeft { + from { transform: rotate(0); } + to { transform: rotate(30deg); } +} + +@keyframes foldOutRight { + from { transform: rotate(0); } + to { transform: rotate(-30deg); } +} + + +/* -------------------------------------------------------------------------------- */ +/* 3. Element Base +/* -------------------------------------------------------------------------------- */ + + +ol, +ul { + margin-left: 40px; +} + +li { + line-height: 2; + margin-top: 0px; +} + +dd, +dt { + line-height: 2; +} + +dt { + font-weight: 700; +} + +dd + dt { + margin-top: 15px; +} + +code { + background: #f1f1f4; + padding: 0 1px; +} + +pre { + background: #f1f1f4; + font-size: 16px; + line-height: 1.5; + padding: 20px; + white-space: pre-wrap; + word-wrap: break-word; +} + +/* Headings ---------------------------------- */ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 600; + line-height: 1.5; +} + +h1 { font-size: 40px; } +h2 { font-size: 32px; } +h3 { font-size: 28px; } +h4 { font-size: 24px; } +h5 { font-size: 20px; } +h6 { font-size: 18px; } + +/* Inputs ------------------------------------ */ + +fieldset { + border: 1px solid rgba( 0, 0, 0, .2 ); + padding: 25px; +} + +fieldset legend { + font-size: 16px; + font-weight: 600; + margin-left: -15px; + padding: 0 15px; +} + +label { + margin-bottom: 10px; +} + +input[type="text"], +input[type="password"], +input[type="email"], +input[type="url"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="datetime"], +input[type="datetime-local"], +input[type="week"], +input[type="number"], +input[type="search"], +input[type="tel"], +input[type="color"], +textarea { + background: transparent; + border-radius: 0; + border: 1px solid rgba( 0, 0, 0, 0.2 ); + box-shadow: none !important; + color: #121212; + display: block; + font-size: 1em; + margin: 0 0 15px 0; + padding: 15px; + transition: border-color .15s linear; + -moz-appearance: none; + -webkit-appearance: none; + width: 100%; +} + +textarea { + line-height: 2; + height: 200px; +} + +button, +.button, +.wp-block-file__button, +.wp-block-button__link, +input[type="button"], +input[type="submit"] { + -moz-appearance: none; + -webkit-appearance: none; + background: var(--accent-color); + border: none; + border-radius: 0; + box-shadow: none; + color: #fff; + display: inline-block; + font-family: inherit; + font-size: 16px; + font-weight: 600; + padding: 16px 24px 16px; + text-align: center; + text-decoration: none; + transition: background-color .15s linear; +} + +.is-style-outline > .wp-block-button__link, +.wp-block-button__link.is-style-outline { + padding: 14px 22px 14px; +} + +button:hover, +.button:hover, +input[type="button"]:hover, +input[type="submit"]:hover { + background: #454545; + cursor: pointer; +} + +/* Tables ------------------------------------ */ + +table { + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + font-size: 0.9em; + margin-bottom: 30px; + max-width: 100%; + overflow: hidden; + width: 100%; +} + +th, +td { + line-height: 2; + margin: 0; + overflow: visible; + padding: 2.5%; +} + +caption { + font-size: 13px; + font-weight: 700; + padding-bottom: 2.5%; + text-align: center; + text-transform: uppercase; +} + +thead { + vertical-align: bottom; + white-space: nowrap; +} + +th { + font-weight: 600; +} + +tbody > tr:nth-child(odd) { + background: rgba( 0, 0, 4, 0.05 ); +} + +/* Block Quotes ------------------------------ */ + +blockquote { + border-color: currentColor; + border-style: solid; + border-width: 0 0 0 2px; + margin: 0 0 30px 0; + padding: 0 0 0 20px; +} + +blockquote p { + font-weight: 700; + hanging-punctuation: first; +} + +blockquote cite { + display: block; + font-style: normal; + margin: 1em 0 0; +} + +blockquote cite:before { + content: "— "; +} + +/* Media ------------------------------------- */ + +figure { + margin: 0; +} + +.wp-caption { + display: block; + max-width: 100%; +} + +.gallery-caption, +.wp-caption-text, +:root figcaption { + font-size: 0.9em; + margin: 15px 0 0; + text-align: center; +} + +:root .gallery-caption, +:root .wp-caption-text { + margin-bottom: 0; +} + +.wp-caption-text { + color: rgba( 0, 0, 0, .5 ); +} + +.wp-caption-text a { + color: inherit; +} + + +/* -------------------------------------------------------------------------------- */ +/* 4. Site Header +/* -------------------------------------------------------------------------------- */ + + +.site-header { + background: #121212; + color: #fff; + margin: 0 auto 0 auto; + padding: 80px 50px 144px 50px; + position: fixed; + left: 0; + bottom: 0; + top: 0; + width: 380px; + z-index: 99998; +} + +.same-custom-bgs .site-header, +.white-bg .site-header { + border-right: 1px solid rgba( 0, 0, 4, .075 ); +} + +.site-header a { + color: #fff; +} + +.dark .site-header, +.dark .site-header a { + color: rgba( 0, 0, 0, .9 ); +} + +.site-title, +.site-description { + line-height: 1.5; +} + +.site-title { + font-size: inherit; + font-weight: inherit; + margin: 0; +} + +.site-title a { + border-bottom: 1px solid transparent; + text-decoration: none; +} + +.site-title a:hover { + border-bottom-color: #fff; +} + +.dark .site-title a:hover { + border-bottom-color: rgba( 0, 0, 0, .9 ); +} + +.site-description { + color: rgba( 255, 255, 255, .6 ); + margin-top: 8px; + font-size: 16px; +} + +.dark .site-description { + color: rgba( 0, 0, 0, .4 ); +} + +.nav-toggle { + cursor: pointer; + display: none; + height: 30px; + position: absolute; + right: 7.5%; + top: calc( 50% - 15px ); + width: 50px; +} + +.nav-toggle:before { + content: ""; + display: block; + position: absolute; + bottom: -20px; + left: -20px; + right: 0; + top: -20px; +} + +.nav-toggle .bar { + background: #fff; + display: block; + height: 1px; + margin-top: 0; + opacity: 1; + position: absolute; + right: 0; + top: 50%; + transform: rotate( 0deg ); + transition: transform .2s ease-in 0s, margin 0.2s ease-out 0.2s; + width: 28px; + z-index: 1; +} + +.dark .nav-toggle .bar { + background: rgba( 0, 0, 0, .9 ); +} + +.nav-toggle .bar:nth-child(1) { margin-top: -5px; } +.nav-toggle .bar:nth-child(2) { margin-top: 3px; } + +.nav-toggle.active .bar { + transition: margin 0.2s ease-in, transform 0.2s ease-out 0.25s; +} + +.nav-toggle.active .bar:nth-child(1) { + margin-top: -1px; + transform: rotate( 45deg ); +} + +.nav-toggle.active .bar:nth-child(2) { + margin-top: -1px; + transform: rotate( -45deg ); +} + + +/* -------------------------------------------------------------------------------- */ +/* 5. Site Navigation +/* -------------------------------------------------------------------------------- */ + + +.mobile-menu-wrapper, +.mobile-search { + display: none; + transform: translateZ( 0 ); +} + +/* Main Menu ----------------------------- */ + +.menu-wrapper { + height: 100%; + margin-top: 60px; + overflow: hidden; + padding-bottom: 144px; + width: 100%; +} + +.main-menu { + height: 100%; + margin: 0; + -ms-overflow-style: -ms-autohiding-scrollbar; + overflow: auto; + width: 100%; +} + +.main-menu a { + border-bottom: 1px solid transparent; + text-decoration: none; +} + +.main-menu ul { + list-style: none; +} + +.main-menu li { + line-height: 1.25; + margin-bottom: 12px; +} + +.main-menu .current-menu-item > a, +.main-menu a:hover { + border-bottom-color: #fff; +} + +.dark .main-menu .current-menu-item > a, +.dark .main-menu a:hover { + border-bottom-color: rgba( 0, 0, 0, .9 ); +} + +.main-menu ul { + margin: 12px 0 0 25px; +} + + +/* Social Menu ----------------------------- */ + +body.hide-social .social-menu { + display: none !important; +} + +.social-menu.desktop { + padding: 50px 50px 50px 50px; + position: absolute; + bottom: 0; + left: 0; + right: 0; +} + +.social-menu-inner { + display: flex; + flex-wrap: wrap; + list-style: none; + margin: -10px 0 0 -10px; + padding: 0; +} + +.social-menu li { + display: block; + line-height: 1; + margin: 10px 0 0 10px; + position: relative; +} + +.screen-reader-text { + position: absolute; + left: -9999em; + top: -9999em; +} + +.social-menu a { + background: rgba( 255, 255, 255, 0.1 ); + border-radius: 50%; + color: #fff; + display: block; + height: 44px; + position: relative; + text-decoration: none; + transition: background-color .2s linear, color .2s linear; + width: 44px; +} + +.dark .social-menu a { + background: rgba( 0, 0, 0, 0.25 ); + color: #fff; +} + +.social-menu a:hover, +.social-menu a.active { + background: #fff; + color: #121212; + text-decoration: none; +} + +.dark .social-menu a:hover, +.dark .social-menu a.active { + background: rgba( 0, 0, 0, .9 ); + color: #fff; +} + +.social-menu a::before { + content: '\f0c1'; + display: inline-block; + font-family: 'Font Awesome 5'; + font-size: 19px; + position: absolute; + left: 0; + right: 0; + top: calc( 50% - 9px ); + transition: transform .3s ease-out; + text-align: center; + z-index: 2; +} + +/* NON-BRAND ICONS */ + +.social-menu a[href*="mailto"]::before { content: '\f0e0'; } +.social-menu a[href*="/feed/"]::before, +.social-menu a[href*="rss"]::before { content: '\f09e'; } + +/* BRAND ICONS */ + +.social-menu a[href*="500px.com"]::before { content: '\f26e'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="amazon.com"]::before { content: '\f270'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="angel.co"]::before { content: '\f209'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="audible.com"]::before { content: '\f373'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="behance.net"]::before { content: '\f1b4'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="blogger.com"]::before { content: '\f37d'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="codepen.io"]::before { content: '\f1cb'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="creativecommons.com"]::before { content: '\f25e'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="deviantart.com"]::before { content: '\f1bd'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="digg.com"]::before { content: '\f1a6'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="discordapp.com"]::before { content: '\f392'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="dribbble.com"]::before { content: '\f17d'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="ebay"]::before { content: '\f4f4'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="etsy.com"]::before { content: '\f2d7'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="facebook.com"]::before { content: '\f39e'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="flickr.com"]::before { content: '\f16e'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="github.com"]::before { content: '\f113'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="gitlab.com"]::before { content: '\f296'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="goodreads.com"]::before { content: '\f3a9'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="houzz"]::before { content: '\f27c'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="imdb.com"]::before { content: '\f2d8'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="instagram.com"]::before { content: '\f16d'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="kickstarter.com"]::before { content: '\f3bc'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="jsfiddle.net"]::before { content: '\f1cc'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="linkedin.com"]::before { content: '\f0e1'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="last.fm"]::before { content: '\f202'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="medium.com"]::before { content: '\f3c7'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="meetup.com"]::before { content: '\f2e0'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="mixcloud.com"]::before { content: '\f289'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="patreon.com"]::before { content: '\f3d9'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="pscp.tv"]::before { content: '\f3da'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="pinterest"]::before { content: '\f231'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="play.google.com"]::before { content: '\f3ab'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="plus.google.com"]::before { content: '\f0d5'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="producthunt.com"]::before { content: '\f288'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="quora.com"]::before { content: '\f2c4'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="reddit.com"]::before { content: '\f281'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="slack.com"]::before { content: '\f198'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="soundcloud.com"]::before { content: '\f1be'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="spotify.com"]::before { content: '\f1bc'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="tumblr.com"]::before { content: '\f173'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="twitch"]::before { content: '\f1e8'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="twitter.com"]::before { content: '\f099'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="vimeo.com"]::before { content: '\f27d'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="wordpress.org"]::before, +.social-menu a[href*="wordpress.com"]::before { content: '\f411'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="youtube.com"]::before { content: '\f167'; font-family: 'Font Awesome 5 Brands'; } +.social-menu a[href*="unsplash.com"]::before { content: '\f030'; font-family: 'Font Awesome 5'; } + +.social-menu a[href*="?s="]::before { content: '\f002'; top: calc( 50% - 10px ); } + +/*.no-js .social-menu .social-search-wrapper { display: none; } */ + + +/* -------------------------------------------------------------------------------- */ +/* 6. Archive +/* -------------------------------------------------------------------------------- */ + + +.page-header { + padding: 80px 0; +} + +.page-header:last-child { + padding-bottom: 0; +} + +.page-subtitle { + color: rgba( 0, 0, 4, 0.4 ); + font-size: inherit; + font-weight: inherit; + margin: 0 0 10px 0; + display: none; +} + +.page-title { + font-size: 24px; + font-weight: inherit; + hanging-punctuation: first; + line-height: 2; + margin: 0; +} + +.page-header p { + line-height: 2; + margin-top: 20px; +} + +.page-header .search-form { + margin-top: 20px; +} + +/* Post Wrappers ----------------------------- */ + +.posts:first-child { + margin-top: 80px; +} + +.posts ul { + list-style: none; + margin: 0; +} + +.posts li { + margin: 0; +} + +.posts > ul + ul { + margin-top: 70px; +} + +.posts .list-title { + font-size: inherit; + font-weight: inherit; + margin: 0 0 17px 0; +} + +.posts .list-title a { + color: rgba( 0, 0, 4, 0.4 ); + text-decoration: none; +} + +.posts .list-title a:hover { + color: #121212; + text-decoration: none; +} + +/* Post Previews ----------------------------- */ + +.post-preview { + border-top: 1px dashed rgba( 0, 0, 4, .125 ); + position: relative; +} + +.post-preview a { + display: flex; + justify-content: space-between; + padding: 17px 0; + text-decoration: none; +} + +.post-preview.no-title a { + justify-content: flex-end; +} + +.post-preview a:hover { + text-decoration: none; +} + +.sticky-arrow { + background: url( ./assets/images/arrow-black-right.svg ) no-repeat center; + background-size: auto 12px; + border-radius: 50%; + display: inline; + height: 12px; + position: absolute; + right: calc( 100% + 7px ); + top: calc( 50% - 6px ); + width: 20px; +} + +.post-preview a .title { + font-size: inherit; + font-weight: inherit; + line-height: 2; + margin: 0; + -ms-word-break: break-word; + word-break: break-word; +} + +.post-preview a .title span { + border-bottom: 1px solid transparent; + transition: border-color .2s linear; +} + +.post-preview a:hover .title span { + border-bottom-color: #121212; +} + +.post-preview time { + color: rgba( 0, 0, 4, 0.4 ); + line-height: 2; + margin-left: 30px; + white-space: nowrap; +} + +/* Archive Pagination ------------------------ */ + +.archive-pagination { + margin-top: 100px; +} + +.archive-pagination .previous-posts-link { float: left; } +.archive-pagination .next-posts-link { float: right; } + +.archive-pagination a { + color: rgba( 0, 0, 0, .35 ); + text-decoration: none; +} + +.archive-pagination a:hover { + color: #121212; +} + +.archive-pagination h4 { + font-size: inherit; + font-weight: inherit; + margin: 0; +} + + +/* -------------------------------------------------------------------------------- */ +/* 7. Singular +/* -------------------------------------------------------------------------------- */ + + +/* Entry Header ----------------------------- */ + +.entry-header { + margin: 80px auto 60px; +} + +.entry-header .excerpt { + margin-top: 15px; +} + + +/* Meta ----------------------------- */ + +.meta { + color: rgba( 0, 0, 4, 0.4 ); + margin-top: 25px; +} + +.meta > * + * { + margin-left: 23px; +} + +.meta a { + border-bottom: 1px solid transparent; + color: inherit; + text-decoration: none; +} + +.meta a:hover { + border-bottom-color: rgba( 0, 0, 4, 0.4 ); +} + + +/* Page Image ----------------------------- */ + +.featured-image img { + width: 100%; +} + + +/* Linked Pages ----------------------------- */ + +.linked-pages { + margin-top: 50px; +} + + +/* Meta Bottom ----------------------------- */ + +.meta.bottom { + margin-top: 40px; +} + +.meta.bottom p { + line-height: 2; +} + +.meta.bottom p.tags a { + margin-right: 15px; +} + +.meta.bottom p.tags a:last-child { + margin-right: 0; +} + + +/* Single Pagination ----------------------------- */ + +.post-pagination { + display: flex; + font-size: 18px; + justify-content: space-between; + margin-top: 100px; + line-height: 1.3; +} + +.post-pagination div { + width: calc( 50% - 15px ); +} + +.post-pagination div + div { + margin-left: 30px; + text-align: right; +} + +.post-pagination a { + display: block; + font-weight: 600; + position: relative; + text-decoration: none; + -ms-word-break: break-word; + word-break: break-word; +} + +.post-pagination a:before { + background: no-repeat center; + background-size: contain; + content: ""; + display: block; + height: 12px; + position: absolute; + top: 4px; + width: 15px; +} + +.post-pagination .previous-post a { padding-left: 25px; } +.post-pagination .previous-post a:before { + background-image: url( ./assets/images/arrow-black-left.svg ); + left: 0; +} + +.post-pagination .next-post a { padding-right: 25px; } +.post-pagination .next-post a:before { + background-image: url( ./assets/images/arrow-black-right.svg ); + right: 0; +} + +.post-pagination a span { + border-bottom: 1px solid transparent; + transition: border-color .15s linear; +} + +.post-pagination a:hover span { + border-bottom-color: #121212; +} + +/* Title left blocks ----------------------------- */ + +.comments, +.comment-respond, +.related-posts { + border-top: 1px solid rgba( 0, 0, 4, 0.125 ); + margin: 100px auto 0 auto; + padding: 30px 0 0 34.125%; + position: relative; +} + +.comment-reply-title, +.related-posts-title { + font-size: inherit; + margin: 0; + position: absolute; + left: 0; + top: 30px; + width: calc( 34.125% - 20px ); +} + + +/* Related Posts ----------------------------- */ + +.related-post-image { + background-color: rgba( 0, 0, 4, 0.1 ); +} + +.related-posts { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin-bottom: -20px; +} + +.related-post { + float: left; + margin-bottom: 25px; + width: calc( 50% - 10px ); +} + +.related-post-image { + margin-bottom: 10px; +} + +.related-post-image img { + display: none; +} + +.related-post-image:before { + content: ""; + display: block; + padding-bottom: 62.5%; + width: 100%; +} + +.related-post .title { + font-size: inherit; + font-weight: inherit; + line-height: 2; + margin: 0; + -ms-word-break: break-word; + word-break: break-word; +} + +.related-post .title span { + border-bottom: 1px solid transparent; + transition: border-color .15s linear; +} + +.related-post { text-decoration: none; } + +.related-post:hover .title span { + border-bottom-color: #121212; +} + + +/* Comments ---------------------------- */ + +.comment-list, +.pingback { + margin-bottom: 50px; +} + +.comments > .comment:first-of-type, +.comments > .pingback:first-of-type { + margin-top: 0; +} + +.comment-list .comment-list { + margin-left: 50px; +} + +.comment-meta { + line-height: 2; + margin-bottom: 10px; +} + +.comment-meta a { text-decoration: none; } +.comment-meta a:hover { text-decoration: underline; } + +.comment-meta span + span { + margin-left: 25px; +} + +.comment-author cite { + font-weight: 600; +} + +.comment-author cite a { text-decoration: underline; } +.comment-author cite a:hover { text-decoration: none; } + +.bypostauthor .comment-by-post-author { + display: inline; +} + +.comment-date a, +.comment-reply a { + color: rgba( 0, 0, 4, 0.4 ); +} + +.comment-content, +.comment-content p, +.comment-content li { + line-height: 2; +} + +.comment-content p, +.comment-content li { + margin-bottom: 20px; +} + +.comment-content *:last-child { + margin-bottom: 0; +} + +.comment .reply { + font-size: 14px; + letter-spacing: 0.05em; + margin-top: 22px; + text-transform: uppercase; + font-weight: 700; +} + +.comment .reply a:hover { + text-decoration: underline; +} + +/* Comments Pagination ----------------------- */ + +.comments-pagination { + margin-top: 100px; + position: relative; + text-align: center; +} + +.comments-pagination a { text-decoration: none; } +.comments-pagination a:hover { text-decoration: underline; } + +.comments-pagination .page-numbers { + display: inline-block; + padding: 0 3px; +} + +.comments-pagination .page-numbers.dots { + color: rgba( 0, 0, 4, 0.4 ); +} + +.comments-pagination .current { + font-weight: 700; +} + +.comments-pagination .prev, +.comments-pagination .next { + margin: 0; + position: absolute; + top: 0; +} + +.comments-pagination .prev { left: 0; } +.comments-pagination .next { right: 0; } + +/* Respond ---------------------------- */ + +.comment-respond .logged-in-as { + font-size: 1em; + line-height: 2; + margin: 0 0 50px 0; +} + +.comment-respond .logged-in-as a { text-decoration: none; } +.comment-respond .logged-in-as a:hover { text-decoration: underline; } + +.comment-respond p + p { + margin-top: 20px; +} + +.comment-respond .comment-form-author, +.comment-respond .comment-form-email { + float: left; + margin: 20px 0; + width: calc( 50% - 10px ); +} + +.comment-respond .comment-form-email { + margin-left: 20px; +} + +.comment-respond label { + display: block; +} + +.comment-respond input[type="checkbox"] + label { + display: inline; + font-size: inherit; + margin: 0 0 0 5px; +} + +.comment-respond .form-submit { + text-align: right; +} + +.comment-respond .form-submit #submit { + background: transparent url( ./assets/images/arrow-black-right.svg ) no-repeat right center; + background-size: auto 12px; + border-bottom: 1px solid transparent; + color: #121212; + font-size: 1em; + font-weight: 600; + padding: 0 25px 0 0; + transition: border-color .15s linear; +} + +.comment-respond .form-submit #submit:hover { + border-bottom-color: #121212; +} + + +/* Reply Respond ---------------------------- */ + +.comments .comment-respond { + border: none; + margin: 50px 0; + padding: 0; +} + +.comments .comment-respond .comment-reply-title { + position: static; + width: 100%; +} + +.comments .comment-respond .comment-reply-title small a { + color: #999; + font-size: 0.8em; + font-weight: 600; + margin-left: 5px; +} + +.comments .comment-respond .comment-reply-title + form > p:first-child { + margin-top: 8px; +} + +.comments .comment-respond .comment-reply-title + form > p:not(.logged-in-as):first-child { + margin-top: 30px; +} + +.comments .comment-respond .logged-in-as { + margin-bottom: 30px; +} + + +/* -------------------------------------------------------------------------------- */ +/* 8. Blocks +/* -------------------------------------------------------------------------------- */ + + +/* Block: Base Margins ----------------------- */ + +*[class*="_inner-container"] > *:first-child { margin-top: 0; } +*[class*="_inner-container"] > *:last-child { margin-bottom: 0; } + +.wp-block-archives, +.wp-block-button, +.wp-block-buttons, +.wp-block-categories, +.wp-block-code, +.wp-block-columns, +.wp-block-cover, +.wp-block-embed, +.wp-block-gallery, +.wp-block-group, +.wp-block-image, +.wp-block-latest-comments, +.wp-block-latest-posts, +.wp-block-media-text, +.wp-block-preformatted, +.wp-block-pullquote, +.wp-block-social-links, +.wp-block-quote, +.wp-block-quote.is-large, +.wp-block-quote.is-style-large, +.wp-block-verse, +.wp-block-video { + margin-bottom: 30px; + margin-top: 30px; +} + +/* Block Editor Accent Colors ---------------- */ + +:root .has-background { background-color: #121212; } + +:root .has-black-color { color: #121212; } +:root .has-black-color a { border-bottom-color: #121212; } +:root .has-black-color a:hover { color: #121212; } +:root .has-black-background-color { background-color: #121212; } + +:root .has-dark-gray-color { color: #333; } +:root .has-dark-gray-color a { border-bottom-color: #333; } +:root .has-dark-gray-color a:hover { color: #333; } +:root .has-dark-gray-background-color { background-color: #333; } + +:root .has-medium-gray-color { color: #555; } +:root .has-medium-gray-color a { border-bottom-color: #555; } +:root .has-medium-gray-color a:hover { color: #555; } +:root .has-medium-gray-background-color { background-color: #555; } + +:root .has-light-gray-color { color: #777; } +:root .has-light-gray-color a { border-bottom-color: #777; } +:root .has-light-gray-color a:hover { color: #777; } +:root .has-light-gray-background-color { background-color: #777; } + +:root .has-white-color { color: #fff; } +:root .has-white-color a { border-bottom-color: #fff; } +:root .has-white-color a:hover { color: #fff; } +:root .has-white-background-color { background-color: #fff; } + +/* Block Editor Font Sizes ------------------- */ + +:root .has-small-font-size { font-size: .842em; } +:root .has-regular-font-size, +:root .has-normal-font-size { font-size: 1em; } + +:root .has-large-font-size, +:root .has-larger-font-size { + line-height: 2; +} + +:root .has-large-font-size { font-size: 1.33em; } +:root .has-larger-font-size { font-size: 1.55em; } + +/* Block: Audio ------------------------------ */ + +.wp-block-audio audio { + width: 100%; +} + +/* Block: Button ----------------------------- */ + +:root .wp-block-button__link { + border: none; +} + +/* Block: Buttons ---------------------------- */ + +.wp-block-buttons .wp-block-button { + margin-top: 0; +} + +:root .wp-block-button__link:not(.is-style-outline), +:root .wp-block-buttons:not(.is-style-outline) .wp-block-button:not(.is-style-outline) { + border: none; +} + +:root .is-style-outline > .wp-block-button__link, :root .wp-block-button__link.is-style-outline { + border: 2px solid; +} + +/* Block: Column ----------------------------- */ + +.wp-block-column { + padding: 0 5px; +} + +.wp-block-column > *:first-child { margin-top: 0; } +.wp-block-column > *:last-child { margin-bottom: 0; } + +/* Block: Cover Image ------------------------ */ + +.wp-block-cover-image { + color: #fff; +} + +.wp-block-cover-image p { + font-weight: 400; +} + +/* Block: File ------------------------------- */ + +.entry-content .wp-block-file { + align-items: center; + background: rgba( 0, 0, 0, 0.05 ); + border-radius: 4px; + display: flex; + justify-content: space-between; + margin: 30px 0; + padding: 20px; +} + +.entry-content .wp-block-file a:not(.wp-block-file__button) { + border: none; + font-weight: 500; + text-decoration: none; +} + +.entry-content .wp-block-file__button { + flex-shrink: 0; +} + +/* Block: Gallery ---------------------------- */ + +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption { + color: #fff; + margin: 0; + padding-bottom: 10px; +} + +.entry-content .wp-block-gallery.alignfull { + padding: 0 8px; +} + +.entry-content ul.wp-block-gallery:not(.alignfull):not(.alignwide) { + margin-left: 0; +} + +.entry-content ul.wp-block-gallery > li:first-child { + margin-top: 0; +} + +.entry-content ul.wp-block-gallery > li:last-child { + margin-bottom: 16px; +} + +/* Block: Image ------------------------------ */ + +.wp-block-image .aligncenter > figcaption, +.wp-block-image .alignleft > figcaption, +.wp-block-image .alignright > figcaption, +.wp-block-image.is-resized > figcaption { + display: block; +} + +/* Block: Media and Text --------------------- */ + +.wp-block-media-text__content > *:first-child { margin-top: 0; } +.wp-block-media-text__content > *:last-child { margin-bottom: 0; } + +/* Block: Pullquote -------------------------- */ + +.wp-block-pullquote, +.wp-block-pullquote blockquote { + background: none; + border: none; + padding: 0; +} + +.wp-block-pullquote blockquote { + margin: 0; +} + +.wp-block-pullquote blockquote:before { + content: none; +} + +.wp-block-pullquote.alignleft, +.wp-block-pullquote.alignright { + max-width: 60%; +} + +.wp-block-pullquote blockquote p, +.wp-block-pullquote.alignleft blockquote p, +.wp-block-pullquote.alignright blockquote p { + font-size: 1.25em; + font-weight: 700; + letter-spacing: -0.025em; + margin-bottom: 1em; +} + +.wp-block-pullquote.alignleft blockquote p, +.wp-block-pullquote.alignright blockquote p { + line-height: 2; +} + +/* STYLE: SOLID COLOR */ + +.wp-block-pullquote.is-style-solid-color blockquote { + max-width: none; + padding: 20px; +} + +.wp-block-pullquote.is-style-solid-color blockquote p { + font-size: 1.25em; +} + +/* Block: Social Links ----------------------- */ + +.wp-social-link { + margin: 0 8px 0 0; +} + +/* Block: Quote ------------------------------ */ + +.wp-block-quote[style*="text-align:center"], +.wp-block-quote[style*="text-align: center"] { + border: none; + padding: 0; +} + +.wp-block-quote[style*="text-align:right"], +.wp-block-quote[style*="text-align: right"] { + border-width: 0 2px 0 0; + padding-left: 0; + padding-right: 20px; +} + +.entry-content .wp-block-quote.is-large, +.entry-content .wp-block-quote.is-style-large { + margin: 0 0 30px 0; + padding: 0 0 0 30px; +} + +.entry-content blockquote p:last-child { + margin-bottom: 0; +} + +.wp-block-quote.is-large p, +.wp-block-quote.is-style-large p { + font-size: 1.25em; + font-style: normal; + line-height: 2; +} + +.wp-block-quote.is-large cite, +.wp-block-quote.is-style-large cite { + display: block; + font-size: 1em; + text-align: left; +} + + +/* -------------------------------------------------------------------------------- */ +/* 9. Entry Content +/* -------------------------------------------------------------------------------- */ + + +.entry-content { + position: relative; + -ms-word-break: break-word; + word-break: break-word; +} + +.entry-content a { + text-decoration: underline; + color: var(--accent-color); +} + +.entry-content a:hover { + border-bottom-color: rgba( 0, 0, 0, .25 ); +} + +hr { + border: none; + border-top: 1px solid rgba( 0, 0, 0, 0.13 ); + margin: 50px auto; + width: 50%; +} + +hr.is-style-wide, +hr.is-style-dots { + width: 100%; +} + +address { + background: #f1f1f5; + line-height: 2; + margin-bottom: 20px; + padding: 20px 22px; +} + +.entry-content > *:first-child { margin-top: 0; } +.entry-content > *:last-child { margin-bottom: 50px; } + +.entry-content p { + line-height: 2; + text-align: justify; +} + +.entry-content p.has-background { + padding: 20px; +} + +/* .entry-content h1 + h1, .entry-content h1 + h2, .entry-content h1 + h3, .entry-content h1 + h4, .entry-content h1 + h5, .entry-content h1 + h6, +.entry-content h2 + h1, .entry-content h2 + h2, .entry-content h2 + h3, .entry-content h2 + h4, .entry-content h2 + h5, .entry-content h2 + h6, +.entry-content h3 + h1, .entry-content h3 + h2, .entry-content h3 + h3, .entry-content h3 + h4, .entry-content h3 + h5, .entry-content h3 + h6, +.entry-content h4 + h1, .entry-content h4 + h2, .entry-content h4 + h3, .entry-content h4 + h4, .entry-content h4 + h5, .entry-content h4 + h6, +.entry-content h5 + h1, .entry-content h5 + h2, .entry-content h5 + h3, .entry-content h5 + h4, .entry-content h5 + h5, .entry-content h5 + h6, +.entry-content h6 + h1, .entry-content h6 + h2, .entry-content h6 + h3, .entry-content h6 + h4, .entry-content h6 + h5, .entry-content h6 + h6 { + margin-top: 30px; +} */ + +.entry-content > ol, +.entry-content > ul { + margin-bottom: 30px; +} + +p.has-drop-cap:not(:focus):first-letter { + font-size: 7.5em; + margin: .1em .05em 0 -.075em; +} + +/* Pull Quotes ------------------------------- */ + +.entry-content .pull { + font-size: 29px; + font-weight: 700; + letter-spacing: -0.02em; + line-height: 2; + width: 280px; +} + +.entry-content .pull.left { + float: left; + hanging-punctuation: first; + margin: 2px 25px 20px -80px; +} + +.entry-content .pull.right { + float: right; + hanging-punctuation: last; + margin: 2px -80px 25px 20px; + text-align: right; +} + +/* Alignment Classes ------------------------- */ + +.entry-content .alignnone, +.entry-content .aligncenter { + margin: 30px auto; +} + +.entry-content .alignwide, +.entry-content .alignfull { + margin: 50px auto; +} + +.entry-content .alignfull { + margin-left: calc( 50% - 50vw + 190px ); + max-width: calc( 100vw - 380px ); + width: calc( 100vw - 380px ); +} + +.entry-content .wp-block-image.alignfull figcaption { + padding: 0 5%; +} + +.entry-content .alignwide { + margin-left: calc( 50% - 430px ); + max-width: 860px; + width: 860px; +} + +.alignleft, +.alignright { + margin-bottom: 20px; + max-width: 40%; +} + +.alignleft { + float: left; + margin: 5px 40px 30px -80px; +} + +.alignright { + float: right; + margin: 5px -80px 30px 40px; +} + +.alignnone { + margin-left: -80px; + margin-right: -80px; + max-width: calc( 100% + 160px ); +} + +.alignnone img { + width: 100%; +} + +/* VANILLA GALLERIES */ + +.gallery { + display: flex; + flex-wrap: wrap; + margin: 50px 0 30px; + padding: 0; + position: relative; + left: calc( 50% - 50vw + 220px ); + width: calc( 100vw - 440px ); +} + +@media ( min-width: 1920px ) { + .gallery { + left: calc( 50% - 730px ); + width: 1460px; + } +} + +.gallery + .gallery { + margin-top: -30px; +} + +.gallery .gallery-item { + display: block; + float: left; + margin: 0 0 20px; + padding: 0 10px; + position: relative; + width: 100%; +} + +.gallery-columns-1 .gallery-item { width: 100%; } +.gallery-columns-2 .gallery-item { width: 50%; } +.gallery-columns-3 .gallery-item { width: 33.3%; } +.gallery-columns-4 .gallery-item { width: 25%; } +.gallery-columns-5 .gallery-item { width: 20%; } +.gallery-columns-6 .gallery-item { width: 16.6%; } +.gallery-columns-7 .gallery-item { width: 14.28%; } +.gallery-columns-8 .gallery-item { width: 12.5%; } +.gallery-columns-9 .gallery-item { width: 11.1%; } + +.gallery .gallery-item a { + border: none; + display: block; + line-height: 0; + text-align: center; +} + +.gallery img { + width: 100%; +} + +.gallery-caption { + background: #fff; + color: #121212; + font-size: 16px; + line-height: 2; + margin: 0; + max-width: calc( 100% - 40px ); + max-height: 50%; + overflow: hidden; + padding: 11px 14px 10px; + position: absolute; + bottom: 10px; + left: 20px; +} + +.gallery-columns-1 .gallery-caption, +.gallery-columns-2 .gallery-caption, +.gallery-columns-3 .gallery-caption { + bottom: 40px; + font-size: 18px; + left: 50px; + max-width: calc( 100% - 100px ); +} + +.gallery-columns-3 .gallery-caption { + bottom: 30px; + left: 40px; + max-width: calc( 100% - 80px ); +} + +/* TILED GALLERIES */ + +.entry-content .tiled-gallery { + margin: 50px auto 50px auto; +} + + +/* -------------------------------------------------------------------------------- */ +/* 10. Page Templates +/* -------------------------------------------------------------------------------- */ + + +/* Full Width Template ---------------------------- */ + + +.full-width-template main .section-inner { + max-width: 800px; +} + + +/* Resume Template ---------------------------- */ + +.resume-template .entry-content { + max-width: 800px; + padding-left: 280px; +} + +.resume-template .entry-content h1, +.resume-template .entry-content h2, +.resume-template .entry-content h3, +.resume-template .entry-content h4, +.resume-template .entry-content h5, +.resume-template .entry-content h6 { + border-top: 1px solid rgba( 0, 0, 4, 0.125 ); + font-size: 24px; + font-weight: 500; + margin: 60px 0 -28px -280px; + padding: 40px calc( 100% + 20px ) 0 0; +} + +.resume-template .entry-content > h1:first-child, +.resume-template .entry-content > h2:first-child, +.resume-template .entry-content > h3:first-child, +.resume-template .entry-content > h4:first-child, +.resume-template .entry-content > h5:first-child, +.resume-template .entry-content > h6:first-child { + margin-top: 0; +} + +.resume-template .entry-content .alignnone { + margin-left: auto; + margin-right: auto; + max-width: 100%; +} + + +/* -------------------------------------------------------------------------------- */ +/* 11. Search +/* -------------------------------------------------------------------------------- */ + + +.error404 .search-form { + margin-top: 42px; +} + +input.search-field { + background: url( ./assets/images/spyglass-black.svg ) no-repeat left center; + background-size: 26px auto; + border: none; + border-bottom: 1px solid #121212; + border-radius: 0; + box-shadow: none; + color: #121212; + font-size: 1em; + margin: 0; + outline: none; + padding: 18px 0 18px 40px; + -moz-appearance: none; + -webkit-appearance: none; +} + +input.search-field::-webkit-input-placeholder { color: #121212; } +input.search-field:-ms-input-placeholder { color: #121212; } +input.search-field::-moz-placeholder { color: #121212; } + +/* Search Overlay ---------------------------- */ + +.search-overlay { + align-items: center; + background: #fff; + display: flex; + justify-content: center; + opacity: 0; + position: fixed; + bottom: 0; + left: -99999px; + right: 99999px; + top: 0; + transition: opacity .2s linear, left 0s .2s, right 0s .2s; + z-index: 100001; +} + +.search-overlay.active { + opacity: 1; + left: 380px; + right: 0; + transition: opacity .2s linear; +} + +.search-overlay .search-field { + background-size: 44px auto; + border-bottom: none; + font-size: 32px; + padding: 24px 0 24px 69px; + width: 450px; +} + + +/* -------------------------------------------------------------------------------- */ +/* 12. Site Footer +/* -------------------------------------------------------------------------------- */ + + +.site-footer { + border-top: 1px solid rgba( 0, 0, 4, 0.125 ); + display: flex; + font-size: 16px; + justify-content: space-between; + margin-top: 100px; + max-width: 800px; + padding: 25px 0 80px; + text-align: center; +} + +.site-footer p { + line-height: 1; + text-align: left; +} + +.site-footer .theme-by { + color: rgba( 0, 0, 4, 0.4 ); + margin-left: 20px; + text-align: right; +} + +.site-footer a { + border-bottom: 1px solid transparent; + text-decoration: none; +} + +.site-footer .theme-by a { + color: inherit; +} + +.site-footer a:hover { + border-bottom-color: currentColor; +} + + +/* -------------------------------------------------------------------------------- */ +/* 13. Media Queries +/* -------------------------------------------------------------------------------- */ + + +@media ( max-width: 1240px ) { + + /* Entry Content ------------------------- */ + + .entry-content .alignwide { + margin-left: calc( 50% - 50vw + 190px ); + max-width: calc( 100vw - 380px ); + width: calc( 100vw - 380px ); + } + +} + +@media ( max-width: 1200px ) { + + /* Entry Content ------------------------- */ + + .alignnone { + margin-left: 0; + margin-right: 0; + max-width: 100%; + } + + /* PULL QUOTES */ + + .alignleft, + .entry-content .pull.left { + margin-left: 0; + } + + .alignright, + .entry-content .pull.right { + margin-right: 0; + } + +} + +@media ( max-width: 1050px ) { + + /* Structure ----------------------------- */ + + body { + padding-left: 320px; + } + + .site-header { + padding: 80px 40px; + width: 320px; + } + + /* Entry Content ------------------------- */ + + .gallery { + left: calc( 50% - 50vw + 190px ); + width: calc( 100vw - 380px ); + } + + .entry-content .alignfull, + .entry-content .alignwide { + margin-left: calc( 50% - 50vw + 160px ); + max-width: calc( 100vw - 320px ); + width: calc( 100vw - 320px ); + } + + /* Search -------------------------------- */ + + .search-overlay.active { + left: 320px; + } + +} + +@media ( max-width: 1000px ) { + + /* Structure ----------------------------- */ + + body { + padding-left: 0; + } + + /* Site Header --------------------------- */ + + .site-header { + padding: 30px calc( 7.5% + 50px ) 30px 7.5%; + position: relative; + bottom: auto; + left: auto; + top: auto; + width: 100%; + z-index: 10001; + } + + .same-custom-bgs .site-header, + .white-bg .site-header { + border: none; + border-bottom: 1px solid rgba( 0, 0, 4, 0.075 ); + transition: border-color .3s linear; + } + + body.mobile-menu-visible .same-custom-bgs .site-header, + body.mobile-menu-visible.white-bg .site-header { + border-color: transparent; + } + + .menu-wrapper, + .site-header .social-menu, + .search-overlay { + display: none !important; + } + + .nav-toggle { + display: block; + } + + /* Navigation ---------------------------- */ + + .mobile-menu-wrapper { + color: #fff; + overflow: auto; + padding: 112px 7.5% 0 7.5%; + position: fixed; + bottom: 0; + left: 0; + right: 0; + top: 0; + z-index: 10000; + } + + .dark .mobile-menu-wrapper { + color: rgba( 0, 0, 0, .9 ); + } + + .mobile-menu-wrapper a { + color: inherit; + } + + .main-menu { + margin-top: 60px; + } + + .main-menu { + opacity: 0; + padding-bottom: 124px; + transition: opacity .4s linear; + } + + .main-menu .toggle-mobile-search-wrapper { + padding-left: 33px; + position: relative; + } + + .main-menu .toggle-mobile-search:before { + background: url( ./assets/images/spyglass-white.svg ) no-repeat center left; + background-size: 22px auto; + content: ""; + display: block; + height: 22px; + position: absolute; + left: 0; + top: calc( 50% - 11px ); + width: 33px; + } + + .dark .main-menu .toggle-mobile-search:before { + background-image: url( ./assets/images/spyglass-semiopaque.svg ); + } + + .mobile-menu-wrapper.visible .main-menu { + opacity: 1; + } + + .mobile-menu-wrapper .social-menu { + padding: 40px 7.5% 40px 7.5%; + position: fixed; + bottom: 0; + opacity: 1; + visibility: visible; + left: 0; + right: 0; + } + + .mobile-results { + margin: 40px auto 0 auto; + min-height: 40px; + max-width: 100%; + position: relative; + width: 400px; + } + + .mobile-results .no-results-message { + font-size: 19px; + line-height: 2; + } + + .mobile-results p { + color: rgba( 255, 255, 255, 0.5 ); + font-size: 19px; + margin: 0; + } + + .dark .mobile-results p { + color: rgba( 0, 0, 0, 0.5 ); + } + + .mobile-results li { + border-bottom: 1px solid rgba( 255, 255, 255, 0.15 ); + -ms-word-break: break-word; + word-break: break-word; + } + + .dark .mobile-results li { + border-bottom-color: rgba( 0, 0, 0, 0.1 ); + } + + .mobile-results li a { + color: #fff; + display: block; + font-size: 19px; + line-height: 2; + padding: 15px 0; + } + + .dark .mobile-results li a { + color: rgba( 0, 0, 0, 0.9 ); + } + + .mobile-results .show-all { + color: rgba( 255, 255, 255, 0.5 ); + display: block; + font-size: 19px; + margin-top: 15px; + text-align: right; + } + + .dark .mobile-results .show-all { + color: rgba( 0, 0, 0, 0.5 ); + } + + /* NO RESULTS */ + + .mobile-results.no-results { + display: block; + } + + /* Mobile Search ------------------------- */ + + .mobile-search { + display: block; + overflow: auto; + padding-bottom: 40px; + position: absolute; + bottom: 0; + left: -9999px; + right: 9999px; + top: 122px; + z-index: 10001; + } + + .mobile-search.active { + animation: show .3s ease-out 1; + animation-fill-mode: both; + left: 0; + right: 0; + padding-left: 7.5%; + padding-right: 7.5%; + } + + .mobile-menu-wrapper.visible + .mobile-search { + transition: all 0s .3s; + } + + .mobile-menu-wrapper.visible + .mobile-search.active { + transition: none; + } + + .mobile-search.hide { + animation: hide .3s ease-in 1; + } + + .untoggle-mobile-search { + height: 20px; + margin-bottom: 10px; + width: 100%; + } + + .untoggle-mobile-search:before, + .untoggle-mobile-search:after { + background: #fff; + content: ""; + display: block; + height: 1px; + position: absolute; + top: 7px; + width: 12px; + } + + .dark .untoggle-mobile-search:before, + .dark .untoggle-mobile-search:after { + background: rgba( 0, 0, 0, 0.9 ); + } + + .untoggle-mobile-search:before { + left: calc( 50% - 1.5px ); + transform-origin: top right; + transform: rotate(30deg); + } + + .untoggle-mobile-search:after { + right: calc( 50% - 1.5px ); + transform-origin: top left; + transform: rotate(-30deg); + } + + .mobile-search.active .untoggle-mobile-search:before { + animation: foldOutLeft .2s .3s linear 1; + animation-fill-mode: both; + } + + .mobile-search.active .untoggle-mobile-search:after { + animation: foldOutRight .2s .3s linear 1; + animation-fill-mode: both; + } + + .mobile-search.active .untoggle-mobile-search:after { + transform: rotate(-30deg); + } + + .mobile-search form { + margin: 0 auto; + max-width: 100%; + position: relative; + width: 400px; + } + + .mobile-search .search-field { + background-image: url( ./assets/images/spyglass-white.svg ); + background-size: 22px auto; + border-bottom-color: #fff; + color: #fff; + padding-left: 33px; + width: 100%; + } + + .mobile-search .submit { + background: #fff; + color: #121212; + } + + .dark .mobile-search .search-field { + background-image: url( ./assets/images/spyglass-semiopaque.svg ); + border-bottom-color: rgba( 0, 0, 0, 0.9 ); + color: rgba( 0, 0, 0, 0.9 ); + } + + input.search-field::-webkit-input-placeholder { color: rgba( 255, 255, 255, 0.6 ); } + input.search-field:-ms-input-placeholder { color: rgba( 255, 255, 255, 0.6 ); } + input.search-field::-moz-placeholder { color: rgba( 255, 255, 255, 0.6 ); } + + .dark input.search-field::-webkit-input-placeholder { color: rgba( 0, 0, 0, 0.5 ); } + .dark input.search-field:-ms-input-placeholder { color: rgba( 0, 0, 0, 0.5 ); } + .dark input.search-field::-moz-placeholder { color: rgba( 0, 0, 0, 0.5 ); } + + /* Page Templates ------------------------ */ + + .resume-template .entry-content { + padding-left: 300px; + } + + .resume-template .entry-content h1, + .resume-template .entry-content h2, + .resume-template .entry-content h3, + .resume-template .entry-content h4, + .resume-template .entry-content h5, + .resume-template .entry-content h6 { + margin: 80px 0 -28px -300px; + padding: 50px calc( 100% - 20px ) 0 0; + } + + /* Entry Content ------------------------- */ + + .entry-content .alignfull { + margin-left: calc( 50% - 50vw ); + max-width: 100vw; + width: 100vw; + } + + .entry-content .alignwide { + margin-left: calc( 50% - 45vw ); + max-width: 90vw; + width: 90vw; + } + + .alignnone { + margin-left: -80px; + margin-right: -80px; + max-width: calc( 100% + 160px ); + } + + .alignleft, + .entry-content .pull.left { + margin-left: -80px; + } + + .alignright, + .entry-content .pull.right { + margin-right: -80px; + } + + .gallery { + left: calc( 50% - 50vw + 10px ); + width: calc( 100vw - 20px ); + } + +} + +@media ( max-width: 800px ) { + + /* Singular ------------------------------ */ + + .comments, + .comment-respond, + #respond, + .related-posts { + margin-top: 80px; + max-width: 560px; + padding: 25px 0 0 0; + } + + .comment-reply-title, + .related-posts-title { + margin-bottom: 40px; + position: static; + width: 100%; + } + + /* Page Templates ------------------------ */ + + .resume-template .entry-content { + padding-left: 200px; + } + + .resume-template .entry-content h1, + .resume-template .entry-content h2, + .resume-template .entry-content h3, + .resume-template .entry-content h4, + .resume-template .entry-content h5, + .resume-template .entry-content h6 { + margin: 80px 0 -28px -200px; + padding: 50px calc( 100% - 20px ) 0 0; + } + +} + +@media ( max-width: 768px ) { + + /* Navigation ---------------------------- */ + + .site-nav .menus > ul { + float: none; + width: 100%; + } + + .site-nav .menus > ul + ul { + margin: 40px 0 0; + } + + /* Entry Content ------------------------- */ + + /* PAGE MEDIA */ + + .alignleft { + margin: 5px 25px 25px 0; + } + + .alignright { + margin: 5px 0 25px 25px; + } + + .alignnone { + max-width: 100%; + } + + .alignnone, + .aligncenter { + margin: 40px auto; + } + + .gallery { + margin: 40px auto 20px; + } + + .gallery + .gallery { + margin-top: -20px; + } + + .gallery-columns-1 .gallery-caption, + .gallery-columns-2 .gallery-caption, + .gallery-columns-3 .gallery-caption { + bottom: 10px; + font-size: 16px; + left: 20px; + max-width: calc( 100% - 40px ); + } + + /* PULL QUOTES */ + + .entry-content .pull.left { + margin-left: 0; + } + + .entry-content .pull.right { + margin-right: 0; + } + + /* Comments ------------------------------ */ + + .comment-author .avatar { + left: 0; + width: 55px; + } + + .comment-list .comment-list { + margin-left: 30px; + } + + .comment-list { + margin-bottom: 28px; + } + + .entry-content > *:last-child { margin-bottom: 28px; } + +} + +@media ( max-width: 620px ) { + + /* Site Header --------------------------- */ + + .site-header { + padding: 26px 7.5%; + } + + .site-description { + display: none; + } + + /* Navigation ---------------------------- */ + + .mobile-menu-wrapper { + padding-top: 74px; + } + + .site-nav { + padding-top: 124px; + padding-bottom: 40px; + } + + .site-nav ul:first-child li { + font-size: 30px; + } + + .site-nav ul + ul li { + font-size: 20px; + font-weight: 400; + } + + .site-nav ul + ul li + li { + margin-top: 10px; + } + + .site-nav footer { + display: none; + } + + /* Mobile Search ------------------------- */ + + .mobile-search { + top: 74px; + } + + /* Singular ------------------------------ */ + + .entry-header { + margin: 50px auto; + } + + .post-pagination { + margin-top: 50px; + } + + .comments, + .comment-respond, + .related-posts { + margin-top: 50px; + } + + /* Archive ------------------------------- */ + /* Entry Content ------------------------- */ + + .entry-content p { + margin-bottom: 25px; + } + + .entry-content hr { + margin: 30px auto; + } + + /* PAGE MEDIA */ + + .gallery { + left: calc( 50% - 50vw ); + margin: 40px auto 30px; + padding: 0 5px; + width: 100vw; + } + + .gallery + .gallery { + margin-top: -30px; + } + + .gallery .gallery-item { + margin-bottom: 10px; + padding: 0 5px; + } + + .gallery-caption { + display: none; + } + + .gallery-columns-2 .gallery-item, + .gallery-columns-3 .gallery-item, + .gallery-columns-4 .gallery-item, + .gallery-columns-5 .gallery-item, + .gallery-columns-6 .gallery-item, + .gallery-columns-7 .gallery-item, + .gallery-columns-8 .gallery-item, + .gallery-columns-9 .gallery-item { + width: 50%; + } + + /* PULL QUOTES */ + + .entry-content .pull.left, + .entry-content .pull.right { + float: none; + margin: 40px 0 40px 0; + width: 100%; + } + + + /* Comments ------------------------------ */ + + .comments-pagination { + margin-top: 80px; + } + + .comment-respond .comment-form-author, + .comment-respond .comment-form-email { + float: none; + margin: 20px 0 0; + width: 100%; + } + + /* Page Templates ------------------------ */ + + .resume-template .entry-content { + padding-left: 0; + } + + .resume-template .entry-content h1, + .resume-template .entry-content h2, + .resume-template .entry-content h3, + .resume-template .entry-content h4, + .resume-template .entry-content h5, + .resume-template .entry-content h6 { + font-size: 20px; + margin: 50px 0 23px 0; + padding: 24px 0 0; + } + + /* Site Footer --------------------------- */ + + .site-footer { + display: block; + margin-top: 60px; + padding: 25px 0; + } + + .site-footer .copyright, + .site-footer .theme-by { + text-align: left; + } + + .site-footer .theme-by { + margin: 9px 0 0; + } + +} + +/* 500 PX */ + +@media ( max-width: 500px ) { + + /* Structure ----------------------------- */ + + body { + font-size: 19px; + } + + /* Element Base -------------------------- */ + + .excerpt { + font-size: 21px; + } + + /* HEADINGS */ + + /* h1, + h2, + h3, + h4, + h5, + h6 { + margin: 40px 0 20px; + } */ + + h1 { font-size: 30px; } + h2 { font-size: 28px; } + h3 { font-size: 26px; } + h4 { font-size: 22px; } + h5 { font-size: 20px; } + + /* Navigation ---------------------------- */ + + .main-menu { + margin-top: 40px; + } + + /* Singular ------------------------------ */ + + .entry-header { + margin: 40px auto; + } + + .entry-title { + font-size: 24px; + } + + .entry-header .excerpt { + margin-top: 10px; + } + + .entry-header .meta { + margin-top: 15px; + } + + .meta.bottom { + margin-top: 25px; + } + + .post-pagination { + display: block; + } + + .post-pagination div { + width: 100%; + } + + .post-pagination .next-post { + margin: 12px 0 0 0; + text-align: right; + } + + .comments, + .comment-respond, + .related-posts { + margin: 50px 0 0; + padding: 15px 0 0 0; + } + + .comment-reply-title, + .related-posts-title { + margin-bottom: 25px; + } + + .related-post { + display: flex; + margin: 0 0 15px 0; + width: 100%; + } + + .related-post-image { + height: 80px; + margin: 0 12px 0 0; + min-width: 80px; + } + + /* Entry Content ------------------------- */ + + .entry-content .alignnone, + .entry-content .aligncenter, + .entry-content .alignwide, + .entry-content .alignfull { + margin-bottom: 30px; + margin-top: 30px; + } + + /* Archive ------------------------------- */ + + .page-header { + padding: 50px 0; + } + + .page-subtitle { + font-size: 18px; + } + + .page-title { + font-size: 22px; + } + + .posts:first-child { + margin-top: 50px; + } + + .posts > ul + ul { + margin-top: 50px; + } + + .sticky-arrow { + display: inline-block; + margin-right: 2px; + position: static; + } + + /* Comments ------------------------------ */ + + .comment-list { + margin-bottom: 25px; + } + + .entry-content > *:last-child { margin-bottom: 25px; } + + + .comment-list .comment-list { + margin-left: 28px; + } + + /* Archive Pagination -------------------- */ + + .archive-pagination { + margin-top: 50px; + } + + /* Error 404 ----------------------------- */ + + .error404 .search-form { + margin-top: 22px; + } + +} + +/* 400 PX */ + +@media ( max-width: 400px ) { + + /* Entry Content ------------------------- */ + + .entry-content p { + margin-bottom: 20px; + } + + .entry-content ol, + .entry-content ul { + margin-left: 30px; + } + + .entry-content li { + margin-top: 12px; + } + + .entry-content blockquote { + margin-bottom: 20px; + } + + /* .entry-content h1, + .entry-content h2, + .entry-content h3, + .entry-content h4, + .entry-content h5, + .entry-content h6 { + margin: 40px 0 20px; + } */ + + /* Page Templates ------------------------ */ + + .resume-template .entry-content h1, .resume-template .entry-content h2, .resume-template .entry-content h3, .resume-template .entry-content h4, .resume-template .entry-content h5, .resume-template .entry-content h6 { + margin: 40px 0 20px 0; + padding: 21px 0 0; + } + + /* Comments ------------------------------ */ + + .comment-meta .comment-author { + display: block; + margin-bottom: 2px; + width: 100%; + } + + .comment-meta span + span { + margin-left: 0; + } + + .comment-meta .comment-date ~ span { + margin-left: 10px; + } + + .comments-pagination .page-numbers { + display: none; + } + + .comments-pagination .page-numbers.prev, + .comments-pagination .page-numbers.next { + display: block; + position: static; + } + + .comments-pagination .page-numbers.prev { + float: left; + } + + .comments-pagination .page-numbers.next { + float: right; + } + +} + +/* LANDSCAPE */ + +@media ( max-width: 1000px ) and ( orientation: landscape ) { + + /* Site Header --------------------------- */ + + .mobile-menu-wrapper { + padding-bottom: 40px; + } + + .mobile-menu-wrapper .main-menu { + margin-top: 20px; + padding-bottom: 0; + padding-right: 50%; + } + + .mobile-menu-wrapper .social-menu { + left: auto; + max-width: 50%; + padding: 40px 7.5% 40px 0; + } + +} \ No newline at end of file diff --git a/文章置顶插件(上传到:usr:plugins）/Sticky.zip b/文章置顶插件(上传到:usr:plugins）/Sticky.zip new file mode 100644 index 0000000..15c5fae Binary files /dev/null and b/文章置顶插件(上传到:usr:plugins）/Sticky.zip differ