From bad3ef651d23154e6acc525bc193111dcda557c8 Mon Sep 17 00:00:00 2001 From: joyqi Date: Thu, 7 Apr 2022 14:20:59 +0800 Subject: [PATCH] New theme (#1390) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 调整忽略目录 * add theme * fix theme scss build Co-authored-by: fen --- .gitignore | 2 +- admin/css/grid.css | 212 +---- admin/css/install.css | 25 +- admin/css/style.css | 945 +------------------ tools/build.js | 37 +- tools/package-lock.json | 14 + tools/package.json | 6 +- usr/themes/classic-22/404.php | 19 + usr/themes/classic-22/archive.php | 40 + usr/themes/classic-22/comments.php | 44 + usr/themes/classic-22/footer.php | 20 + usr/themes/classic-22/functions.php | 18 + usr/themes/classic-22/header.php | 60 ++ usr/themes/classic-22/index.php | 44 + usr/themes/classic-22/page.php | 25 + usr/themes/classic-22/post.php | 40 + usr/themes/classic-22/screenshot.png | Bin 0 -> 9029 bytes usr/themes/classic-22/search.php | 45 + usr/themes/classic-22/static/css/style.css | 17 + usr/themes/classic-22/static/scss/_pico.scss | 105 +++ usr/themes/classic-22/static/scss/style.scss | 340 +++++++ 21 files changed, 863 insertions(+), 1195 deletions(-) create mode 100644 usr/themes/classic-22/404.php create mode 100644 usr/themes/classic-22/archive.php create mode 100644 usr/themes/classic-22/comments.php create mode 100644 usr/themes/classic-22/footer.php create mode 100644 usr/themes/classic-22/functions.php create mode 100644 usr/themes/classic-22/header.php create mode 100644 usr/themes/classic-22/index.php create mode 100644 usr/themes/classic-22/page.php create mode 100644 usr/themes/classic-22/post.php create mode 100644 usr/themes/classic-22/screenshot.png create mode 100644 usr/themes/classic-22/search.php create mode 100644 usr/themes/classic-22/static/css/style.css create mode 100644 usr/themes/classic-22/static/scss/_pico.scss create mode 100644 usr/themes/classic-22/static/scss/style.scss diff --git a/.gitignore b/.gitignore index 94fcdb95..286a39b0 100644 --- a/.gitignore +++ b/.gitignore @@ -34,4 +34,4 @@ usr/themes/* !usr/themes/default !usr/themes/classic-22 node_modules/ -/tools/tmp/ +tools/tmp/ diff --git a/admin/css/grid.css b/admin/css/grid.css index 08210d41..eebc1934 100644 --- a/admin/css/grid.css +++ b/admin/css/grid.css @@ -1,211 +1 @@ -/* Bento Grid System Source: https://github.com/fenbox/bento Version: 1.2.8 Update: 2013.11.25 */ -.container, .row [class*="col-"] { box-sizing: border-box; } - -.container { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } - -.row { margin-right: -10px; margin-left: -10px; } - -.row [class*="col-"] { float: left; min-height: 1px; padding-right: 10px; padding-left: 10px; } - -.row [class*="-push-"], .row [class*="-pull-"] { position: relative; } - -/* Mobile and up */ -.col-mb-1 { width: 8.33333%; } - -.col-mb-2 { width: 16.66667%; } - -.col-mb-3 { width: 25%; } - -.col-mb-4 { width: 33.33333%; } - -.col-mb-5 { width: 41.66667%; } - -.col-mb-6 { width: 50%; } - -.col-mb-7 { width: 58.33333%; } - -.col-mb-8 { width: 66.66667%; } - -.col-mb-9 { width: 75%; } - -.col-mb-10 { width: 83.33333%; } - -.col-mb-11 { width: 91.66667%; } - -.col-mb-12 { width: 100%; } - -/* Tablet and up */ -@media (min-width: 768px) { .container { max-width: 728px; } - .col-tb-1 { width: 8.33333%; } - .col-tb-2 { width: 16.66667%; } - .col-tb-3 { width: 25%; } - .col-tb-4 { width: 33.33333%; } - .col-tb-5 { width: 41.66667%; } - .col-tb-6 { width: 50%; } - .col-tb-7 { width: 58.33333%; } - .col-tb-8 { width: 66.66667%; } - .col-tb-9 { width: 75%; } - .col-tb-10 { width: 83.33333%; } - .col-tb-11 { width: 91.66667%; } - .col-tb-12 { width: 100%; } - .col-tb-offset-0 { margin-left: 0%; } - .col-tb-offset-1 { margin-left: 8.33333%; } - .col-tb-offset-2 { margin-left: 16.66667%; } - .col-tb-offset-3 { margin-left: 25%; } - .col-tb-offset-4 { margin-left: 33.33333%; } - .col-tb-offset-5 { margin-left: 41.66667%; } - .col-tb-offset-6 { margin-left: 50%; } - .col-tb-offset-7 { margin-left: 58.33333%; } - .col-tb-offset-8 { margin-left: 66.66667%; } - .col-tb-offset-9 { margin-left: 75%; } - .col-tb-offset-10 { margin-left: 83.33333%; } - .col-tb-offset-11 { margin-left: 91.66667%; } - .col-tb-offset-12 { margin-left: 100%; } - .col-tb-pull-0 { right: 0%; } - .col-tb-pull-1 { right: 8.33333%; } - .col-tb-pull-2 { right: 16.66667%; } - .col-tb-pull-3 { right: 25%; } - .col-tb-pull-4 { right: 33.33333%; } - .col-tb-pull-5 { right: 41.66667%; } - .col-tb-pull-6 { right: 50%; } - .col-tb-pull-7 { right: 58.33333%; } - .col-tb-pull-8 { right: 66.66667%; } - .col-tb-pull-9 { right: 75%; } - .col-tb-pull-10 { right: 83.33333%; } - .col-tb-pull-11 { right: 91.66667%; } - .col-tb-pull-12 { right: 100%; } - .col-tb-push-0 { left: 0%; } - .col-tb-push-1 { left: 8.33333%; } - .col-tb-push-2 { left: 16.66667%; } - .col-tb-push-3 { left: 25%; } - .col-tb-push-4 { left: 33.33333%; } - .col-tb-push-5 { left: 41.66667%; } - .col-tb-push-6 { left: 50%; } - .col-tb-push-7 { left: 58.33333%; } - .col-tb-push-8 { left: 66.66667%; } - .col-tb-push-9 { left: 75%; } - .col-tb-push-10 { left: 83.33333%; } - .col-tb-push-11 { left: 91.66667%; } - .col-tb-push-12 { left: 100%; } } - -/* Desktop and up */ -@media (min-width: 992px) { .container { max-width: 952px; } - .col-1 { width: 8.33333%; } - .col-2 { width: 16.66667%; } - .col-3 { width: 25%; } - .col-4 { width: 33.33333%; } - .col-5 { width: 41.66667%; } - .col-6 { width: 50%; } - .col-7 { width: 58.33333%; } - .col-8 { width: 66.66667%; } - .col-9 { width: 75%; } - .col-10 { width: 83.33333%; } - .col-11 { width: 91.66667%; } - .col-12 { width: 100%; } - .col-offset-0 { margin-left: 0%; } - .col-offset-1 { margin-left: 8.33333%; } - .col-offset-2 { margin-left: 16.66667%; } - .col-offset-3 { margin-left: 25%; } - .col-offset-4 { margin-left: 33.33333%; } - .col-offset-5 { margin-left: 41.66667%; } - .col-offset-6 { margin-left: 50%; } - .col-offset-7 { margin-left: 58.33333%; } - .col-offset-8 { margin-left: 66.66667%; } - .col-offset-9 { margin-left: 75%; } - .col-offset-10 { margin-left: 83.33333%; } - .col-offset-11 { margin-left: 91.66667%; } - .col-offset-12 { margin-left: 100%; } - .col-pull-0 { right: 0%; } - .col-pull-1 { right: 8.33333%; } - .col-pull-2 { right: 16.66667%; } - .col-pull-3 { right: 25%; } - .col-pull-4 { right: 33.33333%; } - .col-pull-5 { right: 41.66667%; } - .col-pull-6 { right: 50%; } - .col-pull-7 { right: 58.33333%; } - .col-pull-8 { right: 66.66667%; } - .col-pull-9 { right: 75%; } - .col-pull-10 { right: 83.33333%; } - .col-pull-11 { right: 91.66667%; } - .col-pull-12 { right: 100%; } - .col-push-0 { left: 0%; } - .col-push-1 { left: 8.33333%; } - .col-push-2 { left: 16.66667%; } - .col-push-3 { left: 25%; } - .col-push-4 { left: 33.33333%; } - .col-push-5 { left: 41.66667%; } - .col-push-6 { left: 50%; } - .col-push-7 { left: 58.33333%; } - .col-push-8 { left: 66.66667%; } - .col-push-9 { left: 75%; } - .col-push-10 { left: 83.33333%; } - .col-push-11 { left: 91.66667%; } - .col-push-12 { left: 100%; } } - -/* Widescreen and up */ -@media (min-width: 1200px) { .container { max-width: 1160px; } - .col-wd-1 { width: 8.33333%; } - .col-wd-2 { width: 16.66667%; } - .col-wd-3 { width: 25%; } - .col-wd-4 { width: 33.33333%; } - .col-wd-5 { width: 41.66667%; } - .col-wd-6 { width: 50%; } - .col-wd-7 { width: 58.33333%; } - .col-wd-8 { width: 66.66667%; } - .col-wd-9 { width: 75%; } - .col-wd-10 { width: 83.33333%; } - .col-wd-11 { width: 91.66667%; } - .col-wd-12 { width: 100%; } - .col-wd-offset-0 { margin-left: 0%; } - .col-wd-offset-1 { margin-left: 8.33333%; } - .col-wd-offset-2 { margin-left: 16.66667%; } - .col-wd-offset-3 { margin-left: 25%; } - .col-wd-offset-4 { margin-left: 33.33333%; } - .col-wd-offset-5 { margin-left: 41.66667%; } - .col-wd-offset-6 { margin-left: 50%; } - .col-wd-offset-7 { margin-left: 58.33333%; } - .col-wd-offset-8 { margin-left: 66.66667%; } - .col-wd-offset-9 { margin-left: 75%; } - .col-wd-offset-10 { margin-left: 83.33333%; } - .col-wd-offset-11 { margin-left: 91.66667%; } - .col-wd-offset-12 { margin-left: 100%; } - .col-wd-pull-0 { right: 0%; } - .col-wd-pull-1 { right: 8.33333%; } - .col-wd-pull-2 { right: 16.66667%; } - .col-wd-pull-3 { right: 25%; } - .col-wd-pull-4 { right: 33.33333%; } - .col-wd-pull-5 { right: 41.66667%; } - .col-wd-pull-6 { right: 50%; } - .col-wd-pull-7 { right: 58.33333%; } - .col-wd-pull-8 { right: 66.66667%; } - .col-wd-pull-9 { right: 75%; } - .col-wd-pull-10 { right: 83.33333%; } - .col-wd-pull-11 { right: 91.66667%; } - .col-wd-pull-12 { right: 100%; } - .col-wd-push-0 { left: 0%; } - .col-wd-push-1 { left: 8.33333%; } - .col-wd-push-2 { left: 16.66667%; } - .col-wd-push-3 { left: 25%; } - .col-wd-push-4 { left: 33.33333%; } - .col-wd-push-5 { left: 41.66667%; } - .col-wd-push-6 { left: 50%; } - .col-wd-push-7 { left: 58.33333%; } - .col-wd-push-8 { left: 66.66667%; } - .col-wd-push-9 { left: 75%; } - .col-wd-push-10 { left: 83.33333%; } - .col-wd-push-11 { left: 91.66667%; } - .col-wd-push-12 { left: 100%; } } - -/* Responsive kit */ -@media (max-width: 575px) { .kit-hidden-mb { display: none; } } - -@media (max-width: 767px) { .kit-hidden-tb { display: none; } } - -@media (max-width: 991px) { .kit-hidden { display: none; } } - -/* Clearfix */ -.clearfix, .row { zoom: 1; } - -.clearfix:before, .row:before, .clearfix:after, .row:after { content: " "; display: table; } - -.clearfix:after, .row:after { clear: both; } +.container,.row [class*="col-"]{box-sizing:border-box}.container{margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}.row{margin-right:-10px;margin-left:-10px}.row [class*="col-"]{float:left;min-height:1px;padding-right:10px;padding-left:10px}.row [class*="-push-"],.row [class*="-pull-"]{position:relative}.col-mb-1{width:8.33333%}.col-mb-2{width:16.66667%}.col-mb-3{width:25%}.col-mb-4{width:33.33333%}.col-mb-5{width:41.66667%}.col-mb-6{width:50%}.col-mb-7{width:58.33333%}.col-mb-8{width:66.66667%}.col-mb-9{width:75%}.col-mb-10{width:83.33333%}.col-mb-11{width:91.66667%}.col-mb-12{width:100%}@media (min-width: 768px){.container{max-width:728px}.col-tb-1{width:8.33333%}.col-tb-2{width:16.66667%}.col-tb-3{width:25%}.col-tb-4{width:33.33333%}.col-tb-5{width:41.66667%}.col-tb-6{width:50%}.col-tb-7{width:58.33333%}.col-tb-8{width:66.66667%}.col-tb-9{width:75%}.col-tb-10{width:83.33333%}.col-tb-11{width:91.66667%}.col-tb-12{width:100%}.col-tb-offset-0{margin-left:0%}.col-tb-offset-1{margin-left:8.33333%}.col-tb-offset-2{margin-left:16.66667%}.col-tb-offset-3{margin-left:25%}.col-tb-offset-4{margin-left:33.33333%}.col-tb-offset-5{margin-left:41.66667%}.col-tb-offset-6{margin-left:50%}.col-tb-offset-7{margin-left:58.33333%}.col-tb-offset-8{margin-left:66.66667%}.col-tb-offset-9{margin-left:75%}.col-tb-offset-10{margin-left:83.33333%}.col-tb-offset-11{margin-left:91.66667%}.col-tb-offset-12{margin-left:100%}.col-tb-pull-0{right:0%}.col-tb-pull-1{right:8.33333%}.col-tb-pull-2{right:16.66667%}.col-tb-pull-3{right:25%}.col-tb-pull-4{right:33.33333%}.col-tb-pull-5{right:41.66667%}.col-tb-pull-6{right:50%}.col-tb-pull-7{right:58.33333%}.col-tb-pull-8{right:66.66667%}.col-tb-pull-9{right:75%}.col-tb-pull-10{right:83.33333%}.col-tb-pull-11{right:91.66667%}.col-tb-pull-12{right:100%}.col-tb-push-0{left:0%}.col-tb-push-1{left:8.33333%}.col-tb-push-2{left:16.66667%}.col-tb-push-3{left:25%}.col-tb-push-4{left:33.33333%}.col-tb-push-5{left:41.66667%}.col-tb-push-6{left:50%}.col-tb-push-7{left:58.33333%}.col-tb-push-8{left:66.66667%}.col-tb-push-9{left:75%}.col-tb-push-10{left:83.33333%}.col-tb-push-11{left:91.66667%}.col-tb-push-12{left:100%}}@media (min-width: 992px){.container{max-width:952px}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.col-offset-0{margin-left:0%}.col-offset-1{margin-left:8.33333%}.col-offset-2{margin-left:16.66667%}.col-offset-3{margin-left:25%}.col-offset-4{margin-left:33.33333%}.col-offset-5{margin-left:41.66667%}.col-offset-6{margin-left:50%}.col-offset-7{margin-left:58.33333%}.col-offset-8{margin-left:66.66667%}.col-offset-9{margin-left:75%}.col-offset-10{margin-left:83.33333%}.col-offset-11{margin-left:91.66667%}.col-offset-12{margin-left:100%}.col-pull-0{right:0%}.col-pull-1{right:8.33333%}.col-pull-2{right:16.66667%}.col-pull-3{right:25%}.col-pull-4{right:33.33333%}.col-pull-5{right:41.66667%}.col-pull-6{right:50%}.col-pull-7{right:58.33333%}.col-pull-8{right:66.66667%}.col-pull-9{right:75%}.col-pull-10{right:83.33333%}.col-pull-11{right:91.66667%}.col-pull-12{right:100%}.col-push-0{left:0%}.col-push-1{left:8.33333%}.col-push-2{left:16.66667%}.col-push-3{left:25%}.col-push-4{left:33.33333%}.col-push-5{left:41.66667%}.col-push-6{left:50%}.col-push-7{left:58.33333%}.col-push-8{left:66.66667%}.col-push-9{left:75%}.col-push-10{left:83.33333%}.col-push-11{left:91.66667%}.col-push-12{left:100%}}@media (min-width: 1200px){.container{max-width:1160px}.col-wd-1{width:8.33333%}.col-wd-2{width:16.66667%}.col-wd-3{width:25%}.col-wd-4{width:33.33333%}.col-wd-5{width:41.66667%}.col-wd-6{width:50%}.col-wd-7{width:58.33333%}.col-wd-8{width:66.66667%}.col-wd-9{width:75%}.col-wd-10{width:83.33333%}.col-wd-11{width:91.66667%}.col-wd-12{width:100%}.col-wd-offset-0{margin-left:0%}.col-wd-offset-1{margin-left:8.33333%}.col-wd-offset-2{margin-left:16.66667%}.col-wd-offset-3{margin-left:25%}.col-wd-offset-4{margin-left:33.33333%}.col-wd-offset-5{margin-left:41.66667%}.col-wd-offset-6{margin-left:50%}.col-wd-offset-7{margin-left:58.33333%}.col-wd-offset-8{margin-left:66.66667%}.col-wd-offset-9{margin-left:75%}.col-wd-offset-10{margin-left:83.33333%}.col-wd-offset-11{margin-left:91.66667%}.col-wd-offset-12{margin-left:100%}.col-wd-pull-0{right:0%}.col-wd-pull-1{right:8.33333%}.col-wd-pull-2{right:16.66667%}.col-wd-pull-3{right:25%}.col-wd-pull-4{right:33.33333%}.col-wd-pull-5{right:41.66667%}.col-wd-pull-6{right:50%}.col-wd-pull-7{right:58.33333%}.col-wd-pull-8{right:66.66667%}.col-wd-pull-9{right:75%}.col-wd-pull-10{right:83.33333%}.col-wd-pull-11{right:91.66667%}.col-wd-pull-12{right:100%}.col-wd-push-0{left:0%}.col-wd-push-1{left:8.33333%}.col-wd-push-2{left:16.66667%}.col-wd-push-3{left:25%}.col-wd-push-4{left:33.33333%}.col-wd-push-5{left:41.66667%}.col-wd-push-6{left:50%}.col-wd-push-7{left:58.33333%}.col-wd-push-8{left:66.66667%}.col-wd-push-9{left:75%}.col-wd-push-10{left:83.33333%}.col-wd-push-11{left:91.66667%}.col-wd-push-12{left:100%}}@media (max-width: 575px){.kit-hidden-mb{display:none}}@media (max-width: 767px){.kit-hidden-tb{display:none}}@media (max-width: 991px){.kit-hidden{display:none}}.clearfix,.row{zoom:1}.clearfix:before,.row:before,.clearfix:after,.row:after{content:" ";display:table}.clearfix:after,.row:after{clear:both} diff --git a/admin/css/install.css b/admin/css/install.css index 9d6e1f39..1f5f1eec 100644 --- a/admin/css/install.css +++ b/admin/css/install.css @@ -1,24 +1 @@ -h1 { text-align: center; } - -details summary { cursor: pointer; } - -@keyframes fadein { from { opacity: 0; } - to { opacity: 1; } } - -.fresh .keep-word { display: none; } - -.keep .fresh-word { display: none; } - -form > .message { display: none; padding: 20px; border-radius: 5px; } - -.message textarea { width: 100%; height: 200px; resize: none; margin: 10px 0; } - -.message.fade { display: block; animation: fadein .5s linear; } - -.message *:last-child { margin-bottom: 0; } - -.message p { margin-top: 10px; } - -.message p button { margin-left: 5px; } - -.message p button:first-child { margin-left: 0; } +h1{text-align:center}details summary{cursor:pointer}@keyframes fadein{from{opacity:0}to{opacity:1}}.fresh .keep-word{display:none}.keep .fresh-word{display:none}form>.message{display:none;padding:20px;border-radius:5px}.message textarea{width:100%;height:200px;resize:none;margin:10px 0}.message.fade{display:block;animation:fadein .5s linear}.message *:last-child{margin-bottom:0}.message p{margin-top:10px}.message p button{margin-left:5px}.message p button:first-child{margin-left:0} diff --git a/admin/css/style.css b/admin/css/style.css index 6f42823a..1b1afa1b 100644 --- a/admin/css/style.css +++ b/admin/css/style.css @@ -1,944 +1 @@ -@charset "UTF-8"; -/* vim: set et sw=2 ts=2 sts=2 fdm=marker ff=unix fenc=utf8 */ -/** Typecho 后台样式 @author Typecho Team @since 2008-09-26 @update 2013-11-02 @link http://www.typecho.org/ @version 0.9 */ -/** Typecho 全局样式 */ -html { height: 100%; } - -body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #F6F6F3; color: #444; font-size: 87.5%; line-height: 1.5; } - -a { color: #467B96; text-decoration: none; } - -a:hover { color: #499BC3; text-decoration: underline; } - -code, pre, .mono { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } - -.p { margin: 1em 0; } - -.body-100 { height: 100%; } - -a.balloon-button { display: inline-block; padding: 0 6px; min-width: 12px; height: 18px; line-height: 18px; background: #D8E7EE; font-size: .85714em; text-align: center; text-decoration: none; /** 修正ie中文不对齐 */ zoom: 1; border-radius: 30px; white-space: nowrap; } - -a.button:hover, a.balloon-button:hover { background-color: #A5CADC; color: #FFF; text-decoration: none; } - -/** Forms */ -input[type=text], input[type=password], input[type=email], textarea { background: #FFF; border: 1px solid #D9D9D6; padding: 7px; border-radius: 2px; box-sizing: border-box; } - -input[type=text]:disabled, input[type=text]:read-only, input[type=password]:disabled, input[type=password]:read-only, input[type=email]:disabled, input[type=email]:read-only, textarea:disabled, textarea:read-only { background: #F3F3F3; } - -textarea { resize: vertical; line-height: 1.5; } - -input[type="radio"], input[type="checkbox"] { margin-right: 3px; } - -input[type="radio"], input[type="checkbox"], input[type="radio"] + label, input[type="checkbox"] + label { vertical-align: middle; } - -input.text-s, textarea.text-s { padding: 5px; } - -input.text-l, textarea.text-l { padding: 10px; font-size: 1.14286em; } - -.w-10 { width: 10%; } - -.w-20 { width: 20%; } - -.w-30 { width: 30%; } - -.w-40 { width: 40%; } - -.w-50 { width: 50%; } - -.w-60 { width: 60%; } - -.w-70 { width: 70%; } - -.w-80 { width: 80%; } - -.w-90 { width: 90%; } - -.w-100 { width: 100%; } - -select { border: 1px solid #CCC; height: 28px; } - -/** Buttons */ -.btn, #ui-datepicker-div .ui-datepicker-current, #ui-datepicker-div .ui-datepicker-close { border: none; background-color: #E9E9E6; cursor: pointer; border-radius: 2px; display: inline-block; padding: 0 12px; height: 32px; color: #666; vertical-align: middle; zoom: 1; } - -.btn:hover, #ui-datepicker-div .ui-datepicker-current:hover, #ui-datepicker-div .ui-datepicker-close:hover { transition-duration: .4s; background-color: #dbdbd6; } - -.btn:active, #ui-datepicker-div .ui-datepicker-current:active, #ui-datepicker-div .ui-datepicker-close:active, .btn.active, #ui-datepicker-div .active.ui-datepicker-current, #ui-datepicker-div .active.ui-datepicker-close { background-color: #d6d6d0; } - -.btn:disabled, #ui-datepicker-div .ui-datepicker-current:disabled, #ui-datepicker-div .ui-datepicker-close:disabled { background-color: #f7f7f6; cursor: default; } - -.btn:disabled, #ui-datepicker-div .ui-datepicker-current:disabled, #ui-datepicker-div .ui-datepicker-close:disabled { color: #999; } - -.btn-xs, #ui-datepicker-div .ui-datepicker-current, #ui-datepicker-div .ui-datepicker-close { padding: 0 10px; height: 25px; font-size: 13px; } - -.btn-s { height: 28px; } - -.btn-l { height: 40px; font-size: 1.14286em; font-weight: bold; } - -.primary { border: none; background-color: #467B96; cursor: pointer; border-radius: 2px; color: #FFF; } - -.primary:hover { transition-duration: .4s; background-color: #3c6a81; } - -.primary:active, .primary.active { background-color: #39647a; } - -.primary:disabled { background-color: #508cab; cursor: default; } - -.btn-group { display: inline-block; } - -.btn-warn { border: none; background-color: #B94A48; cursor: pointer; border-radius: 2px; color: #FFF; } - -.btn-warn:hover { transition-duration: .4s; background-color: #a4403f; } - -.btn-warn:active, .btn-warn.active { background-color: #9c3e3c; } - -.btn-warn:disabled { background-color: #c1605e; cursor: default; } - -.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active { background-color: transparent; } - -/* 下拉菜单 */ -.btn-drop { position: relative; } - -.dropdown-toggle { padding-right: 8px; } - -.dropdown-menu { list-style: none; position: absolute; z-index: 2; left: 0; margin: 0; padding: 0; border: 1px solid #D9D9D6; background: #FFF; text-align: left; min-width: 108px; display: none; } - -.dropdown-menu li { white-space: nowrap; } - -.dropdown-menu li.multiline { padding: 5px 12px 12px; } - -.dropdown-menu a { display: block; padding: 5px 12px; color: #666; } - -.dropdown-menu a:hover { background: #F6F6F3; text-decoration: none !important; } - -/** 提示信息框 */ -.message { padding: 8px 10px; border-radius: 2px; } - -.message a { font-weight: bold; text-decoration: underline; } - -.error { background: #FBE3E4; color: #8A1F11; } - -.error a { color: #8A1F11; } - -.notice { background: #FFF6BF; color: #8A6D3B; } - -.notice a { color: #8A6D3B; } - -.success { background: #E6EFC2; color: #264409; } - -.success a { color: #264409; } - -.balloon { display: inline-block; padding: 0 4px; min-width: 10px; height: 14px; line-height: 14px; background: #B9B9B6; vertical-align: text-top; text-align: center; font-size: 12px; color: #FFF; border-radius: 20px; } - -/** 后台分页 */ -.typecho-pager { list-style: none; float: right; margin: 0; padding: 0; line-height: 1; text-align: center; zoom: 1; } - -.typecho-pager li { display: inline-block; margin: 0 3px; height: 28px; line-height: 28px; } - -.typecho-pager a { display: block; padding: 0 10px; border-radius: 2px; } - -.typecho-pager a:hover { text-decoration: none; background: #E9E9E6; } - -.typecho-pager li.current a { background: #E9E9E6; color: #444; } - -/** 后台头部导航 */ -.typecho-head-nav { padding: 0 10px; background: #292D33; position: relative; } - -.typecho-head-nav a, .typecho-head-nav button.menu-bar { padding: 0 20px; height: 36px; line-height: 36px; color: #BBB; } - -.typecho-head-nav a:focus, .typecho-head-nav a:hover, .typecho-head-nav button.menu-bar:focus, .typecho-head-nav button.menu-bar:hover { color: #FFF; text-decoration: none; } - -.typecho-head-nav button.menu-bar { display: none; } - -.typecho-head-nav #typecho-nav-list { float: left; } - -.typecho-head-nav #typecho-nav-list > ul { list-style: none; margin: 0; padding: 0; position: relative; float: left; } - -.typecho-head-nav #typecho-nav-list > ul:first-child { border-left: 1px solid #383D45; } - -.typecho-head-nav #typecho-nav-list > ul .parent a { display: inline-block; border-right: 1px solid #383D45; background: #292D33; } - -.typecho-head-nav #typecho-nav-list > ul .child { position: absolute; list-style: none; top: 36px; display: none; margin: 0; padding: 0; min-width: 160px; max-width: 240px; background: #202328; z-index: 250; } - -.typecho-head-nav #typecho-nav-list > ul .child li.return { display: none; } - -.typecho-head-nav #typecho-nav-list > ul .child li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } - -.typecho-head-nav #typecho-nav-list > ul .child li a:hover, .typecho-head-nav #typecho-nav-list > ul .child li a:focus { background: #292D33; } - -.typecho-head-nav #typecho-nav-list > ul .child li.focus a { color: #6DA1BB; font-weight: bold; } - -.typecho-head-nav #typecho-nav-list > ul .parent a:hover, .typecho-head-nav #typecho-nav-list > ul.focus .parent a, .typecho-head-nav #typecho-nav-list > ul.root:hover .parent a { background: #202328; } - -.typecho-head-nav #typecho-nav-list > ul.focus .parent a { font-weight: bold; } - -.typecho-head-nav #typecho-nav-list > ul.root:hover .child { display: block; } - -.typecho-head-nav .operate { float: right; } - -.typecho-head-nav .operate a { display: inline-block; margin-left: -1px; border: 1px solid #383D45; border-width: 0 1px; } - -.typecho-head-nav .operate a:hover { background-color: #202328; } - -@media (max-width: 575px) { @keyframes out { from { left: 0%; } - to { left: -100%; } } - @keyframes in { from { left: -100%; } - to { left: 0%; } } - .typecho-head-nav { padding: 0; position: fixed; bottom: 0; width: 100%; z-index: 10; } - .typecho-head-nav #typecho-nav-list { display: none; } - .typecho-head-nav .operate a:last-child { border-right-width: 0; } - .typecho-head-nav button.menu-bar { display: inline-block; border: none; background: #292D33; border-right: 1px solid #383D45; } - .typecho-head-nav button.menu-bar.focus { color: #FFF; } - .typecho-head-nav button.menu-bar.focus + #typecho-nav-list { display: block; float: none; position: absolute; bottom: 36px; width: 100%; } - .typecho-head-nav button.menu-bar.focus + #typecho-nav-list > ul { float: none; border-bottom: 1px solid #383D45; position: static; } - .typecho-head-nav button.menu-bar.focus + #typecho-nav-list > ul:first-child { border-left: none; } - .typecho-head-nav button.menu-bar.focus + #typecho-nav-list > ul .parent a { display: block; border: none; background: #202328; } - .typecho-head-nav button.menu-bar.focus + #typecho-nav-list > ul .child { position: absolute; bottom: 0; left: 100%; top: auto; z-index: 20; width: 100%; max-width: 100%; min-width: auto; } - .typecho-head-nav button.menu-bar.focus + #typecho-nav-list > ul .child li { border-bottom: 1px solid #383D45; } - .typecho-head-nav button.menu-bar.focus + #typecho-nav-list > ul .child li.return { display: block; text-align: center; font-size: 12px; } - .typecho-head-nav button.menu-bar.focus + #typecho-nav-list > ul .child li.return a { color: #777; } - .typecho-head-nav button.menu-bar.focus + #typecho-nav-list.expanded { animation: out .15s ease-out forwards; } - .typecho-head-nav button.menu-bar.focus + #typecho-nav-list.noexpanded { animation: in .15s ease-out forwards; } } - -/** 注脚 */ -.typecho-foot { padding: 4em 0 3em; color: #999; line-height: 1.8; text-align: center; } - -.typecho-foot .copyright p { margin: 10px 0 0; } - -.typecho-foot .resource { color: #CCC; } - -.typecho-foot .resource a { margin: 0 3px; color: #999; } - -/** 顶部消息样式 by 70 */ -.popup { display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 8px 0; border: none; width: 100%; z-index: 10; text-align: center; border-radius: 0; } - -.popup ul { list-style: none; margin: 0; padding: 0; text-align: center; } - -.popup ul li { display: inline-block; margin-right: 10px; } - -/** logo 的样式 */ -/** 载入状态 */ -.loading { padding-left: 20px !important; background: transparent url(../img/ajax-loader.gif) no-repeat left center; } - -/** 典型配置选项 */ -.typecho-option { list-style: none; margin: 1em 0; padding: 0; } - -.typecho-option-submit li { border-bottom: none; } - -.typecho-option label.typecho-label { display: block; margin-bottom: .5em; font-weight: bold; } - -.typecho-option label.required:after { content: " *"; color: #B94A48; } - -.typecho-option span { margin-right: 15px; } - -.typecho-option .description { margin: .5em 0 0; color: #999; font-size: .92857em; } - -.typecho-option input.file { width: 100%; margin: .7em 0; } - -.front-archive { padding-left: 1.5em; } - -.profile-avatar { width: 220px; height: 220px; border-radius: 10px; } - -/** 增加配置面板内部的错误样式 by 70 */ -/** 欢迎界面 */ -#typecho-welcome { margin: 1em 0; padding: 1em 2em; background-color: #E9E9E6; } - -.welcome-board { color: #999; font-size: 1.15em; } - -.welcome-board em { color: #444; font-size: 2em; font-style: normal; font-family: Georgia, serif; } - -#start-link { margin-bottom: 25px; padding: 0 0 35px; border-bottom: 1px solid #ECECEC; } - -#start-link li { float: left; margin-right: 1.5em; } - -#start-link .balloon { margin-top: 2px; } - -.latest-link li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } - -.latest-link span { display: inline-block; margin-right: 4px; padding-right: 8px; border-right: 1px solid #ECECEC; width: 37px; text-align: right; color: #999; } - -.update-check { font-size: 14px; } - -/** 登录框 */ -.typecho-login-wrap { display: table; margin: 0 auto; height: 100%; } - -.typecho-login { display: table-cell; padding: 30px 0 100px; width: 280px; text-align: center; vertical-align: middle; } - -.typecho-login h1 { margin: 0 0 1em; } - -.typecho-login .more-link { margin-top: 2em; color: #CCC; } - -.typecho-login .more-link a { margin: 0 3px; } - -/** 标题 */ -.typecho-page-title h2 { margin: 25px 0 10px; font-size: 1.28571em; } - -.typecho-page-title h2 a { margin-left: 10px; padding: 3px 8px; background: #E9E9E6; font-size: .8em; border-radius: 2px; } - -.typecho-page-title h2 a:hover { text-decoration: none; } - -/** 后台页面主体 */ -/** 主页主体 */ -.typecho-dashboard ul { list-style: none; padding: 0; } - -.typecho-dashboard li { margin-bottom: 5px; } - -/** 标签页 */ -.typecho-option-tabs { list-style: none; margin: 1em 0 0; padding: 0; font-size: 13px; text-align: center; } - -.typecho-option-tabs.fix-tabs { margin-bottom: 1em; } - -.typecho-option-tabs a { display: block; margin-right: -1px; border: 1px solid #D9D9D6; padding: 0 15px; height: 26px; line-height: 26px; color: #666; box-sizing: border-box; } - -.typecho-option-tabs a:hover { background-color: #E9E9E6; color: #666; text-decoration: none; } - -.typecho-option-tabs li { float: left; } - -.typecho-option-tabs li:first-child a { border-radius: 2px 0 0 2px; } - -.typecho-option-tabs li:last-child a { border-radius: 0 2px 2px 0; } - -.typecho-option-tabs.right { float: right; } - -.typecho-option-tabs li.current a, .typecho-option-tabs li.active a { background-color: #E9E9E6; } - -/** 表格列表页 */ -/** 列表页选项 */ -.typecho-list-operate { margin: 1em 0; } - -.typecho-list-operate input, .typecho-list-operate button, .typecho-list-operate select { vertical-align: bottom; } - -.typecho-list-operate input[type="checkbox"] { vertical-align: text-top; } - -@media (min-width: 576px) { .typecho-list-operate .operate { float: left; } - .typecho-list-operate .search { float: right; } } - -.typecho-list-operate span.operate-delete, a.operate-delete, .typecho-list-operate span.operate-button-delete, a.operate-button-delete { color: #B94A48; } - -a.operate-edit { color: #007700; } - -a.operate-reply { color: #545c30; } - -.typecho-list-operate a:hover { text-decoration: none; } - -/** 列表表格 */ -/** 增加表格标题 by 70 */ -.typecho-list-table-title { margin: 1em 0; color: #999; text-align: center; } - -.typecho-table-wrap { padding: 30px; background: #FFF; } - -.typecho-list-table { width: 100%; border-collapse: collapse; table-layout: fixed; } - -.typecho-list-table.deactivate { color: #999; } - -.typecho-list-table .right { text-align: right; } - -.typecho-list-table th { padding: 0 10px 10px; border-bottom: 2px solid #F0F0EC; text-align: left; } - -.typecho-list-table td { padding: 10px; border-top: 1px solid #F0F0EC; word-break: break-all; } - -.typecho-list-table td pre { overflow: auto; } - -.typecho-list-table .status { margin-left: 5px; color: #999; font-size: .92857em; font-style: normal; } - -.typecho-list-table tbody tr:hover td { background-color: #F6F6F3; } - -.typecho-list-table tbody tr.checked td { background-color: #FFF9E8; } - -.typecho-list-table tr td .hidden-by-mouse { opacity: 0; } - -.typecho-list-table tr:hover td .hidden-by-mouse { opacity: 1; } - -.warning { color: #B94A48; } - -/** 评论管理 */ -.comment-reply-content { position: relative; margin: 1em 0; padding: 0 1em; border: 1px solid transparent; background-color: #F0F0EC; } - -.comment-reply-content:after { position: absolute; right: 1em; border: 8px solid #F0F0EC; border-color: #F0F0EC #F0F0EC transparent transparent; content: " "; } - -.comment-meta span, .comment-date { font-size: .92857em; color: #999; } - -.comment-action a, .comment-action span { margin-right: 4px; } - -.comment-edit label { display: block; } - -.comment-content img { max-width: 100%; } - -/** 评论回复 */ -#typecho-respond { padding: 10px; display: none; } - -/** 模板列表 */ -.typecho-theme-list img { margin: 1em 0; max-width: 100%; max-height: 240px; } - -.typecho-theme-list cite { font-style: normal; color: #999; } - -.typecho-theme-list tbody tr.current td { background-color: #FFF9E8; } - -/** 后台配置项 */ -.typecho-page-main .typecho-option input.text { width: 100%; } - -.typecho-page-main .typecho-option input.num { width: 40px; } - -.typecho-page-main .typecho-option textarea { width: 100%; height: 100px; } - -.typecho-page-main .typecho-option .multiline { display: block; margin: .3em 0; } - -.typecho-page-main .typecho-option .multiline.hidden { display: none; } - -/** 编辑模板 */ -.typecho-select-theme { height: 25px; line-height: 25px; margin: 15px 0px; } - -.typecho-select-theme h5 { color: #E47E00; font-weight: bold; float: left; font-size: 14px; width: 120px; margin-right: 10px; } - -.typecho-select-theme select { width: 150px; } - -/** 编辑模板（编辑详情） */ -.typecho-edit-theme ul { list-style: none; margin: 0; padding: 0; } - -.typecho-edit-theme li { padding: 3px 10px; } - -.typecho-edit-theme .current { background-color: #E6E6E3; } - -.typecho-edit-theme .current a { color: #444; } - -.typecho-edit-theme textarea { font-size: .92857em; line-height: 1.2; height: 500px; } - -/** 编写页面 */ -.typecho-post-area .edit-draft-notice { color: #999; font-size: .92857em; } - -.typecho-post-area .edit-draft-notice a { color: #B94A48; } - -.typecho-post-area .typecho-label { display: block; margin: 1em 0 -0.5em; font-weight: bold; } - -.typecho-post-area #auto-save-message { display: block; margin-top: 0.5em; color: #999; font-size: .92857em; } - -.typecho-post-area .submit .right button { margin-left: 5px; } - -.typecho-post-area .right { float: right; } - -.typecho-post-area .left { float: left; } - -.typecho-post-area .out-date { border: 1px solid #D3DBB3; padding: 3px; background: #fff; } - -.typecho-post-area input.title { font-size: 1.17em; font-weight: bold; } - -.typecho-post-area .url-slug { margin-top: -0.5em; color: #AAA; font-size: .92857em; word-break: break-word; } - -.typecho-post-area #slug { padding: 2px; border: none; background: #FFFBCC; color: #666; } - -.typecho-post-area #text { resize: none; } - -#advance-panel { display: none; } - -#custom-field { margin: 1em 0; padding: 10px 15px; background: #FFF; } - -#custom-field.fold table, #custom-field.fold .description { display: none; } - -#custom-field .description { margin-top: 10px; text-align: right; } - -#custom-field .description button { float: left; } - -#custom-field p.description { text-align: left; } - -#custom-field .typecho-label { margin: 0; } - -#custom-field .typecho-label a { display: block; color: #444; } - -#custom-field .typecho-label a:hover { color: #467B96; text-decoration: none; } - -#custom-field table { margin-top: 10px; } - -#custom-field td { padding: 10px 5px; font-size: .92857em; border-bottom: 1px solid #F0F0EC; vertical-align: top; } - -#custom-field td label { font-size: 1em; font-weight: normal; } - -#custom-field select { height: 27px; } - -.typecho-post-area .is-draft { background: #FFF1A8; } - -.typecho-post-option .description { margin-top: -0.5em; color: #999; font-size: .92857em; } - -.category-option ul { list-style: none; border: 1px solid #D9D9D6; padding: 6px 12px; max-height: 240px; overflow: auto; background-color: #FFF; border-radius: 2px; } - -.category-option li { margin: 3px 0; } - -.visibility-option ul, .allow-option ul { list-style: none; padding: 0; } - -/** 标签列表 */ -.typecho-page-main ul.tag-list { list-style: none; margin: 0; padding: 20px; background-color: #FFF; } - -.typecho-page-main ul.tag-list li { display: inline-block; margin: 0 0 5px 0; padding: 5px 5px 5px 10px; cursor: pointer; } - -.typecho-page-main ul.tag-list li:hover { background-color: #E9E9E6; } - -.typecho-page-main ul.tag-list li input { display: none; } - -.typecho-page-main ul.tag-list li.checked { background-color: #FFFBCC; } - -.typecho-page-main ul.tag-list li.size-5 { font-size: 1em; } - -.typecho-page-main ul.tag-list li.size-10 { font-size: 1.2em; } - -.typecho-page-main ul.tag-list li.size-20 { font-size: 1.4em; } - -.typecho-page-main ul.tag-list li.size-30 { font-size: 1.6em; } - -.typecho-page-main ul.tag-list li.size-0 { font-size: 1.8em; } - -.typecho-page-main .tag-edit-link { visibility: hidden; } - -.typecho-page-main li:hover .tag-edit-link { visibility: visible; } - -.typecho-attachment-photo { border: 1px solid #E6E6E3; max-width: 100%; } - -/* Upload */ -#upload-panel { border: 1px dashed #D9D9D6; background-color: #FFF; color: #999; font-size: .92857em; } - -#upload-panel.drag { background-color: #FFFBCC; } - -.upload-area { padding: 15px; text-align: center; } - -#file-list { list-style: none; margin: 0 10px; padding: 0; max-height: 450px; overflow: auto; word-break: break-all; } - -#file-list li, #file-list .insert { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - -#file-list li { padding: 8px 0; border-top: 1px dashed #D9D9D6; } - -#file-list .insert { display: block; max-width: 100%; } - -#file-list .file { margin-left: 5px; } - -#file-list .info { text-transform: uppercase; } - -#btn-fullscreen-upload { visibility: hidden; } - -/** 附件管理 */ -.edit-media button { margin-right: 6px; } - -/* 拖动调整 textarea 大小 */ -.resize { display: block; margin: 2px auto 0; padding: 2px 0; border: 1px solid #D9D9D6; border-width: 1px 0; width: 60px; cursor: row-resize; } - -.resize i { display: block; height: 1px; background-color: #D9D9D6; } - -/* 拖动排序 */ -.tDnD_whileDrag { background-color: #FFFBCC; } - -@media (max-width: 575px) { .typecho-list-operate .search { margin-top: 10px; } - .typecho-table-wrap { padding: 10px; margin: 0 -10px; } - .typecho-option-submit button[type="submit"] { width: 100%; } - .profile-avatar { width: 110px; height: 110px; } } - -/** 导入扩展样式 */ -/** icons */ -.icons-sprite, .icons-icon-delete, .icons-icon-edit, .icons-icon-exlink, .icons-icon-upload-active, .icons-icon-upload, .icons-mime-application, .icons-mime-archive, .icons-mime-audio, .icons-mime-html, .icons-mime-image, .icons-mime-office, .icons-mime-script, .icons-mime-text, .icons-mime-unknow, .icons-mime-video, .i-edit, .i-delete, .i-upload, .i-upload-active, .i-exlink, .mime-office, .mime-text, .mime-image, .mime-html, .mime-archive, .mime-application, .mime-audio, .mime-script, .mime-video, .mime-unknow { background-image: url("../img/icons.png?_=01c3ae1"); background-repeat: no-repeat; } - -.icons-icon-delete { background-position: 0 0; width: 16px; height: 16px; } - -.icons-icon-edit { background-position: 0 -16px; width: 16px; height: 16px; } - -.icons-icon-exlink { background-position: 0 -32px; width: 16px; height: 16px; } - -.icons-icon-upload-active { background-position: 0 -208px; width: 24px; height: 24px; } - -.icons-icon-upload { background-position: 0 -232px; width: 24px; height: 24px; } - -.icons-icon-upload:active, .icons-icon-upload.icon-upload-active { background-position: 0 -208px; } - -.icons-mime-application { background-position: 0 -48px; width: 16px; height: 16px; } - -.icons-mime-archive { background-position: 0 -64px; width: 16px; height: 16px; } - -.icons-mime-audio { background-position: 0 -80px; width: 16px; height: 16px; } - -.icons-mime-html { background-position: 0 -96px; width: 16px; height: 16px; } - -.icons-mime-image { background-position: 0 -112px; width: 16px; height: 16px; } - -.icons-mime-office { background-position: 0 -128px; width: 16px; height: 16px; } - -.icons-mime-script { background-position: 0 -144px; width: 16px; height: 16px; } - -.icons-mime-text { background-position: 0 -160px; width: 16px; height: 16px; } - -.icons-mime-unknow { background-position: 0 -176px; width: 16px; height: 16px; } - -.icons-mime-video { background-position: 0 -192px; width: 16px; height: 16px; } - -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icons-sprite, .icons-icon-delete, .icons-icon-edit, .icons-icon-exlink, .icons-icon-upload-active, .icons-icon-upload, .icons-mime-application, .icons-mime-archive, .icons-mime-audio, .icons-mime-html, .icons-mime-image, .icons-mime-office, .icons-mime-script, .icons-mime-text, .icons-mime-unknow, .icons-mime-video, .i-edit, .i-delete, .i-upload, .i-upload-active, .i-exlink, .mime-office, .mime-text, .mime-image, .mime-html, .mime-archive, .mime-application, .mime-audio, .mime-script, .mime-video, .mime-unknow { background-image: url("../img/icons@2x.png?_=e65bc46"); background-repeat: no-repeat; background-size: 24px 256px; } - .icons-icon-delete { background-position: 0 0; } - .icons-icon-edit { background-position: 0 -16px; } - .icons-icon-exlink { background-position: 0 -32px; } - .icons-icon-upload-active { background-position: 0 -208px; } - .icons-icon-upload { background-position: 0 -232px; } - .icons-icon-upload:active, .icons-icon-upload.icon-upload-active { background-position: 0 -208px; } - .icons-mime-application { background-position: 0 -48px; } - .icons-mime-archive { background-position: 0 -64px; } - .icons-mime-audio { background-position: 0 -80px; } - .icons-mime-html { background-position: 0 -96px; } - .icons-mime-image { background-position: 0 -112px; } - .icons-mime-office { background-position: 0 -128px; } - .icons-mime-script { background-position: 0 -144px; } - .icons-mime-text { background-position: 0 -160px; } - .icons-mime-unknow { background-position: 0 -176px; } - .icons-mime-video { background-position: 0 -192px; } - .i-edit { background-position: 0 -16px; } - .i-delete { background-position: 0 0; } - .i-upload { background-position: 0 -232px; } - .i-upload:active, .i-upload.icon-upload-active { background-position: 0 -208px; } - .i-upload-active { background-position: 0 -208px; } - .i-exlink { background-position: 0 -32px; } - .mime-office { background-position: 0 -128px; } - .mime-text { background-position: 0 -160px; } - .mime-image { background-position: 0 -112px; } - .mime-html { background-position: 0 -96px; } - .mime-archive { background-position: 0 -64px; } - .mime-application { background-position: 0 -48px; } - .mime-audio { background-position: 0 -80px; } - .mime-script { background-position: 0 -144px; } - .mime-video { background-position: 0 -192px; } - .mime-unknow { background-position: 0 -176px; } } - -/* @mixin sprite-background($name) { // background-image: sprite-url($sprites); // background-position: sprite-position($sprites, $name); @include icons-sprite($name); // background-repeat: no-repeat; // display: block; // height: image-height(sprite-file($sprites, $name)); // width: image-width(sprite-file($sprites, $name)); @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { @include icons-2x-sprite($name); // Workaround for https://gist.github.com/2140082 //@if (sprite-position($sprites, $name) != sprite-position($sprites-retina, $name)) { // $ypos: round(nth(sprite-position($sprites-retina, $name), 2) / 2); // background-position: 0 $ypos; //} // Hard coded width of the normal sprite image. There must be a smarter way to do this. // @include background-size(auto 256px); // background-image: sprite-url($sprites-retina); } } */ -.i-edit, .i-delete, .i-exlink, .mime-office, .mime-text, .mime-image, .mime-html, .mime-archive, .mime-application, .mime-audio, .mime-script, .mime-video, .mime-unknow, .i-upload, .i-upload-active { display: inline-block; vertical-align: text-bottom; text-indent: -9999em; } - -.i-edit:hover, .i-delete:hover, .i-exlink:hover, .mime-office:hover, .mime-text:hover, .mime-image:hover, .mime-html:hover, .mime-archive:hover, .mime-application:hover, .mime-audio:hover, .mime-script:hover, .mime-video:hover, .mime-unknow:hover, .i-upload:hover, .i-upload-active:hover { opacity: 0.75; } - -.i-edit, .i-delete, .i-exlink, .mime-office, .mime-text, .mime-image, .mime-html, .mime-archive, .mime-application, .mime-audio, .mime-script, .mime-video, .mime-unknow { width: 16px; height: 16px; } - -.i-upload, .i-upload-active { width: 24px; height: 24px; } - -.i-edit { background-position: 0 -16px; } - -.i-delete { background-position: 0 0; } - -.i-upload { background-position: 0 -232px; } - -.i-upload:active, .i-upload.icon-upload-active { background-position: 0 -208px; } - -.i-upload-active { background-position: 0 -208px; } - -.i-caret-up, .i-caret-down, .i-caret-left, .i-caret-right { display: inline-block; border-style: solid; border-color: transparent transparent #BBB transparent; border-width: 3px 4px 5px; } - -.i-caret-down { border-color: #BBB transparent transparent transparent; border-width: 5px 4px 3px; } - -.i-caret-left { border-color: transparent #BBB transparent transparent; border-width: 4px 5px 4px 3px; } - -.i-caret-right { border-color: transparent transparent transparent #BBB; border-width: 4px 3px 4px 5px; } - -.i-exlink { background-position: 0 -32px; } - -/* 文件类型图标 */ -.mime-office { background-position: 0 -128px; } - -.mime-text { background-position: 0 -160px; } - -.mime-image { background-position: 0 -112px; } - -.mime-html { background-position: 0 -96px; } - -.mime-archive { background-position: 0 -64px; } - -.mime-application { background-position: 0 -48px; } - -.mime-audio { background-position: 0 -80px; } - -.mime-script { background-position: 0 -144px; } - -.mime-video { background-position: 0 -192px; } - -.mime-unknow { background-position: 0 -176px; } - -/* Logo 图标 */ -.i-logo, .i-logo-s { width: 169px; height: 40px; display: inline-block; background: url("../img/typecho-logo.svg") no-repeat; text-indent: -9999em; background-size: auto 40px; opacity: .15; } - -.i-logo:hover, .i-logo-s:hover { opacity: .2; } - -.i-logo-s { width: 26px; height: 26px; background-size: auto 26px; } - -/* Editor */ -.editor { margin-bottom: -0.5em; } - -.editor-sprite, .editor-editor-bold, .editor-editor-code, .editor-editor-exit-fullscreen, .editor-editor-fullscreen, .editor-editor-heading, .editor-editor-hr, .editor-editor-image, .editor-editor-italic, .editor-editor-link, .editor-editor-more, .editor-editor-olist, .editor-editor-quote, .editor-editor-redo, .editor-editor-ulist, .editor-editor-undo, .wmd-button-row li#wmd-bold-button span, .wmd-button-row li#wmd-italic-button span, .wmd-button-row li#wmd-link-button span, .wmd-button-row li#wmd-quote-button span, .wmd-button-row li#wmd-code-button span, .wmd-button-row li#wmd-image-button span, .wmd-button-row li#wmd-olist-button span, .wmd-button-row li#wmd-ulist-button span, .wmd-button-row li#wmd-heading-button span, .wmd-button-row li#wmd-hr-button span, .wmd-button-row li#wmd-more-button span, .wmd-button-row li#wmd-undo-button span, .wmd-button-row li#wmd-redo-button span, .wmd-button-row li#wmd-fullscreen-button span, .wmd-button-row li#wmd-exit-fullscreen-button span { background-image: url("../img/editor.png?_=ce98884"); background-repeat: no-repeat; } - -.editor-editor-bold { background-position: 0 0; width: 20px; height: 20px; } - -.editor-editor-code { background-position: 0 -20px; width: 20px; height: 20px; } - -.editor-editor-exit-fullscreen { background-position: 0 -40px; width: 20px; height: 20px; } - -.editor-editor-fullscreen { background-position: 0 -60px; width: 20px; height: 20px; } - -.editor-editor-heading { background-position: 0 -80px; width: 20px; height: 20px; } - -.editor-editor-hr { background-position: 0 -100px; width: 20px; height: 20px; } - -.editor-editor-image { background-position: 0 -120px; width: 20px; height: 20px; } - -.editor-editor-italic { background-position: 0 -140px; width: 20px; height: 20px; } - -.editor-editor-link { background-position: 0 -160px; width: 20px; height: 20px; } - -.editor-editor-more { background-position: 0 -180px; width: 20px; height: 20px; } - -.editor-editor-olist { background-position: 0 -200px; width: 20px; height: 20px; } - -.editor-editor-quote { background-position: 0 -220px; width: 20px; height: 20px; } - -.editor-editor-redo { background-position: 0 -240px; width: 20px; height: 20px; } - -.editor-editor-ulist { background-position: 0 -260px; width: 20px; height: 20px; } - -.editor-editor-undo { background-position: 0 -280px; width: 20px; height: 20px; } - -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .editor-sprite, .editor-editor-bold, .editor-editor-code, .editor-editor-exit-fullscreen, .editor-editor-fullscreen, .editor-editor-heading, .editor-editor-hr, .editor-editor-image, .editor-editor-italic, .editor-editor-link, .editor-editor-more, .editor-editor-olist, .editor-editor-quote, .editor-editor-redo, .editor-editor-ulist, .editor-editor-undo, .wmd-button-row li#wmd-bold-button span, .wmd-button-row li#wmd-italic-button span, .wmd-button-row li#wmd-link-button span, .wmd-button-row li#wmd-quote-button span, .wmd-button-row li#wmd-code-button span, .wmd-button-row li#wmd-image-button span, .wmd-button-row li#wmd-olist-button span, .wmd-button-row li#wmd-ulist-button span, .wmd-button-row li#wmd-heading-button span, .wmd-button-row li#wmd-hr-button span, .wmd-button-row li#wmd-more-button span, .wmd-button-row li#wmd-undo-button span, .wmd-button-row li#wmd-redo-button span, .wmd-button-row li#wmd-fullscreen-button span, .wmd-button-row li#wmd-exit-fullscreen-button span { background-image: url("../img/editor@2x.png?_=f3643ed"); background-repeat: no-repeat; background-size: 20px 300px; } - .editor-editor-bold { background-position: 0 0; } - .editor-editor-code { background-position: 0 -20px; } - .editor-editor-exit-fullscreen { background-position: 0 -40px; } - .editor-editor-fullscreen { background-position: 0 -60px; } - .editor-editor-heading { background-position: 0 -80px; } - .editor-editor-hr { background-position: 0 -100px; } - .editor-editor-image { background-position: 0 -120px; } - .editor-editor-italic { background-position: 0 -140px; } - .editor-editor-link { background-position: 0 -160px; } - .editor-editor-more { background-position: 0 -180px; } - .editor-editor-olist { background-position: 0 -200px; } - .editor-editor-quote { background-position: 0 -220px; } - .editor-editor-redo { background-position: 0 -240px; } - .editor-editor-ulist { background-position: 0 -260px; } - .editor-editor-undo { background-position: 0 -280px; } - .wmd-button-row li#wmd-bold-button span { background-position: 0 0; } - .wmd-button-row li#wmd-italic-button span { background-position: 0 -140px; } - .wmd-button-row li#wmd-link-button span { background-position: 0 -160px; } - .wmd-button-row li#wmd-quote-button span { background-position: 0 -220px; } - .wmd-button-row li#wmd-code-button span { background-position: 0 -20px; } - .wmd-button-row li#wmd-image-button span { background-position: 0 -120px; } - .wmd-button-row li#wmd-olist-button span { background-position: 0 -200px; } - .wmd-button-row li#wmd-ulist-button span { background-position: 0 -260px; } - .wmd-button-row li#wmd-heading-button span { background-position: 0 -80px; } - .wmd-button-row li#wmd-hr-button span { background-position: 0 -100px; } - .wmd-button-row li#wmd-more-button span { background-position: 0 -180px; } - .wmd-button-row li#wmd-undo-button span { background-position: 0 -280px; } - .wmd-button-row li#wmd-redo-button span { background-position: 0 -240px; } - .wmd-button-row li#wmd-fullscreen-button span { background-position: 0 -60px; } - .wmd-button-row li#wmd-exit-fullscreen-button span { background-position: 0 -40px; } } - -.wmd-button-row { list-style: none; margin: 0; padding: 0; height: 26px; line-height: 1; } - -.wmd-button-row li { display: inline-block; margin-right: 4px; padding: 3px; cursor: pointer; vertical-align: middle; border-radius: 2px; } - -.wmd-button-row li:hover { background-color: #E9E9E6; } - -.wmd-button-row li.wmd-spacer { height: 20px; margin: 0 10px 0 6px; padding: 0; width: 1px; background: #E9E9E6; cursor: default; } - -.wmd-button-row li span { display: block; width: 20px; height: 20px; } - -.wmd-button-row li#wmd-bold-button span { background-position: 0 0; } - -.wmd-button-row li#wmd-italic-button span { background-position: 0 -140px; } - -.wmd-button-row li#wmd-link-button span { background-position: 0 -160px; } - -.wmd-button-row li#wmd-quote-button span { background-position: 0 -220px; } - -.wmd-button-row li#wmd-code-button span { background-position: 0 -20px; } - -.wmd-button-row li#wmd-image-button span { background-position: 0 -120px; } - -.wmd-button-row li#wmd-olist-button span { background-position: 0 -200px; } - -.wmd-button-row li#wmd-ulist-button span { background-position: 0 -260px; } - -.wmd-button-row li#wmd-heading-button span { background-position: 0 -80px; } - -.wmd-button-row li#wmd-hr-button span { background-position: 0 -100px; } - -.wmd-button-row li#wmd-more-button span { background-position: 0 -180px; } - -.wmd-button-row li#wmd-undo-button span { background-position: 0 -280px; } - -.wmd-button-row li#wmd-redo-button span { background-position: 0 -240px; } - -.wmd-button-row li#wmd-fullscreen-button span { background-position: 0 -60px; } - -.wmd-button-row li#wmd-exit-fullscreen-button span { background-position: 0 -40px; } - -#btn-cancel-preview { display: none; } - -.wmd-edittab { float: right; margin-top: 3px; font-size: .92857em; } - -.wmd-edittab a { display: inline-block; padding: 0 8px; margin-left: 5px; height: 20px; line-height: 20px; } - -.wmd-edittab a:hover { text-decoration: none; } - -.wmd-edittab a.active { background: #E9E9E6; color: #999; } - -.wmd-hidetab { display: none; } - -.wmd-visualhide { visibility: hidden; } - -/* 对话框 */ -.wmd-prompt-background { background-color: #000; } - -.wmd-prompt-dialog { position: fixed; z-index: 1001; top: 50%; left: 50%; margin-top: -95px; margin-left: -200px; padding: 20px; width: 360px; background: #F6F6F3; } - -.wmd-prompt-dialog p { margin: 0 0 5px; } - -.wmd-prompt-dialog form { margin-top: 10px; } - -.wmd-prompt-dialog input[type="text"] { margin-bottom: 10px; width: 100%; } - -.wmd-prompt-dialog button { margin-right: 10px; } - -/* 预览 */ -#wmd-preview { background: #FFF; margin: 1em 0; padding: 0 15px; word-wrap: break-word; overflow: auto; border-radius: 2px; } - -#wmd-preview img { max-width: 100%; } - -#wmd-preview code, #wmd-preview pre { padding: 2px 4px; background: #DDD; font-size: 14px; } - -#wmd-preview code { color: #C13; } - -#wmd-preview pre { padding: 1em; } - -#wmd-preview pre code { padding: 0; color: #444; } - -#wmd-preview blockquote { margin: 1em 1.5em; padding-left: 1.5em; border-left: 4px solid #E9E9E6; color: #777; } - -#wmd-preview hr { margin: 2em auto; width: 100px; border: 1px solid #E9E9E6; border-width: 2px 0 0 0; } - -#wmd-preview .summary:after { display: block; margin: 2em 0; background: #FFF9E8; color: #cf9900; font-size: .85714em; text-align: center; content: "- more -"; } - -#wmd-preview .embed { border: 1px solid #ccc; height: 40px; overflow: hidden; line-height: 40px; text-align: center; font-size: 12px; color: #777; } - -#wmd-preview table { width: 100%; } - -#wmd-preview table th, #wmd-preview table td { border: 1px solid #DDD; padding: 5px 8px; word-break: break-all; } - -#wmd-preview table th { background: #EEE; } - -#wmd-preview span.line { display: inline; height: 1px; line-height: 1px; position: absolute; } - -#wmd-preview .focus, #wmd-preview .focus * { background-color: rgba(255, 230, 0, 0.5) !important; } - -/* 上传面板动画效果 */ -@keyframes fullscreen-upload { 0% { opacity: 0; } - 100% { opacity: 1; } } - -/* 编辑器全屏 */ -.fullscreen #wmd-button-bar, .fullscreen #text, .fullscreen #wmd-preview, .fullscreen .submit { position: absolute; top: 0; width: 50%; background: #FFF; z-index: 999; box-sizing: border-box; border-radius: 0; } - -.fullscreen #wmd-button-bar { left: 0; padding: 13px 20px; border-bottom: 1px solid #F3F3F0; z-index: 1000; } - -.fullscreen #text { top: 53px; left: 0; padding: 20px; border: none; outline: none; } - -.fullscreen #wmd-preview { top: 53px; right: 0; margin: 0; padding: 5px 20px; border: none; border-left: 1px solid #F3F3F0; background: #F6F6F3; overflow: auto; } - -.fullscreen .submit { right: 0; margin: 0; padding: 10px 20px; border-bottom: 1px solid #F3F3F0; } - -.fullscreen #upload-panel { -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225); border-style: solid; } - -.fullscreen #tab-files { position: absolute; top: 52px; right: 0; width: 280px; z-index: 1001; animation: fullscreen-upload 0.5s; } - -.fullscreen .wmd-edittab, .fullscreen .typecho-post-option, .fullscreen .title, .fullscreen .url-slug, .fullscreen .typecho-page-title, .fullscreen .typecho-head-nav, .fullscreen .message { display: none; } - -.fullscreen .wmd-hidetab { display: block; } - -.fullscreen .wmd-visualhide, .fullscreen #btn-fullscreen-upload { visibility: visible; } - -.preview .submit { width: 100%; background: #FFFFDD; } - -.preview #wmd-button-bar, .preview #wmd-preview, .preview #text, .preview #upload-panel, .preview #tab-files, .preview #btn-preview, .preview #btn-fullscreen-upload, .preview #auto-save-message { display: none; } - -.preview .preview-frame { width: 100%; border: 0; padding: 0; margin: 0; background: #fff; z-index: 999; position: absolute; top: 53px; left: 0; } - -.preview .preview-loading { background-image: url(../img/ajax-loader.gif); background-position: center; background-repeat: no-repeat; } - -.preview #btn-cancel-preview { display: inline-block; } - -@media (max-width: 575px) { #wmd-spacer2, #wmd-olist-button, #wmd-ulist-button, #wmd-heading-button, #wmd-hr-button, #wmd-more-button, #wmd-spacer3, #wmd-undo-button, #wmd-redo-button, #wmd-spacer4, #wmd-fullscreen-button, #wmd-exit-fullscreen-button, #btn-fullscreen-upload { display: none; } } - -/** Jquery Timepicker */ -#ui-datepicker-div { display: none; margin-top: -1px; padding: 10px; border: 1px solid #D9D9D6; background: #FFF; } - -.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } - -.ui-timepicker-div dl { text-align: left; } - -.ui-timepicker-div dl dt { float: left; clear: left; } - -.ui-timepicker-div dl dd { margin: 0 0 10px 40%; } - -.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } - -#ui-datepicker-div .ui-datepicker-header { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #EEE; } - -#ui-datepicker-div .ui-datepicker-prev { float: left; cursor: pointer; } - -#ui-datepicker-div .ui-datepicker-next { float: right; cursor: pointer; } - -#ui-datepicker-div .ui-datepicker-title { font-weight: bold; text-align: center; } - -#ui-datepicker-div .ui-datepicker-calendar th { line-height: 24px; } - -#ui-datepicker-div .ui-datepicker-calendar a { display: block; width: 30px; background-color: #F3F3F0; line-height: 24px; text-align: center; } - -#ui-datepicker-div .ui-datepicker-calendar a:hover { background-color: #E9E9E6; text-decoration: none; } - -#ui-datepicker-div .ui-datepicker-today a { background-color: #E9E9E6; color: #444; } - -#ui-datepicker-div .ui-datepicker-current-day a { background-color: #467B96 !important; color: #FFF; } - -#ui-datepicker-div .ui-timepicker-div { margin-top: 20px; border-top: 1px solid #EEE; } - -#ui-datepicker-div .ui-slider { position: relative; margin-top: 18px; border: 1px solid #E9E9E6; background-color: #F6F6F3; height: 4px; } - -#ui-datepicker-div .ui-slider .ui-slider-handle { position: absolute; top: -7px; margin-left: -5px; z-index: 2; width: 10px; height: 16px; background-color: #467B96; } - -#ui-datepicker-div .ui-datepicker-buttonpane { padding-top: 10px; border-top: 1px solid #EEE; } - -#ui-datepicker-div .ui-datepicker-current, #ui-datepicker-div .ui-datepicker-close { float: left; } - -#ui-datepicker-div .ui-datepicker-close { float: right; } - -.ui-effects-transfer { border: 2px dotted #ccc; } - -/** Jquery Tokeninput */ -ul.token-input-list { list-style: none; margin: 0; padding: 0 4px; min-height: 32px; border: 1px solid #D9D9D6; cursor: text; z-index: 999; background-color: #FFF; clear: left; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } - -ul.token-input-list li { margin: 4px 0; } - -ul.token-input-list li input { padding: 0; border: 0; width: 100%; -webkit-appearance: caret; } - -li.token-input-token { padding: 0 6px; height: 27px; line-height: 27px; background-color: #F3F3F0; cursor: default; font-size: .92857em; text-align: right; white-space: nowrap; } - -li.token-input-token p { float: left; display: inline; margin: 0; } - -li.token-input-token span { color: #BBB; font-weight: bold; cursor: pointer; } - -li.token-input-selected-token { background-color: #E9E9E6; } - -li.token-input-input-token { padding: 0 4px; } - -div.token-input-dropdown { position: absolute; background-color: #FFF; overflow: hidden; border: 1px solid #D9D9D6; border-top-width: 0; cursor: default; z-index: 1; font-size: .92857em; } - -div.token-input-dropdown p { margin: 0; padding: 5px 10px; color: #777; font-weight: bold; } - -div.token-input-dropdown ul { list-style: none; margin: 0; padding: 0; } - -div.token-input-dropdown ul li { padding: 4px 10px; background-color: #FFF; } - -div.token-input-dropdown ul li.token-input-dropdown-item { background-color: #FFF; } - -div.token-input-dropdown ul li em { font-style: normal; } - -div.token-input-dropdown ul li.token-input-selected-dropdown-item { background-color: #467B96; color: #FFF; } - -/* Hide from both screenreaders and browsers: h5bp.com/u */ -.hidden { display: none; } - -/* Hide only visually, but have it available for screenreaders: h5bp.com/v */ -.sr-only { border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } - -/* Extends the .sr-only class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ -.sr-only.focusable:active, .sr-only.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } - -/* Hide visually and from screenreaders, but maintain layout */ -.invisible { visibility: hidden; } +html{height:100%}body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;background:#F6F6F3;color:#444;font-size:87.5%;line-height:1.5}a{color:#467B96;text-decoration:none}a:hover{color:#499BC3;text-decoration:underline}code,pre,.mono{font-family:Menlo, Monaco, Consolas, "Courier New", monospace}.p{margin:1em 0}.body-100{height:100%}a.balloon-button{display:inline-block;padding:0 6px;min-width:12px;height:18px;line-height:18px;background:#D8E7EE;font-size:.85714em;text-align:center;text-decoration:none;zoom:1;border-radius:30px;white-space:nowrap}a.button:hover,a.balloon-button:hover{background-color:#A5CADC;color:#FFF;text-decoration:none}input[type=text],input[type=password],input[type=email],textarea{background:#FFF;border:1px solid #D9D9D6;padding:7px;border-radius:2px;box-sizing:border-box}input[type=text]:disabled,input[type=text]:read-only,input[type=password]:disabled,input[type=password]:read-only,input[type=email]:disabled,input[type=email]:read-only,textarea:disabled,textarea:read-only{background:#F3F3F3}textarea{resize:vertical;line-height:1.5}input[type="radio"],input[type="checkbox"]{margin-right:3px}input[type="radio"],input[type="checkbox"],input[type="radio"]+label,input[type="checkbox"]+label{vertical-align:middle}input.text-s,textarea.text-s{padding:5px}input.text-l,textarea.text-l{padding:10px;font-size:1.14286em}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}select{border:1px solid #CCC;height:28px}.btn,#ui-datepicker-div .ui-datepicker-current,#ui-datepicker-div .ui-datepicker-close{border:none;background-color:#E9E9E6;cursor:pointer;border-radius:2px;display:inline-block;padding:0 12px;height:32px;color:#666;vertical-align:middle;zoom:1}.btn:hover,#ui-datepicker-div .ui-datepicker-current:hover,#ui-datepicker-div .ui-datepicker-close:hover{transition-duration:.4s;background-color:#dbdbd6}.btn:active,#ui-datepicker-div .ui-datepicker-current:active,#ui-datepicker-div .ui-datepicker-close:active,.btn.active,#ui-datepicker-div .active.ui-datepicker-current,#ui-datepicker-div .active.ui-datepicker-close{background-color:#d6d6d0}.btn:disabled,#ui-datepicker-div .ui-datepicker-current:disabled,#ui-datepicker-div .ui-datepicker-close:disabled{background-color:#f7f7f6;cursor:default}.btn:disabled,#ui-datepicker-div .ui-datepicker-current:disabled,#ui-datepicker-div .ui-datepicker-close:disabled{color:#999}.btn-xs,#ui-datepicker-div .ui-datepicker-current,#ui-datepicker-div .ui-datepicker-close{padding:0 10px;height:25px;font-size:13px}.btn-s{height:28px}.btn-l{height:40px;font-size:1.14286em;font-weight:bold}.primary{border:none;background-color:#467B96;cursor:pointer;border-radius:2px;color:#FFF}.primary:hover{transition-duration:.4s;background-color:#3c6a81}.primary:active,.primary.active{background-color:#39647a}.primary:disabled{background-color:#508cab;cursor:default}.btn-group{display:inline-block}.btn-warn{border:none;background-color:#B94A48;cursor:pointer;border-radius:2px;color:#FFF}.btn-warn:hover{transition-duration:.4s;background-color:#a4403f}.btn-warn:active,.btn-warn.active{background-color:#9c3e3c}.btn-warn:disabled{background-color:#c1605e;cursor:default}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active,.btn-link.active{background-color:transparent}.btn-drop{position:relative}.dropdown-toggle{padding-right:8px}.dropdown-menu{list-style:none;position:absolute;z-index:2;left:0;margin:0;padding:0;border:1px solid #D9D9D6;background:#FFF;text-align:left;min-width:108px;display:none}.dropdown-menu li{white-space:nowrap}.dropdown-menu li.multiline{padding:5px 12px 12px}.dropdown-menu a{display:block;padding:5px 12px;color:#666}.dropdown-menu a:hover{background:#F6F6F3;text-decoration:none !important}.message{padding:8px 10px;border-radius:2px}.message a{font-weight:bold;text-decoration:underline}.error{background:#FBE3E4;color:#8A1F11}.error a{color:#8A1F11}.notice{background:#FFF6BF;color:#8A6D3B}.notice a{color:#8A6D3B}.success{background:#E6EFC2;color:#264409}.success a{color:#264409}.balloon{display:inline-block;padding:0 4px;min-width:10px;height:14px;line-height:14px;background:#B9B9B6;vertical-align:text-top;text-align:center;font-size:12px;color:#FFF;border-radius:20px}.typecho-pager{list-style:none;float:right;margin:0;padding:0;line-height:1;text-align:center;zoom:1}.typecho-pager li{display:inline-block;margin:0 3px;height:28px;line-height:28px}.typecho-pager a{display:block;padding:0 10px;border-radius:2px}.typecho-pager a:hover{text-decoration:none;background:#E9E9E6}.typecho-pager li.current a{background:#E9E9E6;color:#444}.typecho-head-nav{padding:0 10px;background:#292D33;position:relative}.typecho-head-nav a,.typecho-head-nav button.menu-bar{padding:0 20px;height:36px;line-height:36px;color:#BBB}.typecho-head-nav a:focus,.typecho-head-nav a:hover,.typecho-head-nav button.menu-bar:focus,.typecho-head-nav button.menu-bar:hover{color:#fff;text-decoration:none}.typecho-head-nav button.menu-bar{display:none}.typecho-head-nav #typecho-nav-list{float:left}.typecho-head-nav #typecho-nav-list>ul{list-style:none;margin:0;padding:0;position:relative;float:left}.typecho-head-nav #typecho-nav-list>ul:first-child{border-left:1px solid #383D45}.typecho-head-nav #typecho-nav-list>ul .parent a{display:inline-block;border-right:1px solid #383D45;background:#292D33}.typecho-head-nav #typecho-nav-list>ul .child{position:absolute;list-style:none;top:36px;display:none;margin:0;padding:0;min-width:160px;max-width:240px;background:#202328;z-index:250}.typecho-head-nav #typecho-nav-list>ul .child li.return{display:none}.typecho-head-nav #typecho-nav-list>ul .child li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.typecho-head-nav #typecho-nav-list>ul .child li a:hover,.typecho-head-nav #typecho-nav-list>ul .child li a:focus{background:#292D33}.typecho-head-nav #typecho-nav-list>ul .child li.focus a{color:#6DA1BB;font-weight:bold}.typecho-head-nav #typecho-nav-list>ul .parent a:hover,.typecho-head-nav #typecho-nav-list>ul.focus .parent a,.typecho-head-nav #typecho-nav-list>ul.root:hover .parent a{background:#202328}.typecho-head-nav #typecho-nav-list>ul.focus .parent a{font-weight:bold}.typecho-head-nav #typecho-nav-list>ul.root:hover .child{display:block}.typecho-head-nav .operate{float:right}.typecho-head-nav .operate a{display:inline-block;margin-left:-1px;border:1px solid #383D45;border-width:0 1px}.typecho-head-nav .operate a:hover{background-color:#202328}@media (max-width: 575px){@keyframes out{from{left:0%}to{left:-100%}}@keyframes in{from{left:-100%}to{left:0%}}.typecho-head-nav{padding:0;position:fixed;bottom:0;width:100%;z-index:10}.typecho-head-nav #typecho-nav-list{display:none}.typecho-head-nav .operate a:last-child{border-right-width:0}.typecho-head-nav button.menu-bar{display:inline-block;border:none;background:#292D33;border-right:1px solid #383D45}.typecho-head-nav button.menu-bar.focus{color:#fff}.typecho-head-nav button.menu-bar.focus+#typecho-nav-list{display:block;float:none;position:absolute;bottom:36px;width:100%}.typecho-head-nav button.menu-bar.focus+#typecho-nav-list>ul{float:none;border-bottom:1px solid #383D45;position:static}.typecho-head-nav button.menu-bar.focus+#typecho-nav-list>ul:first-child{border-left:none}.typecho-head-nav button.menu-bar.focus+#typecho-nav-list>ul .parent a{display:block;border:none;background:#202328}.typecho-head-nav button.menu-bar.focus+#typecho-nav-list>ul .child{position:absolute;bottom:0;left:100%;top:auto;z-index:20;width:100%;max-width:100%;min-width:auto}.typecho-head-nav button.menu-bar.focus+#typecho-nav-list>ul .child li{border-bottom:1px solid #383D45}.typecho-head-nav button.menu-bar.focus+#typecho-nav-list>ul .child li.return{display:block;text-align:center;font-size:12px}.typecho-head-nav button.menu-bar.focus+#typecho-nav-list>ul .child li.return a{color:#777}.typecho-head-nav button.menu-bar.focus+#typecho-nav-list.expanded{animation:out .15s ease-out forwards}.typecho-head-nav button.menu-bar.focus+#typecho-nav-list.noexpanded{animation:in .15s ease-out forwards}}.typecho-foot{padding:4em 0 3em;color:#999;line-height:1.8;text-align:center}.typecho-foot .copyright p{margin:10px 0 0}.typecho-foot .resource{color:#CCC}.typecho-foot .resource a{margin:0 3px;color:#999}.popup{display:none;position:absolute;top:0;left:0;margin:0;padding:8px 0;border:none;width:100%;z-index:10;text-align:center;border-radius:0}.popup ul{list-style:none;margin:0;padding:0;text-align:center}.popup ul li{display:inline-block;margin-right:10px}.loading{padding-left:20px !important;background:transparent url(../img/ajax-loader.gif) no-repeat left center}.typecho-option{list-style:none;margin:1em 0;padding:0}.typecho-option-submit li{border-bottom:none}.typecho-option label.typecho-label{display:block;margin-bottom:.5em;font-weight:bold}.typecho-option label.required:after{content:" *";color:#B94A48}.typecho-option span{margin-right:15px}.typecho-option .description{margin:.5em 0 0;color:#999;font-size:.92857em}.typecho-option input.file{width:100%;margin:.7em 0}.front-archive{padding-left:1.5em}.profile-avatar{width:220px;height:220px;border-radius:10px}#typecho-welcome{margin:1em 0;padding:1em 2em;background-color:#E9E9E6}.welcome-board{color:#999;font-size:1.15em}.welcome-board em{color:#444;font-size:2em;font-style:normal;font-family:Georgia, serif}#start-link{margin-bottom:25px;padding:0 0 35px;border-bottom:1px solid #ECECEC}#start-link li{float:left;margin-right:1.5em}#start-link .balloon{margin-top:2px}.latest-link li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-link span{display:inline-block;margin-right:4px;padding-right:8px;border-right:1px solid #ECECEC;width:37px;text-align:right;color:#999}.update-check{font-size:14px}.typecho-login-wrap{display:table;margin:0 auto;height:100%}.typecho-login{display:table-cell;padding:30px 0 100px;width:280px;text-align:center;vertical-align:middle}.typecho-login h1{margin:0 0 1em}.typecho-login .more-link{margin-top:2em;color:#CCC}.typecho-login .more-link a{margin:0 3px}.typecho-page-title h2{margin:25px 0 10px;font-size:1.28571em}.typecho-page-title h2 a{margin-left:10px;padding:3px 8px;background:#E9E9E6;font-size:.8em;border-radius:2px}.typecho-page-title h2 a:hover{text-decoration:none}.typecho-dashboard ul{list-style:none;padding:0}.typecho-dashboard li{margin-bottom:5px}.typecho-option-tabs{list-style:none;margin:1em 0 0;padding:0;font-size:13px;text-align:center}.typecho-option-tabs.fix-tabs{margin-bottom:1em}.typecho-option-tabs a{display:block;margin-right:-1px;border:1px solid #D9D9D6;padding:0 15px;height:26px;line-height:26px;color:#666;box-sizing:border-box}.typecho-option-tabs a:hover{background-color:#E9E9E6;color:#666;text-decoration:none}.typecho-option-tabs li{float:left}.typecho-option-tabs li:first-child a{border-radius:2px 0 0 2px}.typecho-option-tabs li:last-child a{border-radius:0 2px 2px 0}.typecho-option-tabs.right{float:right}.typecho-option-tabs li.current a,.typecho-option-tabs li.active a{background-color:#E9E9E6}.typecho-list-operate{margin:1em 0}.typecho-list-operate input,.typecho-list-operate button,.typecho-list-operate select{vertical-align:bottom}.typecho-list-operate input[type="checkbox"]{vertical-align:text-top}@media (min-width: 576px){.typecho-list-operate .operate{float:left}.typecho-list-operate .search{float:right}}.typecho-list-operate span.operate-delete,a.operate-delete,.typecho-list-operate span.operate-button-delete,a.operate-button-delete{color:#B94A48}a.operate-edit{color:#007700}a.operate-reply{color:#545c30}.typecho-list-operate a:hover{text-decoration:none}.typecho-list-table-title{margin:1em 0;color:#999;text-align:center}.typecho-table-wrap{padding:30px;background:#FFF}.typecho-list-table{width:100%;border-collapse:collapse;table-layout:fixed}.typecho-list-table.deactivate{color:#999}.typecho-list-table .right{text-align:right}.typecho-list-table th{padding:0 10px 10px;border-bottom:2px solid #F0F0EC;text-align:left}.typecho-list-table td{padding:10px;border-top:1px solid #F0F0EC;word-break:break-all}.typecho-list-table td pre{overflow:auto}.typecho-list-table .status{margin-left:5px;color:#999;font-size:.92857em;font-style:normal}.typecho-list-table tbody tr:hover td{background-color:#F6F6F3}.typecho-list-table tbody tr.checked td{background-color:#FFF9E8}.typecho-list-table tr td .hidden-by-mouse{opacity:0}.typecho-list-table tr:hover td .hidden-by-mouse{opacity:1}.warning{color:#B94A48}.comment-reply-content{position:relative;margin:1em 0;padding:0 1em;border:1px solid transparent;background-color:#F0F0EC}.comment-reply-content:after{position:absolute;right:1em;border:8px solid #F0F0EC;border-color:#F0F0EC #F0F0EC transparent transparent;content:" "}.comment-meta span,.comment-date{font-size:.92857em;color:#999}.comment-action a,.comment-action span{margin-right:4px}.comment-edit label{display:block}.comment-content img{max-width:100%}#typecho-respond{padding:10px;display:none}.typecho-theme-list img{margin:1em 0;max-width:100%;max-height:240px}.typecho-theme-list cite{font-style:normal;color:#999}.typecho-theme-list tbody tr.current td{background-color:#FFF9E8}.typecho-page-main .typecho-option input.text{width:100%}.typecho-page-main .typecho-option input.num{width:40px}.typecho-page-main .typecho-option textarea{width:100%;height:100px}.typecho-page-main .typecho-option .multiline{display:block;margin:.3em 0}.typecho-page-main .typecho-option .multiline.hidden{display:none}.typecho-select-theme{height:25px;line-height:25px;margin:15px 0px}.typecho-select-theme h5{color:#E47E00;font-weight:bold;float:left;font-size:14px;width:120px;margin-right:10px}.typecho-select-theme select{width:150px}.typecho-edit-theme ul{list-style:none;margin:0;padding:0}.typecho-edit-theme li{padding:3px 10px}.typecho-edit-theme .current{background-color:#E6E6E3}.typecho-edit-theme .current a{color:#444}.typecho-edit-theme textarea{font-size:.92857em;line-height:1.2;height:500px}.typecho-post-area .edit-draft-notice{color:#999;font-size:.92857em}.typecho-post-area .edit-draft-notice a{color:#B94A48}.typecho-post-area .typecho-label{display:block;margin:1em 0 -0.5em;font-weight:bold}.typecho-post-area #auto-save-message{display:block;margin-top:0.5em;color:#999;font-size:.92857em}.typecho-post-area .submit .right button{margin-left:5px}.typecho-post-area .right{float:right}.typecho-post-area .left{float:left}.typecho-post-area .out-date{border:1px solid #D3DBB3;padding:3px;background:#fff}.typecho-post-area input.title{font-size:1.17em;font-weight:bold}.typecho-post-area .url-slug{margin-top:-0.5em;color:#AAA;font-size:.92857em;word-break:break-word}.typecho-post-area #slug{padding:2px;border:none;background:#FFFBCC;color:#666}.typecho-post-area #text{resize:none}#advance-panel{display:none}#custom-field{margin:1em 0;padding:10px 15px;background:#FFF}#custom-field.fold table,#custom-field.fold .description{display:none}#custom-field .description{margin-top:10px;text-align:right}#custom-field .description button{float:left}#custom-field p.description{text-align:left}#custom-field .typecho-label{margin:0}#custom-field .typecho-label a{display:block;color:#444}#custom-field .typecho-label a:hover{color:#467B96;text-decoration:none}#custom-field table{margin-top:10px}#custom-field td{padding:10px 5px;font-size:.92857em;border-bottom:1px solid #F0F0EC;vertical-align:top}#custom-field td label{font-size:1em;font-weight:normal}#custom-field select{height:27px}.typecho-post-area .is-draft{background:#FFF1A8}.typecho-post-option .description{margin-top:-0.5em;color:#999;font-size:.92857em}.category-option ul{list-style:none;border:1px solid #D9D9D6;padding:6px 12px;max-height:240px;overflow:auto;background-color:#FFF;border-radius:2px}.category-option li{margin:3px 0}.visibility-option ul,.allow-option ul{list-style:none;padding:0}.typecho-page-main ul.tag-list{list-style:none;margin:0;padding:20px;background-color:#FFF}.typecho-page-main ul.tag-list li{display:inline-block;margin:0 0 5px 0;padding:5px 5px 5px 10px;cursor:pointer}.typecho-page-main ul.tag-list li:hover{background-color:#E9E9E6}.typecho-page-main ul.tag-list li input{display:none}.typecho-page-main ul.tag-list li.checked{background-color:#FFFBCC}.typecho-page-main ul.tag-list li.size-5{font-size:1em}.typecho-page-main ul.tag-list li.size-10{font-size:1.2em}.typecho-page-main ul.tag-list li.size-20{font-size:1.4em}.typecho-page-main ul.tag-list li.size-30{font-size:1.6em}.typecho-page-main ul.tag-list li.size-0{font-size:1.8em}.typecho-page-main .tag-edit-link{visibility:hidden}.typecho-page-main li:hover .tag-edit-link{visibility:visible}.typecho-attachment-photo{border:1px solid #E6E6E3;max-width:100%}#upload-panel{border:1px dashed #D9D9D6;background-color:#FFF;color:#999;font-size:.92857em}#upload-panel.drag{background-color:#FFFBCC}.upload-area{padding:15px;text-align:center}#file-list{list-style:none;margin:0 10px;padding:0;max-height:450px;overflow:auto;word-break:break-all}#file-list li,#file-list .insert{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#file-list li{padding:8px 0;border-top:1px dashed #D9D9D6}#file-list .insert{display:block;max-width:100%}#file-list .file{margin-left:5px}#file-list .info{text-transform:uppercase}#btn-fullscreen-upload{visibility:hidden}.edit-media button{margin-right:6px}.resize{display:block;margin:2px auto 0;padding:2px 0;border:1px solid #D9D9D6;border-width:1px 0;width:60px;cursor:row-resize}.resize i{display:block;height:1px;background-color:#D9D9D6}.tDnD_whileDrag{background-color:#FFFBCC}@media (max-width: 575px){.typecho-list-operate .search{margin-top:10px}.typecho-table-wrap{padding:10px;margin:0 -10px}.typecho-option-submit button[type="submit"]{width:100%}.profile-avatar{width:110px;height:110px}}.icons-sprite,.icons-icon-delete,.icons-icon-edit,.icons-icon-exlink,.icons-icon-upload-active,.icons-icon-upload,.icons-mime-application,.icons-mime-archive,.icons-mime-audio,.icons-mime-html,.icons-mime-image,.icons-mime-office,.icons-mime-script,.icons-mime-text,.icons-mime-unknow,.icons-mime-video,.i-edit,.i-delete,.i-upload,.i-upload-active,.i-exlink,.mime-office,.mime-text,.mime-image,.mime-html,.mime-archive,.mime-application,.mime-audio,.mime-script,.mime-video,.mime-unknow{background-image:url("../img/icons.png?_=01c3ae1");background-repeat:no-repeat}.icons-icon-delete{background-position:0 0;width:16px;height:16px}.icons-icon-edit{background-position:0 -16px;width:16px;height:16px}.icons-icon-exlink{background-position:0 -32px;width:16px;height:16px}.icons-icon-upload-active{background-position:0 -208px;width:24px;height:24px}.icons-icon-upload{background-position:0 -232px;width:24px;height:24px}.icons-icon-upload:active,.icons-icon-upload.icon-upload-active{background-position:0 -208px}.icons-mime-application{background-position:0 -48px;width:16px;height:16px}.icons-mime-archive{background-position:0 -64px;width:16px;height:16px}.icons-mime-audio{background-position:0 -80px;width:16px;height:16px}.icons-mime-html{background-position:0 -96px;width:16px;height:16px}.icons-mime-image{background-position:0 -112px;width:16px;height:16px}.icons-mime-office{background-position:0 -128px;width:16px;height:16px}.icons-mime-script{background-position:0 -144px;width:16px;height:16px}.icons-mime-text{background-position:0 -160px;width:16px;height:16px}.icons-mime-unknow{background-position:0 -176px;width:16px;height:16px}.icons-mime-video{background-position:0 -192px;width:16px;height:16px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.icons-sprite,.icons-icon-delete,.icons-icon-edit,.icons-icon-exlink,.icons-icon-upload-active,.icons-icon-upload,.icons-mime-application,.icons-mime-archive,.icons-mime-audio,.icons-mime-html,.icons-mime-image,.icons-mime-office,.icons-mime-script,.icons-mime-text,.icons-mime-unknow,.icons-mime-video,.i-edit,.i-delete,.i-upload,.i-upload-active,.i-exlink,.mime-office,.mime-text,.mime-image,.mime-html,.mime-archive,.mime-application,.mime-audio,.mime-script,.mime-video,.mime-unknow{background-image:url("../img/icons@2x.png?_=e65bc46");background-repeat:no-repeat;background-size:24px 256px}.icons-icon-delete{background-position:0 0}.icons-icon-edit{background-position:0 -16px}.icons-icon-exlink{background-position:0 -32px}.icons-icon-upload-active{background-position:0 -208px}.icons-icon-upload{background-position:0 -232px}.icons-icon-upload:active,.icons-icon-upload.icon-upload-active{background-position:0 -208px}.icons-mime-application{background-position:0 -48px}.icons-mime-archive{background-position:0 -64px}.icons-mime-audio{background-position:0 -80px}.icons-mime-html{background-position:0 -96px}.icons-mime-image{background-position:0 -112px}.icons-mime-office{background-position:0 -128px}.icons-mime-script{background-position:0 -144px}.icons-mime-text{background-position:0 -160px}.icons-mime-unknow{background-position:0 -176px}.icons-mime-video{background-position:0 -192px}.i-edit{background-position:0 -16px}.i-delete{background-position:0 0}.i-upload{background-position:0 -232px}.i-upload:active,.i-upload.icon-upload-active{background-position:0 -208px}.i-upload-active{background-position:0 -208px}.i-exlink{background-position:0 -32px}.mime-office{background-position:0 -128px}.mime-text{background-position:0 -160px}.mime-image{background-position:0 -112px}.mime-html{background-position:0 -96px}.mime-archive{background-position:0 -64px}.mime-application{background-position:0 -48px}.mime-audio{background-position:0 -80px}.mime-script{background-position:0 -144px}.mime-video{background-position:0 -192px}.mime-unknow{background-position:0 -176px}}.i-edit,.i-delete,.i-exlink,.mime-office,.mime-text,.mime-image,.mime-html,.mime-archive,.mime-application,.mime-audio,.mime-script,.mime-video,.mime-unknow,.i-upload,.i-upload-active{display:inline-block;vertical-align:text-bottom;text-indent:-9999em}.i-edit:hover,.i-delete:hover,.i-exlink:hover,.mime-office:hover,.mime-text:hover,.mime-image:hover,.mime-html:hover,.mime-archive:hover,.mime-application:hover,.mime-audio:hover,.mime-script:hover,.mime-video:hover,.mime-unknow:hover,.i-upload:hover,.i-upload-active:hover{opacity:0.75}.i-edit,.i-delete,.i-exlink,.mime-office,.mime-text,.mime-image,.mime-html,.mime-archive,.mime-application,.mime-audio,.mime-script,.mime-video,.mime-unknow{width:16px;height:16px}.i-upload,.i-upload-active{width:24px;height:24px}.i-edit{background-position:0 -16px}.i-delete{background-position:0 0}.i-upload{background-position:0 -232px}.i-upload:active,.i-upload.icon-upload-active{background-position:0 -208px}.i-upload-active{background-position:0 -208px}.i-caret-up,.i-caret-down,.i-caret-left,.i-caret-right{display:inline-block;border-style:solid;border-color:transparent transparent #BBB transparent;border-width:3px 4px 5px}.i-caret-down{border-color:#BBB transparent transparent transparent;border-width:5px 4px 3px}.i-caret-left{border-color:transparent #BBB transparent transparent;border-width:4px 5px 4px 3px}.i-caret-right{border-color:transparent transparent transparent #BBB;border-width:4px 3px 4px 5px}.i-exlink{background-position:0 -32px}.mime-office{background-position:0 -128px}.mime-text{background-position:0 -160px}.mime-image{background-position:0 -112px}.mime-html{background-position:0 -96px}.mime-archive{background-position:0 -64px}.mime-application{background-position:0 -48px}.mime-audio{background-position:0 -80px}.mime-script{background-position:0 -144px}.mime-video{background-position:0 -192px}.mime-unknow{background-position:0 -176px}.i-logo,.i-logo-s{width:169px;height:40px;display:inline-block;background:url("../img/typecho-logo.svg") no-repeat;text-indent:-9999em;background-size:auto 40px;opacity:.15}.i-logo:hover,.i-logo-s:hover{opacity:.2}.i-logo-s{width:26px;height:26px;background-size:auto 26px}.editor{margin-bottom:-0.5em}.editor-sprite,.editor-editor-bold,.editor-editor-code,.editor-editor-exit-fullscreen,.editor-editor-fullscreen,.editor-editor-heading,.editor-editor-hr,.editor-editor-image,.editor-editor-italic,.editor-editor-link,.editor-editor-more,.editor-editor-olist,.editor-editor-quote,.editor-editor-redo,.editor-editor-ulist,.editor-editor-undo,.wmd-button-row li#wmd-bold-button span,.wmd-button-row li#wmd-italic-button span,.wmd-button-row li#wmd-link-button span,.wmd-button-row li#wmd-quote-button span,.wmd-button-row li#wmd-code-button span,.wmd-button-row li#wmd-image-button span,.wmd-button-row li#wmd-olist-button span,.wmd-button-row li#wmd-ulist-button span,.wmd-button-row li#wmd-heading-button span,.wmd-button-row li#wmd-hr-button span,.wmd-button-row li#wmd-more-button span,.wmd-button-row li#wmd-undo-button span,.wmd-button-row li#wmd-redo-button span,.wmd-button-row li#wmd-fullscreen-button span,.wmd-button-row li#wmd-exit-fullscreen-button span{background-image:url("../img/editor.png?_=ce98884");background-repeat:no-repeat}.editor-editor-bold{background-position:0 0;width:20px;height:20px}.editor-editor-code{background-position:0 -20px;width:20px;height:20px}.editor-editor-exit-fullscreen{background-position:0 -40px;width:20px;height:20px}.editor-editor-fullscreen{background-position:0 -60px;width:20px;height:20px}.editor-editor-heading{background-position:0 -80px;width:20px;height:20px}.editor-editor-hr{background-position:0 -100px;width:20px;height:20px}.editor-editor-image{background-position:0 -120px;width:20px;height:20px}.editor-editor-italic{background-position:0 -140px;width:20px;height:20px}.editor-editor-link{background-position:0 -160px;width:20px;height:20px}.editor-editor-more{background-position:0 -180px;width:20px;height:20px}.editor-editor-olist{background-position:0 -200px;width:20px;height:20px}.editor-editor-quote{background-position:0 -220px;width:20px;height:20px}.editor-editor-redo{background-position:0 -240px;width:20px;height:20px}.editor-editor-ulist{background-position:0 -260px;width:20px;height:20px}.editor-editor-undo{background-position:0 -280px;width:20px;height:20px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.editor-sprite,.editor-editor-bold,.editor-editor-code,.editor-editor-exit-fullscreen,.editor-editor-fullscreen,.editor-editor-heading,.editor-editor-hr,.editor-editor-image,.editor-editor-italic,.editor-editor-link,.editor-editor-more,.editor-editor-olist,.editor-editor-quote,.editor-editor-redo,.editor-editor-ulist,.editor-editor-undo,.wmd-button-row li#wmd-bold-button span,.wmd-button-row li#wmd-italic-button span,.wmd-button-row li#wmd-link-button span,.wmd-button-row li#wmd-quote-button span,.wmd-button-row li#wmd-code-button span,.wmd-button-row li#wmd-image-button span,.wmd-button-row li#wmd-olist-button span,.wmd-button-row li#wmd-ulist-button span,.wmd-button-row li#wmd-heading-button span,.wmd-button-row li#wmd-hr-button span,.wmd-button-row li#wmd-more-button span,.wmd-button-row li#wmd-undo-button span,.wmd-button-row li#wmd-redo-button span,.wmd-button-row li#wmd-fullscreen-button span,.wmd-button-row li#wmd-exit-fullscreen-button span{background-image:url("../img/editor@2x.png?_=f3643ed");background-repeat:no-repeat;background-size:20px 300px}.editor-editor-bold{background-position:0 0}.editor-editor-code{background-position:0 -20px}.editor-editor-exit-fullscreen{background-position:0 -40px}.editor-editor-fullscreen{background-position:0 -60px}.editor-editor-heading{background-position:0 -80px}.editor-editor-hr{background-position:0 -100px}.editor-editor-image{background-position:0 -120px}.editor-editor-italic{background-position:0 -140px}.editor-editor-link{background-position:0 -160px}.editor-editor-more{background-position:0 -180px}.editor-editor-olist{background-position:0 -200px}.editor-editor-quote{background-position:0 -220px}.editor-editor-redo{background-position:0 -240px}.editor-editor-ulist{background-position:0 -260px}.editor-editor-undo{background-position:0 -280px}.wmd-button-row li#wmd-bold-button span{background-position:0 0}.wmd-button-row li#wmd-italic-button span{background-position:0 -140px}.wmd-button-row li#wmd-link-button span{background-position:0 -160px}.wmd-button-row li#wmd-quote-button span{background-position:0 -220px}.wmd-button-row li#wmd-code-button span{background-position:0 -20px}.wmd-button-row li#wmd-image-button span{background-position:0 -120px}.wmd-button-row li#wmd-olist-button span{background-position:0 -200px}.wmd-button-row li#wmd-ulist-button span{background-position:0 -260px}.wmd-button-row li#wmd-heading-button span{background-position:0 -80px}.wmd-button-row li#wmd-hr-button span{background-position:0 -100px}.wmd-button-row li#wmd-more-button span{background-position:0 -180px}.wmd-button-row li#wmd-undo-button span{background-position:0 -280px}.wmd-button-row li#wmd-redo-button span{background-position:0 -240px}.wmd-button-row li#wmd-fullscreen-button span{background-position:0 -60px}.wmd-button-row li#wmd-exit-fullscreen-button span{background-position:0 -40px}}.wmd-button-row{list-style:none;margin:0;padding:0;height:26px;line-height:1}.wmd-button-row li{display:inline-block;margin-right:4px;padding:3px;cursor:pointer;vertical-align:middle;border-radius:2px}.wmd-button-row li:hover{background-color:#E9E9E6}.wmd-button-row li.wmd-spacer{height:20px;margin:0 10px 0 6px;padding:0;width:1px;background:#E9E9E6;cursor:default}.wmd-button-row li span{display:block;width:20px;height:20px}.wmd-button-row li#wmd-bold-button span{background-position:0 0}.wmd-button-row li#wmd-italic-button span{background-position:0 -140px}.wmd-button-row li#wmd-link-button span{background-position:0 -160px}.wmd-button-row li#wmd-quote-button span{background-position:0 -220px}.wmd-button-row li#wmd-code-button span{background-position:0 -20px}.wmd-button-row li#wmd-image-button span{background-position:0 -120px}.wmd-button-row li#wmd-olist-button span{background-position:0 -200px}.wmd-button-row li#wmd-ulist-button span{background-position:0 -260px}.wmd-button-row li#wmd-heading-button span{background-position:0 -80px}.wmd-button-row li#wmd-hr-button span{background-position:0 -100px}.wmd-button-row li#wmd-more-button span{background-position:0 -180px}.wmd-button-row li#wmd-undo-button span{background-position:0 -280px}.wmd-button-row li#wmd-redo-button span{background-position:0 -240px}.wmd-button-row li#wmd-fullscreen-button span{background-position:0 -60px}.wmd-button-row li#wmd-exit-fullscreen-button span{background-position:0 -40px}#btn-cancel-preview{display:none}.wmd-edittab{float:right;margin-top:3px;font-size:.92857em}.wmd-edittab a{display:inline-block;padding:0 8px;margin-left:5px;height:20px;line-height:20px}.wmd-edittab a:hover{text-decoration:none}.wmd-edittab a.active{background:#E9E9E6;color:#999}.wmd-hidetab{display:none}.wmd-visualhide{visibility:hidden}.wmd-prompt-background{background-color:#000}.wmd-prompt-dialog{position:fixed;z-index:1001;top:50%;left:50%;margin-top:-95px;margin-left:-200px;padding:20px;width:360px;background:#F6F6F3}.wmd-prompt-dialog p{margin:0 0 5px}.wmd-prompt-dialog form{margin-top:10px}.wmd-prompt-dialog input[type="text"]{margin-bottom:10px;width:100%}.wmd-prompt-dialog button{margin-right:10px}#wmd-preview{background:#FFF;margin:1em 0;padding:0 15px;word-wrap:break-word;overflow:auto;border-radius:2px}#wmd-preview img{max-width:100%}#wmd-preview code,#wmd-preview pre{padding:2px 4px;background:#DDD;font-size:14px}#wmd-preview code{color:#C13}#wmd-preview pre{padding:1em}#wmd-preview pre code{padding:0;color:#444}#wmd-preview blockquote{margin:1em 1.5em;padding-left:1.5em;border-left:4px solid #E9E9E6;color:#777}#wmd-preview hr{margin:2em auto;width:100px;border:1px solid #E9E9E6;border-width:2px 0 0 0}#wmd-preview .summary:after{display:block;margin:2em 0;background:#FFF9E8;color:#cf9900;font-size:.85714em;text-align:center;content:"- more -"}#wmd-preview .embed{border:1px solid #ccc;height:40px;overflow:hidden;line-height:40px;text-align:center;font-size:12px;color:#777}#wmd-preview table{width:100%}#wmd-preview table th,#wmd-preview table td{border:1px solid #DDD;padding:5px 8px;word-break:break-all}#wmd-preview table th{background:#EEE}#wmd-preview span.line{display:inline;height:1px;line-height:1px;position:absolute}#wmd-preview .focus,#wmd-preview .focus *{background-color:rgba(255,230,0,0.5) !important}@keyframes fullscreen-upload{0%{opacity:0}100%{opacity:1}}.fullscreen #wmd-button-bar,.fullscreen #text,.fullscreen #wmd-preview,.fullscreen .submit{position:absolute;top:0;width:50%;background:#FFF;z-index:999;box-sizing:border-box;border-radius:0}.fullscreen #wmd-button-bar{left:0;padding:13px 20px;border-bottom:1px solid #F3F3F0;z-index:1000}.fullscreen #text{top:53px;left:0;padding:20px;border:none;outline:none}.fullscreen #wmd-preview{top:53px;right:0;margin:0;padding:5px 20px;border:none;border-left:1px solid #F3F3F0;background:#F6F6F3;overflow:auto}.fullscreen .submit{right:0;margin:0;padding:10px 20px;border-bottom:1px solid #F3F3F0}.fullscreen #upload-panel{-webkit-box-shadow:0 4px 16px rgba(0,0,0,0.225);box-shadow:0 4px 16px rgba(0,0,0,0.225);border-style:solid}.fullscreen #tab-files{position:absolute;top:52px;right:0;width:280px;z-index:1001;animation:fullscreen-upload 0.5s}.fullscreen .wmd-edittab,.fullscreen .typecho-post-option,.fullscreen .title,.fullscreen .url-slug,.fullscreen .typecho-page-title,.fullscreen .typecho-head-nav,.fullscreen .message{display:none}.fullscreen .wmd-hidetab{display:block}.fullscreen .wmd-visualhide,.fullscreen #btn-fullscreen-upload{visibility:visible}.preview .submit{width:100%;background:#FFFFDD}.preview #wmd-button-bar,.preview #wmd-preview,.preview #text,.preview #upload-panel,.preview #tab-files,.preview #btn-preview,.preview #btn-fullscreen-upload,.preview #auto-save-message{display:none}.preview .preview-frame{width:100%;border:0;padding:0;margin:0;background:#fff;z-index:999;position:absolute;top:53px;left:0}.preview .preview-loading{background-image:url(../img/ajax-loader.gif);background-position:center;background-repeat:no-repeat}.preview #btn-cancel-preview{display:inline-block}@media (max-width: 575px){#wmd-spacer2,#wmd-olist-button,#wmd-ulist-button,#wmd-heading-button,#wmd-hr-button,#wmd-more-button,#wmd-spacer3,#wmd-undo-button,#wmd-redo-button,#wmd-spacer4,#wmd-fullscreen-button,#wmd-exit-fullscreen-button,#btn-fullscreen-upload{display:none}}#ui-datepicker-div{display:none;margin-top:-1px;padding:10px;border:1px solid #D9D9D6;background:#FFF}.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left}.ui-timepicker-div dl dd{margin:0 0 10px 40%}.ui-tpicker-grid-label{background:none;border:none;margin:0;padding:0}#ui-datepicker-div .ui-datepicker-header{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #EEE}#ui-datepicker-div .ui-datepicker-prev{float:left;cursor:pointer}#ui-datepicker-div .ui-datepicker-next{float:right;cursor:pointer}#ui-datepicker-div .ui-datepicker-title{font-weight:bold;text-align:center}#ui-datepicker-div .ui-datepicker-calendar th{line-height:24px}#ui-datepicker-div .ui-datepicker-calendar a{display:block;width:30px;background-color:#F3F3F0;line-height:24px;text-align:center}#ui-datepicker-div .ui-datepicker-calendar a:hover{background-color:#E9E9E6;text-decoration:none}#ui-datepicker-div .ui-datepicker-today a{background-color:#E9E9E6;color:#444}#ui-datepicker-div .ui-datepicker-current-day a{background-color:#467B96 !important;color:#FFF}#ui-datepicker-div .ui-timepicker-div{margin-top:20px;border-top:1px solid #EEE}#ui-datepicker-div .ui-slider{position:relative;margin-top:18px;border:1px solid #E9E9E6;background-color:#F6F6F3;height:4px}#ui-datepicker-div .ui-slider .ui-slider-handle{position:absolute;top:-7px;margin-left:-5px;z-index:2;width:10px;height:16px;background-color:#467B96}#ui-datepicker-div .ui-datepicker-buttonpane{padding-top:10px;border-top:1px solid #EEE}#ui-datepicker-div .ui-datepicker-current,#ui-datepicker-div .ui-datepicker-close{float:left}#ui-datepicker-div .ui-datepicker-close{float:right}.ui-effects-transfer{border:2px dotted #ccc}ul.token-input-list{list-style:none;margin:0;padding:0 4px;min-height:32px;border:1px solid #D9D9D6;cursor:text;z-index:999;background-color:#FFF;clear:left;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul.token-input-list li{margin:4px 0}ul.token-input-list li input{padding:0;border:0;width:100%;-webkit-appearance:caret}li.token-input-token{padding:0 6px;height:27px;line-height:27px;background-color:#F3F3F0;cursor:default;font-size:.92857em;text-align:right;white-space:nowrap}li.token-input-token p{float:left;display:inline;margin:0}li.token-input-token span{color:#BBB;font-weight:bold;cursor:pointer}li.token-input-selected-token{background-color:#E9E9E6}li.token-input-input-token{padding:0 4px}div.token-input-dropdown{position:absolute;background-color:#FFF;overflow:hidden;border:1px solid #D9D9D6;border-top-width:0;cursor:default;z-index:1;font-size:.92857em}div.token-input-dropdown p{margin:0;padding:5px 10px;color:#777;font-weight:bold}div.token-input-dropdown ul{list-style:none;margin:0;padding:0}div.token-input-dropdown ul li{padding:4px 10px;background-color:#FFF}div.token-input-dropdown ul li.token-input-dropdown-item{background-color:#FFF}div.token-input-dropdown ul li em{font-style:normal}div.token-input-dropdown ul li.token-input-selected-dropdown-item{background-color:#467B96;color:#FFF}.hidden{display:none}.sr-only{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden} diff --git a/tools/build.js b/tools/build.js index e21734ae..20e1c855 100644 --- a/tools/build.js +++ b/tools/build.js @@ -5,6 +5,7 @@ const sass = require('node-sass'), UglifyJS = require("uglify-js"), srcDir = __dirname + '/../admin/src', distDir = __dirname + '/../admin', + themeDir = __dirname + '/../usr/themes/classic-22', action = process.argv.pop(); let spriteImporter = SpriteMagicImporter({ @@ -29,16 +30,16 @@ let spriteImporter = SpriteMagicImporter({ } }); -function buildSass(file) { - let outFile = distDir + '/css/' + file.split('.')[0] + '.css', - sassDir = srcDir + '/scss'; +function buildSass(file, dist, sassDir) +{ + let outFile = dist + '/' + file.split('.')[0] + '.css'; console.log(color.green('processing ' + file)); sass.render({ file: sassDir + '/' + file, outFile: outFile, includePaths: [sassDir], - outputStyle: 'compact', + outputStyle: 'compressed', importer: spriteImporter }, function (error, result) { if (error) { @@ -51,17 +52,21 @@ function buildSass(file) { }); } -function minifyJs(file) { +function minifyJs(file, dist) +{ console.log(color.green('minify ' + file)); let code = {}; code[file] = fs.readFileSync(srcDir + '/js/' + file).toString('utf8'); - fs.writeFileSync(distDir + '/js/' + file, - UglifyJS.minify(code).code); + fs.writeFileSync( + dist + '/' + file, + UglifyJS.minify(code).code + ); } -function listFiles(dir, regExp) { - let files = fs.readdirSync(srcDir + dir), result = []; +function listFiles(dir, regExp) +{ + let files = fs.readdirSync(dir), result = []; files.map(function (file) { if (file.match(regExp)) { @@ -75,14 +80,20 @@ function listFiles(dir, regExp) { if (action === 'css') { console.log(color.blue('build css')); - listFiles('/scss', /^[a-z0-9-]+\.scss$/).forEach(function (file) { - buildSass(file); + listFiles(srcDir + '/scss', /^[a-z0-9-]+\.scss$/).forEach(function (file) { + buildSass(file, distDir + '/css', srcDir + '/scss'); }); } else if (action === 'js') { console.log(color.blue('build js')); - listFiles('/js', /^[-\w]+\.js$/).forEach(function (file) { - minifyJs(file); + listFiles(srcDir + '/js', /^[-\w]+\.js$/).forEach(function (file) { + minifyJs(file, distDir + '/js'); + }); +} else if (action === 'theme_css') { + console.log(color.blue('build theme css')); + + listFiles(themeDir + '/static/scss', /^[a-z0-9-]+\.scss$/).forEach(function (file) { + buildSass(file, themeDir + '/static/css', themeDir + '/static/scss'); }); } else { console.log(color.red('Please choose correct action.')); diff --git a/tools/package-lock.json b/tools/package-lock.json index a92e3832..c59b864d 100644 --- a/tools/package-lock.json +++ b/tools/package-lock.json @@ -9,10 +9,14 @@ "version": "1.0.0", "license": "GPL-2.0-only", "dependencies": { + "@picocss/pico": "^1.5.0", "chalk": "^4.0.0", "node-sass": "^6.0.1", "sprite-magic-importer": "^1.6.2", "uglify-js": "^3.11.6" + }, + "engines": { + "node": "16.x" } }, "node_modules/@babel/code-frame": { @@ -135,6 +139,11 @@ "node": ">= 8" } }, + "node_modules/@picocss/pico": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@picocss/pico/-/pico-1.5.0.tgz", + "integrity": "sha512-1sLeGqpIYHf2ZgVEVqpewWFkfYMCMt4eUU8uINRXI21cUKAPv7Jxft+4567SEWLOjzQKH5EhlbkQdC9tGi/c+A==" + }, "node_modules/@sindresorhus/is": { "version": "0.7.0", "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.7.0.tgz", @@ -5109,6 +5118,11 @@ "fastq": "^1.6.0" } }, + "@picocss/pico": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@picocss/pico/-/pico-1.5.0.tgz", + "integrity": "sha512-1sLeGqpIYHf2ZgVEVqpewWFkfYMCMt4eUU8uINRXI21cUKAPv7Jxft+4567SEWLOjzQKH5EhlbkQdC9tGi/c+A==" + }, "@sindresorhus/is": { "version": "0.7.0", "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.7.0.tgz", diff --git a/tools/package.json b/tools/package.json index 2a7748f3..6b220514 100644 --- a/tools/package.json +++ b/tools/package.json @@ -4,11 +4,12 @@ "description": "Typecho build tools", "main": "build.js", "engines": { - "node": "16.x" + "node": "16.x" }, "scripts": { "build_js": "node build.js js", - "build_css": "node build.js css" + "build_css": "node build.js css", + "build_css:theme": "node build.js theme_css" }, "keywords": [ "typecho" @@ -16,6 +17,7 @@ "author": "joyqi", "license": "GPL-2.0-only", "dependencies": { + "@picocss/pico": "^1.5.0", "chalk": "^4.0.0", "node-sass": "^6.0.1", "sprite-magic-importer": "^1.6.2", diff --git a/usr/themes/classic-22/404.php b/usr/themes/classic-22/404.php new file mode 100644 index 00000000..81ac1c37 --- /dev/null +++ b/usr/themes/classic-22/404.php @@ -0,0 +1,19 @@ + +need('header.php'); ?> + +
+
+

404

+
    +
  • 当前页面无法访问，可能没权限或已删除。
    • +
  • The current page is not accessible, may not have permission or has been deleted.
    • +
  • La page actuelle n'est pas accessible, elle n'a peut-être pas de droits ou a été supprimée.
    • +
  • No se puede acceder a la página actual, puede que no tenga permiso o que haya sido eliminada.
    • +
  • Доступ к текущей странице невозможен, возможно, у нее нет разрешения или она была удалена.
    • +
  • 現在のページにアクセスできない、権限がない、または削除された可能性があります。
    • +
+

+
+
+ +need('footer.php'); ?> diff --git a/usr/themes/classic-22/archive.php b/usr/themes/classic-22/archive.php new file mode 100644 index 00000000..04684f6e --- /dev/null +++ b/usr/themes/classic-22/archive.php @@ -0,0 +1,40 @@ + +need('header.php'); ?> + +
+
+ + is('index')) and !($this->is('post'))): ?> +

+ archiveTitle('', '', ''); ?> +

+ + + next()): ?> + +
+ +
+ + + pageNav('« 前一页', '后一页 »'); ?> +
+ +need('footer.php'); ?> diff --git a/usr/themes/classic-22/comments.php b/usr/themes/classic-22/comments.php new file mode 100644 index 00000000..6e134221 --- /dev/null +++ b/usr/themes/classic-22/comments.php @@ -0,0 +1,44 @@ + +
+ comments()->to($comments); ?> + have()): ?> +

commentsNum(_t('暂无评论'), _t('1 条评论'), _t('%d 条评论')); ?>

+ + listComments(array( + 'commentStatus' => _t('你的评论正等待审核'), + 'avatarSize' => 120, + 'defaultAvatar' => 'monsterid' + )); ?> + + pageNav('« 前一页', '后一页 »'); ?> + + + + allow('comment')): ?> +
+
+ cancelReply(); ?> +
+ +
+ +
+ + user->hasLogin()): ?> +

+ user->screenName(); ?>· +

+ +
+ + options->commentsRequireMail): ?> required /> + options->commentsRequireURL): ?> required /> +
+ + +
+
+ +
+ +
diff --git a/usr/themes/classic-22/footer.php b/usr/themes/classic-22/footer.php new file mode 100644 index 00000000..8a63d697 --- /dev/null +++ b/usr/themes/classic-22/footer.php @@ -0,0 +1,20 @@ + + + +footer(); ?> + + + + diff --git a/usr/themes/classic-22/functions.php b/usr/themes/classic-22/functions.php new file mode 100644 index 00000000..4a203f5d --- /dev/null +++ b/usr/themes/classic-22/functions.php @@ -0,0 +1,18 @@ + _t('自动'), + 'light' => _t('浅色'), + 'dark' => _t('深色') + ), + 'auto', + _t('外观风格') + ); + + $form->addInput($themeStyle); +} diff --git a/usr/themes/classic-22/header.php b/usr/themes/classic-22/header.php new file mode 100644 index 00000000..c2c0b25e --- /dev/null +++ b/usr/themes/classic-22/header.php @@ -0,0 +1,60 @@ + + + + + + + + + <?php $this->archiveTitle('', '', ' - '); ?><?php $this->options->title(); ?> + + + + + + header(); ?> + + + + +
+
+ + + +
+
diff --git a/usr/themes/classic-22/index.php b/usr/themes/classic-22/index.php new file mode 100644 index 00000000..9ca8e2d7 --- /dev/null +++ b/usr/themes/classic-22/index.php @@ -0,0 +1,44 @@ +need('header.php'); +?> + +
+
+ next()): ?> + +
+ +
+ + + pageNav('« 前一页', '后一页 »'); ?> +
+ +need('footer.php'); ?> diff --git a/usr/themes/classic-22/page.php b/usr/themes/classic-22/page.php new file mode 100644 index 00000000..1ffbd717 --- /dev/null +++ b/usr/themes/classic-22/page.php @@ -0,0 +1,25 @@ + +need('header.php'); ?> + +
+
+ +
+ +
+ +
+ need('comments.php'); ?> +
+
+ +need('footer.php'); ?> diff --git a/usr/themes/classic-22/post.php b/usr/themes/classic-22/post.php new file mode 100644 index 00000000..9035a8ce --- /dev/null +++ b/usr/themes/classic-22/post.php @@ -0,0 +1,40 @@ + +need('header.php'); ?> + +
+
+ +
+ +
+
+
« 上一篇
+ thePrev('%s', '已经是最后一篇了'); ?> +
+
+
下一篇 »
+ theNext('%s', '已经是最后一篇了'); ?> +
+
+ +
+ need('comments.php'); ?> +
+
+ +need('footer.php'); ?> diff --git a/usr/themes/classic-22/screenshot.png b/usr/themes/classic-22/screenshot.png new file mode 100644 index 0000000000000000000000000000000000000000..dc808e010bce574ee87320fa4be201a2d200dbe1 GIT binary patch literal 9029 zcma)iWlSAhv+l+nHd378PH}g4myK(2_u}sEQe2C>yR;N{FBIEQ+}-x+`+g@UIX5@C z_s4oho>^=D%p^0(idI#YK|>})1^@tPa1H)&_Gp1O{u>o z1Ohoay|DN22XH_DED!)EgiZqjU|e~6dVYO-gMon|qohH{z<`H`M?^$?e}4zCLY|*r z4o}Wqd_o@{9tMYoNk~XgQBiAZ>+Ib9di(mjdwTEg?&jtfj*gBE3=G)V*l=-iF)=as z_P}lJ9i3f0oSdA)-+#QmzV;6cYH4X*U06wYC>7S#c$||Z~bMyZk9^&B>An-wWczD*`XyJzp%J8Gdt_*=B}))?BnB`nwAj~7H(l-`T4WCfPetHFoc_%n}L~)nVFe} zhK8F@h>?+Td}1;^Gb<)Gj*^m6&llq9`NiJBi9iOzFC->m1JU$^D7!!+BBPkuxyckE z@d-&X3d-!<{1P(q+(wY(lr+;|h?0_$tOG>I9KxmtNlZ==7L)Qwg4jkuu*D%pCg$o| zI#jBV{3ggJ9mv$|0yQ;t&%k$2Z{Nx;NLDQ*wGt9l2nor7_-8@@bdcd0NK!eZWf-!w z2{}z#%me_)F6AV}G`-eOGpD9=$#5dNx2>i~Tt8T;hzEtCk&8mp9FO$79GrXt$^6p! zC53006`k0{TaSQsofNe-J5|;ZZV;zG`s06#$8O-r^q|kys}rjXJ_#QRIkC$S{_0m2 zWkjGdpmD#7ug&>T0A1HV4>jfPU3T^T6pqiyq>rni_DV1%SNvx5sJ%QDxPg8%>l!8D z1jUM4rIsxV+f-Tj#p_754LMApvtpMRN^E*DOkckqN{&-)8i`I)KTa4)T8W7F&j)8% z`-vz7C{$kB`NmId`F%MQP@v#n{=u{Z!SMM(K+%DA{2cYQxsUO=;iccaV#?_yN^;6A zhaZW@SEC$lC2tg~fta~ph7Lj2lwypfaqQvubGFvhACQ{Zitkc4njReiOjYJ-~K|<>kaWg}Q+q8KfeqCd(5`T|N$PGWNf9F$_ zfG}XNWnS!k+4^3W>R)1vUaua{J?>lYt|>{VBtA zswNHgI(H{kTPxGJ8e)0=L_JMs|1b zOd>z@7@v&RkBk)O5$av@%HSSa-NDl-Ghj*U>hRf}k$(n8OC2^O>r+}{L3q2eOfh#m`vZ>ufbj6yZ1oPU@#r{ovnwsJt@`&r4#>O@ia)1ivtCO z5d|K5pY9mD*p~)P+>#kdlJ3fIO2&|@qb8e0;YgI?Q~UtZN651MUtHf!e+C3#@eKnK zL}nUMk=b^%!*<%CL+HplMvJX8#nj+8rKHr<4P~G#Or0s28Hf-OqC^!jT!R$$NY@Fv zBe|E)xNW*+pZR((PB`%Ty=l!&RJVhI#DZa<;o;B`@o{*`{tw6FmNP*jaEuM<9UFbM zgx2b^Jv<9vaK3jfOy*e#&F{ad6Yv+6_m#cwi=E`jjBuGT z7~DRAS0~u;MO5L^`?=QZ^%!0}Dw#y+*ec8k`UJXRD%Vr_`TkH|_7Mj-byqfaJnj5l zWv|7!T+F?ksChyjq#BN6|8Q)T;ZzWgK8Qm8*We*W$`AZQKQ)3;kcds2^==scrPyA_7&?eLRMU1Abn25$EA;UZ6Hty(_v!fa)AdorpY(il z#AU`-JjA`OU{6V=d-oF)dEO5W-SKH`OzwPklL?o< z_pRlD4`K6XguP;LdEv_e-#X9jJ$LWTmb3Bl$sO@XbMMk39o@ume^z+Vc=+T!c={># zJJ)UOhE9HKjrN~Hc$g^~ZF>J*2P5nAVE*v2Hh3woA0ydnGN7&hPTTxf%cl)T%Bvx*2ra4KCh8jv?g*FRWy%! z+{9ByT0i`6k7Ov+Ah}JF(23t z^fWhnx{6+dK3`1VS{yx!JnQ+Hv}@$BRDj?GCMHKcoXp zevwHwQ9>qAd^BK%s3)A7Zu3iE)Zu5ESdvso;{8l(pm$-h&vE7Z5^w#0#$(rk^5P+2I(k0g&JCY` zB_4Vz?4{;Bs^bzNtQ{wNj?x(?PJEs*fh=fN5|@XOV%o)nb$d|kUEL`d8}ds?@{fO} z3%Qkmb}cR?_q|^t-<`Q(O83nz@w(14c{7{quc_vX=-X2lAs5|zT6|KfV+jD6%FID4 zYd!{O|I*VUx}QSv(df;Ew>!lG^k)JO!0IRHJL%{mv9Yy3iIB9kWgc1RicVH+<)j?J zNVr;cvcKQ{w_gasNGWfph4JuM{(k>QK)3&g`B>YNaY(UUNe z0#>fQ(NL#5wW{!dh^<(iSFq@7yo#XE8$=(p6)YC~Mj;vlnQr-mu|SjxE7+BrG_28x z--Ex((nQS|&}}Od-YzY$BH(e*|qv6u;hofO>;|k?N(br1C+NcHTa5zpipbPv`ROTyyYP z)3d?EoU$LDn{a%%?wI#nDWQy=(({Gq^R1Pv9&$2Waml81; zV>kW4bM#`NPoYm8$;DE+zC=q~27-qn`DUJ^jIy z_+&#`f?pG?nDTG_#ms@|b#3IEupz|#4q^cK>vPNti9gP~RFi7|a>}^DDtG?P{S4eu zJsCRlXr4ohkzMy!&gn}rDyv1iMcxjw_n&0JAQFrxvUAA=oKG%dG~qu15Sk2PXj0|A4*O~s$688@ap zU@XSZtL3T}eafi$6#Aq|110Lhu zbPhze2sGLdAt(#;&UBeg#HwQSkid6vUdHmqq!m(2BwmX7ByVA`cly&94%vsc#K`mobF^L-fdSdSQ zIMgD5@wXbo2bk{psFVZtjYK8WKTMeg6a27bLxvr7V}A4zDbxzLbR>NG5rxn9iUc^6 z0>BQkfCp-~F^gVY8AyFLj)S)^W%_eI92Gg4K(<4+SF(K#l0gyU>3l4{UEZKCv?{C< zs9a+P1m~YSE?)YQH9EzBOt6$)gl3DbT(&iv;}UIcDeKqdGue+~Y`&#{U&vEIp8kaUs&gyQF?cSn`KA#`Rg*u2o)EhPF zBGijS$#5QFf!AtCOi58hh~$`fvSrQ@WLuY$uektZs1RsWF(9gMQQ!UUe#p ze@|V?SIaTrPDwE;4z+t>k7dd>5B>N_|IB_oMy#o;Xi8k)^@&J~>Z!PVXV-GZR#wIJ zna;a+i{;mhcK(x&SY zc#7@0imk)7G=GoFs(lhNwg6#|jgIm(vA^FW3#FX7LZ3-B_LgY`UCqgt8ExrigN{{{ zDn(b58R&E4oA$OJ*E+6rPiHynT7E6S;G|Vdq#QYSxn_B0)B#iJfuO||_nG5b{xZAP zk;+zN4_)II!8gsu`KsAeQMqJ2m!K{7z+l8{uHL1-FZrg`=3hP+-s$_QC0yD0S5ujq zqad+hUmeQDa}g!4_OaVPQ+nE!;$81+TU7UE&JM8}R5X11(43zHd)_#rN@Lb|cV<8v zs7zxw={=RYGZ~(IZ|_$INNxV~bH|HV7^xlSOs>#_Qy3`=eW?p~KR4p(!l&zZ$70!X za7mfHl7ba-q{Ip;nS<1-scmhxqI{m~o92qJV(W*gTr=A)S32ThZcjb!48j=v$4@tS zi0&S+uEdcrLu3PJ;`MVBX+%BDPzfmCdC4PHnYRggYEZVw$Xl|I_=5Ky@08lc>uJF1 zvK`+epm0QUjV+U6xoU8DfE}VH2i1NrV%9E5s-;ZOh)b$mlA_@mY%OuK6sS_H-=M|R zV9O?=kTn)62$8&&l{x#O0tJ zu2~!TeOMB$+m(=){sx@4%TJvb?6OK7~A z?~dRRiL0mQhDDB>6rkK=@+>q@>HK6!$xYcU zyRK_R@ZBA1Q^RWENY)sNp;lof`CyI8P$iQ%#?)7kZ<#AsqYzc4+)rw|vS~ld3_(UC za^5>_KDe2+oIO6hRI~gw&kIG6ZFL(nF!6tQY;WDEng!saq%fcmX(zGUL8cSD_JAPle9nM-nLs3VHbI`%f zGr4yo3$=hp!@rg1($|h@rbD@4VV+V~=(J|;iG=iJ`dO&ym~WW+#)s!5(aBPWy`+BK z({Abe?|f2EDuY^uaUWH)v{c8FV|YdISiV!qw>zl}a$UC--V)&XSGiiIrb!zAa<*{z z2&K)VtMv0bOx1GvMYeT8)LaIVVL;$krG|{m)B#(EJjstVna{l@ID4p50HwxNCScC;pDx zazErE2{Cw3MR?n*c$O{A)p{@DLj`Z$JFod(1W7?{VTS^LQ;h6P5um(7qi-PvxMdaG zZ|ysfH)CVbK=-5cE=V}yz6X1wP%(3LgsH1DyA$k&Y1-nBOj*Wit+#d*W^=4o5$-UY zV@Xu5F{NP{Y?yG1QlRtjp!$)!8(wVV(tX&r?A-W}DA7E~6#iV8RqxVC1$)r?ZQ9Gic8tGbT*#I{El{gfEfphwPFkWxGHi4RiUp2l!G3Z zW^eEMRak+PVPTcGQ1vTAg+!$_2?=k0e$n*voU)gNEEn?^b?xAz7Jn@l#r!kQ+!*!> z)PiG0o0jZ#xfKi?e%g6!MRk>h;+;PTwZkMoDv>tW0)w~7+p6TkbcQB6@2V$YR94F8 zU{lGz4DqrOnyNMEPlBlPcLSs9pB1oX;ZKjqt#++ZXM8tRO~tjI`F+<$Zm#T>K^IDG!u*QGvz%>y%elF=W~ zn%jpaHPBxsjmZKt8)CY5^a+XI=`WcjaUNmtA3yguKSHoZjj#W^F(3|RgENL4JyKD_ z-RB8Njscq;0?HkTUNE!U+;bPg9CXlvx8;eyg>}h;q@RT2gLB?=6Qu`8v)e@x3k2u{ zwiHDhr}A1lqO0QFCU|uiMQ>|IxJVk-2HC`&C;`=~Q(WPL^pvWXpH z)zeHc{l*z(NTC#vQNHq%LEgV=QtgobxeHpkf+LPO9a={j&d8|}=MLLSmrbizS`xpO zpFoAgw$u@MmI3)S;R!|Zcuca%o0;Ol&^*gtm~dVirF2uT!S{MyOG3mZ(e~}VqE}Y> z=10%c^yArbk1B7 z$rzXMG<6eEv22_f1`nA+bv2$3l^}n{(;jhjoZ1GnSonU2cj##S&YLK$;xqStE6Nvx z<@RwePio8)$B~(56Z0FC=u&6QN(&B_c&rjO3O4qdt$2=J6n`q5m|K>t5P{TM8v;s! zj#)yPXNqQ)Mo_J%uX|czSf9MksdwN^m5>b=MuAXHKCvRYCn0^L9IPS@@@Wn4Hx;5v z?k=oVesyAA^t?(JTSlpHqV!K1t7=fw4HA({Fsb7pA~@tyLmNdUyStGc`sXJQy@_kS z@}M4n`KpWAcKehu8GQYZQ;+Vr(eGmM+LE9^Y7|FE3eaT<}noGMu+s{W}JMDs6xo z(UNS)fDfalSy*=J``9@2)k_o%5$R&*SQ;8^mjVYYNg}2R*pKyC8)?WpB=f<*-%=fp zKHD;f{K)6x)&nJj#6c*~OvoK%1I0lXFl<5Xa6E990hD1JJVIza3aF;J{n=aRI@_OK z$sJ+(6+S`tqp6viz{6NPcd4Rzv0Z9U>5_TX+MXUifCOrC6*Ya$@T^{>`xJ+4XJ(qT z=7&5zCFTr^jFuldZV9)%rB&9q;k&a>4}Cv6ww|2OU~~CTrz3I; zJsbVBZib!VbA<6!I2Kj(R)iau$(&N3#uN~S3UXDgomi+<@F8|iQ)t}LC5z-$hB?8u zI6Z7CGO)>9JYk5jzpbn+A~IU0zf?Y80XB1~$FY~7t~^MlvY_Br z*CY-4`wS}tZe>+Uox#nFZe{*N@$7HIKYQRnJ)tdoDildOB6_oLvYu(e4E!ye@?;9n z-h^Vu*33dL@7W7iOPgxt7a;O^a!+xT>ZW^i|SRWe&WvG(ArvV?bo;4p@-tftr_%%Ju)~< z98MjJOOK@k6+3;~N0~90D14vprz@AQ+61_n%8En3IfXfu8fAoV!W!;l%8hj@d+j$> zupp6Kb>E0AGAqN4Y*rH0(3noa4Azx?JX|&R_>w(wzDFB619dnh*CxMxHbeSe>o^ks zrY_NP9&(K9VT9ct=;g7Ho&gPmWa0CVj#9Tp+OBViJ|@V#^6}9y-SRo;>3`eyxI%!4 zu@>Ho_69F13HW8VLxFh-NMhp$C?cXI%g6tY&|v_)0Fn$b(K0!2Qy{*FtWeV$?XtR#+(;u9&N(QGO6}31TfM6Gk4V zC-n&hOiF?K>T=re_i0!_{9@&#<_|-X$p6eqC^jExxJzfrLff~fYL9fcRS>rhe%Da8 zXJ-~ovYuQlabDK;c2tkIt9wlm7ktW;7$waJS{X>3Wq(|o>(YaBEIMBjxp_&1Ca3zS zo3ydgl&t#wfkHQxl^rRxyEeL1Sl^3)|6wfUk6y3mn!N=|b+;#vxl9h`%mdd&)h5Er zn3+lw(NR-TecbbfMQ%ZjtB~){<%wJKj~Q-X?pV&ug-d7jnLl^k&#g9=FDQ-Bey|vW zGRjF1DVs?U?Ji~HTZhu%4_f?XYPe^u<0zn1>w8NtbHM}5{JzSA+iG8KGGj|=aBKEd zHb+=*iSlPzF-h(`P|UJ#Mf%x55bLQ$l_}{_+xYH2e)-UqrX-wFIU^9$@cli6{=Ot& zW&+RH`k@(gm2W(R1D|4FL0b9LyqTPbR^>S)kS@=$&&d}VNo~a+AHjm5xNRPi?Ot#s z%vF}KGU86}UnAQNQZ9g>@1k@T84S$nv_5+l@>E&DHyf>s+Xt84<#hboQjiz_4X*pG zGbL%xO(S+|TbkeOv$>SeXxX0PJ?sy6cbtnvA4Z=oR9tKQXsKam|6Q&vzTd#d(_gGh3 zh}q*W5)wp8?tE3FDJ$AHBpT&iBnSl%Rr_0RWUES~m)59agLkWwHgN@=%)622Gm*Z+ z1{RxEe^*N>sQ=zE|D*g(joX8l_!|Z1b^R5N;`Oli@v&Dm)Hr8YRM?9}*pE~gGuYS{ z5lo&GDf$uG8xd@U5iAIM4IGsq!w7y|{|En?629(=umDt8vC;mMG!b81Xj~vgX&53V zg{1615S2tJ83iO4&-i=75b6H`Oss!^0{kDE`d?c9pO~<)e}nk`rOlE4y^Zzv2_QN7 ozd;HA(z^fB|34|NT}EM^17`K|ushxU{)Yj`NhwR#iJOG{7n;B|JOBUy literal 0 HcmV?d00001 diff --git a/usr/themes/classic-22/search.php b/usr/themes/classic-22/search.php new file mode 100644 index 00000000..4e13046f --- /dev/null +++ b/usr/themes/classic-22/search.php @@ -0,0 +1,45 @@ + +need('header.php'); ?> + +
+
+ +

+ +
+ +
+ +
+ listCategories('wrapClass=list-inline'); ?> +
+ + next()): ?> +
+ +
+ +
+ + + pageNav('« 前一页', '后一页 »'); ?> +
+ +need('footer.php'); ?> diff --git a/usr/themes/classic-22/static/css/style.css b/usr/themes/classic-22/static/css/style.css new file mode 100644 index 00000000..3c9909d2 --- /dev/null +++ b/usr/themes/classic-22/static/css/style.css @@ -0,0 +1,17 @@ +/*! + * Pico.css (https://picocss.com) + * Licensed under MIT + */:root{--font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", + "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji";--line-height: 1.5;--font-weight: 400;--font-size: 16px;--border-radius: 0.25rem;--border-width: 1px;--outline-width: 3px;--spacing: 1rem;--typography-spacing-vertical: 1.5rem;--block-spacing-vertical: calc(var(--spacing) * 2);--block-spacing-horizontal: var(--spacing);--grid-spacing-vertical: 0;--grid-spacing-horizontal: var(--spacing);--form-element-spacing-vertical: 0.75rem;--form-element-spacing-horizontal: 1rem;--nav-element-spacing-vertical: 1rem;--nav-element-spacing-horizontal: 0.5rem;--nav-link-spacing-vertical: 0.5rem;--nav-link-spacing-horizontal: 0.5rem;--form-label-font-weight: var(--font-weight);--transition: 0.2s ease-in-out}@media (min-width: 576px){body>header,body>main,body>footer,section{--block-spacing-vertical: calc(var(--spacing) * 2.5)}}@media (min-width: 768px){body>header,body>main,body>footer,section{--block-spacing-vertical: calc(var(--spacing) * 3)}}@media (min-width: 992px){body>header,body>main,body>footer,section{--block-spacing-vertical: calc(var(--spacing) * 3.5)}}@media (min-width: 1200px){body>header,body>main,body>footer,section{--block-spacing-vertical: calc(var(--spacing) * 4)}}@media (min-width: 576px){article{--block-spacing-horizontal: calc(var(--spacing) * 1.25)}}@media (min-width: 768px){article{--block-spacing-horizontal: calc(var(--spacing) * 1.5)}}@media (min-width: 992px){article{--block-spacing-horizontal: calc(var(--spacing) * 1.75)}}@media (min-width: 1200px){article{--block-spacing-horizontal: calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical: calc(var(--spacing) * 2);--block-spacing-horizontal: var(--spacing)}@media (min-width: 576px){dialog>article{--block-spacing-vertical: calc(var(--spacing) * 2.5);--block-spacing-horizontal: calc(var(--spacing) * 1.25)}}@media (min-width: 768px){dialog>article{--block-spacing-vertical: calc(var(--spacing) * 3);--block-spacing-horizontal: calc(var(--spacing) * 1.5)}}a{--text-decoration: none}a.secondary,a.contrast{--text-decoration: underline}small{--font-size: 0.875em}h1,h2,h3,h4,h5,h6{--font-weight: 700}h1{--font-size: 2rem;--typography-spacing-vertical: 3rem}h2{--font-size: 1.75rem;--typography-spacing-vertical: 2.625rem}h3{--font-size: 1.5rem;--typography-spacing-vertical: 2.25rem}h4{--font-size: 1.25rem;--typography-spacing-vertical: 1.874rem}h5{--font-size: 1.125rem;--typography-spacing-vertical: 1.6875rem}[type="checkbox"],[type="radio"]{--border-width: 2px}[type="checkbox"][role="switch"]{--border-width: 3px}thead th,thead td,tfoot th,tfoot td{--border-width: 3px}:not(thead):not(tfoot)>*>td{--font-size: 0.875em}pre,code,kbd,samp{--font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", + "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}kbd{--font-weight: bolder}[data-theme="light"],:root:not([data-theme="dark"]){color-scheme:light;--background-color: #fff;--color: #334155;--h1-color: #0f172a;--h2-color: #172033;--h3-color: #1e293b;--h4-color: #293548;--h5-color: #334155;--h6-color: #3d4b5f;--muted-color: #64748b;--muted-border-color: #f8fafc;--primary: #0029CA;--primary-hover: #001E92;--primary-focus: rgba(0,41,202,0.125);--primary-inverse: #fff;--secondary: #475569;--secondary-hover: #334155;--secondary-focus: rgba(71,85,105,0.125);--secondary-inverse: #fff;--contrast: #0f172a;--contrast-hover: #000;--contrast-focus: rgba(71,85,105,0.125);--contrast-inverse: #fff;--mark-background-color: #fff7d9;--mark-color: #291f23;--ins-color: #15803d;--del-color: #991b1b;--blockquote-border-color: var(--muted-border-color);--blockquote-footer-color: var(--muted-color);--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);--form-element-background-color: transparent;--form-element-border-color: #cbd5e1;--form-element-color: var(--color);--form-element-placeholder-color: var(--muted-color);--form-element-active-background-color: transparent;--form-element-active-border-color: var(--primary);--form-element-focus-color: var(--primary-focus);--form-element-disabled-background-color: #f1f5f9;--form-element-disabled-border-color: #cbd5e1;--form-element-disabled-opacity: 0.5;--form-element-invalid-border-color: #991b1b;--form-element-invalid-active-border-color: #b91c1c;--form-element-invalid-focus-color: rgba(185,28,28,0.125);--form-element-valid-border-color: #15803d;--form-element-valid-active-border-color: #16a34a;--form-element-valid-focus-color: rgba(22,163,74,0.125);--switch-background-color: #e2e8f0;--switch-color: var(--primary-inverse);--switch-checked-background-color: var(--primary);--range-border-color: #f1f5f9;--range-active-border-color: #e2e8f0;--range-thumb-border-color: var(--background-color);--range-thumb-color: var(--secondary);--range-thumb-hover-color: var(--secondary-hover);--range-thumb-active-color: var(--primary);--table-border-color: var(--muted-border-color);--table-row-stripped-background-color: #fcfdfe;--code-background-color: #f8fafc;--code-color: var(--muted-color);--code-kbd-background-color: var(--contrast);--code-kbd-color: var(--contrast-inverse);--code-tag-color: #b34d80;--code-property-color: #3d888f;--code-value-color: #986;--code-comment-color: #cbd5e1;--accordion-border-color: var(--muted-border-color);--accordion-close-summary-color: var(--color);--accordion-open-summary-color: var(--muted-color);--card-background-color: var(--background-color);--card-border-color: var(--muted-border-color);--card-box-shadow: 0 0.125rem 1rem rgba(15,23,42,0.04), + 0 0.125rem 2rem rgba(15,23,42,0.08), + 0 0 0 0.0625rem rgba(15,23,42,0.024);--card-sectionning-background-color: #fdfefe;--dropdown-background-color: #fdfefe;--dropdown-border-color: #f5f8fb;--dropdown-box-shadow: var(--card-box-shadow);--dropdown-color: var(--color);--dropdown-hover-background-color: #f8fafc;--modal-overlay-background-color: rgba(241,245,249,0.8);--progress-background-color: #f1f5f9;--progress-color: var(--primary);--loading-spinner-opacity: 0.5;--tooltip-background-color: var(--contrast);--tooltip-color: var(--contrast-inverse);--icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(51,65,85,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(100,116,139,0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(51,65,85,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(153,27,27,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(51,65,85,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(51,65,85,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(21,128,61,0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}@media only screen and (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme:dark;--background-color: #090e1a;--color: #e2e8f0;--h1-color: #f8fafc;--h2-color: #f5f8fb;--h3-color: #f1f5f9;--h4-color: #eaeff5;--h5-color: #e2e8f0;--h6-color: #d7dfe9;--muted-color: #64748b;--muted-border-color: #131c2e;--primary: #0029CA;--primary-hover: #0336FF;--primary-focus: rgba(0,41,202,0.25);--primary-inverse: #fff;--secondary: #475569;--secondary-hover: #64748b;--secondary-focus: rgba(100,116,139,0.25);--secondary-inverse: #fff;--contrast: #f8fafc;--contrast-hover: #fff;--contrast-focus: rgba(100,116,139,0.25);--contrast-inverse: #000;--mark-background-color: #e4d497;--mark-color: #090e1a;--ins-color: #15803d;--del-color: #991b1b;--blockquote-border-color: var(--muted-border-color);--blockquote-footer-color: var(--muted-color);--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);--form-element-background-color: #090e1a;--form-element-border-color: #293548;--form-element-color: var(--color);--form-element-placeholder-color: var(--muted-color);--form-element-active-background-color: var(--form-element-background-color);--form-element-active-border-color: var(--primary);--form-element-focus-color: var(--primary-focus);--form-element-disabled-background-color: #1e293b;--form-element-disabled-border-color: #334155;--form-element-disabled-opacity: 0.5;--form-element-invalid-border-color: #7f1d1d;--form-element-invalid-active-border-color: #991b1b;--form-element-invalid-focus-color: rgba(153,27,27,0.25);--form-element-valid-border-color: #166534;--form-element-valid-active-border-color: #15803d;--form-element-valid-focus-color: rgba(21,128,61,0.25);--switch-background-color: #293548;--switch-color: var(--primary-inverse);--switch-checked-background-color: var(--primary);--range-border-color: #172033;--range-active-border-color: #1e293b;--range-thumb-border-color: var(--background-color);--range-thumb-color: var(--secondary);--range-thumb-hover-color: var(--secondary-hover);--range-thumb-active-color: var(--primary);--table-border-color: var(--muted-border-color);--table-row-stripped-background-color: rgba(100,116,139,0.05);--code-background-color: #0d1425;--code-color: var(--muted-color);--code-kbd-background-color: var(--contrast);--code-kbd-color: var(--contrast-inverse);--code-tag-color: #a65980;--code-property-color: #599fa6;--code-value-color: #8c8473;--code-comment-color: #3d4b5f;--accordion-border-color: var(--muted-border-color);--accordion-active-summary-color: var(--primary);--accordion-close-summary-color: var(--color);--accordion-open-summary-color: var(--muted-color);--card-background-color: #0b1120;--card-border-color: #090e1a;--card-box-shadow: 0 0.125rem 1rem rgba(0,0,0,0.06), + 0 0.125rem 2rem rgba(0,0,0,0.12), + 0 0 0 0.0625rem rgba(0,0,0,0.036);--card-sectionning-background-color: #0d1425;--dropdown-background-color: #0f172a;--dropdown-border-color: #172033;--dropdown-box-shadow: var(--card-box-shadow);--dropdown-color: var(--color);--dropdown-hover-background-color: rgba(23,32,51,0.75);--modal-overlay-background-color: rgba(23,32,51,0.9);--progress-background-color: #172033;--progress-color: var(--primary);--loading-spinner-opacity: 0.5;--tooltip-background-color: var(--contrast);--tooltip-color: var(--contrast-inverse);--icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(203,213,225,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(100,116,139,0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(203,213,225,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(127,29,29,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(203,213,225,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(203,213,225,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(22,101,52,0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}}[data-theme="dark"]{color-scheme:dark;--background-color: #090e1a;--color: #e2e8f0;--h1-color: #f8fafc;--h2-color: #f5f8fb;--h3-color: #f1f5f9;--h4-color: #eaeff5;--h5-color: #e2e8f0;--h6-color: #d7dfe9;--muted-color: #64748b;--muted-border-color: #131c2e;--primary: #0029CA;--primary-hover: #0336FF;--primary-focus: rgba(0,41,202,0.25);--primary-inverse: #fff;--secondary: #475569;--secondary-hover: #64748b;--secondary-focus: rgba(100,116,139,0.25);--secondary-inverse: #fff;--contrast: #f8fafc;--contrast-hover: #fff;--contrast-focus: rgba(100,116,139,0.25);--contrast-inverse: #000;--mark-background-color: #e4d497;--mark-color: #090e1a;--ins-color: #15803d;--del-color: #991b1b;--blockquote-border-color: var(--muted-border-color);--blockquote-footer-color: var(--muted-color);--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);--form-element-background-color: #090e1a;--form-element-border-color: #293548;--form-element-color: var(--color);--form-element-placeholder-color: var(--muted-color);--form-element-active-background-color: var(--form-element-background-color);--form-element-active-border-color: var(--primary);--form-element-focus-color: var(--primary-focus);--form-element-disabled-background-color: #1e293b;--form-element-disabled-border-color: #334155;--form-element-disabled-opacity: 0.5;--form-element-invalid-border-color: #7f1d1d;--form-element-invalid-active-border-color: #991b1b;--form-element-invalid-focus-color: rgba(153,27,27,0.25);--form-element-valid-border-color: #166534;--form-element-valid-active-border-color: #15803d;--form-element-valid-focus-color: rgba(21,128,61,0.25);--switch-background-color: #293548;--switch-color: var(--primary-inverse);--switch-checked-background-color: var(--primary);--range-border-color: #172033;--range-active-border-color: #1e293b;--range-thumb-border-color: var(--background-color);--range-thumb-color: var(--secondary);--range-thumb-hover-color: var(--secondary-hover);--range-thumb-active-color: var(--primary);--table-border-color: var(--muted-border-color);--table-row-stripped-background-color: rgba(100,116,139,0.05);--code-background-color: #0d1425;--code-color: var(--muted-color);--code-kbd-background-color: var(--contrast);--code-kbd-color: var(--contrast-inverse);--code-tag-color: #a65980;--code-property-color: #599fa6;--code-value-color: #8c8473;--code-comment-color: #3d4b5f;--accordion-border-color: var(--muted-border-color);--accordion-active-summary-color: var(--primary);--accordion-close-summary-color: var(--color);--accordion-open-summary-color: var(--muted-color);--card-background-color: #0b1120;--card-border-color: #090e1a;--card-box-shadow: 0 0.125rem 1rem rgba(0,0,0,0.06), + 0 0.125rem 2rem rgba(0,0,0,0.12), + 0 0 0 0.0625rem rgba(0,0,0,0.036);--card-sectionning-background-color: #0d1425;--dropdown-background-color: #0f172a;--dropdown-border-color: #172033;--dropdown-box-shadow: var(--card-box-shadow);--dropdown-color: var(--color);--dropdown-hover-background-color: rgba(23,32,51,0.75);--modal-overlay-background-color: rgba(23,32,51,0.9);--progress-background-color: #172033;--progress-color: var(--primary);--loading-spinner-opacity: 0.5;--tooltip-background-color: var(--contrast);--tooltip-color: var(--contrast-inverse);--icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(203,213,225,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(100,116,139,0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(203,213,225,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(127,29,29,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(203,213,225,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(203,213,225,0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(22,101,52,0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}*,*::before,*::after{box-sizing:border-box;background-repeat:no-repeat}::before,::after{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);overflow-wrap:break-word;cursor:default;tab-size:4}main{display:block}body{width:100%;margin:0}body>header,body>main,body>footer{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width: 576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width: 768px){.container{max-width:700px}}@media (min-width: 992px){.container{max-width:920px}}@media (min-width: 1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width: 992px){.grid{grid-template-columns:repeat(auto-fit, minmax(0%, 1fr))}}.grid>*{min-width:0}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a,[role="link"]{--color: var(--primary);--background-color: transparent;outline:none;background-color:var(--background-color);color:var(--color);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition)}a:is([aria-current],:hover,:active,:focus),[role="link"]:is([aria-current],:hover,:active,:focus){--color: var(--primary-hover);--text-decoration: underline}a:focus,[role="link"]:focus{--background-color: var(--primary-focus)}a.secondary,[role="link"].secondary{--color: var(--secondary)}a.secondary:is([aria-current],:hover,:active,:focus),[role="link"].secondary:is([aria-current],:hover,:active,:focus){--color: var(--secondary-hover)}a.secondary:focus,[role="link"].secondary:focus{--background-color: var(--secondary-focus)}a.contrast,[role="link"].contrast{--color: var(--contrast)}a.contrast:is([aria-current],:hover,:active,:focus),[role="link"].contrast:is([aria-current],:hover,:active,:focus){--color: var(--contrast-hover)}a.contrast:focus,[role="link"].contrast:focus{--background-color: var(--contrast-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color: var(--h1-color)}h2{--color: var(--h2-color)}h3{--color: var(--h3-color)}h4{--color: var(--h4-color)}h5{--color: var(--h5-color)}h6{--color: var(--h6-color)}:where(address,blockquote,dl,figure,form,ol,p,pre,table,ul) ~ :is(h1,h2,h3,h4,h5,h6){margin-top:var(--typography-spacing-vertical)}hgroup,.headings{margin-bottom:var(--typography-spacing-vertical)}hgroup>*,.headings>*{margin-bottom:0}hgroup>*:last-child,.headings>*:last-child{--color: var(--muted-color);--font-weight: unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}:where(dl,ol,ul){padding-right:0;padding-left:var(--spacing);padding-inline-start:var(--spacing);padding-inline-end:0}:where(dl,ol,ul) li{margin-bottom:calc(var(--typography-spacing-vertical) * 0.25)}:where(dl,ol,ul) :is(dl,ol,ul){margin:0;margin-top:calc(var(--typography-spacing-vertical) * 0.25)}ul li{list-style:square}mark{padding:0.125rem 0.25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * 0.5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::selection{background-color:var(--primary-focus)}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}:where(iframe){border-style:none}img{max-width:100%;height:auto;border-style:none}:where(svg:not([fill])){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button{display:block;width:100%;margin-bottom:var(--spacing)}[role="button"]{display:inline-block;text-decoration:none}button,input[type="submit"],input[type="button"],input[type="reset"],[role="button"]{--background-color: var(--primary);--border-color: var(--primary);--color: var(--primary-inverse);--box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:none;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}button:is([aria-current],:hover,:active,:focus),input[type="submit"]:is([aria-current],:hover,:active,:focus),input[type="button"]:is([aria-current],:hover,:active,:focus),input[type="reset"]:is([aria-current],:hover,:active,:focus),[role="button"]:is([aria-current],:hover,:active,:focus){--background-color: var(--primary-hover);--border-color: var(--primary-hover);--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color: var(--primary-inverse)}button:focus,input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus,[role="button"]:focus{--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), + 0 0 0 var(--outline-width) var(--primary-focus)}:is(button,input[type="submit"],input[type="button"],[role="button"]).secondary,input[type="reset"]{--background-color: var(--secondary);--border-color: var(--secondary);--color: var(--secondary-inverse);cursor:pointer}:is(button,input[type="submit"],input[type="button"],[role="button"]).secondary:is([aria-current],:hover,:active,:focus),input[type="reset"]:is([aria-current],:hover,:active,:focus){--background-color: var(--secondary-hover);--border-color: var(--secondary-hover);--color: var(--secondary-inverse)}:is(button,input[type="submit"],input[type="button"],[role="button"]).secondary:focus,input[type="reset"]:focus{--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), + 0 0 0 var(--outline-width) var(--secondary-focus)}:is(button,input[type="submit"],input[type="button"],[role="button"]).contrast{--background-color: var(--contrast);--border-color: var(--contrast);--color: var(--contrast-inverse)}:is(button,input[type="submit"],input[type="button"],[role="button"]).contrast:is([aria-current],:hover,:active,:focus){--background-color: var(--contrast-hover);--border-color: var(--contrast-hover);--color: var(--contrast-inverse)}:is(button,input[type="submit"],input[type="button"],[role="button"]).contrast:focus{--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), + 0 0 0 var(--outline-width) var(--contrast-focus)}:is(button,input[type="submit"],input[type="button"],[role="button"]).outline,input[type="reset"].outline{--background-color: transparent;--color: var(--primary)}:is(button,input[type="submit"],input[type="button"],[role="button"]).outline:is([aria-current],:hover,:active,:focus),input[type="reset"].outline:is([aria-current],:hover,:active,:focus){--background-color: transparent;--color: var(--primary-hover)}:is(button,input[type="submit"],input[type="button"],[role="button"]).outline.secondary,input[type="reset"].outline{--color: var(--secondary)}:is(button,input[type="submit"],input[type="button"],[role="button"]).outline.secondary:is([aria-current],:hover,:active,:focus),input[type="reset"].outline:is([aria-current],:hover,:active,:focus){--color: var(--secondary-hover)}:is(button,input[type="submit"],input[type="button"],[role="button"]).outline.contrast{--color: var(--contrast)}:is(button,input[type="submit"],input[type="button"],[role="button"]).outline.contrast:is([aria-current],:hover,:active,:focus){--color: var(--contrast-hover)}:where(button,[type="submit"],[type="button"],[type="reset"],[role="button"])[disabled],:where(fieldset[disabled]) :is(button,[type="submit"],[type="button"],[type="reset"],[role="button"]),a[role="button"]:not([href]){opacity:0.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:none}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type="file"],[type="range"]{padding:0;border-width:0}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]){height:calc( (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) + (var(--border-width) * 2))}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}label,fieldset legend{display:block;margin-bottom:calc(var(--spacing) * 0.25);font-weight:var(--form-label-font-weight, var(--font-weight))}input:not([type="checkbox"]):not([type="radio"]),select,textarea{width:100%}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea{appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color: var(--form-element-background-color);--border-color: var(--form-element-border-color);--color: var(--form-element-color);--box-shadow: none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:none;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([readonly]):is(:active,:focus),:where(select,textarea):is(:active,:focus){--background-color: var(--form-element-active-background-color)}input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([role="switch"]):not([readonly]):is(:active,:focus),:where(select,textarea):is(:active,:focus){--border-color: var(--form-element-active-border-color)}input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="file"]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type="submit"]):not([type="button"]):not([type="reset"])[disabled],select[disabled],textarea[disabled],:where(fieldset[disabled]) :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]),select,textarea){--background-color: var(--form-element-disabled-background-color);--border-color: var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity);pointer-events:none}:where(input,select,textarea):not([type="checkbox"]):not([type="radio"])[aria-invalid]{padding-right:calc( var(--form-element-spacing-horizontal) + 1.5rem) !important;padding-left:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal) !important;padding-inline-end:calc( var(--form-element-spacing-horizontal) + 1.5rem) !important;background-position:center right 0.75rem;background-size:1rem auto;background-repeat:no-repeat}:where(input,select,textarea):not([type="checkbox"]):not([type="radio"])[aria-invalid="false"]{background-image:var(--icon-valid)}:where(input,select,textarea):not([type="checkbox"]):not([type="radio"])[aria-invalid="true"]{background-image:var(--icon-invalid)}:where(input,select,textarea)[aria-invalid="false"]{--border-color: var(--form-element-valid-border-color)}:where(input,select,textarea)[aria-invalid="false"]:is(:active,:focus){--border-color: var(--form-element-valid-active-border-color) !important;--box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important}:where(input,select,textarea)[aria-invalid="true"]{--border-color: var(--form-element-invalid-border-color)}:where(input,select,textarea)[aria-invalid="true"]:is(:active,:focus){--border-color: var(--form-element-invalid-active-border-color) !important;--box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important}[dir="rtl"] :where(input,select,textarea):not([type="checkbox"]):not([type="radio"])[aria-invalid],[dir="rtl"] :where(input,select,textarea):not([type="checkbox"]):not([type="radio"])[aria-invalid="true"],[dir="rtl"] :where(input,select,textarea):not([type="checkbox"]):not([type="radio"])[aria-invalid="false"]{background-position:center left 0.75rem}input::placeholder,input::-webkit-input-placeholder,textarea::placeholder,textarea::-webkit-input-placeholder,select:invalid{color:var(--form-element-placeholder-color);opacity:1}input:not([type="checkbox"]):not([type="radio"]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right 0.75rem;background-size:1rem auto;background-repeat:no-repeat}[dir="rtl"] select:not([multiple]):not([size]){background-position:center left 0.75rem}:where(input,select,textarea)+small{display:block;width:100%;margin-top:calc(var(--spacing) * -0.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>:where(input,select,textarea){margin-top:calc(var(--spacing) * 0.25)}[type="color"]::-webkit-color-swatch-wrapper{padding:0}[type="color"]::-moz-focus-inner{padding:0}[type="color"]::-webkit-color-swatch{border:0;border-radius:calc(var(--border-radius) * 0.5)}[type="color"]::-moz-color-swatch{border:0;border-radius:calc(var(--border-radius) * 0.5)}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="date"],input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="datetime-local"],input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="month"],input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="time"],input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="week"]{--icon-position: 0.75rem;--icon-width: 1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="time"]{background-image:var(--icon-time)}[type="date"]::-webkit-calendar-picker-indicator,[type="datetime-local"]::-webkit-calendar-picker-indicator,[type="month"]::-webkit-calendar-picker-indicator,[type="time"]::-webkit-calendar-picker-indicator,[type="week"]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir="rtl"] :is([type="date"],[type="datetime-local"],[type="month"],[type="time"],[type="week"]){text-align:right}[type="file"]{--color: var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * 0.5) 0;border:0;border-radius:0;background:none}[type="file"]::file-selector-button{--background-color: var(--secondary);--border-color: var(--secondary);--color: var(--secondary-inverse);margin-right:calc(var(--spacing) / 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing) / 2);padding:calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:none;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type="file"]::file-selector-button:is(:hover,:active,:focus){--background-color: var(--secondary-hover);--border-color: var(--secondary-hover)}[type="file"]::-webkit-file-upload-button{--background-color: var(--secondary);--border-color: var(--secondary);--color: var(--secondary-inverse);margin-right:calc(var(--spacing) / 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing) / 2);padding:calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:none;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type="file"]::-webkit-file-upload-button:is(:hover,:active,:focus){--background-color: var(--secondary-hover);--border-color: var(--secondary-hover)}[type="file"]::-ms-browse{--background-color: var(--secondary);--border-color: var(--secondary);--color: var(--secondary-inverse);margin-right:calc(var(--spacing) / 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing) / 2);padding:calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:none;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type="file"]::-ms-browse:is(:hover,:active,:focus){--background-color: var(--secondary-hover);--border-color: var(--secondary-hover)}[type="range"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:none}[type="range"]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);transition:background-color var(--transition),box-shadow var(--transition)}[type="range"]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);transition:background-color var(--transition),box-shadow var(--transition)}[type="range"]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);transition:background-color var(--transition),box-shadow var(--transition)}[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;transition:background-color var(--transition),transform var(--transition)}[type="range"]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;transition:background-color var(--transition),transform var(--transition)}[type="range"]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;transition:background-color var(--transition),transform var(--transition)}[type="range"]:hover,[type="range"]:focus{--range-border-color: var(--range-active-border-color);--range-thumb-color: var(--range-thumb-hover-color)}[type="range"]:active{--range-thumb-color: var(--range-thumb-active-color)}[type="range"]:active::-webkit-slider-thumb{transform:scale(1.25)}[type="range"]:active::-moz-range-thumb{transform:scale(1.25)}[type="range"]:active::-ms-thumb{transform:scale(1.25)}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="search"]{padding-inline-start:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="search"][aria-invalid]{padding-inline-start:calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;background-position:center left 1.125rem, center right 0.75rem}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="search"][aria-invalid="false"]{background-image:var(--icon-search),var(--icon-valid)}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="search"][aria-invalid="true"]{background-image:var(--icon-search),var(--icon-invalid)}[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}[dir="rtl"] :where(input):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="search"]{background-position:center right 1.125rem}[dir="rtl"] :where(input):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[type="search"][aria-invalid]{background-position:center right 1.125rem, center left 0.75rem}:where(table){width:100%;border-collapse:collapse;border-spacing:0;text-indent:0}th,td{padding:calc(var(--spacing) / 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot th,tfoot td{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role="grid"] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}pre,code,kbd,samp{font-size:0.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}pre,code,kbd{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:0.375rem 0.5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:none;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{height:0;border:0;border-top:1px solid var(--muted-border-color);color:inherit}[hidden],template{display:none !important}canvas{display:inline-block}:where(nav li)::before{float:left;content:"\200B"}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)}nav li>*{--spacing: 0}nav :where(a,[role="link"]){display:inline-block;margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);border-radius:var(--border-radius);text-decoration:none}nav :where(a,[role="link"]):is([aria-current],:hover,:active,:focus){text-decoration:none}nav [role="button"]{margin-right:inherit;margin-left:inherit;padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal)}aside nav,aside ol,aside ul,aside li{display:block}aside li{padding:calc(var(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal)}aside li a{display:block}aside li [role="button"]{margin:inherit}[aria-controls]{cursor:pointer}[aria-disabled="true"],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0, 0, 0, 0);position:absolute}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation}[dir="rtl"]{direction:rtl}@media (prefers-reduced-motion: reduce){*:not([aria-busy="true"]),:not([aria-busy="true"])::before,:not([aria-busy="true"])::after{background-attachment:initial !important;animation-duration:1ms !important;animation-delay:-1ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}body{cursor:auto}[data-theme="light"],:root:not([data-theme="dark"]){--primary: #0336FF;--primary-hover: #0029CA;--muted-border-color: #e2e8f0}[data-theme="dark"]{--primary: #0336FF;--primary-hover: #2C57FF;--muted-border-color: #1e293b}h1,h2,h3,h4,h5{line-height:1.25}h1{--font-size: 2.5rem}h2{--font-size: 2rem}h3{--font-size: 1.75rem}h4{--font-size: 1.5rem}h5{--font-size: 1.25rem}.is-sm{width:1.25em;height:1.25em}.text-muted,.text-muted a{color:var(--muted-color)}.text-muted a:hover{color:var(--secondary-hover)}.text-center{text-align:center}.text-end{text-align:right}.ms-2{margin-left:calc(var(--spacing) / 2)}.me-2{margin-right:calc(var(--spacing) / 2)}.mx-2{margin-left:calc(var(--spacing) / 2);margin-right:calc(var(--spacing) / 2)}.list-inline{padding-left:0;list-style:none;margin-bottom:0}.list-inline li{display:inline-block;margin-bottom:0}.list-inline li:not(:last-child){margin-right:var(--spacing)}.list-inline svg{vertical-align:text-bottom}.container-inner{margin-left:auto;margin-right:auto;max-width:84rem}@media (min-width: 992px){.container-inner{padding-left:calc(var(--spacing) * 1.5);padding-right:calc(var(--spacing) * 1.5)}}.container-thin{margin:0 auto;max-width:736px}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:end}.align-self-center{align-self:center}.site-navbar{padding-top:calc(var(--spacing) / 2);padding-bottom:calc(var(--spacing) / 2);background-color:var(--primary)}.site-navbar a{color:#fff}.site-navbar a:hover{text-decoration:underline}.site-navbar .site-name{flex-grow:1}.site-navbar .brand{font-size:1.25rem;font-weight:700}.site-navbar .desc{color:rgba(255,255,255,0.75);display:none}@media (min-width: 576px){.site-navbar .desc{display:inline-block}}.site-nav{display:block}.site-nav .active{font-weight:700}#nav-toggler{display:none}#nav-toggler:checked ~ .nav-menu{display:block}.nav-menu{display:none}.nav-menu li{display:block;padding:calc(var(--spacing) * .5)}.nav-menu a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}.nav-toggler-btn{margin:calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);padding:var(--spacing) calc(var(--spacing) * 0.5);color:#fff;cursor:pointer}@media (min-width: 992px){.site-navbar .container-inner,.site-nav{display:flex}.site-navbar .container-inner nav:first-child{flex-grow:1}.nav-toggler-btn{display:none}.nav-menu{display:flex !important}.nav-menu li:not(:last-child){margin-right:calc(var(--spacing) / 2)}}.post-separator{margin:var(--block-spacing-vertical) 0}.entry-header{margin-bottom:calc(var(--spacing) * 2)}.entry-title{margin-bottom:var(--spacing)}.entry-title a{color:var(--h1-color)}.more{text-align:center}.post-next{border-top:1px solid var(--muted-border-color);border-bottom:1px solid var(--muted-border-color);padding:calc(var(--spacing) * 1.5) 0;margin:var(--block-spacing-vertical) 0}.post-next a{color:var(--h5-color);font-weight:700}.fmt{line-height:1.6}.fmt pre,.fmt hr{margin-bottom:var(--typography-spacing-vertical)}.site-footer{padding-bottom:calc(var(--block-spacing-vertical) / 2)}.comment-list{list-style:none;padding-left:calc(var(--spacing) * 4)}.comment-body{margin:calc(var(--spacing) * 1.5) 0}.comment-by-author>.comment-author::after{content:"AU";margin-left:.25rem;color:var(--muted-color);padding:0 var(--border-radius);border:1px solid var(--muted-color);font-size:.75rem;border-radius:var(--border-radius)}.comment-author{position:relative}.comment-author .avatar{position:absolute;width:calc(var(--spacing) * 3);left:calc(var(--spacing) * -4);border-radius:var(--border-radius)}.comment-author cite{font-style:normal;font-weight:700}.comment-author a{color:var(--h5-color)}.comment-meta a,.comment-reply a{font-size:.875em;color:var(--muted-color)}.comment-meta a:hover,.comment-reply a:hover{color:var(--secondary-hover)}.comment-meta{margin-bottom:calc(var(--spacing) / 2)}.comment-reply:blank{margin-top:0}.comment-awaiting-moderation{margin-left:calc(var(--spacing) / 2);font-size:.875em;color:var(--del-color)}.comment-children{margin:calc(var(--spacing) * 1.5) 0}#response{margin:0 0 calc(var(--spacing) / 2)}#cancel-comment-reply-link{font-size:.875em;color:var(--del-color)}.comment-body .respond{margin-top:var(--spacing)}.page-navigator{list-style:none;padding:0;text-align:center}.page-navigator li{display:inline;margin-left:calc(var(--spacing) / 2);margin-right:calc(var(--spacing) / 2)}.page-navigator li.current a{font-weight:700;color:var(--h5-color)} diff --git a/usr/themes/classic-22/static/scss/_pico.scss b/usr/themes/classic-22/static/scss/_pico.scss new file mode 100644 index 00000000..ee6843a7 --- /dev/null +++ b/usr/themes/classic-22/static/scss/_pico.scss @@ -0,0 +1,105 @@ +/*! + * Pico.css (https://picocss.com) + * Licensed under MIT + */ + +// Config +$enable-responsive-typography: false; + +// Grey +$grey-50: #f8fafc; +$grey-100: #f1f5f9; +$grey-200: #e2e8f0; +$grey-300: #cbd5e1; +$grey-400: #94a3b8; +$grey-500: #64748b; +$grey-600: #475569; +$grey-700: #334155; +$grey-800: #1e293b; +$grey-900: #0f172a; + +// Blue +$primary-50: #BBC8FF; +$primary-100: #A6B8FF; +$primary-200: #7D98FF; +$primary-300: #5577FF; +$primary-400: #2C57FF; +$primary-500: #0336FF; +$primary-600: #0029CA; +$primary-700: #001E92; +$primary-800: #00125A; +$primary-900: #000722; + +// Amber +$amber-50: #fffbeb; +$amber-100: #fef3c7; +$amber-200: #fde68a; +$amber-300: #fcd34d; +$amber-400: #fbbf24; +$amber-500: #f59e0b; +$amber-600: #d97706; +$amber-700: #b45309; +$amber-800: #92400e; +$amber-900: #78350f; + +// Green +$green-50: #f0fdf4; +$green-100: #dcfce7; +$green-200: #bbf7d0; +$green-300: #86efac; +$green-400: #4ade80; +$green-500: #22c55e; +$green-600: #16a34a; +$green-700: #15803d; +$green-800: #166534; +$green-900: #14532d; + +// Red +$red-50: #fef2f2; +$red-100: #fee2e2; +$red-200: #fecaca; +$red-300: #fca5a5; +$red-400: #f87171; +$red-500: #ef4444; +$red-600: #dc2626; +$red-700: #b91c1c; +$red-800: #991b1b; +$red-900: #7f1d1d; + +@import "../../../../../tools/node_modules/@picocss/pico/scss/variables"; + +// Theming +@import "../../../../../tools/node_modules/@picocss/pico/scss/themes/default"; + +// Layout +@import "../../../../../tools/node_modules/@picocss/pico/scss/layout/document"; // html +@import "../../../../../tools/node_modules/@picocss/pico/scss/layout/sectioning"; // body, header, main, footer +@import "../../../../../tools/node_modules/@picocss/pico/scss/layout/container"; // .container, .container-fluid +@import "../../../../../tools/node_modules/@picocss/pico/scss/layout/section"; // section +@import "../../../../../tools/node_modules/@picocss/pico/scss/layout/grid"; // .grid +// @import "../../../../../tools/node_modules/@picocss/pico/scss/layout/scroller"; // figure + +// Content +@import "../../../../../tools/node_modules/@picocss/pico/scss/content/typography"; // a, headings, p, ul, blockquote, ... +@import "../../../../../tools/node_modules/@picocss/pico/scss/content/embedded"; // audio, canvas, iframe, img, svg, video +@import "../../../../../tools/node_modules/@picocss/pico/scss/content/button"; // button, a[role=button], type=button, type=submit ... +@import "../../../../../tools/node_modules/@picocss/pico/scss/content/form"; // input, select, textarea, label, fieldset, legend +// @import "../../../../../tools/node_modules/@picocss/pico/scss/content/form-checkbox-radio"; // type=checkbox, type=radio, role=switch +@import "../../../../../tools/node_modules/@picocss/pico/scss/content/form-alt-input-types"; // type=color, type=date, type=file, type=search, ... +@import "../../../../../tools/node_modules/@picocss/pico/scss/content/table"; // table, tr, td, ... +@import "../../../../../tools/node_modules/@picocss/pico/scss/content/code"; // pre, code, ... +@import "../../../../../tools/node_modules/@picocss/pico/scss/content/miscs"; // hr, template, [hidden], dialog, canvas + +// Components +// @import "../../../../../tools/node_modules/@picocss/pico/scss/components/accordion"; // details, summary +// @import "../../../../../tools/node_modules/@picocss/pico/scss/components/card"; // article +// @import "../../../../../tools/node_modules/@picocss/pico/scss/components/modal"; // dialog +@import "../../../../../tools/node_modules/@picocss/pico/scss/components/nav"; // nav +// @import "../../../../../tools/node_modules/@picocss/pico/scss/components/progress"; // progress +// @import "../../../../../tools/node_modules/@picocss/pico/scss/components/dropdown"; // dropdown + +// Utilities +// @import "../../../../../tools/node_modules/@picocss/pico/scss/utilities/loading"; // aria-busy=true +// @import "../../../../../tools/node_modules/@picocss/pico/scss/utilities/tooltip"; // data-tooltip +@import "../../../../../tools/node_modules/@picocss/pico/scss/utilities/accessibility"; // -ms-touch-action, aria-* +@import "../../../../../tools/node_modules/@picocss/pico/scss/utilities/reduce-motion"; // prefers-reduced-motion \ No newline at end of file diff --git a/usr/themes/classic-22/static/scss/style.scss b/usr/themes/classic-22/static/scss/style.scss new file mode 100644 index 00000000..04f68802 --- /dev/null +++ b/usr/themes/classic-22/static/scss/style.scss @@ -0,0 +1,340 @@ +@import "pico"; + +// Global Set +body { + cursor: auto; +} + +// Theme +[data-theme="light"], +:root:not([data-theme="dark"]) { + --primary: #{$primary-500}; + --primary-hover: #{$primary-600}; + --muted-border-color: #{$grey-200}; +} + +[data-theme="dark"] { + --primary: #{$primary-500}; + --primary-hover: #{$primary-400}; + --muted-border-color: #{$grey-800}; +} + +// Content +h1, h2, h3, h4, h5 { line-height: 1.25; } +h1 { --font-size: 2.5rem; } +h2 { --font-size: 2rem; } +h3 { --font-size: 1.75rem; } +h4 { --font-size: 1.5rem; } +h5 { --font-size: 1.25rem; } + +// Icon Size +.is-sm { + width: 1.25em; + height: 1.25em; +} + +// Utilities +.text-muted, +.text-muted a { + color: var(--muted-color); +} + +.text-muted a:hover { + color: var(--secondary-hover); +} + +.text-center { + text-align: center; +} + +.text-end { + text-align: right; +} + +.ms-2 { + margin-left: calc(var(--spacing) / 2); +} + +.me-2 { + margin-right: calc(var(--spacing) / 2); +} + +.mx-2 { + margin-left: calc(var(--spacing) / 2); + margin-right: calc(var(--spacing) / 2); +} + +.list-inline { + padding-left: 0; + list-style: none; + margin-bottom: 0; + + li { + display: inline-block; + margin-bottom: 0; + + &:not(:last-child) { margin-right: var(--spacing); } + } + + svg { vertical-align: text-bottom; } +} + +// Layout +.container-inner { + margin-left: auto; + margin-right: auto; + max-width: 84rem; + + @if map-get($breakpoints, "lg") { + @media (min-width: map-get($breakpoints, "lg")) { + padding-left: calc(var(--spacing) * 1.5); + padding-right: calc(var(--spacing) * 1.5); + } + } +} + +.container-thin { + margin: 0 auto; + max-width: 736px; +} + +.d-flex { + display: flex; +} + +.align-items-center { + align-items: center; +} + +.justify-content-between { + justify-content: space-between; +} + +.justify-content-end { + justify-content: end; +} + +.align-self-center { + align-self: center; +} + +// Header & Navbar +.site-navbar { + padding-top: calc(var(--spacing) / 2); + padding-bottom: calc(var(--spacing) / 2); + background-color: var(--primary); + + a { + color: rgba(255, 255, 255, 1.0); + &:hover { text-decoration: underline; } + } + + .site-name { + flex-grow: 1; + } + + .brand { + font-size: 1.25rem; + font-weight: 700; + } + + .desc { + color: rgba(255, 255, 255, .75); + display: none; + @if map-get($breakpoints, "sm") { + @media (min-width: map-get($breakpoints, "sm")) { + display: inline-block; + } + } + } +} + +.site-nav { + display: block; + .active { font-weight: 700; } +} + +#nav-toggler { + display: none; + + &:checked ~ .nav-menu { + display: block; + } +} + +// Dropdown Menu +.nav-menu { + display: none; + + li { + display: block; + padding: calc(var(--spacing) * .5); + } + + a { + margin: calc(var(--spacing) * -.5); + padding: calc(var(--spacing) * .5); + } +} + +.nav-toggler-btn { + margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5); + padding: var(--spacing) calc(var(--spacing) * 0.5); + color: rgba(255, 255, 255, 1.0); + cursor: pointer; +} + +@if map-get($breakpoints, "lg") { + @media (min-width: map-get($breakpoints, "lg")) { + .site-navbar .container-inner, + .site-nav { display: flex; } + .site-navbar .container-inner nav:first-child { flex-grow: 1; } + .nav-toggler-btn { display: none; } + .nav-menu { + display: flex !important; + li:not(:last-child) { margin-right: calc(var(--spacing) / 2); } + } + } +} + +// Posts +.post-separator { + margin: var(--block-spacing-vertical) 0; +} + +.entry-header { + margin-bottom: calc(var(--spacing) * 2); +} + +.entry-title { + margin-bottom: var(--spacing); + + a { color: var(--h1-color); } +} + +.more { + text-align: center; +} + +.post-next { + border-top: 1px solid var(--muted-border-color); + border-bottom: 1px solid var(--muted-border-color); + padding: calc(var(--spacing) * 1.5) 0; + margin: var(--block-spacing-vertical) 0; + + a { + color: var(--h5-color); + font-weight: 700; + } +} + +// Format +.fmt { + line-height: 1.6; + + pre, hr { + margin-bottom: var(--typography-spacing-vertical); + } +} + +// Footer +.site-footer { + padding-bottom: calc(var(--block-spacing-vertical) / 2); +} + +// Comments +.comment-list { + list-style: none; + padding-left: calc(var(--spacing) * 4); +} + +.comment-body { + margin: calc(var(--spacing) * 1.5) 0; +} + +.comment-by-author > .comment-author::after { + content: "AU"; + margin-left: .25rem; + color: var(--muted-color); + padding: 0 var(--border-radius); + border: 1px solid var(--muted-color); + font-size: .75rem; + border-radius: var(--border-radius); +} + +.comment-author { + position: relative; + + .avatar { + position: absolute; + width: calc(var(--spacing) * 3); + left: calc(var(--spacing) * -4); + border-radius: var(--border-radius); + } + + cite { + font-style: normal; + font-weight: 700; + } + + a { + color: var(--h5-color); + } +} + +.comment-meta a, +.comment-reply a { + font-size: .875em; + color: var(--muted-color); + + &:hover { color: var(--secondary-hover); } +} + +.comment-meta { + margin-bottom: calc(var(--spacing) / 2); +} + +.comment-reply:blank { + margin-top: 0; +} + +.comment-awaiting-moderation { + margin-left: calc(var(--spacing) / 2); + font-size: .875em; + color: var(--del-color); +} + +.comment-children { + margin: calc(var(--spacing) * 1.5) 0; +} + +#response { + margin: 0 0 calc(var(--spacing) / 2); +} + +#cancel-comment-reply-link { + font-size: .875em; + color: var(--del-color); +} + +.comment-body .respond { + margin-top: var(--spacing); +} + +// page nav +.page-navigator { + list-style: none; + padding: 0; + text-align: center; + + li { + display: inline; + margin-left: calc(var(--spacing) / 2); + margin-right: calc(var(--spacing) / 2); + + &.current a { + font-weight: 700; + color: var(--h5-color); + } + } +} \ No newline at end of file