├── .gitignore
├── favicon.ico
├── screenshot.png
├── img
    ├── icon-search.png
    └── icon-search@2x.png
├── 404.php
├── footer.php
├── page.php
├── LICENSE
├── README.md
├── post.php
├── custom-page-themes.php
├── index.php
├── functions.php
├── archive.php
├── comments.php
├── sidebar.php
├── header.php
├── normalize.css
├── style.css
└── bootstrap-grid.min.css


/.gitignore:
--------------------------------------------------------------------------------
1 | .idea/
2 | .vscode/
3 | 


--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wei-with-two-swords/memoo/HEAD/favicon.ico


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wei-with-two-swords/memoo/HEAD/screenshot.png


--------------------------------------------------------------------------------
/img/icon-search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wei-with-two-swords/memoo/HEAD/img/icon-search.png


--------------------------------------------------------------------------------
/img/icon-search@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wei-with-two-swords/memoo/HEAD/img/icon-search@2x.png


--------------------------------------------------------------------------------
/404.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php $this->need('header.php'); ?>
 3 | 
 4 | <div class="col-sm-12 col-md-8">
 5 |     <div class="error-page">
 6 |         <h2 class="post-title">404 - <?php _e('页面没找到'); ?></h2>
 7 |         <p><?php _e('你想查看的页面已被转移或删除了, 要不要搜索看看: '); ?></p>
 8 |         <form method="post">
 9 |             <p><input type="text" name="s" class="text" autofocus/></p>
10 |             <p>
11 |                 <button type="submit" class="submit"><?php _e('搜索'); ?></button>
12 |             </p>
13 |         </form>
14 |     </div>
15 | </div><!-- end #content-->
16 | <?php $this->need('footer.php'); ?>
17 | 


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | 
 3 |         </div><!-- end .row -->
 4 |     </div>
 5 | </div><!-- end #body -->
 6 | 
 7 | <footer id="footer" role="contentinfo">
 8 | 
 9 |     &copy; <?php echo date('Y'); ?> <a href="<?php $this->options->siteUrl(); ?>"><?php $this->options->title(); ?></a>.
10 |     <?php _e('Powered by <a href="https://typecho.org">Typecho</a>, themed by <a href="https://memoo.online">memoo</a>'); ?>.
11 |     <br/>
12 |     <a href="https://beian.miit.gov.cn/"><?php $this->options->ICP(); ?></a>
13 | 
14 | </footer><!-- end #footer -->
15 | 
16 | <?php $this->footer(); ?>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php $this->need('header.php'); ?>
 3 | 
 4 | <div class="col-sm-12 col-md-8" id="main" role="main">
 5 |     <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
 6 |         <!-- <h1 class="post-title" itemprop="name headline">
 7 |             <a itemprop="url"
 8 |                href="<?php $this->permalink() ?>"><?php $this->title() ?></a>
 9 |         </h1> -->
10 |         <div class="post-content" itemprop="articleBody">
11 |             <?php $this->content(); ?>
12 |         </div>
13 |     </article>
14 |     <?php $this->need('comments.php'); ?>
15 | </div><!-- end #main-->
16 | 
17 | <?php $this->need('sidebar.php'); ?>
18 | <?php $this->need('footer.php'); ?>
19 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2025 柚子真好吃
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | > 注意：本主题仍然可用，但是已经不会再有更新。
 2 | >
 3 | > 如果您希望获取更新的内容，可以前往[这个仓库](https://github.com/visduo/typecho-default-ultra-theme)。
 4 | >
 5 | 
 6 | 
 7 | # Memoo
 8 | [站点示例](https://duozai.cn) | [最近更新](https://www.duozai.cn/page/38.html)
 9 | 
10 | ![屏幕截图](./screenshot.png)
11 | 
12 | 这是一个基于Typecho默认主题的微调版，即保留了Typecho原汁原味的设计，同时又满足了当前大屏当道的现状。
13 | 
14 | 在Memoo中，基本上没有修改原主题的任何样式内容，仅仅是在页面布局和内容位置上做了些许更改。
15 | 
16 | ## 使用方法
17 | 
18 | 新手小白可以严格遵守以下步骤使用本主题：
19 | 
20 | 1. 下载本仓库主分支代码压缩文件
21 | 2. 将压缩文件上传至Typecho系统`/usr/themes/`目录下
22 | 3. 解压代码文件，并将文件目录命名为`memoo`（注意，重命名文件夹很重要，否则可能会出错）
23 | 4. 登录Typecho后台，启用`memoo`主题
24 | 
25 | 如果有任何使用上的问题，可以在此留言与我交流。
26 | 
27 | 
28 | ## 主要改动
29 | 
30 | 下面，我将详细的介绍本主题对原主题的改动。
31 | 
32 | ### 布局改动
33 | 
34 | Typecho默认的主题，在屏幕的两侧有大量的空白，现在计算机屏幕分辨率都非常高，默认的外观对高分辨率不友好。
35 | 
36 | 当前主题采取尽量占据整个屏幕的设计理念，尽可能的占满整个屏幕。
37 | 
38 | 页面使用双栏布局，内容和侧栏比例为8:4。
39 | 
40 | ### 位置改动
41 | 
42 | “上一篇”和“下一篇”的位置，由页面底部调整到了紧挨着文章内容的下方，同时将上下布局修改为了左右布局，更符合使用习惯。
43 | 
44 | 评论表单由原来的页面底部提升到了文章内容下面，在评论列表的上方，阅读完文章内容之后，就可以立即评价。
45 | 
46 | 将评论列表放置在了页面的最下方。
47 | 
48 | ### 样式改动
49 | 
50 | 为了更符合中文阅读习惯，本主题将字间距调大了（`1.5px`），要不然中文过于紧凑会提高阅读难度。
51 | 
52 | 同时，将行间距由原来的1.5调整为现在的1.8，进一步提升文字之间的间隔，提高可读性。
53 | 
54 | 最后，将搜索框的长度由原来的内容的四分之一，调整为当前的三分之一，更加修长。
55 | 
56 | ## 引用文件
57 | 
58 | 默认主题使用了来源于github的一个开源页面栅格系统（`grid.css`），经过作者观察，该系统过于老旧，仅支持最高1200宽度的屏幕，在1200以上的屏幕都会有两侧的大量空白。
59 | 
60 | 为了提高工作效率，本主题以CDN的形式引入了Bootstrap的网格系统文件（`bootstrap-grid.css`，注意这里没有引用整个Bootstrap包）。
61 | 
62 | 我相信使用Typecho系统的大部分同志都是非常在意网页加载速度的，因此，使用本主题不用有资源过大，降低页面加载速度的疑虑。
63 | 
64 | ## 结语
65 | 
66 | 最后，如果有使用上的问题，可以评论留言。
67 | 


--------------------------------------------------------------------------------
/post.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php $this->need('header.php'); ?>
 3 | 
 4 | <div class="col-sm-12 col-md-8" id="main" role="main">
 5 |     <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
 6 |         <h1 class="post-title" itemprop="name headline">
 7 |             <a itemprop="url"
 8 |                href="<?php $this->permalink() ?>"><?php $this->title() ?></a>
 9 |         </h1>
10 |         <ul class="post-meta">
11 |             <li itemprop="author" itemscope itemtype="http://schema.org/Person">
12 |                 <?php _e('作者: '); ?><a itemprop="name"
13 |                                        href="<?php $this->author->permalink(); ?>"
14 |                                        rel="author"><?php $this->author(); ?></a>
15 |             </li>
16 |             <li><?php _e('时间: '); ?>
17 |                 <time datetime="<?php $this->date('c'); ?>" itemprop="datePublished"><?php $this->date(); ?></time>
18 |             </li>
19 |             <li><?php _e('分类: '); ?><?php $this->category(','); ?></li>
20 |         </ul>
21 |         <div class="post-content" itemprop="articleBody">
22 |             <?php $this->content(); ?>
23 |         </div>
24 |         <p itemprop="keywords" class="tags"><?php _e('标签: '); ?><?php $this->tags(', ', true, 'none'); ?></p>
25 |     </article>
26 |     <div class="row py-4">
27 |         <div class="col post-near">上一篇: <?php $this->thePrev('%s', '没有了'); ?></div>
28 |         <div class="col post-near text-end">下一篇: <?php $this->theNext('%s', '没有了'); ?></div>
29 |     </div>
30 |     <?php $this->need('comments.php'); ?>
31 |     
32 | </div><!-- end #main-->
33 | 
34 | <?php $this->need('sidebar.php'); ?>
35 | <?php $this->need('footer.php'); ?>
36 | 


--------------------------------------------------------------------------------
/custom-page-themes.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * 主题推荐模板
 4 |  * 
 5 |  * @package custom
 6 |  */
 7 | if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 8 | <?php $this->need('header.php'); ?>
 9 | 
10 | <div class="container-fluid"role="main">
11 |     <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 " >
12 |         <?php $this->content(); ?>
13 |     </div>
14 |     <style>
15 |         .theme-cover-img {
16 |             width: 100%; /* 图片宽度为容器的宽度 */
17 |             height: 100%; /* 图片高度为容器的高度 */
18 |             object-fit: cover; /* 图片保持其宽高比，同时填充整个容器，可能会裁剪部分图片 */
19 |             transition: transform 0.5s ease; 
20 |         }
21 |         .theme-cover-img:hover{
22 |             transform: scale(1.05);
23 |         }
24 |         .theme-desc{
25 |             line-height: 1.8;
26 |         }
27 |     </style>
28 |     <script>
29 |         (function(){
30 |             const themes_list =document.getElementById('themes-list');
31 |             if(themes_list){
32 |                 const list_items =themes_list.querySelectorAll('li');
33 |                 let html_str = ""
34 |                 for(let i=0;i<list_items.length-3;i+=4){
35 |                     html_str += `<div class="col py-3 pe-3 ">
36 |                                     <div>
37 |                                         <a href="${list_items[i+2].innerText}" title="点击预览">
38 |                                             <img class="theme-cover-img" loading="lazy" src="${list_items[i].innerText}" alt="${list_items[i+1].innerText}"/>
39 |                                         </a> 
40 |                                         <div class="pt-1 theme-desc"> 
41 |                                             <a href="${list_items[i+3].innerText}">下载地址</a> &nbsp;
42 |                                             ${list_items[i+1].innerText}
43 |                                         </div>
44 |                                     </div> 
45 |                                 </div>`;
46 |                 }
47 |                 
48 |                 themes_list.parentNode.innerHTML = html_str;
49 |                 themes_list.style="display:none;";
50 |             }
51 |         }())
52 |     </script>
53 |     <?php $this->need('comments.php'); ?>
54 | </div><!-- end #main-->
55 | 
56 | <?php $this->need('footer.php'); ?>
57 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * 这是一个基于Typecho默认主题的简单文字主题，仅针对页面布局做了些许更改，保持了Typecho味道不变。
 4 |  *
 5 |  * @package Memoo
 6 |  * @author memoo
 7 |  * @version 1.2
 8 |  * @link https://memoo.online
 9 |  */
10 | 
11 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
12 | $this->need('header.php');
13 | ?>
14 | 
15 | <div class="col-sm-12 col-md-8" id="main" role="main">
16 |     <?php while ($this->next()): ?>
17 |         <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
18 |             <h2 class="post-title" itemprop="name headline">
19 |                 <a itemprop="url"
20 |                    href="<?php $this->permalink() ?>"><?php $this->title() ?></a>
21 |             </h2>
22 |             <ul class="post-meta">
23 |                 <li itemprop="author" itemscope itemtype="http://schema.org/Person"><?php _e('作者: '); ?><a
24 |                         itemprop="name" href="<?php $this->author->permalink(); ?>"
25 |                         rel="author"><?php $this->author(); ?></a></li>
26 |                 <li><?php _e('时间: '); ?>
27 |                     <time datetime="<?php $this->date('c'); ?>" itemprop="datePublished"><?php $this->date(); ?></time>
28 |                 </li>
29 |                 <li><?php _e('分类: '); ?><?php $this->category(','); ?></li>
30 |                 <li itemprop="interactionCount">
31 |                     <a itemprop="discussionUrl"
32 |                        href="<?php $this->permalink() ?>#comments"><?php $this->commentsNum('评论', '1 条评论', '%d 条评论'); ?></a>
33 |                 </li>
34 |             </ul>
35 |             <div class="post-content" itemprop="articleBody">
36 |                 <!--<?php $this->content('- 阅读剩余部分 -'); ?>-->
37 |                 <?php if($this->options->summaryNum):  ?>
38 |                     <?php $this->excerpt($this->options->summaryNum, ''); ?>
39 |                 <?php else:?>
40 |                     <?php $this->excerpt(140, ''); ?>
41 |                 <?php endif; ?>
42 |                 <a itemprop="url" href="<?php $this->permalink() ?>"> More...</a>
43 |             </div>
44 |         </article>
45 |     <?php endwhile; ?>
46 | 
47 |     <?php $this->pageNav('&laquo; 前一页', '后一页 &raquo;'); ?>
48 | </div><!-- end #main-->
49 | 
50 | <?php $this->need('sidebar.php'); ?>
51 | <?php $this->need('footer.php'); ?>
52 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 3 | 
 4 | function themeConfig($form)
 5 | {
 6 |     $logoUrl = new \Typecho\Widget\Helper\Form\Element\Text(
 7 |         'logoUrl',
 8 |         null,
 9 |         null,
10 |         _t('站点 LOGO 地址'),
11 |         _t('在这里填入一个图片 URL 地址, 以在网站标题前加上一个 LOGO')
12 |     );
13 |     $icp = new \Typecho\Widget\Helper\Form\Element\Text(
14 |         'ICP',
15 |         null,
16 |         null,
17 |         _t('站点ICP备案号'),
18 |         _t('请输入站点的ICP备案编号，该编号将显示在您站点的底部，示例：京ICP备20210282xxx号')
19 |     );
20 |     $sitemapUrl = new \Typecho\Widget\Helper\Form\Element\Text(
21 |         'sitemapUrl',
22 |         null,
23 |         null,
24 |         _t('站点sitemap.xml地址'),
25 |         _t('请输入站点的sitemap.xml地址，该地址将显示在页面超链接中，示例：https://www.xx.com/index.php/sitemap.xml')
26 |     );
27 |     $icoPath = new \Typecho\Widget\Helper\Form\Element\Text(
28 |         'icoPath',
29 |         null,
30 |         null,
31 |         _t('站点favicon.ico图标文件位置'),
32 |         _t('请输入favicon.ico图标文件位置，这将让图标展示在浏览器页签上，示例（默认值）：/usr/themes/memoo/favicon.ico')
33 |     );
34 |     $statsCode = new \Typecho\Widget\Helper\Form\Element\Textarea(
35 |         'statsCode',
36 |         null,
37 |         null,
38 |         _t('站点统计代码'),
39 |         _t('此处内容将直接输出到页面的头部的header标签尾部，务必谨慎操作，需要带script标签')
40 |     );
41 |     $summaryNum = new \Typecho\Widget\Helper\Form\Element\Text(
42 |         'summaryNum',
43 |         null,
44 |         null,
45 |         _t('摘要字数'),
46 |         _t('输入一个数字（默认140），用于控制文章列表中摘要的字数')
47 |     );
48 | 
49 | 
50 |     $form->addInput($logoUrl);
51 |     $form->addInput($icp);
52 |     $form->addInput($sitemapUrl);
53 |     $form->addInput($icoPath);
54 |     $form->addInput($statsCode);
55 |     $form->addInput($summaryNum);
56 | 
57 |     $sidebarBlock = new \Typecho\Widget\Helper\Form\Element\Checkbox(
58 |         'sidebarBlock',
59 |         [
60 |             'ShowRecentPosts'    => _t('显示最新文章'),
61 |             'ShowRecentComments' => _t('显示最近回复'),
62 |             'ShowCategory'       => _t('显示分类'),
63 |             'ShowArchive'        => _t('显示归档'),
64 |             'ShowOther'          => _t('显示其它杂项')
65 |         ],
66 |         ['ShowRecentPosts', 'ShowRecentComments', 'ShowCategory', 'ShowArchive', 'ShowOther'],
67 |         _t('侧边栏显示')
68 |     );
69 | 
70 |     $form->addInput($sidebarBlock->multiMode());
71 | }
72 | 
73 | /*
74 | function themeFields($layout)
75 | {
76 |     $logoUrl = new \Typecho\Widget\Helper\Form\Element\Text(
77 |         'logoUrl',
78 |         null,
79 |         null,
80 |         _t('站点LOGO地址'),
81 |         _t('在这里填入一个图片URL地址, 以在网站标题前加上一个LOGO')
82 |     );
83 |     $layout->addItem($logoUrl);
84 | }
85 | */
86 | 


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php $this->need('header.php'); ?>
 3 | 
 4 | <div class="col-sm-12 col-md-8" id="main" role="main">
 5 |     <h3 class="archive-title"><?php $this->archiveTitle([
 6 |             'category' => _t('分类 %s 下的文章'),
 7 |             'search'   => _t('包含关键字 %s 的文章'),
 8 |             'tag'      => _t('标签 %s 下的文章'),
 9 |             'author'   => _t('%s 发布的文章')
10 |         ], '', ''); ?></h3>
11 |     <?php if ($this->have()): ?>
12 |         <?php while ($this->next()): ?>
13 |             <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
14 |                 <h2 class="post-title" itemprop="name headline"><a itemprop="url"
15 |                                                                    href="<?php $this->permalink() ?>"><?php $this->title() ?></a>
16 |                 </h2>
17 |                 <ul class="post-meta">
18 |                     <li itemprop="author" itemscope itemtype="http://schema.org/Person"><?php _e('作者: '); ?><a
19 |                             itemprop="name" href="<?php $this->author->permalink(); ?>"
20 |                             rel="author"><?php $this->author(); ?></a></li>
21 |                     <li><?php _e('时间: '); ?>
22 |                         <time datetime="<?php $this->date('c'); ?>"
23 |                               itemprop="datePublished"><?php $this->date(); ?></time>
24 |                     </li>
25 |                     <li><?php _e('分类: '); ?><?php $this->category(','); ?></li>
26 |                     <li itemprop="interactionCount"><a
27 |                             href="<?php $this->permalink() ?>#comments"><?php $this->commentsNum('评论', '1 条评论', '%d 条评论'); ?></a>
28 |                     </li>
29 |                 </ul>
30 |                 <div class="post-content" itemprop="articleBody">
31 |                     <!--<?php $this->content('- 阅读剩余部分 -'); ?>-->
32 |                     <?php if($this->options->summaryNum):  ?>
33 |                         <?php $this->excerpt($this->options->summaryNum, ''); ?>
34 |                     <?php else:?>
35 |                         <?php $this->excerpt(140, ''); ?>
36 |                     <?php endif; ?>
37 |                     <a itemprop="url" href="<?php $this->permalink() ?>"> More...</a>
38 |                 </div>
39 |             </article>
40 |         <?php endwhile; ?>
41 |     <?php else: ?>
42 |         <article class="post">
43 |             <h2 class="post-title"><?php _e('没有找到内容'); ?></h2>
44 |         </article>
45 |     <?php endif; ?>
46 | 
47 |     <?php $this->pageNav('&laquo; 前一页', '后一页 &raquo;'); ?>
48 | </div><!-- end #main -->
49 | 
50 | <?php $this->need('sidebar.php'); ?>
51 | <?php $this->need('footer.php'); ?>
52 | 


--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <div id="comments">
 3 | <?php $this->comments()->to($comments); ?>
 4 | 
 5 | <?php if ($this->allow('comment')): ?>
 6 |         <div id="<?php $this->respondId(); ?>" class="respond">
 7 |             <div class="cancel-comment-reply">
 8 |                 <?php $comments->cancelReply(); ?>
 9 |             </div>
10 | 
11 |             <h3 id="response"><?php _e('添加新评论'); ?></h3>
12 |             <form method="post" action="<?php $this->commentUrl() ?>" id="comment-form" role="form">
13 |                 <?php if ($this->user->hasLogin()): ?>
14 |                     <p><?php _e('登录身份: '); ?><a
15 |                             href="<?php $this->options->profileUrl(); ?>"><?php $this->user->screenName(); ?></a>. <a
16 |                             href="<?php $this->options->logoutUrl(); ?>" title="Logout"><?php _e('退出'); ?> &raquo;</a>
17 |                     </p>
18 |                 <?php else: ?>
19 |                     <p>
20 |                         <label for="author" class="required"><?php _e('称呼'); ?></label>
21 |                         <input type="text" name="author" id="author" class="text"
22 |                                value="<?php $this->remember('author'); ?>" required/>
23 |                     </p>
24 |                     <p>
25 |                         <label
26 |                             for="mail"<?php if ($this->options->commentsRequireMail): ?> class="required"<?php endif; ?>><?php _e('Email'); ?></label>
27 |                         <input type="email" name="mail" id="mail" class="text"
28 |                                value="<?php $this->remember('mail'); ?>"<?php if ($this->options->commentsRequireMail): ?> required<?php endif; ?> />
29 |                     </p>
30 |                     <p>
31 |                         <label
32 |                             for="url"<?php if ($this->options->commentsRequireURL): ?> class="required"<?php endif; ?>><?php _e('网站'); ?></label>
33 |                         <input type="url" name="url" id="url" class="text" placeholder="<?php _e('http://'); ?>"
34 |                                value="<?php $this->remember('url'); ?>"<?php if ($this->options->commentsRequireURL): ?> required<?php endif; ?> />
35 |                     </p>
36 |                 <?php endif; ?>
37 |                 <p>
38 |                     <label for="textarea" class="required"><?php _e('内容'); ?></label>
39 |                     <textarea rows="8" cols="50" name="text" id="textarea" class="textarea"
40 |                               required><?php $this->remember('text'); ?></textarea>
41 |                 </p>
42 |                 <p>
43 |                     <button type="submit" class="submit"><?php _e('提交评论'); ?></button>
44 |                 </p>
45 |             </form>
46 |         </div>
47 |     <?php else: ?>
48 |         <h3><?php _e('评论已关闭'); ?></h3>
49 |     <?php endif; ?>
50 | 
51 |     <?php if ($comments->have()): ?>
52 |         <h3><?php $this->commentsNum(_t('暂无评论'), _t('仅有一条评论'), _t('已有 %d 条评论')); ?></h3>
53 | 
54 |         <?php $comments->listComments(); ?>
55 | 
56 |         <?php $comments->pageNav('&laquo; 前一页', '后一页 &raquo;'); ?>
57 | 
58 |     <?php endif; ?>
59 | 
60 |     
61 | </div>
62 | 


--------------------------------------------------------------------------------
/sidebar.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <div class="col-sm-12 col-md-4" id="secondary" role="complementary">
 3 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowRecentPosts', $this->options->sidebarBlock)): ?>
 4 |         <section class="widget">
 5 |             <h3 class="widget-title"><?php _e('最新文章'); ?></h3>
 6 |             <ul class="widget-list">
 7 |                 <?php \Widget\Contents\Post\Recent::alloc()
 8 |                     ->parse('<li><a href="{permalink}">{title}</a></li>'); ?>
 9 |             </ul>
10 |         </section>
11 |     <?php endif; ?>
12 | 
13 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowRecentComments', $this->options->sidebarBlock)): ?>
14 |         <section class="widget">
15 |             <h3 class="widget-title"><?php _e('最近回复'); ?></h3>
16 |             <ul class="widget-list">
17 |                 <?php \Widget\Comments\Recent::alloc()->to($comments); ?>
18 |                 <?php while ($comments->next()): ?>
19 |                     <li>
20 |                         <a href="<?php $comments->permalink(); ?>"><?php $comments->author(false); ?></a>: <?php $comments->excerpt(35, '...'); ?>
21 |                     </li>
22 |                 <?php endwhile; ?>
23 |             </ul>
24 |         </section>
25 |     <?php endif; ?>
26 | 
27 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowCategory', $this->options->sidebarBlock)): ?>
28 |         <section class="widget">
29 |             <h3 class="widget-title"><?php _e('分类'); ?></h3>
30 |             <?php \Widget\Metas\Category\Rows::alloc()->listCategories('wrapClass=widget-list'); ?>
31 |         </section>
32 |     <?php endif; ?>
33 | 
34 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowArchive', $this->options->sidebarBlock)): ?>
35 |         <section class="widget">
36 |             <h3 class="widget-title"><?php _e('归档'); ?></h3>
37 |             <ul class="widget-list">
38 |                 <?php \Widget\Contents\Post\Date::alloc('type=month&format=F Y')
39 |                     ->parse('<li><a href="{permalink}">{date}</a></li>'); ?>
40 |             </ul>
41 |         </section>
42 |     <?php endif; ?>
43 | 
44 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowOther', $this->options->sidebarBlock)): ?>
45 |         <section class="widget">
46 |             <h3 class="widget-title"><?php _e('其它'); ?></h3>
47 |             <ul class="widget-list">
48 |                 <?php if ($this->user->hasLogin()): ?>
49 |                     <li class="last"><a href="<?php $this->options->adminUrl(); ?>"><?php _e('进入后台'); ?>
50 |                             (<?php $this->user->screenName(); ?>)</a></li>
51 |                     <li><a href="<?php $this->options->logoutUrl(); ?>"><?php _e('退出登录'); ?></a></li>
52 |                 <?php else: ?>
53 |                     <li class="last"><a href="<?php $this->options->adminUrl('login.php'); ?>"><?php _e('账号登录'); ?></a>
54 |                     </li>
55 |                 <?php endif; ?>
56 |                 <li><a href="<?php $this->options->feedUrl(); ?>"><?php _e('文章RSS'); ?></a></li>
57 |                 <li><a href="<?php $this->options->commentsFeedUrl(); ?>"><?php _e('评论RSS'); ?></a></li>
58 |                 <?php if($this->options->sitemapUrl): ?>
59 |                     <li><a href="<?php $this->options->sitemapUrl();?>">Sitemap</a></li>
60 |                 <?php endif; ?>
61 |                 <!-- <li><a href="https://typecho.org">Typecho</a></li> -->
62 |             </ul>
63 |         </section>
64 |     <?php endif; ?>
65 | 
66 | </div><!-- end #sidebar -->
67 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <!DOCTYPE HTML>
 3 | <html>
 4 | <head>
 5 |     <meta charset="<?php $this->options->charset(); ?>">
 6 |     <meta name="renderer" content="webkit">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 8 |     <?php if($this->options->icoPath):  ?>
 9 |         <link rel="shortcut icon" href="<?php $this->options->icoPath(); ?>" type="image/x-icon" />
10 |     <?php else: ?>
11 |         <link rel="shortcut icon" href="/usr/themes/memoo/favicon.ico" type="image/x-icon" />
12 |     <?php endif ?>
13 |     <title><?php $this->archiveTitle([
14 |             'category' => _t('分类 %s 下的文章'),
15 |             'search'   => _t('包含关键字 %s 的文章'),
16 |             'tag'      => _t('标签 %s 下的文章'),
17 |             'author'   => _t('%s 发布的文章')
18 |         ], '', ' - '); ?><?php $this->options->title(); ?></title>
19 | 
20 |     <!-- 使用url函数转换相关路径 -->
21 |     <link rel="stylesheet" href="<?php $this->options->themeUrl('normalize.css'); ?>">
22 |     <!-- <link rel="stylesheet" href="<?php $this->options->themeUrl('grid.css'); ?>"> -->
23 |     <link rel="stylesheet" href="<?php $this->options->themeUrl('bootstrap-grid.min.css'); ?>">
24 |     <link rel="stylesheet" href="<?php $this->options->themeUrl('style.css'); ?>">
25 | 
26 |     <!-- 通过自有函数输出HTML头部信息 -->
27 |     <?php $this->header(); ?>
28 | 
29 |     <!-- 站点统计代码放置位置 -->
30 |     <?php $this->options->statsCode();?>
31 | </head>
32 | <body>
33 | 
34 | <header id="header" class="clearfix">
35 |     <div class="container-md">
36 |         <div class="row">
37 |             <div class="site-name col-md-8 col-sm-12">
38 |                 <?php if ($this->options->logoUrl): ?>
39 |                     <a id="logo" href="<?php $this->options->siteUrl(); ?>">
40 |                         <img src="<?php $this->options->logoUrl() ?>" alt="<?php $this->options->title() ?>"/>
41 |                     </a>
42 |                 <?php else: ?>
43 |                     <a id="logo" href="<?php $this->options->siteUrl(); ?>"><?php $this->options->title() ?></a>
44 |                     <p class="description"><?php $this->options->description() ?></p>
45 |                 <?php endif; ?>
46 |             </div>
47 |             <!--<div class="site-search col-md-4 d-none d-md-block">-->
48 |             <div class="site-search col-md-4 col-sm-12">
49 |                 <form id="search" method="post" action="<?php $this->options->siteUrl(); ?>" role="search">
50 |                     <label for="s" class="sr-only"><?php _e('搜索关键字'); ?></label>
51 |                     <input type="text" id="s" name="s" class="text" placeholder="<?php _e('输入关键字搜索'); ?>"/>
52 |                     <button type="submit" class="submit"><?php _e('搜索'); ?></button>
53 |                 </form>
54 |             </div>
55 |             <div class="col-md-12">
56 |                 <nav id="nav-menu" class="clearfix" role="navigation">
57 |                     <a<?php if ($this->is('index')): ?> class="current"<?php endif; ?>
58 |                         href="<?php $this->options->siteUrl(); ?>"><?php _e('首页'); ?></a>
59 |                     <?php \Widget\Contents\Page\Rows::alloc()->to($pages); ?>
60 |                     <?php while ($pages->next()): ?>
61 |                         <a<?php if ($this->is('page', $pages->slug)): ?> class="current"<?php endif; ?>
62 |                             href="<?php $pages->permalink(); ?>"
63 |                             title="<?php $pages->title(); ?>"><?php $pages->title(); ?></a>
64 |                     <?php endwhile; ?>
65 |                 </nav>
66 |             </div>
67 |         </div><!-- end .row -->
68 |     </div>
69 | </header><!-- end #header -->
70 | <div id="body">
71 |     <div class="container-md">
72 |         <div class="row">
73 | 
74 |     
75 |     
76 | 


--------------------------------------------------------------------------------
/normalize.css:
--------------------------------------------------------------------------------
  1 | /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  2 | 
  3 | /* Document
  4 |    ========================================================================== */
  5 | 
  6 | /**
  7 |  * 1. Correct the line height in all browsers.
  8 |  * 2. Prevent adjustments of font size after orientation changes in iOS.
  9 |  */
 10 | 
 11 |  html {
 12 |   line-height: 1.15; /* 1 */
 13 |   -webkit-text-size-adjust: 100%; /* 2 */
 14 | }
 15 | 
 16 | /* Sections
 17 |    ========================================================================== */
 18 | 
 19 | /**
 20 |  * Remove the margin in all browsers.
 21 |  */
 22 | 
 23 | body {
 24 |   margin: 0;
 25 | }
 26 | 
 27 | /**
 28 |  * Correct the font size and margin on `h1` elements within `section` and
 29 |  * `article` contexts in Chrome, Firefox, and Safari.
 30 |  */
 31 | 
 32 | h1 {
 33 |   font-size: 2em;
 34 |   margin: 0.67em 0;
 35 | }
 36 | 
 37 | /* Grouping content
 38 |    ========================================================================== */
 39 | 
 40 | /**
 41 |  * 1. Add the correct box sizing in Firefox.
 42 |  * 2. Show the overflow in Edge and IE.
 43 |  */
 44 | 
 45 | hr {
 46 |   box-sizing: content-box; /* 1 */
 47 |   height: 0; /* 1 */
 48 |   overflow: visible; /* 2 */
 49 | }
 50 | 
 51 | /**
 52 |  * 1. Correct the inheritance and scaling of font size in all browsers.
 53 |  * 2. Correct the odd `em` font sizing in all browsers.
 54 |  */
 55 | 
 56 | pre {
 57 |   font-family: monospace, monospace; /* 1 */
 58 |   font-size: 1em; /* 2 */
 59 | }
 60 | 
 61 | /* Text-level semantics
 62 |    ========================================================================== */
 63 | 
 64 | /**
 65 |  * Remove the gray background on active links in IE 10.
 66 |  */
 67 | 
 68 | a {
 69 |   background-color: transparent;
 70 | }
 71 | 
 72 | /**
 73 |  * 1. Remove the bottom border in Chrome 57-
 74 |  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 75 |  */
 76 | 
 77 | abbr[title] {
 78 |   border-bottom: none; /* 1 */
 79 |   text-decoration: underline; /* 2 */
 80 |   text-decoration: underline dotted; /* 2 */
 81 | }
 82 | 
 83 | /**
 84 |  * Add the correct font weight in Chrome, Edge, and Safari.
 85 |  */
 86 | 
 87 | b,
 88 | strong {
 89 |   font-weight: bolder;
 90 | }
 91 | 
 92 | /**
 93 |  * 1. Correct the inheritance and scaling of font size in all browsers.
 94 |  * 2. Correct the odd `em` font sizing in all browsers.
 95 |  */
 96 | 
 97 | code,
 98 | kbd,
 99 | samp {
100 |   font-family: monospace, monospace; /* 1 */
101 |   font-size: 1em; /* 2 */
102 | }
103 | 
104 | /**
105 |  * Add the correct font size in all browsers.
106 |  */
107 | 
108 | small {
109 |   font-size: 80%;
110 | }
111 | 
112 | /**
113 |  * Prevent `sub` and `sup` elements from affecting the line height in
114 |  * all browsers.
115 |  */
116 | 
117 | sub,
118 | sup {
119 |   font-size: 75%;
120 |   line-height: 0;
121 |   position: relative;
122 |   vertical-align: baseline;
123 | }
124 | 
125 | sub {
126 |   bottom: -0.25em;
127 | }
128 | 
129 | sup {
130 |   top: -0.5em;
131 | }
132 | 
133 | /* Embedded content
134 |    ========================================================================== */
135 | 
136 | /**
137 |  * Remove the border on images inside links in IE 10.
138 |  */
139 | 
140 | img {
141 |   border-style: none;
142 | }
143 | 
144 | /* Forms
145 |    ========================================================================== */
146 | 
147 | /**
148 |  * 1. Change the font styles in all browsers.
149 |  * 2. Remove the margin in Firefox and Safari.
150 |  */
151 | 
152 | button,
153 | input,
154 | optgroup,
155 | select,
156 | textarea {
157 |   font-family: inherit; /* 1 */
158 |   font-size: 100%; /* 1 */
159 |   line-height: 1.15; /* 1 */
160 |   margin: 0; /* 2 */
161 | }
162 | 
163 | /**
164 |  * Show the overflow in IE.
165 |  * 1. Show the overflow in Edge.
166 |  */
167 | 
168 | button,
169 | input { /* 1 */
170 |   overflow: visible;
171 | }
172 | 
173 | /**
174 |  * Remove the inheritance of text transform in Edge, Firefox, and IE.
175 |  * 1. Remove the inheritance of text transform in Firefox.
176 |  */
177 | 
178 | button,
179 | select { /* 1 */
180 |   text-transform: none;
181 | }
182 | 
183 | /**
184 |  * Correct the inability to style clickable types in iOS and Safari.
185 |  */
186 | 
187 | button,
188 | [type="button"],
189 | [type="reset"],
190 | [type="submit"] {
191 |   -webkit-appearance: button;
192 | }
193 | 
194 | /**
195 |  * Remove the inner border and padding in Firefox.
196 |  */
197 | 
198 | button::-moz-focus-inner,
199 | [type="button"]::-moz-focus-inner,
200 | [type="reset"]::-moz-focus-inner,
201 | [type="submit"]::-moz-focus-inner {
202 |   border-style: none;
203 |   padding: 0;
204 | }
205 | 
206 | /**
207 |  * Restore the focus styles unset by the previous rule.
208 |  */
209 | 
210 | button:-moz-focusring,
211 | [type="button"]:-moz-focusring,
212 | [type="reset"]:-moz-focusring,
213 | [type="submit"]:-moz-focusring {
214 |   outline: 1px dotted ButtonText;
215 | }
216 | 
217 | /**
218 |  * Correct the padding in Firefox.
219 |  */
220 | 
221 | fieldset {
222 |   padding: 0.35em 0.75em 0.625em;
223 | }
224 | 
225 | /**
226 |  * 1. Correct the text wrapping in Edge and IE.
227 |  * 2. Correct the color inheritance from `fieldset` elements in IE.
228 |  * 3. Remove the padding so developers are not caught out when they zero out
229 |  *    `fieldset` elements in all browsers.
230 |  */
231 | 
232 | legend {
233 |   box-sizing: border-box; /* 1 */
234 |   color: inherit; /* 2 */
235 |   display: table; /* 1 */
236 |   max-width: 100%; /* 1 */
237 |   padding: 0; /* 3 */
238 |   white-space: normal; /* 1 */
239 | }
240 | 
241 | /**
242 |  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
243 |  */
244 | 
245 | progress {
246 |   vertical-align: baseline;
247 | }
248 | 
249 | /**
250 |  * Remove the default vertical scrollbar in IE 10+.
251 |  */
252 | 
253 | textarea {
254 |   overflow: auto;
255 | }
256 | 
257 | /**
258 |  * 1. Add the correct box sizing in IE 10.
259 |  * 2. Remove the padding in IE 10.
260 |  */
261 | 
262 | [type="checkbox"],
263 | [type="radio"] {
264 |   box-sizing: border-box; /* 1 */
265 |   padding: 0; /* 2 */
266 | }
267 | 
268 | /**
269 |  * Correct the cursor style of increment and decrement buttons in Chrome.
270 |  */
271 | 
272 | [type="number"]::-webkit-inner-spin-button,
273 | [type="number"]::-webkit-outer-spin-button {
274 |   height: auto;
275 | }
276 | 
277 | /**
278 |  * 1. Correct the odd appearance in Chrome and Safari.
279 |  * 2. Correct the outline style in Safari.
280 |  */
281 | 
282 | [type="search"] {
283 |   -webkit-appearance: textfield; /* 1 */
284 |   outline-offset: -2px; /* 2 */
285 | }
286 | 
287 | /**
288 |  * Remove the inner padding in Chrome and Safari on macOS.
289 |  */
290 | 
291 | [type="search"]::-webkit-search-decoration {
292 |   -webkit-appearance: none;
293 | }
294 | 
295 | /**
296 |  * 1. Correct the inability to style clickable types in iOS and Safari.
297 |  * 2. Change font properties to `inherit` in Safari.
298 |  */
299 | 
300 | ::-webkit-file-upload-button {
301 |   -webkit-appearance: button; /* 1 */
302 |   font: inherit; /* 2 */
303 | }
304 | 
305 | /* Interactive
306 |    ========================================================================== */
307 | 
308 | /*
309 |  * Add the correct display in Edge, IE 10+, and Firefox.
310 |  */
311 | 
312 | details {
313 |   display: block;
314 | }
315 | 
316 | /*
317 |  * Add the correct display in all browsers.
318 |  */
319 | 
320 | summary {
321 |   display: list-item;
322 | }
323 | 
324 | /* Misc
325 |    ========================================================================== */
326 | 
327 | /**
328 |  * Add the correct display in IE 10+.
329 |  */
330 | 
331 | template {
332 |   display: none;
333 | }
334 | 
335 | /**
336 |  * Add the correct display in IE 10.
337 |  */
338 | 
339 | [hidden] {
340 |   display: none;
341 | }
342 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | /* ------------------------------------
  2 |  * Typecho Default Theme
  3 |  *
  4 |  * @author  Typecho Team
  5 |  * @link  http: //typecho.org/
  6 |  * @update  2013-10-28
  7 |  * --------------------------------- */
  8 | 
  9 | /* ------------------
 10 |  * Global style
 11 |  * --------------- */
 12 | body {
 13 |   background-color: #FFF;
 14 |   color: #333;
 15 |   /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
 16 |   font-family: "Droid Serif", Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "WenQuanYi Micro Hei", "Microsoft Yahei", serif;
 17 |   font-size: 90%;
 18 |   letter-spacing: 1.5px;
 19 | }
 20 | 
 21 | a {
 22 |   color: #3354AA;
 23 |   text-decoration: none;
 24 | }
 25 | 
 26 | a:hover,
 27 | a:active {
 28 |   color: #444;
 29 | }
 30 | 
 31 | pre,
 32 | code {
 33 |   background: #F3F3F3;
 34 |   font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
 35 |   font-size: .92857em;
 36 | }
 37 | 
 38 | code {
 39 |   padding: 2px 4px;
 40 |   color: #B94A48;
 41 | }
 42 | 
 43 | pre {
 44 |   padding: 8px;
 45 |   overflow: auto;
 46 |   max-height: 400px;
 47 | }
 48 | 
 49 | pre code {
 50 |   padding: 3px;
 51 |   color: #444;
 52 | }
 53 | 
 54 | blockquote {
 55 |   margin: 1em 0;
 56 |   padding-left: 1.5em;
 57 |   border-left: 4px solid #eee;
 58 |   color: #666;
 59 | }
 60 | 
 61 | table {
 62 |   border: 1px solid #ddd;
 63 |   width: 100%;
 64 | }
 65 | 
 66 | table th,
 67 | table td {
 68 |   padding: 5px 10px;
 69 |   border: 1px solid #eee;
 70 | }
 71 | 
 72 | table th {
 73 |   background: #f3f3f3;
 74 | }
 75 | 
 76 | h1,
 77 | h2,
 78 | h3,
 79 | h4,
 80 | h5,
 81 | h6 {
 82 |   font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft Yahei", sans-serif;
 83 | }
 84 | 
 85 | input[type="text"],
 86 | input[type="email"],
 87 | input[type="url"],
 88 | input[type="password"],
 89 | textarea {
 90 |   padding: 5px;
 91 |   border: 1px solid #E9E9E9;
 92 |   width: 100%;
 93 | 
 94 |   border-radius: 2px;
 95 |   -webkit-box-sizing: border-box;
 96 |   -moz-box-sizing: border-box;
 97 |   box-sizing: border-box;
 98 | }
 99 | 
100 | textarea {
101 |   resize: vertical;
102 | }
103 | 
104 | 
105 | /* Special link style */
106 | .post-meta a,
107 | .post-content a,
108 | .widget a,
109 | .comment-content a {
110 |   border-bottom: 1px solid #EEE;
111 | }
112 | 
113 | .post-meta a:hover,
114 | .post-content a:hover,
115 | .widget a:hover,
116 | .comment-content a:hover {
117 |   border-bottom-color: transparent;
118 | }
119 | 
120 | /* ------------------
121 |  * Header
122 |  * --------------- */
123 | 
124 | #header {
125 |   padding-top: 1rem;
126 |   border-bottom: 1px solid #EEE;
127 | }
128 | 
129 | #logo {
130 |   color: #333;
131 |   font-size: 2.5em;
132 | }
133 | 
134 | #logo img {
135 |   max-height: 64px;
136 | }
137 | 
138 | .description {
139 |   margin: .5em 0 0;
140 |   color: #999;
141 |   font-style: italic;
142 | }
143 | 
144 | /* Navigation menu */
145 | #nav-menu {
146 |   margin: 1rem 0 0;
147 |   padding: 0;
148 | }
149 | 
150 | #nav-menu a {
151 |   display: block;
152 |   margin-right: -1px;
153 |   padding: 0 20px;
154 |   border: 1px solid #EEE;
155 |   border-bottom: none;
156 |   height: 32px;
157 |   line-height: 32px;
158 |   color: #444;
159 |   float: left;
160 | }
161 | 
162 | #nav-menu a:hover,
163 | #nav-menu .current {
164 |   background: #F6F6F6;
165 | }
166 | 
167 | /* Search */
168 | #search {
169 |   position: relative;
170 |   margin-top: 15px;
171 | }
172 | 
173 | #search input {
174 |   padding-right: 30px;
175 | }
176 | 
177 | #search button {
178 |   position: absolute;
179 |   right: 4px;
180 |   top: 2px;
181 |   border: none;
182 |   padding: 0;
183 |   width: 24px;
184 |   height: 24px;
185 |   background: transparent url(img/icon-search.png) no-repeat center center;
186 |   direction: ltr;
187 |   /* fix RTL language */
188 |   text-indent: -9999em;
189 | }
190 | 
191 | @media (-webkit-min-device-pixel-ratio: 2),
192 | (min-resolution: 192dpi) {
193 |   #search button {
194 |     background-image: url(img/icon-search@2x.png);
195 |     -webkit-background-size: 24px 24px;
196 |     -moz-background-size: 24px 24px;
197 |     -o-background-size: 24px 24px;
198 |     background-size: 24px 24px;
199 |   }
200 | }
201 | 
202 | 
203 | /* ------------------
204 |  * Main
205 |  * --------------- */
206 | 
207 | .post {
208 |   padding: 15px 0 20px;
209 |   border-bottom: 1px solid #EEE;
210 | }
211 | 
212 | .post-title {
213 |   margin: .83em 0;
214 |   font-size: 1.4em;
215 | }
216 | 
217 | .post-meta {
218 |   margin-top: -0.5em;
219 |   padding: 0;
220 |   color: #999;
221 |   font-size: .92857em;
222 | }
223 | 
224 | .post-meta li {
225 |   display: inline-block;
226 |   margin: 0 8px 0 0;
227 |   padding-left: 12px;
228 |   border-left: 1px solid #EEE;
229 | }
230 | 
231 | .post-meta li:first-child {
232 |   margin-left: 0;
233 |   padding-left: 0;
234 |   border: none;
235 | }
236 | 
237 | .post .tags {
238 |   clear: both;
239 | }
240 | 
241 | .post-near {
242 |   color: #999;
243 | }
244 | 
245 | .text-end {
246 |   text-align: end;
247 | }
248 | 
249 | .archive-title {
250 |   margin: 1em 0 -1em;
251 |   padding-top: 20px;
252 |   color: #999;
253 |   font-size: 1em;
254 | }
255 | 
256 | .more {
257 |   text-align: center;
258 | }
259 | 
260 | .more a {
261 |   border: none;
262 | }
263 | 
264 | .protected .text {
265 |   width: 50%;
266 | }
267 | 
268 | /* Page nav */
269 | 
270 | .page-navigator {
271 |   list-style: none;
272 |   margin: 25px 0;
273 |   padding: 0;
274 |   text-align: center;
275 | }
276 | 
277 | .page-navigator li {
278 |   display: inline-block;
279 |   margin: 0 4px;
280 | }
281 | 
282 | .page-navigator a {
283 |   display: inline-block;
284 |   padding: 0 10px;
285 |   height: 30px;
286 |   line-height: 30px;
287 | }
288 | 
289 | .page-navigator a:hover {
290 |   background: #EEE;
291 |   text-decoration: none;
292 | }
293 | 
294 | .page-navigator .current a {
295 |   color: #444;
296 |   background: #EEE;
297 | }
298 | 
299 | /* ------------------
300 |  * Comment list
301 |  * --------------- */
302 | 
303 | 
304 | .comment-list,
305 | .comment-list ol {
306 |   list-style: none;
307 |   margin: 0;
308 |   padding: 0;
309 | }
310 | 
311 | .comment-list li {
312 |   padding: 14px;
313 |   margin-top: 10px;
314 |   border: 1px solid #EEE;
315 | }
316 | 
317 | .comment-list li.comment-level-odd {
318 |   background: #F6F6F3;
319 | }
320 | 
321 | .comment-list li.comment-level-even {
322 |   background: #FFF;
323 | }
324 | 
325 | .comment-list li.comment-by-author {
326 |   background: #FFF9E8;
327 | }
328 | 
329 | .comment-list li .comment-reply {
330 |   text-align: right;
331 |   font-size: .92857em;
332 | }
333 | 
334 | .comment-meta a {
335 |   color: #999;
336 |   font-size: .92857em;
337 | }
338 | 
339 | .comment-author {
340 |   display: block;
341 |   margin-bottom: 3px;
342 |   color: #444;
343 | }
344 | 
345 | .comment-author .avatar {
346 |   float: left;
347 |   margin-right: 10px;
348 | }
349 | 
350 | .comment-author cite {
351 |   font-weight: bold;
352 |   font-style: normal;
353 | }
354 | 
355 | /* Comment reply */
356 | .comment-list .respond {
357 |   margin-top: 15px;
358 |   border-top: 1px solid #EEE;
359 | }
360 | 
361 | .respond .cancel-comment-reply {
362 |   float: right;
363 |   margin-top: 15px;
364 |   font-size: .92857em;
365 | }
366 | 
367 | #comment-form label {
368 |   display: block;
369 |   margin-bottom: .5em;
370 |   font-weight: bold;
371 | }
372 | 
373 | #comment-form .required:after {
374 |   content: " *";
375 |   color: #C00;
376 | }
377 | 
378 | /* ------------------
379 |  * secondary
380 |  * --------------- */
381 | #secondary {
382 |   padding-top: 15px;
383 |   word-wrap: break-word;
384 | }
385 | 
386 | .widget {
387 |   margin-bottom: 30px;
388 | }
389 | 
390 | .widget-list {
391 |   list-style: none;
392 |   padding: 0;
393 | }
394 | 
395 | .widget-list li {
396 |   margin: 5px 0;
397 |   line-height: 1.6;
398 | }
399 | 
400 | .widget-list li ul {
401 |   margin-left: 15px;
402 | }
403 | 
404 | 
405 | /* ------------------
406 |  * Footer 
407 |  * --------------- */
408 | #footer {
409 |   margin-top: 1rem;
410 |   padding: 3em 0;
411 |   line-height: 1.5;
412 |   text-align: center;
413 |   color: #999;
414 |   border-top: 1px solid #eee;
415 | }
416 | 
417 | 
418 | /* -----------------
419 |  * Error page
420 |  * -------------- */
421 | .error-page {
422 |   margin-top: 100px;
423 |   margin-bottom: 100px;
424 | }
425 | 
426 | 
427 | /* -----------------
428 |  * Content format
429 |  *--------------- */
430 | .post-content,
431 | .comment-content {
432 |   line-height: 1.8;
433 |   word-wrap: break-word;
434 | }
435 | 
436 | .post-content h2,
437 | .comment-content h2 {
438 |   font-size: 1.28571em;
439 | }
440 | 
441 | .post-content img,
442 | .comment-content img,
443 | .post-content video,
444 | .comment-content video {
445 |   max-width: 100%;
446 | }
447 | 
448 | .post-content p img{
449 |     border: 1px solid #eee;
450 | }
451 | .post-content a img,
452 | .comment-content a img {
453 |   background: #FFF;
454 |   position: relative;
455 |   bottom: -4px;
456 |   /* hidden img parent link border  */
457 | }
458 | 
459 | .post-content hr,
460 | .comment-content hr {
461 |   margin: 2em auto;
462 |   width: 100px;
463 |   border: 1px solid #E9E9E9;
464 |   border-width: 2px 0 0 0;
465 | }
466 | 
467 | 
468 | /* -----------------
469 |  * Misc
470 |  *--------------- */
471 | .aligncenter,
472 | div.aligncenter {
473 |   display: block;
474 |   margin-left: auto;
475 |   margin-right: auto;
476 | }
477 | 
478 | .alignleft {
479 |   float: left;
480 | }
481 | 
482 | .alignright {
483 |   float: right;
484 | }
485 | 
486 | img.alignleft {
487 |   margin: 0 15px 0 0;
488 | }
489 | 
490 | img.alignright {
491 |   margin: 0 0 0 15px;
492 | }
493 | 
494 | 
495 | /* -----------------
496 |  * Responsive
497 |  *--------------- */
498 | 
499 | @media (max-width: 767px) {
500 |   body {
501 |     font-size: 81.25%;
502 |   }
503 | 
504 |   #nav-menu a {
505 |     float: none;
506 |     display: inline-block;
507 |     margin: 0 -2px;
508 |   }
509 | }
510 | 
511 | @media (max-width: 768px) {
512 | 
513 |   #header,
514 |   .post-title,
515 |   .post-meta {
516 |     text-align: center;
517 |   }
518 | }
519 | 
520 | 
521 | /*
522 | * Hide from both screenreaders and browsers: h5bp.com/u
523 | */
524 | .hidden {
525 |   display: none !important;
526 |   visibility: hidden;
527 | }
528 | 
529 | /*
530 | * Hide only visually, but have it available for screenreaders: h5bp.com/v
531 | */
532 | .sr-only {
533 |   border: 0;
534 |   height: 1px;
535 |   margin: -1px;
536 |   overflow: hidden;
537 |   padding: 0;
538 |   position: absolute;
539 |   width: 1px;
540 | }
541 | 
542 | /*
543 | * Extends the .sr-only class to allow the element to be focusable
544 | * when navigated to via the keyboard: h5bp.com/p
545 | */
546 | .sr-only.focusable:active,
547 | .sr-only.focusable:focus {
548 |   clip: auto;
549 |   height: auto;
550 |   margin: 0;
551 |   overflow: visible;
552 |   position: static;
553 |   width: auto;
554 | }
555 | 
556 | /*
557 | * Hide visually and from screenreaders, but maintain layout
558 | */
559 | .invisible {
560 |   visibility: hidden;
561 | }
562 | 
563 | .container-md {
564 |   width: auto !important;
565 | }
566 | 


--------------------------------------------------------------------------------
/bootstrap-grid.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap Grid v5.3.2 (https://getbootstrap.com/)
3 |  * Copyright 2011-2023 The Bootstrap Authors
4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
5 |  */.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
6 | /*# sourceMappingURL=bootstrap-grid.min.css.map */


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