diff --git a/README.md b/README.md index ef4a6ad..02089c7 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,11 @@ # Castle-Typecho-Theme MD风格单栏主题
-Version 0.2.6 +Version 0.3.0 ## LICENSE GPL V3 ## 链接 Blog https://ohmyga.cn
-Docs https://castle.ohmyga.cc/ (目前还没写完) +Docs https://castle.ohmyga.cc/ (快写完了！) ## 提示 (继续偷懒不写README)
如果觉得本主题还行的话，请给本项目一个Star吧！
diff --git a/functions.php b/functions.php index a32f68c..84b29e4 100644 --- a/functions.php +++ b/functions.php @@ -1,20 +1,20 @@ addItem($PageType); } - /*$PSetting = new Typecho_Widget_Helper_Form_Element_Textarea('PSetting', NULL, NULL, + $PSetting = new Typecho_Widget_Helper_Form_Element_Textarea('PSetting', NULL, NULL, '高级设置', '文章/独立页高级设置，如果不懂此有何用请勿填写。'); - $layout->addItem($PSetting);*/ + $layout->addItem($PSetting); } function themeInit($comment) { @@ -145,8 +145,8 @@ function themeInit($comment) { } /* 文章阅读次数(含Cookie) */ -function PostView($archive) { - $cid = $archive->cid; +function PostView($moe) { + $cid = $moe->cid; $db = Typecho_Db::get(); $prefix = $db->getPrefix(); if (!array_key_exists('views', $db->fetchRow($db->select()->from('table.contents')))) { @@ -156,7 +156,7 @@ function PostView($archive) { } $row = $db->fetchRow($db->select('views')->from('table.contents')->where('cid = ?', $cid)); - if ($archive->is('single')) { + if ($moe->is('single')) { $views = Typecho_Cookie::get('extend_contents_views'); if(empty($views)){ $views = array(); @@ -174,8 +174,8 @@ function PostView($archive) { } /* 文章or页面高级设置 */ -function PSetting($type) { - $setting = Typecho_Widget::widget("Widget_Archive")->fields->PSetting; +function PSetting($moe, $type) { + $setting = $moe->fields->PSetting; if (json_decode($setting) == null) { $output = null; } else { @@ -210,6 +210,10 @@ function randPic() { $img = array_rand($openfile); preg_match('/\/random\/(.*).jpg/', $openfile[$img], $out); $output = Helper::options()->siteUrl.'usr/themes/'.getTheme().'/random/'.$out[1].'.jpg'; + }elseif ($setting == 'cdn'){ + $output = adSetting('randPic', 'url').'?rand='.$rand; + }elseif ($setting == 'cdnno'){ + $output = adSetting('randPic', 'url'); } return $output; } @@ -284,6 +288,8 @@ function themeResource($content) { $output = Helper::options()->themeUrl.'/'.$content; }elseif ($setting == 'jsdelivr') { $output = 'https://cdn.jsdelivr.net/gh/ohmyga233/castle-Typecho-Theme@'.themeVer('current').'/'.$content; + }elseif ($setting == 'cdn') { + $output = adSetting('resource', 'url').'/'.$content; } return $output; @@ -381,10 +387,10 @@ function tcs() { if (!empty($cookie)) { if ($cookie == 'off') { }else{ - setcookie('nightSwitch', 'open'); + setcookie('nightSwitch', 'open', NULL, '/'); } }else{ - setcookie('nightSwitch', 'open'); + setcookie('nightSwitch', 'open', NULL, '/'); } } } @@ -646,13 +652,9 @@ public static function getAdminMail(){ return $mail; } - static public function parseAll($content,$parseBoard=false){ - $new = self::parseBiaoQing(self::parseFancyBox(self::parseRuby($content))); - if($parseBoard){ - return self::parseBoard($new); - }else{ - return $new; - } + static public function parseAll($content){ + $new = self::parseBiaoQing(self::parseFancyBox(self::parseRuby(self::parseTable($content)))); + return $new; } static public function parseBiaoQing($content){ @@ -690,6 +692,66 @@ static public function parseRuby($string){ $new=preg_replace($reg,$rp,$string); return $new; } + + static public function parseTable($content){ + $reg = '/(.*?)<\/table>/s'; + $rp = '
${1}
'; + $new = preg_replace($reg,$rp,$content); + return $new; + } + + public static function exportHead($moe){ + $author = $moe->author->screenName; + if($moe->is("index")) { + $description = Helper::options()->description; + $type = 'website'; + }elseif ($moe->is("post") || $moe->is("page")) { + if($moe->fields->des && $moe->fields->des!=''){ + $description = $moe->fields->des; + }else{ + $description = Typecho_Common::subStr(strip_tags($moe->excerpt), 0, 100, "..."); + } + $type='article'; + } + $wzimg = $moe->fields->wzimg; + if(!empty($wzimg)){ + $img = $moe->fields->wzimg; + }elseif ($moe->is("index")) { + $img = siteHeadimg('ico'); + }else{ + $img = randPic(); + } + echo ' + + + + + + + + + + + + + \n"; + } } /* 获取浏览器信息 */ diff --git a/includes/comments-links.php b/includes/comments-links.php index c993822..226e89e 100644 --- a/includes/comments-links.php +++ b/includes/comments-links.php @@ -59,7 +59,7 @@ function threadedComments($comments, $options) {
- + options->comment && in_array('ajax', $this->options->comment)){}else{ ?>
cancelReply(''); ?> @@ -75,7 +75,7 @@ function threadedComments($comments, $options) {
- +
diff --git a/includes/comments.php b/includes/comments.php index 1c4f724..d99cf61 100644 --- a/includes/comments.php +++ b/includes/comments.php @@ -59,7 +59,7 @@ function threadedComments($comments, $options) {
- + options->comment && in_array('ajax', $this->options->comment)){}else{ ?>
cancelReply(''); ?> @@ -75,7 +75,7 @@ function threadedComments($comments, $options) {
- +
diff --git a/includes/footer.php b/includes/footer.php index 70d1222..56ac546 100644 --- a/includes/footer.php +++ b/includes/footer.php @@ -48,9 +48,41 @@ - - - + + + footer(''); ?> diff --git a/includes/header.php b/includes/header.php index 017ac62..35d5dd6 100644 --- a/includes/header.php +++ b/includes/header.php @@ -23,18 +23,19 @@ 'author' => _t('%s 发布的文章') ), '', ' - '); ?>options->title(); ?> - + options->other && in_array('pjax', $this->options->other)): ?> - + - - + + + need('includes/style.php')?> - header('generator=&pingback=&xmlrpc=&wlw=&commentReply='); ?> + header('generator=&pingback=&xmlrpc=&wlw=&commentReply=&description='); ?> diff --git a/includes/owo.php b/includes/owo.php index 540eac7..4465acf 100644 --- a/includes/owo.php +++ b/includes/owo.php @@ -2,205 +2,25 @@ /** * OwO表情选择框 * Author: ohmyga - * Version: 2019/04/06 V0.2 + * Version: 2019/06/02 V1.0 * Link: https://ohmyga.cn/ * GitHub: https://github.com/ohmyga233 - * 虽然有OwO那个开源项目，但我还是自己用最笨的方式写了表情框233 **/ if (!defined('__TYPECHO_ROOT_DIR__')) exit; -$owo_tieba_file = themeResource('others/img/OwO/tieba/'); -$owo_huaji_file = themeResource('others/img/OwO/huaji/'); -$owo_qwq_file = themeResource('others/img/OwO/qwq/'); ?> -
-
-
- - - - - -
-
-
- - -
- 😂 - 😀 - 😅 - 😊 - 🙂 - 🙃 - 😌 - 😍 - 😘 - 😏 - 😒 - 🙄 - 😳 - 😡 - 😔 - 😫 - 😱 - 😭 - 💩 - 👻 - 🙌 - 🖕 - 👍 - 🌝 - 🌚 - 😶 - 🙏 - 😣 - 💊 - 🍉 -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
\ No newline at end of file +
+
+
+
+ +
+
+ +
+
+
+ +
+
+
+
\ No newline at end of file diff --git a/index.php b/index.php index 2de7227..0d44ea2 100644 --- a/index.php +++ b/index.php @@ -4,10 +4,41 @@ * * @package Castle * @author ohmyga - * @version 0.2.6 + * @version 0.3.0 * @link https://ohmyga.cn/ */ if (!defined('__TYPECHO_ROOT_DIR__')) exit; + /** 文章置顶 */ + $sticky = $this->options->sticky; //置顶的文章cid，按照排序输入, 请以半角逗号或空格分隔 + if($sticky && $this->is('index') || $this->is('front')){ + $sticky_cids = explode(',', strtr($sticky, ' ', ','));//分割文本 + $sticky_html = "[置顶] "; //置顶标题的 html + $db = Typecho_Db::get(); + $pageSize = $this->options->pageSize; + $select1 = $this->select()->where('type = ?', 'post'); + $select2 = $this->select()->where('type = ? && status = ? && created < ?', 'post','publish',time()); + //清空原有文章的列队 + $this->row = []; + $this->stack = []; + $this->length = 0; + $order = ''; + foreach($sticky_cids as $i => $cid) { + if($i == 0) $select1->where('cid = ?', $cid); + else $select1->orWhere('cid = ?', $cid); + $order .= " when $cid then $i"; + $select2->where('table.contents.cid != ?', $cid); //避免重复 + } + if ($order) $select1->order(null,"(case cid$order end)"); //置顶文章的顺序 按 $sticky 中 文章ID顺序 + if ($this->_currentPage == 1) foreach($db->fetchAll($select1) as $sticky_post){ //首页第一页才显示 + $sticky_post['sticky'] = $sticky_html; + $this->push($sticky_post); //压入列队 + } + $uid = $this->user->uid; //登录时，显示用户各自的私密文章 + if($uid) $select2->orWhere('authorId = ? && status = ?',$uid,'private'); + $sticky_posts = $db->fetchAll($select2->order('table.contents.created', Typecho_Db::SORT_DESC)->page($this->_currentPage, $this->parameter->pageSize)); + foreach($sticky_posts as $sticky_post) $this->push($sticky_post); //压入列队 + $this->setTotal($this->getTotal()-count($sticky_cids)); //置顶文章不计算在所有文章内 + } if (isset($_GET['_pjax'])) { echo ''; $this->archiveTitle(array('category'=>_t('分类 %s 下的文章'),'search'=>_t('包含关键字 %s 的文章'),'tag'=>_t('标签 %s 下的文章'),'author'=>_t('%s 发布的文章')), '', ' - '); @@ -23,9 +54,9 @@ <?php $PostType = $this->fields->PostType; if($PostType == "nopic"){ ?> <div class="mdui-card moe-card moe-card-day moe-card-a moe-card-tr"> - <div class="moe-card-day-icon moe-headimg-xz"><i class="mdui-icon material-icons"><?php $Dicon = PSetting('Dicon'); if(!empty($Dicon)) { echo PSetting('Dicon'); }else{ echo 'message'; } ?></i></div> - <h2 class="moe-day-title"><a href="<?php $this->permalink() ?>" title="<?php echo sprintf(lang('index', 'FloatingTitle'), $this->title); ?>"><?php $this->title() ?></a></h2> - <span class="moe-day-d"><?php $this->excerpt(100); ?></span> + <div class="moe-card-day-icon moe-headimg-xz"><i class="mdui-icon material-icons"><?php $Dicon = PSetting($this, 'Dicon'); if(!empty($Dicon)) { echo PSetting($this, 'Dicon'); }else{ echo 'message'; } ?></i></div> + <h2 class="moe-day-title"><a href="<?php $this->permalink() ?>" title="<?php echo sprintf(lang('index', 'FloatingTitle'), $this->title); ?>"><?php $this->sticky(); $this->title() ?></a></h2> + <span class="moe-day-d"><?php if($this->fields->des){ $this->fields->des(); }else{ $this->excerpt(100); } ?></span> <div class="mdui-divider"></div> <div class="moe-day-info"> <i class="mdui-icon material-icons moe-author-icon">account_circle</i> @@ -41,7 +72,7 @@ <div class="moe-day2"> <i class="mdui-icon material-icons">autorenew</i> <span class="moe-body"> - <span class="moe-t"><?php $Dtitle = PSetting('Dtitle'); if(!empty($Dtitle)) { echo PSetting('Dtitle'); }else{ $this->title(); } ?>（<a href="<?php $this->permalink() ?>"><?php echo lang('index', 'LinkDynamic'); ?></a>）</span> + <span class="moe-t"><?php $Dtitle = PSetting($this, 'Dtitle'); if(!empty($Dtitle)) { $this->sticky(); echo PSetting($this, 'Dtitle'); }else{ $this->sticky(); $this->title(); } ?>（<a href="<?php $this->permalink() ?>"><?php echo lang('index', 'LinkDynamic'); ?></a>）</span> <span class="moe-info"><?php $this->date(lang('index', 'time')); ?> • <?php echo sprintf(lang('index', 'commentDynamic'), $this->commentsNum); ?> • <?php echo sprintf(lang('index', 'viewDynamic'), PostView($this)); ?></span> </span> </div> @@ -57,7 +88,7 @@ }?>" style="background-image: url('<?php echo themeResource('others/img/loading.gif'); ?>');"></main> <div class="mdui-card-media-covered"> <div class="mdui-card-primary"> - <a href="<?php $this->permalink() ?>" class="mdui-card-primary-title moe-card-title moe-text-ellipsis" title="<?php echo sprintf(lang('index', 'FloatingTitle'), $this->title); ?>"><?php $this->title() ?></a> + <a href="<?php $this->permalink() ?>" class="mdui-card-primary-title moe-card-title moe-text-ellipsis" title="<?php echo sprintf(lang('index', 'FloatingTitle'), $this->title); ?>"><?php $this->sticky(); $this->title() ?></a> <div class="mdui-card-primary-subtitle"><?php echo sprintf(lang('index', 'view'), PostView($this)); ?> | <?php echo sprintf(lang('index', 'comment'), $this->commentsNum); ?></div> </div> </div> diff --git a/languages/prprpr.json b/languages/prprpr.json index b817e39..c07680a 100644 --- a/languages/prprpr.json +++ b/languages/prprpr.json @@ -84,14 +84,6 @@ "time": "Y年m月d日 H:i", "URLbutton": "我想填链接" }, - "smile": { - "close": "不可以", - "emoji": "Emoji", - "huaji": "滑稽", - "qwq": "✪ω✪", - "OwO": "OωO", - "tieba": "泡泡" - }, "ua": { "2345": "2345浏览器", "360": "360浏览器", diff --git a/languages/zh-CN.json b/languages/zh-CN.json index b7dfdbb..e549e44 100644 --- a/languages/zh-CN.json +++ b/languages/zh-CN.json @@ -84,14 +84,6 @@ "time": "Y年m月d日 H:i", "URLbutton": "链接" }, - "smile": { - "close": "取消", - "emoji": "Emoji", - "huaji": "滑稽", - "qwq": "✪ω✪", - "OwO": "OωO", - "tieba": "贴吧" - }, "ua": { "2345": "2345浏览器", "360": "360浏览器", diff --git a/languages/zh-TW.json b/languages/zh-TW.json index 1b2f58a..73a79be 100644 --- a/languages/zh-TW.json +++ b/languages/zh-TW.json @@ -84,14 +84,6 @@ "time": "Y年m月d日 H:i", "URLbutton": "網站鏈接" }, - "smile": { - "close": "關閉", - "emoji": "Emoji", - "huaji": "動圖", - "qwq": "✪ω✪", - "OwO": "OωO", - "tieba": "泡泡" - }, "ua": { "2345": "2345瀏覽器", "360": "360瀏覽器", diff --git a/libs/owo.json b/libs/owo.json new file mode 100644 index 0000000..65857aa --- /dev/null +++ b/libs/owo.json @@ -0,0 +1,522 @@ +{ + "OωO": { + "type": "owo", + "content": [ + { + "icon": "OωO", + "text": "OωO" + },{ + "icon": "ヾ(≧∇≦*)ゝ", + "text": "ヾ(≧∇≦*)ゝ" + },{ + "icon": "|´・ω・)ノ", + "text": "|´・ω・)ノ" + },{ + "icon": "(☆ω☆)", + "text": "(☆ω☆)" + },{ + "icon": "（╯‵□′）╯︵┴─┴", + "text": "（╯‵□′）╯︵┴─┴" + },{ + "icon": "￣﹃￣", + "text": "￣﹃￣" + },{ + "icon": "∠( ᐛ 」∠)＿", + "text": "∠( ᐛ 」∠)＿" + },{ + "icon": "(/ω＼)", + "text": "(/ω＼)" + },{ + "icon": "(๑•̀ㅁ•́ฅ)", + "text": "(๑•̀ㅁ•́ฅ)" + },{ + "icon": "୧(๑•̀⌄•́๑)૭", + "text": "୧(๑•̀⌄•́๑)૭" + },{ + "icon": "٩(ˊᗜˋ*)و", + "text": "٩(ˊᗜˋ*)و" + },{ + "icon": "→_→", + "text": "→_→" + },{ + "icon": "(ノ°ο°)ノ", + "text": "(ノ°ο°)ノ" + },{ + "icon": "(´இ皿இ｀)", + "text": "(´இ皿இ｀)" + },{ + "icon": "⌇●﹏●⌇", + "text": "⌇●﹏●⌇" + },{ + "icon": "(ฅ´ω`ฅ)", + "text": "(ฅ´ω`ฅ)" + },{ + "icon": "(╯°A°)╯︵○○○", + "text": "(╯°A°)╯︵○○○" + },{ + "icon": "φ(￣∇￣o)", + "text": "φ(￣∇￣o)" + },{ + "icon": "ヾ(´･ ･｀｡)ノ\\\"", + "text": "ヾ(´･ ･｀｡)ノ\\\"" + },{ + "icon": "( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃", + "text": "( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃" + },{ + "icon": "(ó﹏ò｡)", + "text": "(ó﹏ò｡)" + },{ + "icon": "Σ(っ °Д °;)っ", + "text": "Σ(っ °Д °;)っ" + },{ + "icon": "( ,,´･ω･)ﾉ\\\"(´っω･｀｡)", + "text": "( ,,´･ω･)ﾉ\\\"(´っω･｀｡)" + },{ + "icon": "╮(╯▽╰)╭", + "text": "╮(╯▽╰)╭" + },{ + "icon": "o(*////▽////*)q", + "text": "o(*////▽////*)q" + },{ + "icon": "( ๑´•ω•) \\\"(ㆆᴗㆆ)", + "text": "( ๑´•ω•) \\\"(ㆆᴗㆆ)" + },{ + "icon": "(｡•ˇ‸ˇ•｡)", + "text": "(｡•ˇ‸ˇ•｡)" + } + ] + }, + + "Emoji": { + "type": "emoji", + "content": [ + { + "icon": "😂", + "text": "😂" + },{ + "icon": "😀", + "text": "😀" + },{ + "icon": "😅", + "text": "😅" + },{ + "icon": "😊", + "text": "😊" + },{ + "icon": "🙂", + "text": "🙂" + },{ + "icon": "🙃", + "text": "🙃" + },{ + "icon": "😌", + "text": "😌" + },{ + "icon": "😍", + "text": "😍" + },{ + "icon": "😘", + "text": "😘" + },{ + "icon": "😏", + "text": "😏" + },{ + "icon": "😒", + "text": "😒" + },{ + "icon": "🙄", + "text": "🙄" + },{ + "icon": "😳", + "text": "😳" + },{ + "icon": "😡", + "text": "😡" + },{ + "icon": "😔", + "text": "😔" + },{ + "icon": "😫", + "text": "😫" + },{ + "icon": "😱", + "text": "😱" + },{ + "icon": "😭", + "text": "😭" + },{ + "icon": "💩", + "text": "💩" + },{ + "icon": "👻", + "text": "👻" + },{ + "icon": "🙌", + "text": "🙌" + },{ + "icon": "🖕", + "text": "🖕" + },{ + "icon": "👍", + "text": "👍" + },{ + "icon": "🌝", + "text": "🌝" + },{ + "icon": "🌚", + "text": "🌚" + },{ + "icon": "😶", + "text": "😶" + },{ + "icon": "🙏", + "text": "🙏" + },{ + "icon": "😣", + "text": "😣" + },{ + "icon": "💊", + "text": "💊" + },{ + "icon": "🍉", + "text": "🍉" + } + ] + }, + + "✪ω✪": { + "type": "qwq", + "content": [ + { + "icon": ":qwq1:", + "img": "qwq1.png" + },{ + "icon": ":qwq2:", + "img": "qwq2.png" + },{ + "icon": ":qwq3:", + "img": "qwq3.png" + },{ + "icon": ":qwq4:", + "img": "qwq4.png" + },{ + "icon": ":qwq5:", + "img": "qwq5.png" + },{ + "icon": ":qwq6:", + "img": "qwq6.png" + },{ + "icon": ":qwq7:", + "img": "qwq7.png" + },{ + "icon": ":qwq8:", + "img": "qwq8.png" + },{ + "icon": ":qwq9:", + "img": "qwq9.png" + },{ + "icon": ":qwq10:", + "img": "qwq10.png" + },{ + "icon": ":qwq11:", + "img": "qwq11.png" + },{ + "icon": ":qwq12:", + "img": "qwq12.png" + },{ + "icon": ":qwq13:", + "img": "qwq13.png" + },{ + "icon": ":qwq14:", + "img": "qwq14.png" + },{ + "icon": ":qwq15:", + "img": "qwq15.png" + },{ + "icon": ":qwq16:", + "img": "qwq16.png" + },{ + "icon": ":qwq17:", + "img": "qwq17.png" + },{ + "icon": ":qwq18:", + "img": "qwq18.png" + },{ + "icon": ":qwq19:", + "img": "qwq19.png" + },{ + "icon": ":qwq20:", + "img": "qwq20.png" + },{ + "icon": ":qwq21:", + "img": "qwq21.png" + },{ + "icon": ":qwq22:", + "img": "qwq22.png" + },{ + "icon": ":qwq23:", + "img": "qwq23.png" + },{ + "icon": ":qwq24:", + "img": "qwq24.png" + },{ + "icon": ":qwq25:", + "img": "qwq25.png" + },{ + "icon": ":qwq26:", + "img": "qwq26.png" + } + ] + }, + + "贴吧": { + "type": "tieba", + "content": [ + { + "icon": ":a:", + "img": "a.png" + },{ + "icon": ":bishi:", + "img": "bishi.png" + },{ + "icon": ":bugaoxing:", + "img": "bugaoxing.png" + },{ + "icon": ":guai:", + "img": "guai.png" + },{ + "icon": ":haha:", + "img": "haha.png" + },{ + "icon": ":han:", + "img": "han.png" + },{ + "icon": ":hehe:", + "img": "hehe.png" + },{ + "icon": ":heixian:", + "img": "heixian.png" + },{ + "icon": ":huaji:", + "img": "huaji.png" + },{ + "icon": ":huaxin:", + "img": "huaxin.png" + },{ + "icon": ":jingku:", + "img": "jingku.png" + },{ + "icon": ":jingyan:", + "img": "jingya.png" + },{ + "icon": ":landeli:", + "img": "landeli.png" + },{ + "icon": ":lei:", + "img": "lei.png" + },{ + "icon": ":mianqiang:", + "img": "mianqiang.png" + },{ + "icon": ":nidongde:", + "img": "nidongde.png" + },{ + "icon": ":pen:", + "img": "pen.png" + },{ + "icon": ":shuijiao:", + "img": "shuijiao.png" + },{ + "icon": ":suanshuang:", + "img": "suanshuang.png" + },{ + "icon": ":taikaixin:", + "img": "taikaixin.png" + },{ + "icon": ":tushe:", + "img": "tushe.png" + },{ + "icon": ":wabi:", + "img": "wabi.png" + },{ + "icon": ":weiqu:", + "img": "weiqu.png" + },{ + "icon": ":what:", + "img": "what.png" + },{ + "icon": ":wuzuixiao:", + "img": "wuzuixiao.png" + },{ + "icon": ":xiaoguai:", + "img": "xiaoguai.png" + },{ + "icon": ":xiaohonglian:", + "img": "xiaohonglian.png" + },{ + "icon": ":xiaoniao:", + "img": "xiaoniao.png" + },{ + "icon": ":xiaoyan:", + "img": "xiaoyan.png" + },{ + "icon": ":xili:", + "img": "xili.png" + },{ + "icon": ":yamaidei:", + "img": "yamaidei.png" + },{ + "icon": ":yinxian:", + "img": "yinxian.png" + },{ + "icon": ":yiwen:", + "img": "yiwen.png" + },{ + "icon": ":zhenbang:", + "img": "zhenbang.png" + },{ + "icon": ":aixin:", + "img": "aixin.png" + },{ + "icon": ":xinsui:", + "img": "xinsui.png" + },{ + "icon": ":bianbian:", + "img": "bianbian.png" + },{ + "icon": ":caihong:", + "img": "caihong.png" + },{ + "icon": ":damuzhi:", + "img": "damuzhi.png" + },{ + "icon": ":dangao:", + "img": "dangao.png" + },{ + "icon": ":dengpao:", + "img": "dengpao.png" + },{ + "icon": ":honglingjin:", + "img": "honglingjin.png" + },{ + "icon": ":lazhu:", + "img": "lazhu.png" + },{ + "icon": ":liwu:", + "img": "liwu.png" + },{ + "icon": ":meigui:", + "img": "meigui.png" + },{ + "icon": ":OK:", + "img": "OK.png" + },{ + "icon": ":shafa:", + "img": "shafa.png" + },{ + "icon": ":shouzhi:", + "img": "shouzhi.png" + },{ + "icon": ":taiyang:", + "img": "taiyang.png" + },{ + "icon": ":xingxingyueliang:", + "img": "xingxingyueliang.png" + },{ + "icon": ":yaowan:", + "img": "yaowan.png" + },{ + "icon": ":yinyue:", + "img": "yinyue.png" + } + ] + }, + + "滑稽": { + "type": "huaji", + "content": [ + { + "icon": ":huaji1:", + "img": "huaji1.gif" + },{ + "icon": ":huaji2:", + "img": "huaji2.gif" + },{ + "icon": ":huaji3:", + "img": "huaji3.gif" + },{ + "icon": ":huaji4:", + "img": "huaji4.gif" + },{ + "icon": ":huaji5:", + "img": "huaji5.gif" + },{ + "icon": ":huaji6:", + "img": "huaji6.gif" + },{ + "icon": ":huaji7:", + "img": "huaji7.gif" + },{ + "icon": ":huaji8:", + "img": "huaji8.gif" + },{ + "icon": ":huaji9:", + "img": "huaji9.gif" + },{ + "icon": ":huaji10:", + "img": "huaji10.gif" + },{ + "icon": ":huaji11:", + "img": "huaji11.gif" + },{ + "icon": ":huaji12:", + "img": "huaji12.gif" + },{ + "icon": ":huaji13:", + "img": "huaji13.gif" + },{ + "icon": ":huaji14:", + "img": "huaji14.gif" + },{ + "icon": ":huaji15:", + "img": "huaji15.gif" + },{ + "icon": ":huaji16:", + "img": "huaji16.gif" + },{ + "icon": ":huaji17:", + "img": "huaji17.gif" + },{ + "icon": ":huaji18:", + "img": "huaji18.gif" + },{ + "icon": ":huaji19:", + "img": "huaji19.gif" + },{ + "icon": ":huaji20:", + "img": "huaji20.gif" + },{ + "icon": ":huaji21:", + "img": "huaji21.gif" + },{ + "icon": ":huaji22:", + "img": "huaji22.gif" + },{ + "icon": ":huaji23:", + "img": "huaji23.gif" + },{ + "icon": ":huaji24:", + "img": "huaji24.gif" + },{ + "icon": ":huaji25:", + "img": "huaji25.gif" + },{ + "icon": ":huaji26:", + "img": "huaji26.gif" + },{ + "icon": ":huaji27:", + "img": "huaji27.gif" + } + ] + } +} \ No newline at end of file diff --git a/libs/owo.php b/libs/owo.php new file mode 100644 index 0000000..cb4262d --- /dev/null +++ b/libs/owo.php @@ -0,0 +1,106 @@ +<?php +/** + * OwO Class + * Author: ohmyga + * Version: 2019/06/02 V1.0 + * Link: https://ohmyga.cn/ + * GitHub: https://github.com/ohmyga233 + **/ +if (!defined('__TYPECHO_ROOT_DIR__')) exit; + +class Smile { + + public static function owo($icon, $text) { + $output = '<a href="javascript:Smilies.grin(\''.htmlspecialchars($text).'\');"><span class="moe-owo-text mdui-btn mdui-card mdui-shadow-2">'.$icon.'</span></a>'; + return $output; + } + + public static function tieba($icon, $img) { + $output = '<a href="javascript:Smilies.grin(\''.$icon.'\');"><div class="moe-owo-tieba mdui-card mdui-btn"><img src="'.themeResource('others/img/OwO/tieba/'.$img).'"></div></a>'; + return $output; + } + + public static function huaji($icon, $img) { + $output = '<a href="javascript:Smilies.grin(\''.$icon.'\');"><div class="moe-owo-hj mdui-card mdui-btn"><img src="'.themeResource('others/img/OwO/huaji/'.$img).'"></div></a>'; + return $output; + } + + public static function qwq($icon, $img) { + $output = '<a href="javascript:Smilies.grin(\''.$icon.'\');"><div class="moe-owo-qwq mdui-card mdui-btn"><img src="'.themeResource('others/img/OwO/qwq/'.$img).'"></div></a>'; + return $output; + } + + public static function emoji($icon, $text) { + $output = '<a href="javascript:Smilies.grin(\''.$icon.'\');"><span class="moe-owo-emoji mdui-btn mdui-card mdui-shadow-2" mdui-dialog-close>'.$text.'</span></a>'; + return $output; + } + + public static function getOwO() { + $getJson =file_get_contents(Helper::options()->siteUrl.'usr/themes/'.getTheme().'/libs/owo.json'); + $owoArray = json_decode($getJson, true); + $owoName = array_keys($owoArray); + for ($i=0; $i<count($owoName); $i++) { + $smileName = $owoName[$i]; + $smileType = $owoArray[$smileName]['type']; + if ($smileType == 'tieba') { + echo '<div id="'.$owoName[$i].'" class="mdui-p-a-2">'; + for ($to=0; $to<count($owoArray[$smileName]['content']); $to++) { + echo self::tieba($owoArray[$smileName]['content'][$to]['icon'], $owoArray[$smileName]['content'][$to]['img']); + } + echo '</div>'; + }elseif ($smileType == 'owo') { + echo '<div id="'.$owoName[$i].'" class="mdui-p-a-2">'; + for ($to=0; $to<count($owoArray[$smileName]['content']); $to++) { + echo self::owo($owoArray[$smileName]['content'][$to]['icon'], $owoArray[$smileName]['content'][$to]['text']); + } + echo '</div>'; + }elseif ($smileType == 'huaji') { + echo '<div id="'.$owoName[$i].'" class="mdui-p-a-2">'; + for ($to=0; $to<count($owoArray[$smileName]['content']); $to++) { + echo self::huaji($owoArray[$smileName]['content'][$to]['icon'], $owoArray[$smileName]['content'][$to]['img']); + } + echo '</div>'; + }elseif ($smileType == 'qwq') { + echo '<div id="'.$owoName[$i].'" class="mdui-p-a-2">'; + for ($to=0; $to<count($owoArray[$smileName]['content']); $to++) { + echo self::qwq($owoArray[$smileName]['content'][$to]['icon'], $owoArray[$smileName]['content'][$to]['img']); + } + echo '</div>'; + }elseif ($smileType == 'emoji') { + echo '<div id="'.$owoName[$i].'" class="mdui-p-a-2">'; + for ($to=0; $to<count($owoArray[$smileName]['content']); $to++) { + echo self::emoji($owoArray[$smileName]['content'][$to]['icon'], $owoArray[$smileName]['content'][$to]['text']); + } + echo '</div>'; + } + } + } + + public static function getTitle() { + $getJson =file_get_contents(Helper::options()->siteUrl.'usr/themes/'.getTheme().'/libs/owo.json'); + $owoArray = json_decode($getJson, true); + $owoName = array_keys($owoArray); + for ($i=0; $i<count($owoName); $i++) { + echo '<a href="#'.$owoName[$i].'" class="mdui-ripple" no-pgo>'.$owoName[$i].'</a>'; + } + } + + public static function randIcon() { + $randNum = rand(0,11); + $iconName = array('tag_faces', + 'face', + 'favorite', + 'insert_emoticon', + 'mood', + 'mood_bad', + 'sentiment_satisfied', + 'sentiment_very_dissatisfied', + 'sentiment_very_satisfied', + 'sentiment_dissatisfied', + 'sentiment_neutral', + 'OωO'); + $output = $iconName[$randNum]; + return $output; + } + +} \ No newline at end of file diff --git a/libs/setting.php b/libs/setting.php index e75e48d..bea0d74 100644 --- a/libs/setting.php +++ b/libs/setting.php @@ -3,7 +3,7 @@ * ThemeSetting * * @author ohmyga - * @link https://ohmyga.net/ + * @link https://ohmyga.cn/ */ if (!defined('__TYPECHO_ROOT_DIR__')) exit; function themeConfig($form) { @@ -193,7 +193,9 @@ function themeConfig($form) { $randimg = new Typecho_Widget_Helper_Form_Element_Select('randimg',array( 'local' => '本地', - 'api.ohmyga.cn' => 'api.ohmyga.cn' + 'api.ohmyga.cn' => 'api.ohmyga.cn', + 'cdn' => '第三方CDN(附加随机参数)', + 'cdnno' => '第三方CDN(不附加随机参数)' ), 'api.ohmyga.cn', _t('封面图源'), @@ -256,6 +258,9 @@ function themeConfig($form) { array('copy', 'pjax', 'gotop', 'night'), _t('其他设置')); $form->addInput($other->multiMode()); + $sticky = new Typecho_Widget_Helper_Form_Element_Text('sticky', NULL, NULL, _t('置顶文章'), _t('置顶的文章cid，按照排序输入, 请以半角逗号或空格分隔')); + $form->addInput($sticky); + $headimg = new Typecho_Widget_Helper_Form_Element_Text('headimg', NULL, NULL, _t('站点图标'), _t('作者/博主全站头像')); $form->addInput($headimg); @@ -338,6 +343,12 @@ function themeConfig($form) { "title": "警告" }, "toTopText": "回到顶部~" + }, + "resource": { + "url": "" + }, + "randPic": { + "url": "" } }', _t('高级设置'), _t('主题高级设置，用法参考文档')); $form->addInput($advancedSetting); diff --git a/others/css/castle.min.css b/others/css/castle.min.css index 7f2093c..beeee2c 100644 --- a/others/css/castle.min.css +++ b/others/css/castle.min.css @@ -3,7 +3,6 @@ * Castle * Author ohmyga ( https://ohmyga.cn ) * Github https://github.com/ohmyga233/castle-Typecho-Theme - * Version 0.2.6 + * Version 0.3.0 **/ - -#nprogress{z-index:99999999}*{box-sizing:border-box;-webkit-box-sizing:border-box}body{display:flex;flex-flow:column;min-height:100vh;overflow-x:hidden}#moe-body{flex:1}.moe-card-tr-10 .moe-card-tr{background-color:rgba(255,255,255,.9)!important}.moe-card-tr-20 .moe-card-tr{background-color:rgba(255,255,255,.8)!important}.moe-card-tr-30 .moe-card-tr{background-color:rgba(255,255,255,.7)!important}@media(max-width:600px){.moe-card-tr-10 .moe-nav{background-color:rgba(255,255,255,.9)!important}.moe-card-tr-20 .moe-nav{background-color:rgba(255,255,255,.8)!important}.moe-card-tr-30 .moe-nav{background-color:rgba(255,255,255,.7)!important}}.mdui-theme-layout-dark .aplayer{color:#000}.mdui-theme-layout-dark .moe-card-tr-10 .moe-card-tr{background-color:rgba(48,48,48,.9)!important}.mdui-theme-layout-dark .moe-card-tr-20 .moe-card-tr{background-color:rgba(48,48,48,.8)!important}.mdui-theme-layout-dark .moe-card-tr-30 .moe-card-tr{background-color:rgba(48,48,48,.7)!important}@media(max-width:600px){.mdui-theme-layout-dark .moe-card-tr-10 .moe-nav{background-color:rgba(48,48,48,.9)!important}.mdui-theme-layout-dark .moe-card-tr-20 .moe-nav{background-color:rgba(48,48,48,.8)!important}.mdui-theme-layout-dark .moe-card-tr-30 .moe-nav{background-color:rgba(48,48,48,.7)!important}}.mdui-theme-layout-dark .moe-bg-after{top:0;left:0;right:0;bottom:0;z-index:-1;position:fixed;background-color:rgba(0,0,0,.5)}.mdui-theme-layout-dark .moe-cl-a{color:#000;background:#fff}.mdui-theme-layout-dark .moe-sidebar{background-color:#424242}.mdui-theme-layout-dark .moe-sidebar-count{color:#000;background:#fff}.mdui-theme-layout-dark .moe-search-btn i{color:#fff}.mdui-theme-layout-dark .moe-search-dialog i{color:#fff!important}.mdui-theme-layout-dark .moe-search-btn:hover{background-color:rgba(0,0,0,.1)}.mdui-theme-layout-dark .moe-search-dialog .moe-body .moe-search-input::-ms-input-placeholder{color:#fff}.mdui-theme-layout-dark .moe-search-dialog .moe-body .moe-search-input::-webkit-input-placeholder{color:#fff}.mdui-theme-layout-dark .moe-ngiht-btn:hover{background-color:rgba(0,0,0,.4)!important}.mdui-theme-layout-dark .moe-ngiht-btn:active{background-color:rgba(0,0,0,.4)!important}.mdui-theme-layout-dark .moe-day-btn:hover{background-color:rgba(0,0,0,.4)!important}.mdui-theme-layout-dark .moe-day-btn:active{background-color:rgba(0,0,0,.4)!important}.mdui-theme-layout-dark .moe-post-text{color:#fff}.mdui-theme-layout-dark .moe-day2 .moe-body .moe-t{color:#fff!important}.mdui-theme-layout-dark .moe-day2 .moe-body .moe-info{color:#fff!important}.mdui-theme-layout-dark .moe-card-day .moe-card-day-icon i{color:#fff}.mdui-theme-layout-dark .moe-card-day .moe-day-title a{color:#F5F5F5!important;transition:all .29s ease}.mdui-theme-layout-dark .moe-card-day .moe-day-title a:hover{transition:all .29s ease;text-shadow:0 1px 1px #fff!important}.mdui-theme-layout-dark .moe-card-day .moe-day-d{color:#fff}.mdui-theme-layout-dark .moe-card-day .moe-day-info{color:#fff}.mdui-theme-layout-dark .moe-card-post .mdui-card-header .mdui-card-menu i{color:#fff!important}.mdui-theme-layout-dark .moe-card-page .mdui-card-header .mdui-card-menu i{color:#fff!important}.mdui-theme-layout-dark .moe-p-c .moe-blockquote-copy{background:rgba(255,255,255,.1)}.mdui-theme-layout-dark .moe-p-c blockquote{border-left:4px solid rgba(255,255,255,.22)}.mdui-theme-layout-dark .moe-comments-box .moe-comments-admin-header .mdui-card-menu i{color:#fff!important}.mdui-theme-layout-dark .moe-comments-box .moe-owo-btn-login i{color:#fff}.mdui-theme-layout-dark .moe-comments-box .moe-owo-btn-usr i{color:#fff}.mdui-theme-layout-dark .moe-comments-box .moe-comments-btn .mdui-color-grey-800{color:#fff!important;background-color:#1E88E5!important}.mdui-theme-layout-dark .moe-comments-list-box .moe-comments-list-headText-box i{color:#fff}.mdui-theme-layout-dark .moe-comments-list-box .comment-list .moe-comments-content .moe-author-name .moe-author-icon{color:#E91E63}.mdui-theme-layout-dark .moe-comments-list-box .comment-list .moe-comments-content .moe-author-name i{color:#fff}.mdui-theme-layout-dark .moe-comments-list-box .comment-list .moe-comments-content .moe-comments-time{color:#fff}.mdui-theme-layout-dark .moe-comments-list-box .comment-list .moe-comments-content .moe-comments-textBox{color:#fff}.mdui-theme-layout-dark .moe-comments-nav a{color:#fff!important}.mdui-theme-layout-dark .moe-comments-nav .current{background:rgba(0,0,0,.4)}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-p-c{color:#fff;background-color:#424242}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-box .moe-comments-admin-header .mdui-card-menu i{color:#fff!important}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-box .moe-owo-btn-login i{color:#fff!important}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-box .moe-owo-btn-usr i{color:#fff!important}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-box .moe-comments-btn .mdui-color-grey-800{color:#fff!important;background-color:#1E88E5!important}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-list-box .moe-comments-list-headText-box i{color:#fff}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-list-box .comment-list .moe-comments-content .moe-author-name .moe-author-icon{color:#E91E63}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-list-box .comment-list .moe-comments-content .moe-author-name i{color:#fff}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-list-box .comment-list .moe-comments-content .moe-comments-time{color:#fff}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-list-box .comment-list .moe-comments-content .moe-comments-textBox{color:#fff}@media (max-width:600px){.mdui-theme-layout-dark .moe-nav{color:#fff!important;background:#424242}.mdui-theme-layout-dark .moe-nav i{color:#fff!important}}.moe-bg{top:0;left:0;right:0;bottom:0;z-index:-2;position:fixed;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}.moe-head{color:#fff;box-shadow:none;text-shadow:1px 1px 1px #424242}.moe-headimg-xz{margin:0 auto;-o-transition:-o-transform .5s ease-out;-ms-transition:-ms-transform .5s ease-out;-moz-transition:-moz-transform .5s ease-out;-webkit-transition:-webkit-transform .5s ease-out}.moe-headimg-xz:hover{transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg)}.moe-search-dialog{width:100%;height:100vh!important;max-width:100%!important;max-height:100vh!important}.moe-search-dialog .moe-bg{background-size:360px 360px!important;background-repeat:no-repeat!important;background-attachment:fixed!important;background-position:bottom left!important;background-color:rgba(66,66,66,.3)!important}@media (max-width:1024px){.moe-search-dialog .moe-bg{background-size:240px 240px!important}}.moe-search-dialog .moe-search-btn{top:20;right:20;position:fixed;width:60px!important;height:60px!important}.moe-search-dialog .moe-search-btn i{left:38%!important;font-size:40px!important}.moe-search-dialog .moe-body{margin:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column nowrap}.moe-search-dialog .moe-body .moe-c{width:600px;margin-left:auto;position:relative;margin-right:auto}.moe-search-dialog .moe-body .moe-bottom{margin-bottom:50px}.moe-search-dialog .moe-body .moe-search-input{outline:0;width:100%;border:none;font-size:22px;border-radius:50px;padding:13px 24px 13px 64px;box-shadow:0 0 4px 0 #939090;background:rgba(255,255,255,.6)}.moe-search-dialog .moe-body .moe-search-input::-ms-input-placeholder{text-align:center}.moe-search-dialog .moe-body .moe-search-input::-webkit-input-placeholder{text-align:center}.moe-search-dialog .moe-body .moe-search-icon{top:10px;left:20px;font-size:30px;position:absolute;color:rgba(0,0,0,.52)}@media (max-width:610px){.moe-search-dialog .moe-body .moe-c{width:90%}}@media (max-width:600px){.moe-search-dialog .moe-body .moe-search-input{font-size:18px}}.moe-sidebar{color:#000;background-color:#F5F5F5}.moe-sidebar-bg{width:100%;height:160px;position:relative!important;background-size:cover!important;background-position:50% 50%!important;background-repeat:no-repeat!important}.moe-ngiht-btn{top:10px;right:10px;position:absolute;background-color:rgba(0,0,0,.3)}.moe-ngiht-btn i{text-shadow:0 1px 0 #424242}.moe-day-btn{top:10px;right:10px;position:absolute;background-color:rgba(0,0,0,.3)}.moe-day-btn i{color:#fff;text-shadow:0 1px 0 #424242}.moe-sidebar-headimg{width:60px;height:60px;margin-top:20px;margin-left:20px;border-radius:50%;background-size:cover!important;background-position:center center!important}.moe-sidebar-author{left:0;bottom:0;color:#fff;padding:20px;font-size:20px;font-weight:600;position:absolute;box-sizing:border-box}.moe-sidebar-description{font-size:13px;font-weight:400}.moe-sidebar-search{width:90%;margin-left:auto;margin-right:auto}.moe-sidebar-count{color:#fff;font-size:15px;padding-top:3px;text-align:center;border-radius:4px;padding-left:10px;padding-right:10px;padding-bottom:3px;background:#424242}.moe-sidebar-text-shadow{text-shadow:1px 1px 0 #424242}.moe-cl-a{color:#fff;font-size:10px;padding-top:3px;padding-left:7px;text-align:center;border-radius:4px;padding-right:7px;padding-bottom:2px;background:#424242}.moe-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.moe-margin-card-top{margin-top:30px}@keyframes moeAnimation{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}@-webkit-keyframes moeAnimation{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}.moe-card-a:nth-child(1){animation:moeAnimation;animation-duration:.1s;-webkit-animation:moeAnimation .1s}.moe-card-a:nth-child(2){animation:moeAnimation;animation-duration:.2s;-webkit-animation:moeAnimation .2s}.moe-card-a:nth-child(3){animation:moeAnimation;animation-duration:.3s;-webkit-animation:moeAnimation .3s}.moe-card-a:nth-child(4){animation:moeAnimation;animation-duration:.4s;-webkit-animation:moeAnimation .4s}.moe-card-a:nth-child(5){animation:moeAnimation;animation-duration:.5s;-webkit-animation:moeAnimation .5s}.moe-card-a:nth-child(6){animation:moeAnimation;animation-duration:.6s;-webkit-animation:moeAnimation .6s}.moe-card-a:nth-child(7){animation:moeAnimation;animation-duration:.6s;-webkit-animation:moeAnimation .6s}.moe-archive-card{width:800px;padding:20px;margin-top:30px;margin-left:auto;margin-right:auto}.moe-archive-card span{display:block;font-size:20px;text-align:center}.moe-archive-card i{color:#E91E63;font-weight:550;font-style:normal}.moe-archive-nofound{padding:20px}.moe-archive-nofound span{display:block;font-size:20px;text-align:center}@media (max-width:820px){.moe-archive-card{max-width:96%}}@media (max-width:600px){.moe-archive-card{width:96%}}.moe-tag-card{width:800px;padding:15px;margin-top:18px;margin-left:auto;margin-right:auto;margin-bottom:18px}.moe-tag-title{display:block;font-size:25px;font-weight:550;text-align:center}.moe-tag-num{display:block;font-size:16px;margin-top:6px;font-weight:500;text-align:center}.moe-tag-d{margin-top:5px;margin-bottom:5px;margin-left:-15px;margin-right:-15px}.moe-tag-a{margin:5px;padding:8px;font-weight:500;border-radius:3px;display:inline-block;transition:all .36s;text-decoration:none}.moe-tag-a:hover{transition:all .36s;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}@media (max-width:820px){.moe-tag-card{max-width:96%}}@media (max-width:600px){.moe-tag-card{width:96%}}.moe-links-box{width:80%;margin-top:18px;margin-left:auto;margin-right:auto;margin-bottom:18px}.moe-links-box a{text-decoration:none}.moe-links-card{margin-top:15px;border-radius:6px}.moe-links-bg{width:100%;height:80px;filter:blur(6px);background-size:cover;-webkit-filter:blur(6px);background-repeat:no-repeat;background-position:50% 50%}.moe-links-headimg{width:60px;height:60px;margin-top:-42px;border-radius:50%}.moe-links-title{font-size:25px}.moe-links-d{display:block;font-size:15px;min-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.moe-links-comment-open-pjax{opacity:1!important}.moe-links-comment-open{opacity:1!important;animation:moeAnimation;animation-duration:.2s;-webkit-animation:moeAnimation .2s}.moe-links-comment-dialog{top:0;left:0;right:0;bottom:0;opacity:0;margin:auto;display:none;z-index:1000;position:fixed;border-radius:2px;transition:all .3s;background-color:rgba(0,0,0,.5)}.moe-links-comment-dialog .moe-links-main{width:800px;height:100%;margin:auto;overflow-y:auto;background-color:#fff;-webkit-overflow-scrolling:touch}.moe-links-main .moe-links-close{z-index:1100;position:fixed;margin-top:10px;margin-left:10px;background-color:rgba(0,0,0,.8)}.moe-links-main .moe-links-close i{color:#fff;text-shadow:1px 1px 1px #424242}.moe-links-main .mdui-card{box-shadow:none!important}.moe-links-main .moe-links-go-top{bottom:0;z-index:1100;position:fixed;margin-left:740px;margin-bottom:3em}.moe-links-comments-box{padding:15px}.comment-list .moe-links-comments-box{left:0;top:100%;width:100%;z-index:10;position:absolute;border-radius:5px!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.moe-links-comments-list-box{overflow:visible}.moe-links-comments-nav{width:auto!important;margin-bottom:0!important}@media (max-width:800px){.moe-links-comment-dialog .moe-links-main{width:100%}.moe-links-main .moe-links-go-top{margin-left:90%}}@media (max-width:500px){.moe-links-main .moe-links-go-top{margin-left:88%}}@media (max-width:400px){.moe-links-main .moe-links-go-top{margin-left:85%}}.moe-bgm-card{width:800px;margin-top:18px;margin-left:auto;margin-right:auto}.moe-bgm-card .mdui-card-media-covered{top:0}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title{left:0;right:0;top:45%;font-size:36px;text-align:center;position:absolute}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span{font-size:14px}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#E91E63;position:relative;transition:all .3s;text-decoration:none;word-wrap:break-word}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#E91E63}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a::after{right:0;width:0;content:"";bottom:-2px;position:absolute;transition:width .3s;border-bottom:1px solid;-webkit-transition:width .3s}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:hover::after{left:0;width:100%}.moe-bgm-card .mdui-card-media:hover .moe-card-img{transform:scale(1.4)}.moe-bgm-card .moe-bgmBox{padding:15px}.moe-bgm-card .moe-bgmBox a{text-decoration:none}.moe-bgmBox .mdui-card{margin-top:10px;border-radius:5px}.moe-bgm-card .moe-bgmBox .mdui-card-header{padding:0;height:100px}.moe-bgm-info{padding:15px;margin-left:30px}.moe-bgm-pr{width:auto;height:30px;margin-top:10px;margin-left:52px;border-radius:5px}.moe-bgm-c-t{color:#fff;display:block;font-size:20px;margin-top:3px;font-weight:500;text-align:center;position:relative;text-shadow:0 0 1px #424242}.moe-bgm-fimg{width:80px;height:100%;position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.moe-bgm-error{color:#E91E63;display:block;font-size:26px;font-weight:550;text-align:center}@media (max-width:810px){.moe-bgm-card{width:98%}}@media (max-width:600px){.moe-bgm-card{width:100%;box-shadow:none;margin-top:-65px;border-radius:0;-webkit-box-shadow:none}}@media (max-width:599px){.moe-bgm-card{width:100%;margin-top:-60px}}.moe-card{width:800px;margin-top:18px;margin-left:auto;margin-right:auto}.moe-card-media{overflow:hidden}.moe-card-media .moe-card-title{color:#fff;text-decoration:none}.moe-card-img{width:100%;height:300px;overflow:hidden;transition:all .6s;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.moe-card-img:hover{transform:scale(1.4)}.moe-card-day{padding:30px}.moe-card-day-icon{float:left;width:42px;height:42px;cursor:default;border-radius:50%;margin-right:25px;margin-bottom:10px;border:1px solid #eaeaea}.moe-card-day-icon i{height:42px;display:flex;color:#757575;align-items:center;justify-content:center;flex-flow:column nowrap}.moe-day-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0!important}.moe-day-title a{text-decoration:none;color:rgba(0,0,0,.75);transition:all .29s ease}.moe-day-title a:hover{color:rgba(0,0,0,.75);transition:all .29s ease;text-shadow:0 1px 1px rgba(0,0,0,.65)}.moe-day-d{display:block;margin:0 0 10px;line-height:1.5em;margin-block-end:1em;margin-inline-end:0;margin-block-start:1em;margin-inline-start:0;color:rgba(0,0,0,.65)}.moe-day-info{display:block;font-size:15px;margin-top:10px;overflow:hidden;white-space:nowrap;margin-bottom:-18px;text-overflow:ellipsis;color:rgba(0,0,0,.68)}.moe-day-info .moe-author{font-size:14px;margin-right:10px}.moe-day-info .moe-time{font-size:14px;margin-right:10px}.moe-day-info .moe-comments{font-size:14px;margin-right:10px}.moe-day-info .mdui-icon{font-size:15px!important}.moe-day-info .moe-author-icon{font-weight:1000!important}.moe-day-info .moe-time-icon{font-weight:800!important}.moe-post-margin{margin-top:3px;margin-bottom:4px}.moe-post-text{font-size:16px;margin-left:5px;font-weight:400;margin-right:5px;color:rgba(0,0,0,.6)}.moe-card-day2{width:800px;padding:10px;margin-top:18px;margin-left:auto;margin-right:auto}.moe-day2{padding:15px;position:relative;margin-left:15px;border-left:1px solid #E0E0E0}.moe-day2 .mdui-icon{top:50%;left:-9px;color:#BDBDBD;font-size:16px;position:absolute;transform:translateY(-50%)}.moe-day2 .moe-body .moe-t{font-size:18px;font-weight:550;color:rgba(0,0,0,.8)}.moe-day2 .moe-body .moe-t a{color:#E91E63;text-decoration:none;transition:all .29s ease}.moe-day2 .moe-body .moe-t a:hover{color:#E91E63;transition:all .29s ease;text-shadow:0 0 1px #EC407A}.moe-day2 .moe-body .moe-info{display:block;font-size:13px;margin-top:8px;color:rgba(0,0,0,.6)}.moe-page-div{margin-top:36px;max-width:600px;margin-left:auto;position:relative;margin-right:auto;margin-bottom:90px}.moe-page-div .moe-prev{left:0;position:absolute}.moe-page-div .moe-next{right:0;position:absolute}.moe-page-div .moe-number{left:40%;position:absolute}.moe-page-div .moe-number span{color:#fff;font-weight:550;text-shadow:1px 1px 1px #424242}@media (max-width:820px){.moe-card{max-width:96%}.moe-card-day2{width:96%}}@media (max-width:600px){.moe-card{width:96%}.moe-card-img{height:245px}.moe-card-day{padding:15px}.moe-day-title{font-size:17px;margin-top:8px!important}.moe-day-info{margin-bottom:-8px}.moe-day-info .moe-comments-t{display:none}.moe-card-day2{width:96%}.moe-page-div{width:90%}}.moe-card-post{width:800px;margin-top:30px;margin-left:auto;margin-right:auto}.moe-p-c{padding:15px;font-size:14px;line-height:20px}.moe-p-c a{color:#E91E63;position:relative;transition:all .3s;text-decoration:none;word-wrap:break-word}.moe-p-c a:focus,article a:hover{color:#E91E63}.moe-p-c a::after{right:0;width:0;content:"";bottom:-2px;position:absolute;transition:width .3s;border-bottom:1px solid;-webkit-transition:width .3s}.moe-p-c a:hover::after{left:0;width:100%}.moe-p-c blockquote{font-weight:400;padding-left:1em;margin:1em 3em 1em 0;border-left:4px solid rgba(0,0,0,.12)}.moe-p-c h1:before,.moe-p-c h2:before,.moe-p-c h3:before,.moe-p-c h4:before,.moe-p-c h5:before,.moe-p-c h6:before{content:'#';color:#E91E63;font-weight:700;padding-right:5px;transition:all .29s}.moe-p-c h1:hover:before,.moe-p-c h2:hover:before,.moe-p-c h3:hover:before,.moe-p-c h4:hover:before,.moe-p-c h5:hover:before,.moe-p-c h6:hover:before{text-shadow:1px 1px 1px #EC407A}.moe-p-c h1:hover:before{font-size:36px}.moe-p-c h2:hover:before{font-size:30px}.moe-p-c h3:hover:before{font-size:25px}.moe-p-c h4:hover:before{font-size:23px}.moe-p-c h5:hover:before{font-size:20px}.moe-p-c h6:hover:before{font-size:20px}.moe-p-c h1:after,.moe-p-c h2:after,.moe-p-c h3:after,.moe-p-c h4:after,.moe-p-c h5:after,.moe-p-c h6:after{content:'';left:-20px;bottom:-8px;position:absolute;width:calc(100% + 40px);border-bottom:1px solid #eee}.moe-p-c h1,.moe-p-c h2,.moe-p-c h3,.moe-p-c h4,.moe-p-c h5,.moe-p-c h6{font-weight:500;position:relative}.moe-p-c code:not(.hljs){color:#c7254e;padding:2px 6px;border-radius:3px;background-color:#f7f7f9;font-family:Roboto,Noto,Helvetica,Arial,sans-serif}.moe-p-pic{max-width:100%;margin:10px auto;border-radius:5px;display:block!important}.moe-blockquote-top{margin-top:50px}.moe-blockquote-copy{padding:5px;padding-left:1em!important;border-radius:1px 5px 5px 1px;background:rgba(66,66,66,.1);margin:1em 3em 1em 2em!important;border-left:4px solid #1E88E5!important}@media (max-width:810px){.moe-card-post{width:98%}}@media (max-width:600px){.moe-card-post{width:100%;box-shadow:none;margin-top:-65px;border-radius:0;-webkit-box-shadow:none}}@media (max-width:599px){.moe-card-post{width:100%;margin-top:-60px}.moe-blockquote-copy{margin:1em 0!important}}.moe-card-page{width:800px;margin-top:30px;margin-left:auto;margin-right:auto}.moe-margin-top-page{margin-top:18px}@media (max-width:810px){.moe-card-page{width:98%}}@media (max-width:600px){.moe-card-page{width:100%;box-shadow:none;margin-top:-65px;border-radius:0;-webkit-box-shadow:none}.moe-margin-top-page{margin-top:0}}@media (max-width:599px){.moe-card-page{width:100%;margin-top:-60px}}.moe-404-body{margin:0;width:100%;height:100vh;display:flex;align-items:center}.moe-card-404{width:800px;margin-left:auto;margin-right:auto}.moe-404-content{padding:15px}.moe-404-content .moe-title{font-size:25px;font-weight:500}.moe-404-content .moe-des{font-size:18px;font-weight:500}.moe-404-content .moe-search-p{width:calc(100% - 50px)}.moe-404-content .moe-btn{float:right;margin-top:-43px}.moe-404-btn{margin-top:-30px}@media (max-width:810px){.moe-card-404{width:98%}}@media (max-width:600px){.moe-card-404{width:95%}}.moe-comments-box{width:800px;padding:15px;margin-top:18px;margin-left:auto;margin-right:auto}.moe-comments-ban{width:800px;padding:30px;margin-top:18px;margin-left:auto;margin-right:auto}.moe-comments-ban .moe-text{display:block;text-align:center;margin-bottom:-5}.moe-comments-ban .moe-text i{font-size:22px;font-weight:500;margin-bottom:5px;text-shadow:0 0 2px #424242}.moe-comments-ban .moe-text span{font-size:18px;font-weight:500;text-shadow:0 0 2px #424242}.moe-comments-admin-header{margin-left:-15px;margin-right:-15px}.moe-c-d{display:none}.moe-comment-ajax-headimg{width:24px;height:24px;border-radius:50%}.moe-dialog-body{font-size:15px;line-height:1.5;padding:0!important;color:rgba(0,0,0,.8)!important}.moe-dialog-title{padding:0!important}.moe-owo-img-tieba{margin:0;height:30px;box-shadow:none;display:inline-block;vertical-align:middle}.moe-owo-img-qwq{margin:0;height:30px;box-shadow:none;display:inline-block;vertical-align:middle}.moe-owo-img-hj{max-height:52px;border-radius:5px;vertical-align:middle}.moe-owo-btn-login{top:194px;right:20px;float:right!important;padding:3px!important;cursor:pointer!important;position:absolute!important;border-radius:3px!important;transition:all .2s!important;color:rgba(0,0,0,.54)!important;-webkit-transition:all .2s!important}.moe-owo-btn-usr{top:125px;right:20px;padding:3px!important;float:right!important;position:absolute!important;border-radius:3px!important;transition:all .2s!important;color:rgba(0,0,0,.54)!important;-webkit-transition:all .2s!important}.moe-owo-text{margin:3px!important;padding:3px!important;margin-top:5px!important;margin-bottom:5px!important;border-radius:5px!important}.moe-owo-emoji{margin:3px!important;width:40px!important;height:30px!important;padding:3px!important;margin-top:5px!important;min-width:20px!important;min-height:20px!important;line-height:28px!important;margin-bottom:5px!important;border-radius:5px!important}.moe-owo-tieba{margin:3px!important;width:40px!important;padding:3px!important;height:36px!important;margin-top:5px!important;min-width:20px!important;min-height:20px!important;line-height:0!important;margin-bottom:5px!important;border-radius:5px!important}.moe-owo-qwq{margin:3px!important;width:40px!important;padding:3px!important;height:36px!important;margin-top:5px!important;min-width:20px!important;min-height:20px!important;line-height:0!important;margin-bottom:5px!important;border-radius:5px!important}.moe-owo-qwq img{width:30px;height:30px}.moe-owo-hj{margin:3px!important;padding:3px!important;height:auto!important;min-width:auto!important;border-radius:5px!important}.moe-owo-hj img{max-height:52px;border-radius:3px}.moe-input-name{width:48%;float:left}.moe-input-email{width:48%;float:right}.moe-input-url{width:100%;float:left;display:none;animation:moeAnimation;animation-duration:.3s;-webkit-animation:moeAnimation .3s}.moe-comments-btn{float:right}.moe-comments-url-btn{float:left;margin-top:20px;margin-right:10px}.moe-comments-close-btn{float:left;margin-top:20px}.moe-comments-submit-btn{float:left;margin-top:20px}@keyframes commentsLoadAnimation{0%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}@-webkit-keyframes commentsLoadAnimation{0%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.moe-comments-submit-loading{animation:commentsLoadAnimation 1s infinite linear;-webkit-animation:commentsLoadAnimation 1s infinite linear}.moe-comments-list-box{width:800px;margin-top:18px;overflow:visible;margin-left:auto;margin-right:auto}.moe-comments-list-headText-box{padding:15px}.moe-comments-list-headText-box .moe-title{display:block;font-size:18px;font-weight:500;text-align:center;text-shadow:0 0 1px #424242}.moe-comments-list-headText-box .moe-title i{font-size:22px;text-shadow:none;color:rgba(0,0,0,.7)}.moe-comments-list-headText-box .moe-number{display:block;font-size:14px;margin-top:3px;font-weight:500;text-align:center;text-shadow:0 0 .5px #424242}.moe-comments-list-li{display:flex;padding:0 16px;list-style:none;position:relative;padding-top:14px;align-items:center;padding-bottom:14px}.moe-comments-headimg{width:45px;height:45px;border-radius:50%}.moe-comments-content{margin-left:10px}.moe-comments-content .moe-author-name{font-size:15px;font-weight:500}.moe-comments-content .moe-comments-time{font-size:14px;color:rgba(0,0,0,.7)}.moe-comments-content .moe-reply{top:16px;right:16px;position:absolute}.moe-comments-content .moe-reply a{color:#EC407A;text-decoration:none}.moe-comments-content .moe-reply button{min-width:20px!important}.moe-comments-content .moe-comments-textBox{font-size:16px;font-weight:500;margin-top:10px;line-height:1.3;word-break:break-all;word-wrap:break-word;color:rgba(0,0,0,.85)}.moe-comments-textBox a{color:#E91E63;position:relative;transition:all .3s;text-decoration:none;word-wrap:break-word}.moe-comments-textBox a:focus,article a:hover{color:#E91E63}.moe-comments-textBox a::after{right:0;width:0;content:"";bottom:-2px;position:absolute;transition:width .3s;border-bottom:1px solid;-webkit-transition:width .3s}.moe-comments-textBox a:hover::after{left:0;width:100%}.comment-list{margin:0;padding:0}.comment-list ol{margin-left:20px}.comment-list .moe-comments-box{left:0;top:100%;width:100%;z-index:10;position:absolute;border-radius:5px!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.moe-comments-nav{margin:auto;width:800px;list-style:none;text-align:center;margin-bottom:18px}@media (max-width:810px){.moe-comments-nav{width:98%}}@media (max-width:600px){.moe-comments-nav{width:100%}}.moe-comments-nav li{width:30px;height:30px;margin:5px 8px;line-height:30px;border-radius:50%;display:inline-block;background:rgba(255,255,255,0)}.moe-comments-nav li a{text-decoration:none;color:rgba(0,0,0,.8)}.moe-comments-nav .current{background:rgba(255,255,255,.8)}.moe-comments-list-li .moe-comments-ua{color:#424242;cursor:pointer;margin-left:5px;font-size:15px!important}.moe-comments-list-li .moe-author-icon{color:#E91E63;margin-left:5px}.comment-list .comment-list .moe-dv-t{display:none}.moe-comments-list-li .moe-comments-content img{margin:auto;max-width:95%}.moe-nav{height:96px;color:#fff!important;margin-top:18px;background:rgba(0,0,0,.3)}.moe-nav a{color:#fff!important}.moe-nav-left{text-align:left}.moe-nav-right{text-align:right}.moe-nav-direction{opacity:.55;font-size:15px;line-height:18px;margin-bottom:1px}.moe-nav-chapter{margin-left:34px}.moe-nav-left .mdui-icon{float:left;margin-right:10px}.moe-nav-right .mdui-icon{float:right;margin-left:10px}.moe-nav-text .mdui-icon{width:24px;padding-top:18px}.moe-nav-chapter a{color:#fff!important;text-decoration:none}.moe-nav-text{width:100%;height:100%;font-size:20px;font-weight:500;line-height:24px;padding-top:24px;display:inline-block;box-sizing:border-box;-webkit-font-smoothing:antialiased}@media (max-width:810px){.moe-comments-box{width:98%}.moe-comments-ban{width:98%}.moe-comments-list-box{width:98%}}@media (max-width:600px){.moe-comments-box{width:100%;margin-top:0;box-shadow:none;border-radius:0;-webkit-box-shadow:none}.moe-comments-ban{width:100%;margin-top:0;box-shadow:none;border-radius:0;-webkit-box-shadow:none}.moe-comments-list-box{width:100%;margin-top:0;box-shadow:none;border-radius:0;-webkit-box-shadow:none}.moe-input-email{float:none;width:100%}.moe-input-name{float:none;width:100%}.moe-c-d{display:block}.moe-comments-nav{margin-bottom:0}.moe-nav{margin-top:0;position:relative;box-sizing:border-box;color:#424242!important;-webkit-box-sizing:border-box;background:rgba(255,255,255,1);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.moe-nav a{color:#424242!important}}.moe-footer{flex:0;width:100%;color:#fff;clear:both;background-color:#424242}.moe-footer a{color:#EC407A;text-decoration:none}.moe-footer-i{color:#fff!important;margin-right:8px!important}@media(max-width:600px){footer{margin-top:-1px}}.hljs{border:0;margin:0;width:100%;display:block;padding:.5em;font-size:15px;overflow-x:auto;font-weight:200;background:#2b2b2b;white-space:pre-wrap;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}.hljs{color:#bababa}.hljs::-webkit-scrollbar{width:6px;height:6px}.hljs::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(165,165,165,1)}.hljs::-webkit-scrollbar-thumb:hover{background-color:#bbb}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#6896ba}.hljs-code,.hljs-selector-class{color:#a6e22e}.hljs-emphasis{font-style:italic}.hljs-attribute,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-variable{color:#cb7832}.hljs-params{color:#b9b9b9}.hljs-string{color:#6a8759}.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-subst,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:#e0c46c}.hljs-comment,.hljs-deletion,.hljs-meta{color:#7f7f7f}.hljs ol{padding:0;list-style:decimal;margin:0 0 0 40px!important}.hljs ol li{white-space:pre;margin:0!important;padding:5px!important;list-style:decimal-leading-zero;border-left:1px solid #ddd!important}html::-webkit-scrollbar-track-piece{background:rgba(0,0,0,0)}html::-webkit-scrollbar{width:6px;height:6px}html::-webkit-scrollbar-thumb{height:40px;border-radius:4px;background-color:rgba(165,165,165,1)}html::-webkit-scrollbar-thumb:hover{background-color:#bbb} \ No newline at end of file +#nprogress{z-index:99999999}*{box-sizing:border-box;-webkit-box-sizing:border-box}body{display:flex;flex-flow:column;min-height:100vh;overflow-x:hidden}#moe-body{flex:1}.moe-card-tr-10 .moe-card-tr{background-color:rgba(255,255,255,.9)!important}.moe-card-tr-20 .moe-card-tr{background-color:rgba(255,255,255,.8)!important}.moe-card-tr-30 .moe-card-tr{background-color:rgba(255,255,255,.7)!important}@media(max-width:600px){.moe-card-tr-10 .moe-nav{background-color:rgba(255,255,255,.9)!important}.moe-card-tr-20 .moe-nav{background-color:rgba(255,255,255,.8)!important}.moe-card-tr-30 .moe-nav{background-color:rgba(255,255,255,.7)!important}}.mdui-theme-layout-dark .aplayer{background:#616161!important}.mdui-theme-layout-dark .aplayer svg circle,.mdui-theme-layout-dark .aplayer svg path{fill:#fff!important}.mdui-theme-layout-dark .aplayer .aplayer-icon:hover path{fill:#9e9e9e!important}.mdui-theme-layout-dark .aplayer{color:#fff!important}.mdui-theme-layout-dark .aplayer .aplayer-author{color:#fff!important}.mdui-theme-layout-dark .aplayer .aplayer-lrc p{color:#fff!important}.mdui-theme-layout-dark .aplayer .aplayer-lrc:before{height:0%!important}.mdui-theme-layout-dark .aplayer .aplayer-lrc:after{width:0%!important}.mdui-theme-layout-dark .aplayer .aplayer-list .aplayer-list-light,.mdui-theme-layout-dark .aplayer .aplayer-list .aplayer-list-light .aplayer-list-author,.mdui-theme-layout-dark .aplayer .aplayer-list .aplayer-list-light .aplayer-list-index{color:#000!important}.mdui-theme-layout-dark .aplayer .aplayer-list .aplayer-list-author,.mdui-theme-layout-dark .aplayer .aplayer-list .aplayer-list-index{color:#fff!important}.mdui-theme-layout-dark .aplayer .aplayer-list ol li:hover,.mdui-theme-layout-dark .aplayer .aplayer-list ol li:hover .aplayer-list-author,.mdui-theme-layout-dark .aplayer .aplayer-list ol li:hover .aplayer-list-index{color:#000!important}.mdui-theme-layout-dark .moe-owo{background-color:#424242}.mdui-theme-layout-dark .moe-owo-top{border-bottom:1px solid rgba(255,255,255,.12)}.mdui-theme-layout-dark .moe-owo-tab:after{border-bottom:2px solid rgba(255,255,255,.12)}.mdui-theme-layout-dark .moe-card-tr-10 .moe-card-tr{background-color:rgba(48,48,48,.9)!important}.mdui-theme-layout-dark .moe-card-tr-20 .moe-card-tr{background-color:rgba(48,48,48,.8)!important}.mdui-theme-layout-dark .moe-card-tr-30 .moe-card-tr{background-color:rgba(48,48,48,.7)!important}@media(max-width:600px){.mdui-theme-layout-dark .moe-card-tr-10 .moe-nav{background-color:rgba(48,48,48,.9)!important}.mdui-theme-layout-dark .moe-card-tr-20 .moe-nav{background-color:rgba(48,48,48,.8)!important}.mdui-theme-layout-dark .moe-card-tr-30 .moe-nav{background-color:rgba(48,48,48,.7)!important}}.mdui-theme-layout-dark .moe-bg-after{top:0;left:0;right:0;bottom:0;z-index:-1;position:fixed;background-color:rgba(0,0,0,.5)}.mdui-theme-layout-dark .moe-cl-a{color:#000;background:#fff}.mdui-theme-layout-dark .moe-sidebar{background-color:#424242}.mdui-theme-layout-dark .moe-sidebar-count{color:#000;background:#fff}.mdui-theme-layout-dark .moe-search-btn i{color:#fff}.mdui-theme-layout-dark .moe-search-dialog i{color:#fff!important}.mdui-theme-layout-dark .moe-search-btn:hover{background-color:rgba(0,0,0,.1)}.mdui-theme-layout-dark .moe-search-dialog .moe-body .moe-search-input::-ms-input-placeholder{color:#fff}.mdui-theme-layout-dark .moe-search-dialog .moe-body .moe-search-input::-webkit-input-placeholder{color:#fff}.mdui-theme-layout-dark .moe-ngiht-btn:hover{background-color:rgba(0,0,0,.4)!important}.mdui-theme-layout-dark .moe-ngiht-btn:active{background-color:rgba(0,0,0,.4)!important}.mdui-theme-layout-dark .moe-day-btn:hover{background-color:rgba(0,0,0,.4)!important}.mdui-theme-layout-dark .moe-day-btn:active{background-color:rgba(0,0,0,.4)!important}.mdui-theme-layout-dark .moe-post-text{color:#fff}.mdui-theme-layout-dark .moe-day2 .moe-body .moe-t{color:#fff!important}.mdui-theme-layout-dark .moe-day2 .moe-body .moe-info{color:#fff!important}.mdui-theme-layout-dark .moe-card-day .moe-card-day-icon i{color:#fff}.mdui-theme-layout-dark .moe-card-day .moe-day-title a{color:#f5f5f5!important;transition:all .29s ease}.mdui-theme-layout-dark .moe-card-day .moe-day-title a:hover{transition:all .29s ease;text-shadow:0 1px 1px #fff!important}.mdui-theme-layout-dark .moe-card-day .moe-day-d{color:#fff}.mdui-theme-layout-dark .moe-card-day .moe-day-info{color:#fff}.mdui-theme-layout-dark .moe-card-post .mdui-card-header .mdui-card-menu i{color:#fff!important}.mdui-theme-layout-dark .moe-card-page .mdui-card-header .mdui-card-menu i{color:#fff!important}.mdui-theme-layout-dark .moe-p-c .moe-blockquote-copy{background:rgba(255,255,255,.1)}.mdui-theme-layout-dark .moe-p-c blockquote{border-left:4px solid rgba(255,255,255,.22)}.mdui-theme-layout-dark .moe-comments-box .moe-comments-admin-header .mdui-card-menu i{color:#fff!important}.mdui-theme-layout-dark .moe-comments-box .moe-owo-btn-login i{color:#fff}.mdui-theme-layout-dark .moe-comments-box .moe-owo-btn-usr i{color:#fff}.mdui-theme-layout-dark .moe-comments-box .moe-comments-btn .mdui-color-grey-800{color:#fff!important;background-color:#1e88e5!important}.mdui-theme-layout-dark .moe-comments-list-box .moe-comments-list-headText-box i{color:#fff}.mdui-theme-layout-dark .moe-comments-list-box .comment-list .moe-comments-content .moe-author-name .moe-author-icon{color:#e91e63}.mdui-theme-layout-dark .moe-comments-list-box .comment-list .moe-comments-content .moe-author-name i{color:#fff}.mdui-theme-layout-dark .moe-comments-list-box .comment-list .moe-comments-content .moe-comments-time{color:#fff}.mdui-theme-layout-dark .moe-comments-list-box .comment-list .moe-comments-content .moe-comments-textBox{color:#fff}.mdui-theme-layout-dark .moe-comments-nav a{color:#fff!important}.mdui-theme-layout-dark .moe-comments-nav .current{background:rgba(0,0,0,.4)}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-p-c{color:#fff;background-color:#424242}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-box .moe-comments-admin-header .mdui-card-menu i{color:#fff!important}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-box .moe-owo-btn-login i{color:#fff!important}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-box .moe-owo-btn-usr i{color:#fff!important}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-box .moe-comments-btn .mdui-color-grey-800{color:#fff!important;background-color:#1e88e5!important}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-list-box .moe-comments-list-headText-box i{color:#fff}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-list-box .comment-list .moe-comments-content .moe-author-name .moe-author-icon{color:#e91e63}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-list-box .comment-list .moe-comments-content .moe-author-name i{color:#fff}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-list-box .comment-list .moe-comments-content .moe-comments-time{color:#fff}.mdui-theme-layout-dark .moe-links-comment-dialog .moe-links-main .moe-links-comments-list-box .comment-list .moe-comments-content .moe-comments-textBox{color:#fff}@media (max-width:600px){.mdui-theme-layout-dark .moe-nav{color:#fff!important;background:#424242}.mdui-theme-layout-dark .moe-nav i{color:#fff!important}}.mdui-theme-primary-red .moe-day2 .moe-body .moe-t a{color:#ff5252}.mdui-theme-primary-red .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #f44336}.mdui-theme-primary-red .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#ff5252}.mdui-theme-primary-red .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#ff5252}.mdui-theme-primary-red .moe-p-c h1:before,.mdui-theme-primary-red .moe-p-c h2:before,.mdui-theme-primary-red .moe-p-c h3:before,.mdui-theme-primary-red .moe-p-c h4:before,.mdui-theme-primary-red .moe-p-c h5:before,.mdui-theme-primary-red .moe-p-c h6:before{color:#ff5252}.mdui-theme-primary-red .moe-p-c h1:hover:before,.mdui-theme-primary-red .moe-p-c h2:hover:before,.mdui-theme-primary-red .moe-p-c h3:hover:before,.mdui-theme-primary-red .moe-p-c h4:hover:before,.mdui-theme-primary-red .moe-p-c h5:hover:before,.mdui-theme-primary-red .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #f44336}.mdui-theme-primary-red .moe-p-c a{color:#ff5252}.mdui-theme-primary-red .moe-p-c a:focus,article a:hover{color:#f44336}.mdui-theme-primary-red .moe-comments-content .moe-reply a{color:#ff5252}.mdui-theme-primary-red .moe-footer a{color:#ff5252}.mdui-theme-primary-red .moe-blockquote-copy{border-left:4px solid #ff5252!important}.mdui-theme-primary-pink .moe-day2 .moe-body .moe-t a{color:#ff4081}.mdui-theme-primary-pink .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #e91e63}.mdui-theme-primary-pink .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#ff4081}.mdui-theme-primary-pink .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#ff4081}.mdui-theme-primary-pink .moe-p-c h1:before,.mdui-theme-primary-pink .moe-p-c h2:before,.mdui-theme-primary-pink .moe-p-c h3:before,.mdui-theme-primary-pink .moe-p-c h4:before,.mdui-theme-primary-pink .moe-p-c h5:before,.mdui-theme-primary-pink .moe-p-c h6:before{color:#ff4081}.mdui-theme-primary-pink .moe-p-c h1:hover:before,.mdui-theme-primary-pink .moe-p-c h2:hover:before,.mdui-theme-primary-pink .moe-p-c h3:hover:before,.mdui-theme-primary-pink .moe-p-c h4:hover:before,.mdui-theme-primary-pink .moe-p-c h5:hover:before,.mdui-theme-primary-pink .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #e91e63}.mdui-theme-primary-pink .moe-p-c a{color:#ff4081}.mdui-theme-primary-pink .moe-p-c a:focus,article a:hover{color:#e91e63}.mdui-theme-primary-pink .moe-comments-content .moe-reply a{color:#ff4081}.mdui-theme-primary-pink .moe-footer a{color:#ff4081}.mdui-theme-primary-pink .moe-blockquote-copy{border-left:4px solid #ff4081!important}.mdui-theme-primary-purple .moe-day2 .moe-body .moe-t a{color:#e040fb}.mdui-theme-primary-purple .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #9c27b0}.mdui-theme-primary-purple .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#e040fb}.mdui-theme-primary-purple .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#e040fb}.mdui-theme-primary-purple .moe-p-c h1:before,.mdui-theme-primary-purple .moe-p-c h2:before,.mdui-theme-primary-purple .moe-p-c h3:before,.mdui-theme-primary-purple .moe-p-c h4:before,.mdui-theme-primary-purple .moe-p-c h5:before,.mdui-theme-primary-purple .moe-p-c h6:before{color:#e040fb}.mdui-theme-primary-purple .moe-p-c h1:hover:before,.mdui-theme-primary-purple .moe-p-c h2:hover:before,.mdui-theme-primary-purple .moe-p-c h3:hover:before,.mdui-theme-primary-purple .moe-p-c h4:hover:before,.mdui-theme-primary-purple .moe-p-c h5:hover:before,.mdui-theme-primary-purple .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #9c27b0}.mdui-theme-primary-purple .moe-p-c a{color:#e040fb}.mdui-theme-primary-purple .moe-p-c a:focus,article a:hover{color:#9c27b0}.mdui-theme-primary-purple .moe-comments-content .moe-reply a{color:#e040fb}.mdui-theme-primary-purple .moe-footer a{color:#e040fb}.mdui-theme-primary-purple .moe-blockquote-copy{border-left:4px solid #e040fb!important}.mdui-theme-primary-deep-purple .moe-day2 .moe-body .moe-t a{color:#7c4dff}.mdui-theme-primary-deep-purple .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #673ab7}.mdui-theme-primary-deep-purple .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#7c4dff}.mdui-theme-primary-deep-purple .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#7c4dff}.mdui-theme-primary-deep-purple .moe-p-c h1:before,.mdui-theme-primary-deep-purple .moe-p-c h2:before,.mdui-theme-primary-deep-purple .moe-p-c h3:before,.mdui-theme-primary-deep-purple .moe-p-c h4:before,.mdui-theme-primary-deep-purple .moe-p-c h5:before,.mdui-theme-primary-deep-purple .moe-p-c h6:before{color:#7c4dff}.mdui-theme-primary-deep-purple .moe-p-c h1:hover:before,.mdui-theme-primary-deep-purple .moe-p-c h2:hover:before,.mdui-theme-primary-deep-purple .moe-p-c h3:hover:before,.mdui-theme-primary-deep-purple .moe-p-c h4:hover:before,.mdui-theme-primary-deep-purple .moe-p-c h5:hover:before,.mdui-theme-primary-deep-purple .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #673ab7}.mdui-theme-primary-deep-purple .moe-p-c a{color:#7c4dff}.mdui-theme-primary-deep-purple .moe-p-c a:focus,article a:hover{color:#673ab7}.mdui-theme-primary-deep-purple .moe-comments-content .moe-reply a{color:#7c4dff}.mdui-theme-primary-deep-purple .moe-footer a{color:#7c4dff}.mdui-theme-primary-deep-purple .moe-blockquote-copy{border-left:4px solid #7c4dff!important}.mdui-theme-primary-indigo .moe-day2 .moe-body .moe-t a{color:#536dfe}.mdui-theme-primary-indigo .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #3f51b5}.mdui-theme-primary-indigo .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#536dfe}.mdui-theme-primary-indigo .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#536dfe}.mdui-theme-primary-indigo .moe-p-c h1:before,.mdui-theme-primary-indigo .moe-p-c h2:before,.mdui-theme-primary-indigo .moe-p-c h3:before,.mdui-theme-primary-indigo .moe-p-c h4:before,.mdui-theme-primary-indigo .moe-p-c h5:before,.mdui-theme-primary-indigo .moe-p-c h6:before{color:#536dfe}.mdui-theme-primary-indigo .moe-p-c h1:hover:before,.mdui-theme-primary-indigo .moe-p-c h2:hover:before,.mdui-theme-primary-indigo .moe-p-c h3:hover:before,.mdui-theme-primary-indigo .moe-p-c h4:hover:before,.mdui-theme-primary-indigo .moe-p-c h5:hover:before,.mdui-theme-primary-indigo .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #3f51b5}.mdui-theme-primary-indigo .moe-p-c a{color:#536dfe}.mdui-theme-primary-indigo .moe-p-c a:focus,article a:hover{color:#3f51b5}.mdui-theme-primary-indigo .moe-comments-content .moe-reply a{color:#536dfe}.mdui-theme-primary-indigo .moe-footer a{color:#536dfe}.mdui-theme-primary-indigo .moe-blockquote-copy{border-left:4px solid #536dfe!important}.mdui-theme-primary-blue .moe-day2 .moe-body .moe-t a{color:#448aff}.mdui-theme-primary-blue .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #2196f3}.mdui-theme-primary-blue .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#448aff}.mdui-theme-primary-blue .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#448aff}.mdui-theme-primary-blue .moe-p-c h1:before,.mdui-theme-primary-blue .moe-p-c h2:before,.mdui-theme-primary-blue .moe-p-c h3:before,.mdui-theme-primary-blue .moe-p-c h4:before,.mdui-theme-primary-blue .moe-p-c h5:before,.mdui-theme-primary-blue .moe-p-c h6:before{color:#448aff}.mdui-theme-primary-blue .moe-p-c h1:hover:before,.mdui-theme-primary-blue .moe-p-c h2:hover:before,.mdui-theme-primary-blue .moe-p-c h3:hover:before,.mdui-theme-primary-blue .moe-p-c h4:hover:before,.mdui-theme-primary-blue .moe-p-c h5:hover:before,.mdui-theme-primary-blue .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #2196f3}.mdui-theme-primary-blue .moe-p-c a{color:#448aff}.mdui-theme-primary-blue .moe-p-c a:focus,article a:hover{color:#2196f3}.mdui-theme-primary-blue .moe-comments-content .moe-reply a{color:#448aff}.mdui-theme-primary-blue .moe-footer a{color:#448aff}.mdui-theme-primary-blue .moe-blockquote-copy{border-left:4px solid #448aff!important}.mdui-theme-primary-light-blue .moe-day2 .moe-body .moe-t a{color:#40c4ff}.mdui-theme-primary-light-blue .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #03a9f4}.mdui-theme-primary-light-blue .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#40c4ff}.mdui-theme-primary-light-blue .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#40c4ff}.mdui-theme-primary-light-blue .moe-p-c h1:before,.mdui-theme-primary-light-blue .moe-p-c h2:before,.mdui-theme-primary-light-blue .moe-p-c h3:before,.mdui-theme-primary-light-blue .moe-p-c h4:before,.mdui-theme-primary-light-blue .moe-p-c h5:before,.mdui-theme-primary-light-blue .moe-p-c h6:before{color:#40c4ff}.mdui-theme-primary-light-blue .moe-p-c h1:hover:before,.mdui-theme-primary-light-blue .moe-p-c h2:hover:before,.mdui-theme-primary-light-blue .moe-p-c h3:hover:before,.mdui-theme-primary-light-blue .moe-p-c h4:hover:before,.mdui-theme-primary-light-blue .moe-p-c h5:hover:before,.mdui-theme-primary-light-blue .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #03a9f4}.mdui-theme-primary-light-blue .moe-p-c a{color:#40c4ff}.mdui-theme-primary-light-blue .moe-p-c a:focus,article a:hover{color:#03a9f4}.mdui-theme-primary-light-blue .moe-comments-content .moe-reply a{color:#40c4ff}.mdui-theme-primary-light-blue .moe-footer a{color:#40c4ff}.mdui-theme-primary-light-blue .moe-blockquote-copy{border-left:4px solid #40c4ff!important}.mdui-theme-primary-cyan .moe-day2 .moe-body .moe-t a{color:#18ffff}.mdui-theme-primary-cyan .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #00bcd4}.mdui-theme-primary-cyan .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#18ffff}.mdui-theme-primary-cyan .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#18ffff}.mdui-theme-primary-cyan .moe-p-c h1:before,.mdui-theme-primary-cyan .moe-p-c h2:before,.mdui-theme-primary-cyan .moe-p-c h3:before,.mdui-theme-primary-cyan .moe-p-c h4:before,.mdui-theme-primary-cyan .moe-p-c h5:before,.mdui-theme-primary-cyan .moe-p-c h6:before{color:#18ffff}.mdui-theme-primary-cyan .moe-p-c h1:hover:before,.mdui-theme-primary-cyan .moe-p-c h2:hover:before,.mdui-theme-primary-cyan .moe-p-c h3:hover:before,.mdui-theme-primary-cyan .moe-p-c h4:hover:before,.mdui-theme-primary-cyan .moe-p-c h5:hover:before,.mdui-theme-primary-cyan .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #00bcd4}.mdui-theme-primary-cyan .moe-p-c a{color:#18ffff}.mdui-theme-primary-cyan .moe-p-c a:focus,article a:hover{color:#00bcd4}.mdui-theme-primary-cyan .moe-comments-content .moe-reply a{color:#18ffff}.mdui-theme-primary-cyan .moe-footer a{color:#18ffff}.mdui-theme-primary-cyan .moe-blockquote-copy{border-left:4px solid #18ffff!important}.mdui-theme-primary-teal .moe-day2 .moe-body .moe-t a{color:#64ffda}.mdui-theme-primary-teal .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #009688}.mdui-theme-primary-teal .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#64ffda}.mdui-theme-primary-teal .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#64ffda}.mdui-theme-primary-teal .moe-p-c h1:before,.mdui-theme-primary-teal .moe-p-c h2:before,.mdui-theme-primary-teal .moe-p-c h3:before,.mdui-theme-primary-teal .moe-p-c h4:before,.mdui-theme-primary-teal .moe-p-c h5:before,.mdui-theme-primary-teal .moe-p-c h6:before{color:#64ffda}.mdui-theme-primary-teal .moe-p-c h1:hover:before,.mdui-theme-primary-teal .moe-p-c h2:hover:before,.mdui-theme-primary-teal .moe-p-c h3:hover:before,.mdui-theme-primary-teal .moe-p-c h4:hover:before,.mdui-theme-primary-teal .moe-p-c h5:hover:before,.mdui-theme-primary-teal .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #009688}.mdui-theme-primary-teal .moe-p-c a{color:#64ffda}.mdui-theme-primary-teal .moe-p-c a:focus,article a:hover{color:#009688}.mdui-theme-primary-teal .moe-comments-content .moe-reply a{color:#64ffda}.mdui-theme-primary-teal .moe-footer a{color:#64ffda}.mdui-theme-primary-teal .moe-blockquote-copy{border-left:4px solid #64ffda!important}.mdui-theme-primary-green .moe-day2 .moe-body .moe-t a{color:#69f0ae}.mdui-theme-primary-green .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #4caf50}.mdui-theme-primary-green .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#69f0ae}.mdui-theme-primary-green .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#69f0ae}.mdui-theme-primary-green .moe-p-c h1:before,.mdui-theme-primary-green .moe-p-c h2:before,.mdui-theme-primary-green .moe-p-c h3:before,.mdui-theme-primary-green .moe-p-c h4:before,.mdui-theme-primary-green .moe-p-c h5:before,.mdui-theme-primary-green .moe-p-c h6:before{color:#69f0ae}.mdui-theme-primary-green .moe-p-c h1:hover:before,.mdui-theme-primary-green .moe-p-c h2:hover:before,.mdui-theme-primary-green .moe-p-c h3:hover:before,.mdui-theme-primary-green .moe-p-c h4:hover:before,.mdui-theme-primary-green .moe-p-c h5:hover:before,.mdui-theme-primary-green .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #4caf50}.mdui-theme-primary-green .moe-p-c a{color:#69f0ae}.mdui-theme-primary-green .moe-p-c a:focus,article a:hover{color:#4caf50}.mdui-theme-primary-green .moe-comments-content .moe-reply a{color:#69f0ae}.mdui-theme-primary-green .moe-footer a{color:#69f0ae}.mdui-theme-primary-green .moe-blockquote-copy{border-left:4px solid #69f0ae!important}.mdui-theme-primary-light-green .moe-day2 .moe-body .moe-t a{color:#b2ff59}.mdui-theme-primary-light-green .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #8bc34a}.mdui-theme-primary-light-green .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#b2ff59}.mdui-theme-primary-light-green .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#b2ff59}.mdui-theme-primary-light-green .moe-p-c h1:before,.mdui-theme-primary-light-green .moe-p-c h2:before,.mdui-theme-primary-light-green .moe-p-c h3:before,.mdui-theme-primary-light-green .moe-p-c h4:before,.mdui-theme-primary-light-green .moe-p-c h5:before,.mdui-theme-primary-light-green .moe-p-c h6:before{color:#b2ff59}.mdui-theme-primary-light-green .moe-p-c h1:hover:before,.mdui-theme-primary-light-green .moe-p-c h2:hover:before,.mdui-theme-primary-light-green .moe-p-c h3:hover:before,.mdui-theme-primary-light-green .moe-p-c h4:hover:before,.mdui-theme-primary-light-green .moe-p-c h5:hover:before,.mdui-theme-primary-light-green .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #8bc34a}.mdui-theme-primary-light-green .moe-p-c a{color:#b2ff59}.mdui-theme-primary-light-green .moe-p-c a:focus,article a:hover{color:#8bc34a}.mdui-theme-primary-light-green .moe-comments-content .moe-reply a{color:#b2ff59}.mdui-theme-primary-light-green .moe-footer a{color:#b2ff59}.mdui-theme-primary-light-green .moe-blockquote-copy{border-left:4px solid #b2ff59!important}.mdui-theme-primary-lime .moe-day2 .moe-body .moe-t a{color:#eeff41}.mdui-theme-primary-lime .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #cddc39}.mdui-theme-primary-lime .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#eeff41}.mdui-theme-primary-lime .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#eeff41}.mdui-theme-primary-lime .moe-p-c h1:before,.mdui-theme-primary-lime .moe-p-c h2:before,.mdui-theme-primary-lime .moe-p-c h3:before,.mdui-theme-primary-lime .moe-p-c h4:before,.mdui-theme-primary-lime .moe-p-c h5:before,.mdui-theme-primary-lime .moe-p-c h6:before{color:#eeff41}.mdui-theme-primary-lime .moe-p-c h1:hover:before,.mdui-theme-primary-lime .moe-p-c h2:hover:before,.mdui-theme-primary-lime .moe-p-c h3:hover:before,.mdui-theme-primary-lime .moe-p-c h4:hover:before,.mdui-theme-primary-lime .moe-p-c h5:hover:before,.mdui-theme-primary-lime .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #cddc39}.mdui-theme-primary-lime .moe-p-c a{color:#eeff41}.mdui-theme-primary-lime .moe-p-c a:focus,article a:hover{color:#cddc39}.mdui-theme-primary-lime .moe-comments-content .moe-reply a{color:#eeff41}.mdui-theme-primary-lime .moe-footer a{color:#eeff41}.mdui-theme-primary-lime .moe-blockquote-copy{border-left:4px solid #eeff41!important}.mdui-theme-primary-yellow .moe-day2 .moe-body .moe-t a{color:#ff0}.mdui-theme-primary-yellow .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #ffeb3b}.mdui-theme-primary-yellow .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#ff0}.mdui-theme-primary-yellow .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#ff0}.mdui-theme-primary-yellow .moe-p-c h1:before,.mdui-theme-primary-yellow .moe-p-c h2:before,.mdui-theme-primary-yellow .moe-p-c h3:before,.mdui-theme-primary-yellow .moe-p-c h4:before,.mdui-theme-primary-yellow .moe-p-c h5:before,.mdui-theme-primary-yellow .moe-p-c h6:before{color:#ff0}.mdui-theme-primary-yellow .moe-p-c h1:hover:before,.mdui-theme-primary-yellow .moe-p-c h2:hover:before,.mdui-theme-primary-yellow .moe-p-c h3:hover:before,.mdui-theme-primary-yellow .moe-p-c h4:hover:before,.mdui-theme-primary-yellow .moe-p-c h5:hover:before,.mdui-theme-primary-yellow .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #ffeb3b}.mdui-theme-primary-yellow .moe-p-c a{color:#ff0}.mdui-theme-primary-yellow .moe-p-c a:focus,article a:hover{color:#ffeb3b}.mdui-theme-primary-yellow .moe-comments-content .moe-reply a{color:#ff0}.mdui-theme-primary-yellow .moe-footer a{color:#ff0}.mdui-theme-primary-yellow .moe-blockquote-copy{border-left:4px solid #ff0!important}.mdui-theme-primary-amber .moe-day2 .moe-body .moe-t a{color:#ffd740}.mdui-theme-primary-amber .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #ffc107}.mdui-theme-primary-amber .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#ffd740}.mdui-theme-primary-amber .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#ffd740}.mdui-theme-primary-amber .moe-p-c h1:before,.mdui-theme-primary-amber .moe-p-c h2:before,.mdui-theme-primary-amber .moe-p-c h3:before,.mdui-theme-primary-amber .moe-p-c h4:before,.mdui-theme-primary-amber .moe-p-c h5:before,.mdui-theme-primary-amber .moe-p-c h6:before{color:#ffd740}.mdui-theme-primary-amber .moe-p-c h1:hover:before,.mdui-theme-primary-amber .moe-p-c h2:hover:before,.mdui-theme-primary-amber .moe-p-c h3:hover:before,.mdui-theme-primary-amber .moe-p-c h4:hover:before,.mdui-theme-primary-amber .moe-p-c h5:hover:before,.mdui-theme-primary-amber .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #ffc107}.mdui-theme-primary-amber .moe-p-c a{color:#ffd740}.mdui-theme-primary-amber .moe-p-c a:focus,article a:hover{color:#ffc107}.mdui-theme-primary-amber .moe-comments-content .moe-reply a{color:#ffd740}.mdui-theme-primary-amber .moe-footer a{color:#ffd740}.mdui-theme-primary-amber .moe-blockquote-copy{border-left:4px solid #ffd740!important}.mdui-theme-primary-orange .moe-day2 .moe-body .moe-t a{color:#ffab40}.mdui-theme-primary-orange .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #ff9800}.mdui-theme-primary-orange .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#ffab40}.mdui-theme-primary-orange .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#ffab40}.mdui-theme-primary-orange .moe-p-c h1:before,.mdui-theme-primary-orange .moe-p-c h2:before,.mdui-theme-primary-orange .moe-p-c h3:before,.mdui-theme-primary-orange .moe-p-c h4:before,.mdui-theme-primary-orange .moe-p-c h5:before,.mdui-theme-primary-orange .moe-p-c h6:before{color:#ffab40}.mdui-theme-primary-orange .moe-p-c h1:hover:before,.mdui-theme-primary-orange .moe-p-c h2:hover:before,.mdui-theme-primary-orange .moe-p-c h3:hover:before,.mdui-theme-primary-orange .moe-p-c h4:hover:before,.mdui-theme-primary-orange .moe-p-c h5:hover:before,.mdui-theme-primary-orange .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #ff9800}.mdui-theme-primary-orange .moe-p-c a{color:#ffab40}.mdui-theme-primary-orange .moe-p-c a:focus,article a:hover{color:#ff9800}.mdui-theme-primary-orange .moe-comments-content .moe-reply a{color:#ffab40}.mdui-theme-primary-orange .moe-footer a{color:#ffab40}.mdui-theme-primary-orange .moe-blockquote-copy{border-left:4px solid #ffab40!important}.mdui-theme-primary-deep-orange .moe-day2 .moe-body .moe-t a{color:#ff6e40}.mdui-theme-primary-deep-orange .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #ff5722}.mdui-theme-primary-deep-orange .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#ff6e40}.mdui-theme-primary-deep-orange .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#ff6e40}.mdui-theme-primary-deep-orange .moe-p-c h1:before,.mdui-theme-primary-deep-orange .moe-p-c h2:before,.mdui-theme-primary-deep-orange .moe-p-c h3:before,.mdui-theme-primary-deep-orange .moe-p-c h4:before,.mdui-theme-primary-deep-orange .moe-p-c h5:before,.mdui-theme-primary-deep-orange .moe-p-c h6:before{color:#ff6e40}.mdui-theme-primary-deep-orange .moe-p-c h1:hover:before,.mdui-theme-primary-deep-orange .moe-p-c h2:hover:before,.mdui-theme-primary-deep-orange .moe-p-c h3:hover:before,.mdui-theme-primary-deep-orange .moe-p-c h4:hover:before,.mdui-theme-primary-deep-orange .moe-p-c h5:hover:before,.mdui-theme-primary-deep-orange .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #ff5722}.mdui-theme-primary-deep-orange .moe-p-c a{color:#ff6e40}.mdui-theme-primary-deep-orange .moe-p-c a:focus,article a:hover{color:#ff5722}.mdui-theme-primary-deep-orange .moe-comments-content .moe-reply a{color:#ff6e40}.mdui-theme-primary-deep-orange .moe-footer a{color:#ff6e40}.mdui-theme-primary-deep-orange .moe-blockquote-copy{border-left:4px solid #ff6e40!important}.mdui-theme-primary-brown .moe-day2 .moe-body .moe-t a{color:#6d4c41}.mdui-theme-primary-brown .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #795548}.mdui-theme-primary-brown .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#6d4c41}.mdui-theme-primary-brown .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#6d4c41}.mdui-theme-primary-brown .moe-p-c h1:before,.mdui-theme-primary-brown .moe-p-c h2:before,.mdui-theme-primary-brown .moe-p-c h3:before,.mdui-theme-primary-brown .moe-p-c h4:before,.mdui-theme-primary-brown .moe-p-c h5:before,.mdui-theme-primary-brown .moe-p-c h6:before{color:#6d4c41}.mdui-theme-primary-brown .moe-p-c h1:hover:before,.mdui-theme-primary-brown .moe-p-c h2:hover:before,.mdui-theme-primary-brown .moe-p-c h3:hover:before,.mdui-theme-primary-brown .moe-p-c h4:hover:before,.mdui-theme-primary-brown .moe-p-c h5:hover:before,.mdui-theme-primary-brown .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #795548}.mdui-theme-primary-brown .moe-p-c a{color:#6d4c41}.mdui-theme-primary-brown .moe-p-c a:focus,article a:hover{color:#795548}.mdui-theme-primary-brown .moe-comments-content .moe-reply a{color:#6d4c41}.mdui-theme-primary-brown .moe-footer a{color:#6d4c41}.mdui-theme-primary-brown .moe-blockquote-copy{border-left:4px solid #6d4c41!important}.mdui-theme-primary-grey .moe-day2 .moe-body .moe-t a{color:#757575}.mdui-theme-primary-grey .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #9e9e9e}.mdui-theme-primary-grey .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#757575}.mdui-theme-primary-grey .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#757575}.mdui-theme-primary-grey .moe-p-c h1:before,.mdui-theme-primary-grey .moe-p-c h2:before,.mdui-theme-primary-grey .moe-p-c h3:before,.mdui-theme-primary-grey .moe-p-c h4:before,.mdui-theme-primary-grey .moe-p-c h5:before,.mdui-theme-primary-grey .moe-p-c h6:before{color:#757575}.mdui-theme-primary-grey .moe-p-c h1:hover:before,.mdui-theme-primary-grey .moe-p-c h2:hover:before,.mdui-theme-primary-grey .moe-p-c h3:hover:before,.mdui-theme-primary-grey .moe-p-c h4:hover:before,.mdui-theme-primary-grey .moe-p-c h5:hover:before,.mdui-theme-primary-grey .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #9e9e9e}.mdui-theme-primary-grey .moe-p-c a{color:#757575}.mdui-theme-primary-grey .moe-p-c a:focus,article a:hover{color:#9e9e9e}.mdui-theme-primary-grey .moe-comments-content .moe-reply a{color:#757575}.mdui-theme-primary-grey .moe-footer a{color:#757575}.mdui-theme-primary-grey .moe-blockquote-copy{border-left:4px solid #757575!important}.mdui-theme-primary-blue-grey .moe-day2 .moe-body .moe-t a{color:#546e7a}.mdui-theme-primary-blue-grey .moe-day2 .moe-body .moe-t a:hover{text-shadow:0 0 2px #607d8b}.mdui-theme-primary-blue-grey .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{color:#546e7a}.mdui-theme-primary-blue-grey .moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:focus,article a:hover{color:#546e7a}.mdui-theme-primary-blue-grey .moe-p-c h1:before,.mdui-theme-primary-blue-grey .moe-p-c h2:before,.mdui-theme-primary-blue-grey .moe-p-c h3:before,.mdui-theme-primary-blue-grey .moe-p-c h4:before,.mdui-theme-primary-blue-grey .moe-p-c h5:before,.mdui-theme-primary-blue-grey .moe-p-c h6:before{color:#546e7a}.mdui-theme-primary-blue-grey .moe-p-c h1:hover:before,.mdui-theme-primary-blue-grey .moe-p-c h2:hover:before,.mdui-theme-primary-blue-grey .moe-p-c h3:hover:before,.mdui-theme-primary-blue-grey .moe-p-c h4:hover:before,.mdui-theme-primary-blue-grey .moe-p-c h5:hover:before,.mdui-theme-primary-blue-grey .moe-p-c h6:hover:before{text-shadow:1px 1px 1px #607d8b}.mdui-theme-primary-blue-grey .moe-p-c a{color:#546e7a}.mdui-theme-primary-blue-grey .moe-p-c a:focus,article a:hover{color:#607d8b}.mdui-theme-primary-blue-grey .moe-comments-content .moe-reply a{color:#546e7a}.mdui-theme-primary-blue-grey .moe-footer a{color:#546e7a}.mdui-theme-primary-blue-grey .moe-blockquote-copy{border-left:4px solid #546e7a!important}.moe-bg{top:0;left:0;right:0;bottom:0;z-index:-2;position:fixed;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}.moe-head{color:#fff;box-shadow:none;text-shadow:1px 1px 1px #424242}.moe-headimg-xz{margin:0 auto;-o-transition:-o-transform .5s ease-out;-ms-transition:-ms-transform .5s ease-out;-moz-transition:-moz-transform .5s ease-out;-webkit-transition:-webkit-transform .5s ease-out}.moe-headimg-xz:hover{transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg)}.moe-search-dialog{width:100%;height:100vh!important;max-width:100%!important;max-height:100vh!important}.moe-search-dialog .moe-bg{background-size:360px 360px!important;background-repeat:no-repeat!important;background-attachment:fixed!important;background-position:bottom left!important;background-color:rgba(66,66,66,.3)!important}@media (max-width:1024px){.moe-search-dialog .moe-bg{background-size:240px 240px!important}}.moe-search-dialog .moe-search-btn{top:20;right:20;position:fixed;width:60px!important;height:60px!important}.moe-search-dialog .moe-search-btn i{left:38%!important;font-size:40px!important}.moe-search-dialog .moe-body{margin:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column nowrap}.moe-search-dialog .moe-body .moe-c{width:600px;margin-left:auto;position:relative;margin-right:auto}.moe-search-dialog .moe-body .moe-bottom{margin-bottom:50px}.moe-search-dialog .moe-body .moe-search-input{outline:0;width:100%;border:none;font-size:22px;border-radius:50px;padding:13px 24px 13px 64px;box-shadow:0 0 4px 0 #939090;background:rgba(255,255,255,.6)}.moe-search-dialog .moe-body .moe-search-input::-ms-input-placeholder{text-align:center}.moe-search-dialog .moe-body .moe-search-input::-webkit-input-placeholder{text-align:center}.moe-search-dialog .moe-body .moe-search-icon{top:10px;left:20px;font-size:30px;position:absolute;color:rgba(0,0,0,.52)}@media (max-width:610px){.moe-search-dialog .moe-body .moe-c{width:90%}}@media (max-width:600px){.moe-search-dialog .moe-body .moe-search-input{font-size:18px}}.moe-sidebar{color:#000;background-color:#f5f5f5}.moe-sidebar-bg{width:100%;height:160px;position:relative!important;background-size:cover!important;background-position:50% 50%!important;background-repeat:no-repeat!important}.moe-ngiht-btn{top:10px;right:10px;position:absolute;background-color:rgba(0,0,0,.3)}.moe-ngiht-btn i{text-shadow:0 1px 0 #424242}.moe-day-btn{top:10px;right:10px;position:absolute;background-color:rgba(0,0,0,.3)}.moe-day-btn i{color:#fff;text-shadow:0 1px 0 #424242}.moe-sidebar-headimg{width:60px;height:60px;margin-top:20px;margin-left:20px;border-radius:50%;background-size:cover!important;background-position:center center!important}.moe-sidebar-author{left:0;bottom:0;color:#fff;padding:20px;font-size:20px;font-weight:600;position:absolute;box-sizing:border-box}.moe-sidebar-description{font-size:13px;font-weight:400}.moe-sidebar-search{width:90%;margin-left:auto;margin-right:auto}.moe-sidebar-count{color:#fff;font-size:15px;padding-top:3px;text-align:center;border-radius:4px;padding-left:10px;padding-right:10px;padding-bottom:3px;background:#424242}.moe-sidebar-text-shadow{text-shadow:1px 1px 0 #424242}.moe-cl-a{right:20px;color:#fff;bottom:12px;font-size:10px;padding-top:4px;padding-left:7px;text-align:center;border-radius:4px;padding-right:7px;position:absolute;padding-bottom:2px;background:#424242}.moe-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.moe-margin-card-top{margin-top:30px}@keyframes moeAnimation{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}@-webkit-keyframes moeAnimation{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}.moe-card-a:nth-child(1){animation:moeAnimation;animation-duration:.1s;-webkit-animation:moeAnimation .1s}.moe-card-a:nth-child(2){animation:moeAnimation;animation-duration:.2s;-webkit-animation:moeAnimation .2s}.moe-card-a:nth-child(3){animation:moeAnimation;animation-duration:.3s;-webkit-animation:moeAnimation .3s}.moe-card-a:nth-child(4){animation:moeAnimation;animation-duration:.4s;-webkit-animation:moeAnimation .4s}.moe-card-a:nth-child(5){animation:moeAnimation;animation-duration:.5s;-webkit-animation:moeAnimation .5s}.moe-card-a:nth-child(6){animation:moeAnimation;animation-duration:.6s;-webkit-animation:moeAnimation .6s}.moe-card-a:nth-child(7){animation:moeAnimation;animation-duration:.6s;-webkit-animation:moeAnimation .6s}.moe-archive-card{width:800px;padding:20px;margin-top:30px;margin-left:auto;margin-right:auto}.moe-archive-card span{display:block;font-size:20px;text-align:center}.moe-archive-card i{color:#e91e63;font-weight:550;font-style:normal}.moe-archive-nofound{padding:20px}.moe-archive-nofound span{display:block;font-size:20px;text-align:center}@media (max-width:820px){.moe-archive-card{max-width:96%}}@media (max-width:600px){.moe-archive-card{width:96%}}.moe-tag-card{width:800px;padding:15px;margin-top:18px;margin-left:auto;margin-right:auto;margin-bottom:18px}.moe-tag-title{display:block;font-size:25px;font-weight:550;text-align:center}.moe-tag-num{display:block;font-size:16px;margin-top:6px;font-weight:500;text-align:center}.moe-tag-d{margin-top:5px;margin-bottom:5px;margin-left:-15px;margin-right:-15px}.moe-tag-a{margin:5px;padding:8px;font-weight:500;border-radius:3px;display:inline-block;transition:all .36s;text-decoration:none}.moe-tag-a:hover{transition:all .36s;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}@media (max-width:820px){.moe-tag-card{max-width:96%}}@media (max-width:600px){.moe-tag-card{width:96%}}.moe-links-box{width:80%;margin-top:18px;margin-left:auto;margin-right:auto;margin-bottom:18px}.moe-links-box a{text-decoration:none}.moe-links-card{margin-top:15px;border-radius:6px}.moe-links-bg{width:100%;height:80px;filter:blur(6px);background-size:cover;-webkit-filter:blur(6px);background-repeat:no-repeat;background-position:50% 50%}.moe-links-headimg{width:60px;height:60px;margin-top:-42px;border-radius:50%}.moe-links-title{font-size:25px}.moe-links-d{display:block;font-size:15px;min-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.moe-links-comment-open-pjax{opacity:1!important}.moe-links-comment-open{opacity:1!important;animation:moeAnimation;animation-duration:.2s;-webkit-animation:moeAnimation .2s}.moe-links-comment-dialog{top:0;left:0;right:0;bottom:0;opacity:0;margin:auto;display:none;z-index:1000;position:fixed;border-radius:2px;transition:all .3s;background-color:rgba(0,0,0,.5)}.moe-links-comment-dialog .moe-links-main{width:800px;height:100%;margin:auto;overflow-y:auto;background-color:#fff;-webkit-overflow-scrolling:touch}.moe-links-main .moe-links-close{z-index:1100;position:fixed;margin-top:10px;margin-left:10px;background-color:rgba(0,0,0,.8)}.moe-links-main .moe-links-close i{color:#fff;text-shadow:1px 1px 1px #424242}.moe-links-main .mdui-card{box-shadow:none!important}.moe-links-main .moe-links-go-top{bottom:0;z-index:1100;position:fixed;margin-left:740px;margin-bottom:3em}.moe-links-comments-box{padding:15px}.comment-list .moe-links-comments-box{left:0;top:100%;width:100%;z-index:10;position:absolute;border-radius:5px!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.moe-links-comments-list-box{overflow:visible}.moe-links-comments-nav{width:auto!important;margin-bottom:0!important}@media (max-width:800px){.moe-links-comment-dialog .moe-links-main{width:100%}.moe-links-main .moe-links-go-top{margin-left:90%}}@media (max-width:500px){.moe-links-main .moe-links-go-top{margin-left:88%}}@media (max-width:400px){.moe-links-main .moe-links-go-top{margin-left:85%}}.moe-bgm-card{width:800px;margin-top:18px;margin-left:auto;margin-right:auto}.moe-bgm-card .mdui-card-media-covered{top:0}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title{left:0;right:0;top:45%;font-size:36px;text-align:center;position:absolute}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span{font-size:14px}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a{position:relative;transition:all .3s;text-decoration:none;word-wrap:break-word}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a::after{right:0;width:0;content:"";bottom:-2px;position:absolute;transition:width .3s;border-bottom:1px solid;-webkit-transition:width .3s}.moe-bgm-card .mdui-card-media-covered .mdui-card-primary-title span a:hover::after{left:0;width:100%}.moe-bgm-card .mdui-card-media:hover .moe-card-img{transform:scale(1.4)}.moe-bgm-card .moe-bgmBox{padding:15px}.moe-bgm-card .moe-bgmBox a{text-decoration:none}.moe-bgmBox .mdui-card{margin-top:10px;border-radius:5px}.moe-bgm-card .moe-bgmBox .mdui-card-header{padding:0;height:100px}.moe-bgm-info{padding:15px;margin-left:30px}.moe-bgm-pr{width:auto;height:30px;margin-top:10px;margin-left:52px;border-radius:5px}.moe-bgm-c-t{color:#fff;display:block;font-size:20px;margin-top:3px;font-weight:500;text-align:center;position:relative;text-shadow:0 0 1px #424242}.moe-bgm-fimg{width:80px;height:100%;position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.moe-bgm-error{color:#e91e63;display:block;font-size:26px;font-weight:550;text-align:center}@media (max-width:810px){.moe-bgm-card{width:98%}}@media (max-width:600px){.moe-bgm-card{width:100%;box-shadow:none;margin-top:-65px;border-radius:0;-webkit-box-shadow:none}}@media (max-width:599px){.moe-bgm-card{width:100%;margin-top:-60px}}.moe-card{width:800px;margin-top:18px;margin-left:auto;margin-right:auto}.moe-card-media{overflow:hidden}.moe-card-media .moe-card-title{color:#fff;text-decoration:none}.moe-card-img{width:100%;height:300px;overflow:hidden;transition:all .6s;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.moe-card-img:hover{transform:scale(1.4)}.moe-card-day{padding:30px}.moe-card-day-icon{float:left;width:42px;height:42px;cursor:default;border-radius:50%;margin-right:25px;margin-bottom:10px;border:1px solid #eaeaea}.moe-card-day-icon i{height:42px;display:flex;color:#757575;align-items:center;justify-content:center;flex-flow:column nowrap}.moe-day-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0!important}.moe-day-title a{text-decoration:none;color:rgba(0,0,0,.75);transition:all .29s ease}.moe-day-title a:hover{color:rgba(0,0,0,.75);transition:all .29s ease;text-shadow:0 1px 1px rgba(0,0,0,.65)}.moe-day-d{display:block;margin:0 0 10px;line-height:1.5em;margin-block-end:1em;margin-inline-end:0;margin-block-start:1em;margin-inline-start:0;color:rgba(0,0,0,.65)}.moe-day-info{display:block;font-size:15px;margin-top:10px;overflow:hidden;white-space:nowrap;margin-bottom:-18px;text-overflow:ellipsis;color:rgba(0,0,0,.68)}.moe-day-info .moe-author{font-size:14px;margin-right:10px}.moe-day-info .moe-time{font-size:14px;margin-right:10px}.moe-day-info .moe-comments{font-size:14px;margin-right:10px}.moe-day-info .mdui-icon{font-size:15px!important}.moe-day-info .moe-author-icon{font-weight:1000!important}.moe-day-info .moe-time-icon{font-weight:800!important}.moe-post-margin{margin-top:3px;margin-bottom:4px}.moe-post-text{font-size:16px;margin-left:5px;font-weight:400;margin-right:5px;color:rgba(0,0,0,.6)}.moe-card-day2{width:800px;padding:10px;margin-top:18px;margin-left:auto;margin-right:auto}.moe-day2{padding:15px;position:relative;margin-left:15px;border-left:1px solid #e0e0e0}.moe-day2 .mdui-icon{top:50%;left:-9px;color:#bdbdbd;font-size:16px;position:absolute;transform:translateY(-50%)}.moe-day2 .moe-body .moe-t{font-size:18px;font-weight:550;color:rgba(0,0,0,.8)}.moe-day2 .moe-body .moe-t a{text-decoration:none;transition:all .29s ease}.moe-day2 .moe-body .moe-t a:hover{transition:all .29s ease}.moe-day2 .moe-body .moe-info{display:block;font-size:13px;margin-top:8px;color:rgba(0,0,0,.6)}.moe-page-div{margin-top:36px;max-width:600px;margin-left:auto;position:relative;margin-right:auto;margin-bottom:90px}.moe-page-div .moe-prev{left:0;position:absolute}.moe-page-div .moe-next{right:0;position:absolute}.moe-page-div .moe-number{left:40%;position:absolute}.moe-page-div .moe-number span{color:#fff;font-weight:550;text-shadow:1px 1px 1px #424242}@media (max-width:820px){.moe-card{max-width:96%}.moe-card-day2{width:96%}}@media (max-width:600px){.moe-card{width:96%}.moe-card-img{height:245px}.moe-card-day{padding:15px}.moe-day-title{font-size:17px;margin-top:8px!important}.moe-day-info{margin-bottom:-8px}.moe-day-info .moe-comments-t{display:none}.moe-card-day2{width:96%}.moe-page-div{width:90%}}.moe-card-post{width:800px;margin-top:30px;margin-left:auto;margin-right:auto}.moe-p-c{padding:15px;font-size:14px;line-height:20px}.moe-p-c a{color:#e91e63;position:relative;transition:all .3s;text-decoration:none;word-wrap:break-word}.moe-p-c a:focus,article a:hover{color:#e91e63}.moe-p-c a::after{right:0;width:0;content:"";bottom:-2px;position:absolute;transition:width .3s;border-bottom:1px solid;-webkit-transition:width .3s}.moe-p-c a:hover::after{left:0;width:100%}.moe-p-c blockquote{font-weight:400;padding-left:1em;margin:1em 3em 1em 0;border-left:4px solid rgba(0,0,0,.12)}.moe-p-c h1:before,.moe-p-c h2:before,.moe-p-c h3:before,.moe-p-c h4:before,.moe-p-c h5:before,.moe-p-c h6:before{content:'#';font-weight:700;padding-right:5px;transition:all .29s}.moe-p-c h1:hover:before{font-size:36px}.moe-p-c h2:hover:before{font-size:30px}.moe-p-c h3:hover:before{font-size:25px}.moe-p-c h4:hover:before{font-size:23px}.moe-p-c h5:hover:before{font-size:20px}.moe-p-c h6:hover:before{font-size:20px}.moe-p-c h1:after,.moe-p-c h2:after,.moe-p-c h3:after,.moe-p-c h4:after,.moe-p-c h5:after,.moe-p-c h6:after{content:'';left:-20px;bottom:-8px;position:absolute;width:calc(100% + 40px);border-bottom:1px solid #eee}.moe-p-c h1,.moe-p-c h2,.moe-p-c h3,.moe-p-c h4,.moe-p-c h5,.moe-p-c h6{font-weight:500;position:relative}.moe-p-c code:not(.hljs){color:#c7254e;padding:2px 6px;border-radius:3px;background-color:#f7f7f9;font-family:Roboto,Noto,Helvetica,Arial,sans-serif}.moe-p-pic{max-width:100%;margin:10px auto;border-radius:5px;display:block!important}.moe-blockquote-top{margin-top:50px}.moe-blockquote-copy{padding:5px;padding-left:1em!important;border-radius:1px 5px 5px 1px;background:rgba(66,66,66,.1);margin:1em 3em 1em 2em!important}@media (max-width:810px){.moe-card-post{width:98%}}@media (max-width:600px){.moe-card-post{width:100%;box-shadow:none;margin-top:-65px;border-radius:0;-webkit-box-shadow:none}}@media (max-width:599px){.moe-card-post{width:100%;margin-top:-60px}.moe-blockquote-copy{margin:1em 0!important}}.moe-card-page{width:800px;margin-top:30px;margin-left:auto;margin-right:auto}.moe-margin-top-page{margin-top:18px}@media (max-width:810px){.moe-card-page{width:98%}}@media (max-width:600px){.moe-card-page{width:100%;box-shadow:none;margin-top:-65px;border-radius:0;-webkit-box-shadow:none}.moe-margin-top-page{margin-top:0}}@media (max-width:599px){.moe-card-page{width:100%;margin-top:-60px}}.moe-404-body{margin:0;width:100%;height:100vh;display:flex;align-items:center}.moe-card-404{width:800px;margin-left:auto;margin-right:auto}.moe-404-content{padding:15px}.moe-404-content .moe-title{font-size:25px;font-weight:500}.moe-404-content .moe-des{font-size:18px;font-weight:500}.moe-404-content .moe-search-p{width:calc(100% - 50px)}.moe-404-content .moe-btn{float:right;margin-top:-43px}.moe-404-btn{margin-top:-30px}@media (max-width:810px){.moe-card-404{width:98%}}@media (max-width:600px){.moe-card-404{width:95%}}.moe-comments-box{width:800px;padding:15px;margin-top:18px;margin-left:auto;margin-right:auto}.moe-comments-ban{width:800px;padding:30px;margin-top:18px;margin-left:auto;margin-right:auto}.moe-comments-ban .moe-text{display:block;margin-bottom:-5;text-align:center}.moe-comments-ban .moe-text i{font-size:22px;font-weight:500;margin-bottom:5px;text-shadow:0 0 2px #424242}.moe-comments-ban .moe-text span{font-size:18px;font-weight:500;text-shadow:0 0 2px #424242}.moe-comments-admin-header{margin-left:-15px;margin-right:-15px}.moe-c-d{display:none}.moe-comment-ajax-headimg{width:24px;height:24px;border-radius:50%}.moe-owo-btn-login{top:194px;right:20px;float:right!important;padding:3px!important;cursor:pointer!important;position:absolute!important;border-radius:3px!important;transition:all .2s!important;color:rgba(0,0,0,.54)!important;-webkit-transition:all .2s!important}.moe-owo-btn-usr{top:125px;right:20px;padding:3px!important;float:right!important;position:absolute!important;border-radius:3px!important;transition:all .2s!important;color:rgba(0,0,0,.54)!important;-webkit-transition:all .2s!important}.moe-owo-img-tieba{margin:0;height:30px;box-shadow:none;display:inline-block;vertical-align:middle}.moe-owo-img-qwq{margin:0;height:30px;box-shadow:none;display:inline-block;vertical-align:middle}.moe-owo-img-hj{max-height:52px;border-radius:5px;vertical-align:middle}.moe-owo{left:0;right:0;bottom:0;opacity:0;margin:auto;width:600px;height:300px;z-index:9999;display:none;position:fixed;overflow:hidden;border-radius:5px;transition:all .3s;background-color:#fff;transform:translateY(0);box-shadow:0 3px 35px 3px rgba(0,0,0,.5)}.moe-owo-open{opacity:1;transition:all .3s;transform:translateY(-36px)}.moe-owo-box{width:100%;height:100%;overflow:hidden;position:relative}.moe-dialog-body{height:202px;font-size:15px;line-height:1.5;padding:0!important;color:rgba(0,0,0,.8)!important}.moe-owo-hj{margin:3px!important;padding:3px!important;height:auto!important;min-width:auto!important;border-radius:5px!important}.moe-owo-text{margin:3px!important;padding:3px!important;margin-top:5px!important;margin-bottom:5px!important;border-radius:5px!important}.moe-owo-emoji{margin:3px!important;width:40px!important;height:30px!important;padding:3px!important;margin-top:5px!important;min-width:20px!important;min-height:20px!important;line-height:28px!important;margin-bottom:5px!important;border-radius:5px!important}.moe-owo-tieba{margin:3px!important;width:40px!important;padding:3px!important;height:36px!important;margin-top:5px!important;min-width:20px!important;min-height:20px!important;line-height:0!important;margin-bottom:5px!important;border-radius:5px!important}.moe-owo-qwq{margin:3px!important;width:40px!important;padding:3px!important;height:36px!important;margin-top:5px!important;min-width:20px!important;min-height:20px!important;line-height:0!important;margin-bottom:5px!important;border-radius:5px!important}.moe-owo-qwq img{width:30px;height:30px}.moe-owo-hj img{max-height:52px;border-radius:3px}.moe-owo-tab{width:100%;bottom:0;position:absolute}.moe-owo-top{position:relative;padding:10px 10px 10px;border-bottom:1px solid #eee}.moe-owo-tab:after{content:'';left:-20px;bottom:48px;position:absolute;width:calc(100% + 40px);border-bottom:2px solid #eee}.moe-owo-close-btn{top:7px;right:7px;position:absolute}.moe-owo-title{padding:3px;font-size:20px}@media(max-width:610px){.moe-owo{width:95%}}.mdui-tab::-webkit-scrollbar{width:5px;height:5px}.moe-input-name{width:48%;float:left}.moe-input-email{width:48%;float:right}.moe-input-url{width:100%;float:left;display:none;animation:moeAnimation;animation-duration:.3s;-webkit-animation:moeAnimation .3s}.moe-comments-btn{float:right}.moe-comments-url-btn{float:left;margin-top:20px;margin-right:10px}.moe-comments-close-btn{float:left;margin-top:20px}.moe-comments-submit-btn{float:left;margin-top:20px}@keyframes commentsLoadAnimation{0%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}@-webkit-keyframes commentsLoadAnimation{0%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.moe-comments-submit-loading{animation:commentsLoadAnimation 1s infinite linear;-webkit-animation:commentsLoadAnimation 1s infinite linear}.moe-comments-list-box{width:800px;margin-top:18px;overflow:visible;margin-left:auto;margin-right:auto}.moe-comments-list-headText-box{padding:15px}.moe-comments-list-headText-box .moe-title{display:block;font-size:18px;font-weight:500;text-align:center;text-shadow:0 0 1px #424242}.moe-comments-list-headText-box .moe-title i{font-size:22px;text-shadow:none;color:rgba(0,0,0,.7)}.moe-comments-list-headText-box .moe-number{display:block;font-size:14px;margin-top:3px;font-weight:500;text-align:center;text-shadow:0 0 .5px #424242}.moe-comments-list-li{display:flex;padding:0 16px;list-style:none;position:relative;padding-top:14px;align-items:center;padding-bottom:14px}.moe-comments-headimg{width:45px;height:45px;border-radius:50%}.moe-comments-content{margin-left:10px}.moe-comments-content .moe-author-name{font-size:15px;font-weight:500}.moe-comments-content .moe-comments-time{font-size:14px;color:rgba(0,0,0,.7)}.moe-comments-content .moe-reply{top:16px;right:16px;position:absolute}.moe-comments-content .moe-reply a{text-decoration:none}.moe-comments-content .moe-reply button{min-width:20px!important}.moe-comments-content .moe-comments-textBox{font-size:16px;font-weight:500;margin-top:10px;line-height:1.3;word-break:break-all;word-wrap:break-word;color:rgba(0,0,0,.85)}.moe-comments-textBox a{color:#e91e63;position:relative;transition:all .3s;text-decoration:none;word-wrap:break-word}.moe-comments-textBox a:focus,article a:hover{color:#e91e63}.moe-comments-textBox a::after{right:0;width:0;content:"";bottom:-2px;position:absolute;transition:width .3s;border-bottom:1px solid;-webkit-transition:width .3s}.moe-comments-textBox a:hover::after{left:0;width:100%}.comment-list{margin:0;padding:0}.comment-list ol{margin-left:20px}.comment-list .moe-comments-box{left:0;top:100%;width:100%;z-index:10;position:absolute;border-radius:5px!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.moe-comments-nav{margin:auto;width:800px;list-style:none;text-align:center;margin-bottom:18px}@media (max-width:810px){.moe-comments-nav{width:98%}}@media (max-width:600px){.moe-comments-nav{width:100%}}.moe-comments-nav li{width:30px;height:30px;margin:5px 8px;line-height:30px;border-radius:50%;display:inline-block;background:rgba(255,255,255,0)}.moe-comments-nav li a{text-decoration:none;color:rgba(0,0,0,.8)}.moe-comments-nav .current{background:rgba(255,255,255,.8)}.moe-comments-list-li .moe-comments-ua{color:#424242;cursor:pointer;margin-left:5px;font-size:15px!important}.moe-comments-list-li .moe-author-icon{color:#e91e63;margin-left:5px}.comment-list .comment-list .moe-dv-t{display:none}.moe-comments-list-li .moe-comments-content img{margin:auto;max-width:95%}.moe-nav{height:96px;color:#fff!important;margin-top:18px;background:rgba(0,0,0,.3)}.moe-nav a{color:#fff!important}.moe-nav-left{text-align:left}.moe-nav-right{text-align:right}.moe-nav-direction{opacity:.55;font-size:15px;line-height:18px;margin-bottom:1px}.moe-nav-chapter{margin-left:34px}.moe-nav-left .mdui-icon{float:left;margin-right:10px}.moe-nav-right .mdui-icon{float:right;margin-left:10px}.moe-nav-text .mdui-icon{width:24px;padding-top:18px}.moe-nav-chapter a{color:#fff!important;text-decoration:none}.moe-nav-text{width:100%;height:100%;font-size:20px;font-weight:500;line-height:24px;padding-top:24px;display:inline-block;box-sizing:border-box;-webkit-font-smoothing:antialiased}@media (max-width:810px){.moe-comments-box{width:98%}.moe-comments-ban{width:98%}.moe-comments-list-box{width:98%}}@media (max-width:600px){.moe-comments-box{width:100%;margin-top:0;box-shadow:none;border-radius:0;-webkit-box-shadow:none}.moe-comments-ban{width:100%;margin-top:0;box-shadow:none;border-radius:0;-webkit-box-shadow:none}.moe-comments-list-box{width:100%;margin-top:0;box-shadow:none;border-radius:0;-webkit-box-shadow:none}.moe-input-email{float:none;width:100%}.moe-input-name{float:none;width:100%}.moe-c-d{display:block}.moe-comments-nav{margin-bottom:0}.moe-nav{margin-top:0;position:relative;box-sizing:border-box;color:#424242!important;-webkit-box-sizing:border-box;background:rgba(255,255,255,1);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.moe-nav a{color:#424242!important}}.moe-footer{flex:0;width:100%;color:#fff;clear:both;background-color:#424242}.moe-footer a{color:#ec407a;text-decoration:none}.moe-footer-i{color:#fff!important;margin-right:8px!important}@media(max-width:600px){footer{margin-top:-1px}}.hljs{border:0;margin:0;width:100%;display:block;padding:.5em;font-size:15px;overflow-x:auto;font-weight:200;background:#2b2b2b;white-space:pre-wrap;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}.hljs{color:#bababa}.hljs::-webkit-scrollbar{width:6px;height:6px}.hljs::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(165,165,165,1)}.hljs::-webkit-scrollbar-thumb:hover{background-color:#bbb}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#6896ba}.hljs-code,.hljs-selector-class{color:#a6e22e}.hljs-emphasis{font-style:italic}.hljs-attribute,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-variable{color:#cb7832}.hljs-params{color:#b9b9b9}.hljs-string{color:#6a8759}.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-subst,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:#e0c46c}.hljs-comment,.hljs-deletion,.hljs-meta{color:#7f7f7f}.hljs ol{padding:0;list-style:decimal;margin:0 0 0 40px!important}.hljs ol li{white-space:pre;margin:0!important;padding:5px!important;list-style:decimal-leading-zero;border-left:1px solid #ddd!important}html::-webkit-scrollbar-track-piece{background:rgba(0,0,0,0)}html::-webkit-scrollbar{width:6px;height:6px}html::-webkit-scrollbar-thumb{height:40px;border-radius:4px;background-color:rgba(165,165,165,1)}html::-webkit-scrollbar-thumb:hover{background-color:#bbb} \ No newline at end of file diff --git a/others/css/iconfont.css b/others/css/iconfont.css deleted file mode 100644 index 849f7da..0000000 --- a/others/css/iconfont.css +++ /dev/null @@ -1,173 +0,0 @@ -@font-face {font-family: "iconfont"; - src: url('../font/iconfont/iconfont.eot?t=1554539234601'); /* IE9 */ - src: url('../font/iconfont/iconfont.eot?t=1554539234601#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), - url('../font/iconfont/iconfont.woff?t=1554539234601') format('woff'), - url('../font/iconfont/iconfont.ttf?t=1554539234601') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ - url('../font/iconfont/iconfont.svg?t=1554539234601#iconfont') format('svg'); /* iOS 4.1- */ -} - -.iconfont { - font-family: "iconfont" !important; - font-size: 16px; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.icon-bloger:before { - content: "\e646"; -} - -.icon-weibo:before { - content: "\e61a"; -} - -.icon-wechat:before { - content: "\e694"; -} - -.icon-bilibili_text:before { - content: "\e60e"; -} - -.icon-xunlei:before { - content: "\e612"; -} - -.icon-android:before { - content: "\e610"; -} - -.icon-github:before { - content: "\e60b"; -} - -.icon-2345_Browser:before { - content: "\e63b"; -} - -.icon-Opera_Browser:before { - content: "\e766"; -} - -.icon-safari:before { - content: "\e603"; -} - -.icon-firefox:before { - content: "\e77f"; -} - -.icon-Browser:before { - content: "\e60f"; -} - -.icon-Aoyou_Browser:before { - content: "\e946"; -} - -.icon-TheWorld_Browser:before { - content: "\e947"; -} - -.icon-QQGroup:before { - content: "\e632"; -} - -.icon-LBBROWSER:before { - content: "\e721"; -} - -.icon-coolapk:before { - content: "\e66b"; -} - -.icon-osx:before { - content: "\e604"; -} - -.icon-UC_Browser:before { - content: "\e67c"; -} - -.icon-os:before { - content: "\e649"; -} - -.icon-xiaomi:before { - content: "\e606"; -} - -.icon-edge:before { - content: "\e638"; -} - -.icon-windows_old:before { - content: "\e608"; -} - -.icon-QQBrowser:before { - content: "\e61d"; -} - -.icon-steam:before { - content: "\e6db"; -} - -.icon-Yandex_Browser:before { - content: "\e8f3"; -} - -.icon-ios:before { - content: "\e61e"; -} - -.icon-like:before { - content: "\e622"; -} - -.icon-Baidu_Browser:before { - content: "\e8d0"; -} - -.icon-linux:before { - content: "\f1e8"; -} - -.icon-bilibili:before { - content: "\e6e9"; -} - -.icon-IE:before { - content: "\e862"; -} - -.icon-qq:before { - content: "\e6e8"; -} - -.icon-Sougou_Browser:before { - content: "\e69f"; -} - -.icon-author:before { - content: "\e84e"; -} - -.icon-windows:before { - content: "\e647"; -} - -.icon-360_Browser:before { - content: "\e800"; -} - -.icon-twitter:before { - content: "\e617"; -} - -.icon-chrome:before { - content: "\e6e7"; -} - diff --git a/others/css/iconfont.min.css b/others/css/iconfont.min.css new file mode 100644 index 0000000..b26a931 --- /dev/null +++ b/others/css/iconfont.min.css @@ -0,0 +1 @@ +@font-face{font-family:iconfont;src:url(../font/iconfont/iconfont.eot?t=1554539234601);src:url(../font/iconfont/iconfont.eot?t=1554539234601#iefix) format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),url(../font/iconfont/iconfont.woff?t=1554539234601) format('woff'),url(../font/iconfont/iconfont.ttf?t=1554539234601) format('truetype'),url(../font/iconfont/iconfont.svg?t=1554539234601#iconfont) format('svg')}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-bloger:before{content:"\e646"}.icon-weibo:before{content:"\e61a"}.icon-wechat:before{content:"\e694"}.icon-bilibili_text:before{content:"\e60e"}.icon-xunlei:before{content:"\e612"}.icon-android:before{content:"\e610"}.icon-github:before{content:"\e60b"}.icon-2345_Browser:before{content:"\e63b"}.icon-Opera_Browser:before{content:"\e766"}.icon-safari:before{content:"\e603"}.icon-firefox:before{content:"\e77f"}.icon-Browser:before{content:"\e60f"}.icon-Aoyou_Browser:before{content:"\e946"}.icon-TheWorld_Browser:before{content:"\e947"}.icon-QQGroup:before{content:"\e632"}.icon-LBBROWSER:before{content:"\e721"}.icon-coolapk:before{content:"\e66b"}.icon-osx:before{content:"\e604"}.icon-UC_Browser:before{content:"\e67c"}.icon-os:before{content:"\e649"}.icon-xiaomi:before{content:"\e606"}.icon-edge:before{content:"\e638"}.icon-windows_old:before{content:"\e608"}.icon-QQBrowser:before{content:"\e61d"}.icon-steam:before{content:"\e6db"}.icon-Yandex_Browser:before{content:"\e8f3"}.icon-ios:before{content:"\e61e"}.icon-like:before{content:"\e622"}.icon-Baidu_Browser:before{content:"\e8d0"}.icon-linux:before{content:"\f1e8"}.icon-bilibili:before{content:"\e6e9"}.icon-IE:before{content:"\e862"}.icon-qq:before{content:"\e6e8"}.icon-Sougou_Browser:before{content:"\e69f"}.icon-author:before{content:"\e84e"}.icon-windows:before{content:"\e647"}.icon-360_Browser:before{content:"\e800"}.icon-twitter:before{content:"\e617"}.icon-chrome:before{content:"\e6e7"} \ No newline at end of file diff --git a/others/css/mdui.css b/others/css/mdui.css deleted file mode 100644 index b8aa12e..0000000 --- a/others/css/mdui.css +++ /dev/null @@ -1,12708 +0,0 @@ -/*! - * mdui v0.4.2 (https://mdui.org) - * Copyright 2016-2018 zdhxiong - * Licensed under MIT - */ -/** - * ============================================================================= - * ************ Color 颜色 ************ - * ============================================================================= - */ -/** - * .mdui-theme-primary-[color] .mdui-color-theme - * .mdui-theme-primary-[color] .mdui-color-theme-[degree] - */ -.mdui-theme-primary-amber .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffc107 !important; -} -.mdui-theme-primary-amber .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff8e1 !important; -} -.mdui-theme-primary-amber .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffecb3 !important; -} -.mdui-theme-primary-amber .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffe082 !important; -} -.mdui-theme-primary-amber .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffd54f !important; -} -.mdui-theme-primary-amber .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffca28 !important; -} -.mdui-theme-primary-amber .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffc107 !important; -} -.mdui-theme-primary-amber .mdui-color-theme-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffb300 !important; -} -.mdui-theme-primary-amber .mdui-color-theme-700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffa000 !important; -} -.mdui-theme-primary-amber .mdui-color-theme-800 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff8f00 !important; -} -.mdui-theme-primary-amber .mdui-color-theme-900 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff6f00 !important; -} -.mdui-theme-primary-blue .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #2196f3 !important; -} -.mdui-theme-primary-blue .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e3f2fd !important; -} -.mdui-theme-primary-blue .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #bbdefb !important; -} -.mdui-theme-primary-blue .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #90caf9 !important; -} -.mdui-theme-primary-blue .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #64b5f6 !important; -} -.mdui-theme-primary-blue .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #42a5f5 !important; -} -.mdui-theme-primary-blue .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #2196f3 !important; -} -.mdui-theme-primary-blue .mdui-color-theme-600 { - color: #fff !important; - background-color: #1e88e5 !important; -} -.mdui-theme-primary-blue .mdui-color-theme-700 { - color: #fff !important; - background-color: #1976d2 !important; -} -.mdui-theme-primary-blue .mdui-color-theme-800 { - color: #fff !important; - background-color: #1565c0 !important; -} -.mdui-theme-primary-blue .mdui-color-theme-900 { - color: #fff !important; - background-color: #0d47a1 !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme { - color: #fff !important; - background-color: #607d8b !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #eceff1 !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #cfd8dc !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b0bec5 !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #90a4ae !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme-400 { - color: #fff !important; - background-color: #78909c !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme-500 { - color: #fff !important; - background-color: #607d8b !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme-600 { - color: #fff !important; - background-color: #546e7a !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme-700 { - color: #fff !important; - background-color: #455a64 !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme-800 { - color: #fff !important; - background-color: #37474f !important; -} -.mdui-theme-primary-blue-grey .mdui-color-theme-900 { - color: #fff !important; - background-color: #263238 !important; -} -.mdui-theme-primary-brown .mdui-color-theme { - color: #fff !important; - background-color: #795548 !important; -} -.mdui-theme-primary-brown .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #efebe9 !important; -} -.mdui-theme-primary-brown .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #d7ccc8 !important; -} -.mdui-theme-primary-brown .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #bcaaa4 !important; -} -.mdui-theme-primary-brown .mdui-color-theme-300 { - color: #fff !important; - background-color: #a1887f !important; -} -.mdui-theme-primary-brown .mdui-color-theme-400 { - color: #fff !important; - background-color: #8d6e63 !important; -} -.mdui-theme-primary-brown .mdui-color-theme-500 { - color: #fff !important; - background-color: #795548 !important; -} -.mdui-theme-primary-brown .mdui-color-theme-600 { - color: #fff !important; - background-color: #6d4c41 !important; -} -.mdui-theme-primary-brown .mdui-color-theme-700 { - color: #fff !important; - background-color: #5d4037 !important; -} -.mdui-theme-primary-brown .mdui-color-theme-800 { - color: #fff !important; - background-color: #4e342e !important; -} -.mdui-theme-primary-brown .mdui-color-theme-900 { - color: #fff !important; - background-color: #3e2723 !important; -} -.mdui-theme-primary-cyan .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #00bcd4 !important; -} -.mdui-theme-primary-cyan .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e0f7fa !important; -} -.mdui-theme-primary-cyan .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b2ebf2 !important; -} -.mdui-theme-primary-cyan .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #80deea !important; -} -.mdui-theme-primary-cyan .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #4dd0e1 !important; -} -.mdui-theme-primary-cyan .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #26c6da !important; -} -.mdui-theme-primary-cyan .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00bcd4 !important; -} -.mdui-theme-primary-cyan .mdui-color-theme-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00acc1 !important; -} -.mdui-theme-primary-cyan .mdui-color-theme-700 { - color: #fff !important; - background-color: #0097a7 !important; -} -.mdui-theme-primary-cyan .mdui-color-theme-800 { - color: #fff !important; - background-color: #00838f !important; -} -.mdui-theme-primary-cyan .mdui-color-theme-900 { - color: #fff !important; - background-color: #006064 !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff5722 !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fbe9e7 !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffccbc !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffab91 !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff8a65 !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff7043 !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff5722 !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme-600 { - color: #fff !important; - background-color: #f4511e !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme-700 { - color: #fff !important; - background-color: #e64a19 !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme-800 { - color: #fff !important; - background-color: #d84315 !important; -} -.mdui-theme-primary-deep-orange .mdui-color-theme-900 { - color: #fff !important; - background-color: #bf360c !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme { - color: #fff !important; - background-color: #673ab7 !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ede7f6 !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #d1c4e9 !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b39ddb !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme-300 { - color: #fff !important; - background-color: #9575cd !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme-400 { - color: #fff !important; - background-color: #7e57c2 !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme-500 { - color: #fff !important; - background-color: #673ab7 !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme-600 { - color: #fff !important; - background-color: #5e35b1 !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme-700 { - color: #fff !important; - background-color: #512da8 !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme-800 { - color: #fff !important; - background-color: #4527a0 !important; -} -.mdui-theme-primary-deep-purple .mdui-color-theme-900 { - color: #fff !important; - background-color: #311b92 !important; -} -.mdui-theme-primary-green .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #4caf50 !important; -} -.mdui-theme-primary-green .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e8f5e9 !important; -} -.mdui-theme-primary-green .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #c8e6c9 !important; -} -.mdui-theme-primary-green .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #a5d6a7 !important; -} -.mdui-theme-primary-green .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #81c784 !important; -} -.mdui-theme-primary-green .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #66bb6a !important; -} -.mdui-theme-primary-green .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #4caf50 !important; -} -.mdui-theme-primary-green .mdui-color-theme-600 { - color: #fff !important; - background-color: #43a047 !important; -} -.mdui-theme-primary-green .mdui-color-theme-700 { - color: #fff !important; - background-color: #388e3c !important; -} -.mdui-theme-primary-green .mdui-color-theme-800 { - color: #fff !important; - background-color: #2e7d32 !important; -} -.mdui-theme-primary-green .mdui-color-theme-900 { - color: #fff !important; - background-color: #1b5e20 !important; -} -.mdui-theme-primary-grey .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #9e9e9e !important; -} -.mdui-theme-primary-grey .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fafafa !important; -} -.mdui-theme-primary-grey .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f5f5f5 !important; -} -.mdui-theme-primary-grey .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #eee !important; -} -.mdui-theme-primary-grey .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e0e0e0 !important; -} -.mdui-theme-primary-grey .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #bdbdbd !important; -} -.mdui-theme-primary-grey .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #9e9e9e !important; -} -.mdui-theme-primary-grey .mdui-color-theme-600 { - color: #fff !important; - background-color: #757575 !important; -} -.mdui-theme-primary-grey .mdui-color-theme-700 { - color: #fff !important; - background-color: #616161 !important; -} -.mdui-theme-primary-grey .mdui-color-theme-800 { - color: #fff !important; - background-color: #424242 !important; -} -.mdui-theme-primary-grey .mdui-color-theme-900 { - color: #fff !important; - background-color: #212121 !important; -} -.mdui-theme-primary-indigo .mdui-color-theme { - color: #fff !important; - background-color: #3f51b5 !important; -} -.mdui-theme-primary-indigo .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e8eaf6 !important; -} -.mdui-theme-primary-indigo .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #c5cae9 !important; -} -.mdui-theme-primary-indigo .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #9fa8da !important; -} -.mdui-theme-primary-indigo .mdui-color-theme-300 { - color: #fff !important; - background-color: #7986cb !important; -} -.mdui-theme-primary-indigo .mdui-color-theme-400 { - color: #fff !important; - background-color: #5c6bc0 !important; -} -.mdui-theme-primary-indigo .mdui-color-theme-500 { - color: #fff !important; - background-color: #3f51b5 !important; -} -.mdui-theme-primary-indigo .mdui-color-theme-600 { - color: #fff !important; - background-color: #3949ab !important; -} -.mdui-theme-primary-indigo .mdui-color-theme-700 { - color: #fff !important; - background-color: #303f9f !important; -} -.mdui-theme-primary-indigo .mdui-color-theme-800 { - color: #fff !important; - background-color: #283593 !important; -} -.mdui-theme-primary-indigo .mdui-color-theme-900 { - color: #fff !important; - background-color: #1a237e !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #03a9f4 !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e1f5fe !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b3e5fc !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #81d4fa !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #4fc3f7 !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #29b6f6 !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #03a9f4 !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #039be5 !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme-700 { - color: #fff !important; - background-color: #0288d1 !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme-800 { - color: #fff !important; - background-color: #0277bd !important; -} -.mdui-theme-primary-light-blue .mdui-color-theme-900 { - color: #fff !important; - background-color: #01579b !important; -} -.mdui-theme-primary-light-green .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #8bc34a !important; -} -.mdui-theme-primary-light-green .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f1f8e9 !important; -} -.mdui-theme-primary-light-green .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #dcedc8 !important; -} -.mdui-theme-primary-light-green .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #c5e1a5 !important; -} -.mdui-theme-primary-light-green .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #aed581 !important; -} -.mdui-theme-primary-light-green .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #9ccc65 !important; -} -.mdui-theme-primary-light-green .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #8bc34a !important; -} -.mdui-theme-primary-light-green .mdui-color-theme-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #7cb342 !important; -} -.mdui-theme-primary-light-green .mdui-color-theme-700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #689f38 !important; -} -.mdui-theme-primary-light-green .mdui-color-theme-800 { - color: #fff !important; - background-color: #558b2f !important; -} -.mdui-theme-primary-light-green .mdui-color-theme-900 { - color: #fff !important; - background-color: #33691e !important; -} -.mdui-theme-primary-lime .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #cddc39 !important; -} -.mdui-theme-primary-lime .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f9fbe7 !important; -} -.mdui-theme-primary-lime .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f0f4c3 !important; -} -.mdui-theme-primary-lime .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e6ee9c !important; -} -.mdui-theme-primary-lime .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #dce775 !important; -} -.mdui-theme-primary-lime .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #d4e157 !important; -} -.mdui-theme-primary-lime .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #cddc39 !important; -} -.mdui-theme-primary-lime .mdui-color-theme-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #c0ca33 !important; -} -.mdui-theme-primary-lime .mdui-color-theme-700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #afb42b !important; -} -.mdui-theme-primary-lime .mdui-color-theme-800 { - color: rgba(0, 0, 0, .87) !important; - background-color: #9e9d24 !important; -} -.mdui-theme-primary-lime .mdui-color-theme-900 { - color: #fff !important; - background-color: #827717 !important; -} -.mdui-theme-primary-orange .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff9800 !important; -} -.mdui-theme-primary-orange .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff3e0 !important; -} -.mdui-theme-primary-orange .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffe0b2 !important; -} -.mdui-theme-primary-orange .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffcc80 !important; -} -.mdui-theme-primary-orange .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffb74d !important; -} -.mdui-theme-primary-orange .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffa726 !important; -} -.mdui-theme-primary-orange .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff9800 !important; -} -.mdui-theme-primary-orange .mdui-color-theme-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fb8c00 !important; -} -.mdui-theme-primary-orange .mdui-color-theme-700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f57c00 !important; -} -.mdui-theme-primary-orange .mdui-color-theme-800 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ef6c00 !important; -} -.mdui-theme-primary-orange .mdui-color-theme-900 { - color: #fff !important; - background-color: #e65100 !important; -} -.mdui-theme-primary-pink .mdui-color-theme { - color: #fff !important; - background-color: #e91e63 !important; -} -.mdui-theme-primary-pink .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fce4ec !important; -} -.mdui-theme-primary-pink .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f8bbd0 !important; -} -.mdui-theme-primary-pink .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f48fb1 !important; -} -.mdui-theme-primary-pink .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f06292 !important; -} -.mdui-theme-primary-pink .mdui-color-theme-400 { - color: #fff !important; - background-color: #ec407a !important; -} -.mdui-theme-primary-pink .mdui-color-theme-500 { - color: #fff !important; - background-color: #e91e63 !important; -} -.mdui-theme-primary-pink .mdui-color-theme-600 { - color: #fff !important; - background-color: #d81b60 !important; -} -.mdui-theme-primary-pink .mdui-color-theme-700 { - color: #fff !important; - background-color: #c2185b !important; -} -.mdui-theme-primary-pink .mdui-color-theme-800 { - color: #fff !important; - background-color: #ad1457 !important; -} -.mdui-theme-primary-pink .mdui-color-theme-900 { - color: #fff !important; - background-color: #880e4f !important; -} -.mdui-theme-primary-purple .mdui-color-theme { - color: #fff !important; - background-color: #9c27b0 !important; -} -.mdui-theme-primary-purple .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f3e5f5 !important; -} -.mdui-theme-primary-purple .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e1bee7 !important; -} -.mdui-theme-primary-purple .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ce93d8 !important; -} -.mdui-theme-primary-purple .mdui-color-theme-300 { - color: #fff !important; - background-color: #ba68c8 !important; -} -.mdui-theme-primary-purple .mdui-color-theme-400 { - color: #fff !important; - background-color: #ab47bc !important; -} -.mdui-theme-primary-purple .mdui-color-theme-500 { - color: #fff !important; - background-color: #9c27b0 !important; -} -.mdui-theme-primary-purple .mdui-color-theme-600 { - color: #fff !important; - background-color: #8e24aa !important; -} -.mdui-theme-primary-purple .mdui-color-theme-700 { - color: #fff !important; - background-color: #7b1fa2 !important; -} -.mdui-theme-primary-purple .mdui-color-theme-800 { - color: #fff !important; - background-color: #6a1b9a !important; -} -.mdui-theme-primary-purple .mdui-color-theme-900 { - color: #fff !important; - background-color: #4a148c !important; -} -.mdui-theme-primary-red .mdui-color-theme { - color: #fff !important; - background-color: #f44336 !important; -} -.mdui-theme-primary-red .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffebee !important; -} -.mdui-theme-primary-red .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffcdd2 !important; -} -.mdui-theme-primary-red .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ef9a9a !important; -} -.mdui-theme-primary-red .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e57373 !important; -} -.mdui-theme-primary-red .mdui-color-theme-400 { - color: #fff !important; - background-color: #ef5350 !important; -} -.mdui-theme-primary-red .mdui-color-theme-500 { - color: #fff !important; - background-color: #f44336 !important; -} -.mdui-theme-primary-red .mdui-color-theme-600 { - color: #fff !important; - background-color: #e53935 !important; -} -.mdui-theme-primary-red .mdui-color-theme-700 { - color: #fff !important; - background-color: #d32f2f !important; -} -.mdui-theme-primary-red .mdui-color-theme-800 { - color: #fff !important; - background-color: #c62828 !important; -} -.mdui-theme-primary-red .mdui-color-theme-900 { - color: #fff !important; - background-color: #b71c1c !important; -} -.mdui-theme-primary-teal .mdui-color-theme { - color: #fff !important; - background-color: #009688 !important; -} -.mdui-theme-primary-teal .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e0f2f1 !important; -} -.mdui-theme-primary-teal .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b2dfdb !important; -} -.mdui-theme-primary-teal .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #80cbc4 !important; -} -.mdui-theme-primary-teal .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #4db6ac !important; -} -.mdui-theme-primary-teal .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #26a69a !important; -} -.mdui-theme-primary-teal .mdui-color-theme-500 { - color: #fff !important; - background-color: #009688 !important; -} -.mdui-theme-primary-teal .mdui-color-theme-600 { - color: #fff !important; - background-color: #00897b !important; -} -.mdui-theme-primary-teal .mdui-color-theme-700 { - color: #fff !important; - background-color: #00796b !important; -} -.mdui-theme-primary-teal .mdui-color-theme-800 { - color: #fff !important; - background-color: #00695c !important; -} -.mdui-theme-primary-teal .mdui-color-theme-900 { - color: #fff !important; - background-color: #004d40 !important; -} -.mdui-theme-primary-yellow .mdui-color-theme { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffeb3b !important; -} -.mdui-theme-primary-yellow .mdui-color-theme-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fffde7 !important; -} -.mdui-theme-primary-yellow .mdui-color-theme-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff9c4 !important; -} -.mdui-theme-primary-yellow .mdui-color-theme-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff59d !important; -} -.mdui-theme-primary-yellow .mdui-color-theme-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff176 !important; -} -.mdui-theme-primary-yellow .mdui-color-theme-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffee58 !important; -} -.mdui-theme-primary-yellow .mdui-color-theme-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffeb3b !important; -} -.mdui-theme-primary-yellow .mdui-color-theme-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fdd835 !important; -} -.mdui-theme-primary-yellow .mdui-color-theme-700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fbc02d !important; -} -.mdui-theme-primary-yellow .mdui-color-theme-800 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f9a825 !important; -} -.mdui-theme-primary-yellow .mdui-color-theme-900 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f57f17 !important; -} -/** - * .mdui-theme-accent-[color] .mdui-color-theme-accent - * .mdui-theme-accent-[color] .mdui-color-theme-[degree] - */ -.mdui-theme-accent-amber .mdui-color-theme-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffd740 !important; -} -.mdui-theme-accent-amber .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffe57f !important; -} -.mdui-theme-accent-amber .mdui-color-theme-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffd740 !important; -} -.mdui-theme-accent-amber .mdui-color-theme-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffc400 !important; -} -.mdui-theme-accent-amber .mdui-color-theme-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffab00 !important; -} -.mdui-theme-accent-blue .mdui-color-theme-accent { - color: #fff !important; - background-color: #448aff !important; -} -.mdui-theme-accent-blue .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #82b1ff !important; -} -.mdui-theme-accent-blue .mdui-color-theme-a200 { - color: #fff !important; - background-color: #448aff !important; -} -.mdui-theme-accent-blue .mdui-color-theme-a400 { - color: #fff !important; - background-color: #2979ff !important; -} -.mdui-theme-accent-blue .mdui-color-theme-a700 { - color: #fff !important; - background-color: #2962ff !important; -} -.mdui-theme-accent-cyan .mdui-color-theme-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #18ffff !important; -} -.mdui-theme-accent-cyan .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #84ffff !important; -} -.mdui-theme-accent-cyan .mdui-color-theme-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #18ffff !important; -} -.mdui-theme-accent-cyan .mdui-color-theme-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00e5ff !important; -} -.mdui-theme-accent-cyan .mdui-color-theme-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00b8d4 !important; -} -.mdui-theme-accent-deep-orange .mdui-color-theme-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff6e40 !important; -} -.mdui-theme-accent-deep-orange .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff9e80 !important; -} -.mdui-theme-accent-deep-orange .mdui-color-theme-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff6e40 !important; -} -.mdui-theme-accent-deep-orange .mdui-color-theme-a400 { - color: #fff !important; - background-color: #ff3d00 !important; -} -.mdui-theme-accent-deep-orange .mdui-color-theme-a700 { - color: #fff !important; - background-color: #dd2c00 !important; -} -.mdui-theme-accent-deep-purple .mdui-color-theme-accent { - color: #fff !important; - background-color: #7c4dff !important; -} -.mdui-theme-accent-deep-purple .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b388ff !important; -} -.mdui-theme-accent-deep-purple .mdui-color-theme-a200 { - color: #fff !important; - background-color: #7c4dff !important; -} -.mdui-theme-accent-deep-purple .mdui-color-theme-a400 { - color: #fff !important; - background-color: #651fff !important; -} -.mdui-theme-accent-deep-purple .mdui-color-theme-a700 { - color: #fff !important; - background-color: #6200ea !important; -} -.mdui-theme-accent-green .mdui-color-theme-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #69f0ae !important; -} -.mdui-theme-accent-green .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b9f6ca !important; -} -.mdui-theme-accent-green .mdui-color-theme-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #69f0ae !important; -} -.mdui-theme-accent-green .mdui-color-theme-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00e676 !important; -} -.mdui-theme-accent-green .mdui-color-theme-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00c853 !important; -} -.mdui-theme-accent-indigo .mdui-color-theme-accent { - color: #fff !important; - background-color: #536dfe !important; -} -.mdui-theme-accent-indigo .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #8c9eff !important; -} -.mdui-theme-accent-indigo .mdui-color-theme-a200 { - color: #fff !important; - background-color: #536dfe !important; -} -.mdui-theme-accent-indigo .mdui-color-theme-a400 { - color: #fff !important; - background-color: #3d5afe !important; -} -.mdui-theme-accent-indigo .mdui-color-theme-a700 { - color: #fff !important; - background-color: #304ffe !important; -} -.mdui-theme-accent-light-blue .mdui-color-theme-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #40c4ff !important; -} -.mdui-theme-accent-light-blue .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #80d8ff !important; -} -.mdui-theme-accent-light-blue .mdui-color-theme-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #40c4ff !important; -} -.mdui-theme-accent-light-blue .mdui-color-theme-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00b0ff !important; -} -.mdui-theme-accent-light-blue .mdui-color-theme-a700 { - color: #fff !important; - background-color: #0091ea !important; -} -.mdui-theme-accent-light-green .mdui-color-theme-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #b2ff59 !important; -} -.mdui-theme-accent-light-green .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ccff90 !important; -} -.mdui-theme-accent-light-green .mdui-color-theme-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b2ff59 !important; -} -.mdui-theme-accent-light-green .mdui-color-theme-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #76ff03 !important; -} -.mdui-theme-accent-light-green .mdui-color-theme-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #64dd17 !important; -} -.mdui-theme-accent-lime .mdui-color-theme-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #eeff41 !important; -} -.mdui-theme-accent-lime .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f4ff81 !important; -} -.mdui-theme-accent-lime .mdui-color-theme-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #eeff41 !important; -} -.mdui-theme-accent-lime .mdui-color-theme-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #c6ff00 !important; -} -.mdui-theme-accent-lime .mdui-color-theme-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #aeea00 !important; -} -.mdui-theme-accent-orange .mdui-color-theme-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffab40 !important; -} -.mdui-theme-accent-orange .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffd180 !important; -} -.mdui-theme-accent-orange .mdui-color-theme-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffab40 !important; -} -.mdui-theme-accent-orange .mdui-color-theme-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff9100 !important; -} -.mdui-theme-accent-orange .mdui-color-theme-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff6d00 !important; -} -.mdui-theme-accent-pink .mdui-color-theme-accent { - color: #fff !important; - background-color: #ff4081 !important; -} -.mdui-theme-accent-pink .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff80ab !important; -} -.mdui-theme-accent-pink .mdui-color-theme-a200 { - color: #fff !important; - background-color: #ff4081 !important; -} -.mdui-theme-accent-pink .mdui-color-theme-a400 { - color: #fff !important; - background-color: #f50057 !important; -} -.mdui-theme-accent-pink .mdui-color-theme-a700 { - color: #fff !important; - background-color: #c51162 !important; -} -.mdui-theme-accent-purple .mdui-color-theme-accent { - color: #fff !important; - background-color: #e040fb !important; -} -.mdui-theme-accent-purple .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ea80fc !important; -} -.mdui-theme-accent-purple .mdui-color-theme-a200 { - color: #fff !important; - background-color: #e040fb !important; -} -.mdui-theme-accent-purple .mdui-color-theme-a400 { - color: #fff !important; - background-color: #d500f9 !important; -} -.mdui-theme-accent-purple .mdui-color-theme-a700 { - color: #fff !important; - background-color: #a0f !important; -} -.mdui-theme-accent-red .mdui-color-theme-accent { - color: #fff !important; - background-color: #ff5252 !important; -} -.mdui-theme-accent-red .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff8a80 !important; -} -.mdui-theme-accent-red .mdui-color-theme-a200 { - color: #fff !important; - background-color: #ff5252 !important; -} -.mdui-theme-accent-red .mdui-color-theme-a400 { - color: #fff !important; - background-color: #ff1744 !important; -} -.mdui-theme-accent-red .mdui-color-theme-a700 { - color: #fff !important; - background-color: #d50000 !important; -} -.mdui-theme-accent-teal .mdui-color-theme-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #64ffda !important; -} -.mdui-theme-accent-teal .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #a7ffeb !important; -} -.mdui-theme-accent-teal .mdui-color-theme-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #64ffda !important; -} -.mdui-theme-accent-teal .mdui-color-theme-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #1de9b6 !important; -} -.mdui-theme-accent-teal .mdui-color-theme-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00bfa5 !important; -} -.mdui-theme-accent-yellow .mdui-color-theme-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff0 !important; -} -.mdui-theme-accent-yellow .mdui-color-theme-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffff8d !important; -} -.mdui-theme-accent-yellow .mdui-color-theme-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff0 !important; -} -.mdui-theme-accent-yellow .mdui-color-theme-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffea00 !important; -} -.mdui-theme-accent-yellow .mdui-color-theme-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffd600 !important; -} -/** - * .mdui-color-[color] - * .mdui-color-[color]-[degree] - */ -.mdui-color-amber { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffc107 !important; -} -.mdui-color-amber-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff8e1 !important; -} -.mdui-color-amber-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffecb3 !important; -} -.mdui-color-amber-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffe082 !important; -} -.mdui-color-amber-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffd54f !important; -} -.mdui-color-amber-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffca28 !important; -} -.mdui-color-amber-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffc107 !important; -} -.mdui-color-amber-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffb300 !important; -} -.mdui-color-amber-700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffa000 !important; -} -.mdui-color-amber-800 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff8f00 !important; -} -.mdui-color-amber-900 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff6f00 !important; -} -.mdui-color-blue { - color: rgba(0, 0, 0, .87) !important; - background-color: #2196f3 !important; -} -.mdui-color-blue-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e3f2fd !important; -} -.mdui-color-blue-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #bbdefb !important; -} -.mdui-color-blue-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #90caf9 !important; -} -.mdui-color-blue-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #64b5f6 !important; -} -.mdui-color-blue-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #42a5f5 !important; -} -.mdui-color-blue-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #2196f3 !important; -} -.mdui-color-blue-600 { - color: #fff !important; - background-color: #1e88e5 !important; -} -.mdui-color-blue-700 { - color: #fff !important; - background-color: #1976d2 !important; -} -.mdui-color-blue-800 { - color: #fff !important; - background-color: #1565c0 !important; -} -.mdui-color-blue-900 { - color: #fff !important; - background-color: #0d47a1 !important; -} -.mdui-color-blue-grey { - color: #fff !important; - background-color: #607d8b !important; -} -.mdui-color-blue-grey-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #eceff1 !important; -} -.mdui-color-blue-grey-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #cfd8dc !important; -} -.mdui-color-blue-grey-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b0bec5 !important; -} -.mdui-color-blue-grey-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #90a4ae !important; -} -.mdui-color-blue-grey-400 { - color: #fff !important; - background-color: #78909c !important; -} -.mdui-color-blue-grey-500 { - color: #fff !important; - background-color: #607d8b !important; -} -.mdui-color-blue-grey-600 { - color: #fff !important; - background-color: #546e7a !important; -} -.mdui-color-blue-grey-700 { - color: #fff !important; - background-color: #455a64 !important; -} -.mdui-color-blue-grey-800 { - color: #fff !important; - background-color: #37474f !important; -} -.mdui-color-blue-grey-900 { - color: #fff !important; - background-color: #263238 !important; -} -.mdui-color-brown { - color: #fff !important; - background-color: #795548 !important; -} -.mdui-color-brown-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #efebe9 !important; -} -.mdui-color-brown-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #d7ccc8 !important; -} -.mdui-color-brown-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #bcaaa4 !important; -} -.mdui-color-brown-300 { - color: #fff !important; - background-color: #a1887f !important; -} -.mdui-color-brown-400 { - color: #fff !important; - background-color: #8d6e63 !important; -} -.mdui-color-brown-500 { - color: #fff !important; - background-color: #795548 !important; -} -.mdui-color-brown-600 { - color: #fff !important; - background-color: #6d4c41 !important; -} -.mdui-color-brown-700 { - color: #fff !important; - background-color: #5d4037 !important; -} -.mdui-color-brown-800 { - color: #fff !important; - background-color: #4e342e !important; -} -.mdui-color-brown-900 { - color: #fff !important; - background-color: #3e2723 !important; -} -.mdui-color-cyan { - color: rgba(0, 0, 0, .87) !important; - background-color: #00bcd4 !important; -} -.mdui-color-cyan-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e0f7fa !important; -} -.mdui-color-cyan-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b2ebf2 !important; -} -.mdui-color-cyan-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #80deea !important; -} -.mdui-color-cyan-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #4dd0e1 !important; -} -.mdui-color-cyan-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #26c6da !important; -} -.mdui-color-cyan-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00bcd4 !important; -} -.mdui-color-cyan-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00acc1 !important; -} -.mdui-color-cyan-700 { - color: #fff !important; - background-color: #0097a7 !important; -} -.mdui-color-cyan-800 { - color: #fff !important; - background-color: #00838f !important; -} -.mdui-color-cyan-900 { - color: #fff !important; - background-color: #006064 !important; -} -.mdui-color-deep-orange { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff5722 !important; -} -.mdui-color-deep-orange-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fbe9e7 !important; -} -.mdui-color-deep-orange-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffccbc !important; -} -.mdui-color-deep-orange-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffab91 !important; -} -.mdui-color-deep-orange-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff8a65 !important; -} -.mdui-color-deep-orange-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff7043 !important; -} -.mdui-color-deep-orange-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff5722 !important; -} -.mdui-color-deep-orange-600 { - color: #fff !important; - background-color: #f4511e !important; -} -.mdui-color-deep-orange-700 { - color: #fff !important; - background-color: #e64a19 !important; -} -.mdui-color-deep-orange-800 { - color: #fff !important; - background-color: #d84315 !important; -} -.mdui-color-deep-orange-900 { - color: #fff !important; - background-color: #bf360c !important; -} -.mdui-color-deep-purple { - color: #fff !important; - background-color: #673ab7 !important; -} -.mdui-color-deep-purple-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ede7f6 !important; -} -.mdui-color-deep-purple-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #d1c4e9 !important; -} -.mdui-color-deep-purple-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b39ddb !important; -} -.mdui-color-deep-purple-300 { - color: #fff !important; - background-color: #9575cd !important; -} -.mdui-color-deep-purple-400 { - color: #fff !important; - background-color: #7e57c2 !important; -} -.mdui-color-deep-purple-500 { - color: #fff !important; - background-color: #673ab7 !important; -} -.mdui-color-deep-purple-600 { - color: #fff !important; - background-color: #5e35b1 !important; -} -.mdui-color-deep-purple-700 { - color: #fff !important; - background-color: #512da8 !important; -} -.mdui-color-deep-purple-800 { - color: #fff !important; - background-color: #4527a0 !important; -} -.mdui-color-deep-purple-900 { - color: #fff !important; - background-color: #311b92 !important; -} -.mdui-color-green { - color: rgba(0, 0, 0, .87) !important; - background-color: #4caf50 !important; -} -.mdui-color-green-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e8f5e9 !important; -} -.mdui-color-green-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #c8e6c9 !important; -} -.mdui-color-green-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #a5d6a7 !important; -} -.mdui-color-green-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #81c784 !important; -} -.mdui-color-green-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #66bb6a !important; -} -.mdui-color-green-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #4caf50 !important; -} -.mdui-color-green-600 { - color: #fff !important; - background-color: #43a047 !important; -} -.mdui-color-green-700 { - color: #fff !important; - background-color: #388e3c !important; -} -.mdui-color-green-800 { - color: #fff !important; - background-color: #2e7d32 !important; -} -.mdui-color-green-900 { - color: #fff !important; - background-color: #1b5e20 !important; -} -.mdui-color-grey { - color: rgba(0, 0, 0, .87) !important; - background-color: #9e9e9e !important; -} -.mdui-color-grey-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fafafa !important; -} -.mdui-color-grey-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f5f5f5 !important; -} -.mdui-color-grey-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #eee !important; -} -.mdui-color-grey-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e0e0e0 !important; -} -.mdui-color-grey-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #bdbdbd !important; -} -.mdui-color-grey-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #9e9e9e !important; -} -.mdui-color-grey-600 { - color: #fff !important; - background-color: #757575 !important; -} -.mdui-color-grey-700 { - color: #fff !important; - background-color: #616161 !important; -} -.mdui-color-grey-800 { - color: #fff !important; - background-color: #424242 !important; -} -.mdui-color-grey-900 { - color: #fff !important; - background-color: #212121 !important; -} -.mdui-color-indigo { - color: #fff !important; - background-color: #3f51b5 !important; -} -.mdui-color-indigo-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e8eaf6 !important; -} -.mdui-color-indigo-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #c5cae9 !important; -} -.mdui-color-indigo-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #9fa8da !important; -} -.mdui-color-indigo-300 { - color: #fff !important; - background-color: #7986cb !important; -} -.mdui-color-indigo-400 { - color: #fff !important; - background-color: #5c6bc0 !important; -} -.mdui-color-indigo-500 { - color: #fff !important; - background-color: #3f51b5 !important; -} -.mdui-color-indigo-600 { - color: #fff !important; - background-color: #3949ab !important; -} -.mdui-color-indigo-700 { - color: #fff !important; - background-color: #303f9f !important; -} -.mdui-color-indigo-800 { - color: #fff !important; - background-color: #283593 !important; -} -.mdui-color-indigo-900 { - color: #fff !important; - background-color: #1a237e !important; -} -.mdui-color-light-blue { - color: rgba(0, 0, 0, .87) !important; - background-color: #03a9f4 !important; -} -.mdui-color-light-blue-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e1f5fe !important; -} -.mdui-color-light-blue-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b3e5fc !important; -} -.mdui-color-light-blue-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #81d4fa !important; -} -.mdui-color-light-blue-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #4fc3f7 !important; -} -.mdui-color-light-blue-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #29b6f6 !important; -} -.mdui-color-light-blue-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #03a9f4 !important; -} -.mdui-color-light-blue-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #039be5 !important; -} -.mdui-color-light-blue-700 { - color: #fff !important; - background-color: #0288d1 !important; -} -.mdui-color-light-blue-800 { - color: #fff !important; - background-color: #0277bd !important; -} -.mdui-color-light-blue-900 { - color: #fff !important; - background-color: #01579b !important; -} -.mdui-color-light-green { - color: rgba(0, 0, 0, .87) !important; - background-color: #8bc34a !important; -} -.mdui-color-light-green-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f1f8e9 !important; -} -.mdui-color-light-green-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #dcedc8 !important; -} -.mdui-color-light-green-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #c5e1a5 !important; -} -.mdui-color-light-green-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #aed581 !important; -} -.mdui-color-light-green-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #9ccc65 !important; -} -.mdui-color-light-green-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #8bc34a !important; -} -.mdui-color-light-green-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #7cb342 !important; -} -.mdui-color-light-green-700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #689f38 !important; -} -.mdui-color-light-green-800 { - color: #fff !important; - background-color: #558b2f !important; -} -.mdui-color-light-green-900 { - color: #fff !important; - background-color: #33691e !important; -} -.mdui-color-lime { - color: rgba(0, 0, 0, .87) !important; - background-color: #cddc39 !important; -} -.mdui-color-lime-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f9fbe7 !important; -} -.mdui-color-lime-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f0f4c3 !important; -} -.mdui-color-lime-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e6ee9c !important; -} -.mdui-color-lime-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #dce775 !important; -} -.mdui-color-lime-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #d4e157 !important; -} -.mdui-color-lime-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #cddc39 !important; -} -.mdui-color-lime-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #c0ca33 !important; -} -.mdui-color-lime-700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #afb42b !important; -} -.mdui-color-lime-800 { - color: rgba(0, 0, 0, .87) !important; - background-color: #9e9d24 !important; -} -.mdui-color-lime-900 { - color: #fff !important; - background-color: #827717 !important; -} -.mdui-color-orange { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff9800 !important; -} -.mdui-color-orange-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff3e0 !important; -} -.mdui-color-orange-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffe0b2 !important; -} -.mdui-color-orange-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffcc80 !important; -} -.mdui-color-orange-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffb74d !important; -} -.mdui-color-orange-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffa726 !important; -} -.mdui-color-orange-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff9800 !important; -} -.mdui-color-orange-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fb8c00 !important; -} -.mdui-color-orange-700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f57c00 !important; -} -.mdui-color-orange-800 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ef6c00 !important; -} -.mdui-color-orange-900 { - color: #fff !important; - background-color: #e65100 !important; -} -.mdui-color-pink { - color: #fff !important; - background-color: #e91e63 !important; -} -.mdui-color-pink-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fce4ec !important; -} -.mdui-color-pink-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f8bbd0 !important; -} -.mdui-color-pink-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f48fb1 !important; -} -.mdui-color-pink-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f06292 !important; -} -.mdui-color-pink-400 { - color: #fff !important; - background-color: #ec407a !important; -} -.mdui-color-pink-500 { - color: #fff !important; - background-color: #e91e63 !important; -} -.mdui-color-pink-600 { - color: #fff !important; - background-color: #d81b60 !important; -} -.mdui-color-pink-700 { - color: #fff !important; - background-color: #c2185b !important; -} -.mdui-color-pink-800 { - color: #fff !important; - background-color: #ad1457 !important; -} -.mdui-color-pink-900 { - color: #fff !important; - background-color: #880e4f !important; -} -.mdui-color-purple { - color: #fff !important; - background-color: #9c27b0 !important; -} -.mdui-color-purple-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f3e5f5 !important; -} -.mdui-color-purple-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e1bee7 !important; -} -.mdui-color-purple-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ce93d8 !important; -} -.mdui-color-purple-300 { - color: #fff !important; - background-color: #ba68c8 !important; -} -.mdui-color-purple-400 { - color: #fff !important; - background-color: #ab47bc !important; -} -.mdui-color-purple-500 { - color: #fff !important; - background-color: #9c27b0 !important; -} -.mdui-color-purple-600 { - color: #fff !important; - background-color: #8e24aa !important; -} -.mdui-color-purple-700 { - color: #fff !important; - background-color: #7b1fa2 !important; -} -.mdui-color-purple-800 { - color: #fff !important; - background-color: #6a1b9a !important; -} -.mdui-color-purple-900 { - color: #fff !important; - background-color: #4a148c !important; -} -.mdui-color-red { - color: #fff !important; - background-color: #f44336 !important; -} -.mdui-color-red-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffebee !important; -} -.mdui-color-red-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffcdd2 !important; -} -.mdui-color-red-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ef9a9a !important; -} -.mdui-color-red-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e57373 !important; -} -.mdui-color-red-400 { - color: #fff !important; - background-color: #ef5350 !important; -} -.mdui-color-red-500 { - color: #fff !important; - background-color: #f44336 !important; -} -.mdui-color-red-600 { - color: #fff !important; - background-color: #e53935 !important; -} -.mdui-color-red-700 { - color: #fff !important; - background-color: #d32f2f !important; -} -.mdui-color-red-800 { - color: #fff !important; - background-color: #c62828 !important; -} -.mdui-color-red-900 { - color: #fff !important; - background-color: #b71c1c !important; -} -.mdui-color-teal { - color: #fff !important; - background-color: #009688 !important; -} -.mdui-color-teal-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #e0f2f1 !important; -} -.mdui-color-teal-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b2dfdb !important; -} -.mdui-color-teal-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #80cbc4 !important; -} -.mdui-color-teal-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #4db6ac !important; -} -.mdui-color-teal-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #26a69a !important; -} -.mdui-color-teal-500 { - color: #fff !important; - background-color: #009688 !important; -} -.mdui-color-teal-600 { - color: #fff !important; - background-color: #00897b !important; -} -.mdui-color-teal-700 { - color: #fff !important; - background-color: #00796b !important; -} -.mdui-color-teal-800 { - color: #fff !important; - background-color: #00695c !important; -} -.mdui-color-teal-900 { - color: #fff !important; - background-color: #004d40 !important; -} -.mdui-color-yellow { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffeb3b !important; -} -.mdui-color-yellow-50 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fffde7 !important; -} -.mdui-color-yellow-100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff9c4 !important; -} -.mdui-color-yellow-200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff59d !important; -} -.mdui-color-yellow-300 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff176 !important; -} -.mdui-color-yellow-400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffee58 !important; -} -.mdui-color-yellow-500 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffeb3b !important; -} -.mdui-color-yellow-600 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fdd835 !important; -} -.mdui-color-yellow-700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #fbc02d !important; -} -.mdui-color-yellow-800 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f9a825 !important; -} -.mdui-color-yellow-900 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f57f17 !important; -} -/** - * .mdui-color-[color]-accent - * .mdui-color-[color]-[degree] - */ -.mdui-color-amber-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffd740 !important; -} -.mdui-color-amber-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffe57f !important; -} -.mdui-color-amber-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffd740 !important; -} -.mdui-color-amber-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffc400 !important; -} -.mdui-color-amber-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffab00 !important; -} -.mdui-color-blue-accent { - color: #fff !important; - background-color: #448aff !important; -} -.mdui-color-blue-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #82b1ff !important; -} -.mdui-color-blue-a200 { - color: #fff !important; - background-color: #448aff !important; -} -.mdui-color-blue-a400 { - color: #fff !important; - background-color: #2979ff !important; -} -.mdui-color-blue-a700 { - color: #fff !important; - background-color: #2962ff !important; -} -.mdui-color-cyan-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #18ffff !important; -} -.mdui-color-cyan-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #84ffff !important; -} -.mdui-color-cyan-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #18ffff !important; -} -.mdui-color-cyan-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00e5ff !important; -} -.mdui-color-cyan-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00b8d4 !important; -} -.mdui-color-deep-orange-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff6e40 !important; -} -.mdui-color-deep-orange-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff9e80 !important; -} -.mdui-color-deep-orange-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff6e40 !important; -} -.mdui-color-deep-orange-a400 { - color: #fff !important; - background-color: #ff3d00 !important; -} -.mdui-color-deep-orange-a700 { - color: #fff !important; - background-color: #dd2c00 !important; -} -.mdui-color-deep-purple-accent { - color: #fff !important; - background-color: #7c4dff !important; -} -.mdui-color-deep-purple-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b388ff !important; -} -.mdui-color-deep-purple-a200 { - color: #fff !important; - background-color: #7c4dff !important; -} -.mdui-color-deep-purple-a400 { - color: #fff !important; - background-color: #651fff !important; -} -.mdui-color-deep-purple-a700 { - color: #fff !important; - background-color: #6200ea !important; -} -.mdui-color-green-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #69f0ae !important; -} -.mdui-color-green-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b9f6ca !important; -} -.mdui-color-green-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #69f0ae !important; -} -.mdui-color-green-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00e676 !important; -} -.mdui-color-green-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00c853 !important; -} -.mdui-color-indigo-accent { - color: #fff !important; - background-color: #536dfe !important; -} -.mdui-color-indigo-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #8c9eff !important; -} -.mdui-color-indigo-a200 { - color: #fff !important; - background-color: #536dfe !important; -} -.mdui-color-indigo-a400 { - color: #fff !important; - background-color: #3d5afe !important; -} -.mdui-color-indigo-a700 { - color: #fff !important; - background-color: #304ffe !important; -} -.mdui-color-light-blue-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #40c4ff !important; -} -.mdui-color-light-blue-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #80d8ff !important; -} -.mdui-color-light-blue-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #40c4ff !important; -} -.mdui-color-light-blue-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00b0ff !important; -} -.mdui-color-light-blue-a700 { - color: #fff !important; - background-color: #0091ea !important; -} -.mdui-color-light-green-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #b2ff59 !important; -} -.mdui-color-light-green-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ccff90 !important; -} -.mdui-color-light-green-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #b2ff59 !important; -} -.mdui-color-light-green-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #76ff03 !important; -} -.mdui-color-light-green-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #64dd17 !important; -} -.mdui-color-lime-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #eeff41 !important; -} -.mdui-color-lime-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #f4ff81 !important; -} -.mdui-color-lime-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #eeff41 !important; -} -.mdui-color-lime-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #c6ff00 !important; -} -.mdui-color-lime-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #aeea00 !important; -} -.mdui-color-orange-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffab40 !important; -} -.mdui-color-orange-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffd180 !important; -} -.mdui-color-orange-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffab40 !important; -} -.mdui-color-orange-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff9100 !important; -} -.mdui-color-orange-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff6d00 !important; -} -.mdui-color-pink-accent { - color: #fff !important; - background-color: #ff4081 !important; -} -.mdui-color-pink-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff80ab !important; -} -.mdui-color-pink-a200 { - color: #fff !important; - background-color: #ff4081 !important; -} -.mdui-color-pink-a400 { - color: #fff !important; - background-color: #f50057 !important; -} -.mdui-color-pink-a700 { - color: #fff !important; - background-color: #c51162 !important; -} -.mdui-color-purple-accent { - color: #fff !important; - background-color: #e040fb !important; -} -.mdui-color-purple-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ea80fc !important; -} -.mdui-color-purple-a200 { - color: #fff !important; - background-color: #e040fb !important; -} -.mdui-color-purple-a400 { - color: #fff !important; - background-color: #d500f9 !important; -} -.mdui-color-purple-a700 { - color: #fff !important; - background-color: #a0f !important; -} -.mdui-color-red-accent { - color: #fff !important; - background-color: #ff5252 !important; -} -.mdui-color-red-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff8a80 !important; -} -.mdui-color-red-a200 { - color: #fff !important; - background-color: #ff5252 !important; -} -.mdui-color-red-a400 { - color: #fff !important; - background-color: #ff1744 !important; -} -.mdui-color-red-a700 { - color: #fff !important; - background-color: #d50000 !important; -} -.mdui-color-teal-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #64ffda !important; -} -.mdui-color-teal-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #a7ffeb !important; -} -.mdui-color-teal-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #64ffda !important; -} -.mdui-color-teal-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #1de9b6 !important; -} -.mdui-color-teal-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #00bfa5 !important; -} -.mdui-color-yellow-accent { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff0 !important; -} -.mdui-color-yellow-a100 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffff8d !important; -} -.mdui-color-yellow-a200 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ff0 !important; -} -.mdui-color-yellow-a400 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffea00 !important; -} -.mdui-color-yellow-a700 { - color: rgba(0, 0, 0, .87) !important; - background-color: #ffd600 !important; -} -/** - * .mdui-color-black - * .mdui-color-white - * .mdui-color-transparent - */ -.mdui-color-black { - color: #fff !important; - background-color: #000 !important; -} -.mdui-color-white { - color: rgba(0, 0, 0, .87) !important; - background-color: #fff !important; -} -.mdui-color-transparent { - background-color: transparent !important; -} -/** - * .mdui-theme-primary-[color] .mdui-text-color-theme - * .mdui-theme-primary-[color] .mdui-text-color-theme-[degree] - */ -.mdui-theme-primary-amber .mdui-text-color-theme { - color: #ffc107 !important; -} -.mdui-theme-primary-amber .mdui-text-color-theme-50 { - color: #fff8e1 !important; -} -.mdui-theme-primary-amber .mdui-text-color-theme-100 { - color: #ffecb3 !important; -} -.mdui-theme-primary-amber .mdui-text-color-theme-200 { - color: #ffe082 !important; -} -.mdui-theme-primary-amber .mdui-text-color-theme-300 { - color: #ffd54f !important; -} -.mdui-theme-primary-amber .mdui-text-color-theme-400 { - color: #ffca28 !important; -} -.mdui-theme-primary-amber .mdui-text-color-theme-500 { - color: #ffc107 !important; -} -.mdui-theme-primary-amber .mdui-text-color-theme-600 { - color: #ffb300 !important; -} -.mdui-theme-primary-amber .mdui-text-color-theme-700 { - color: #ffa000 !important; -} -.mdui-theme-primary-amber .mdui-text-color-theme-800 { - color: #ff8f00 !important; -} -.mdui-theme-primary-amber .mdui-text-color-theme-900 { - color: #ff6f00 !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme { - color: #2196f3 !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme-50 { - color: #e3f2fd !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme-100 { - color: #bbdefb !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme-200 { - color: #90caf9 !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme-300 { - color: #64b5f6 !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme-400 { - color: #42a5f5 !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme-500 { - color: #2196f3 !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme-600 { - color: #1e88e5 !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme-700 { - color: #1976d2 !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme-800 { - color: #1565c0 !important; -} -.mdui-theme-primary-blue .mdui-text-color-theme-900 { - color: #0d47a1 !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme { - color: #607d8b !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme-50 { - color: #eceff1 !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme-100 { - color: #cfd8dc !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme-200 { - color: #b0bec5 !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme-300 { - color: #90a4ae !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme-400 { - color: #78909c !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme-500 { - color: #607d8b !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme-600 { - color: #546e7a !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme-700 { - color: #455a64 !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme-800 { - color: #37474f !important; -} -.mdui-theme-primary-blue-grey .mdui-text-color-theme-900 { - color: #263238 !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme { - color: #795548 !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme-50 { - color: #efebe9 !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme-100 { - color: #d7ccc8 !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme-200 { - color: #bcaaa4 !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme-300 { - color: #a1887f !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme-400 { - color: #8d6e63 !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme-500 { - color: #795548 !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme-600 { - color: #6d4c41 !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme-700 { - color: #5d4037 !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme-800 { - color: #4e342e !important; -} -.mdui-theme-primary-brown .mdui-text-color-theme-900 { - color: #3e2723 !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme { - color: #00bcd4 !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme-50 { - color: #e0f7fa !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme-100 { - color: #b2ebf2 !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme-200 { - color: #80deea !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme-300 { - color: #4dd0e1 !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme-400 { - color: #26c6da !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme-500 { - color: #00bcd4 !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme-600 { - color: #00acc1 !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme-700 { - color: #0097a7 !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme-800 { - color: #00838f !important; -} -.mdui-theme-primary-cyan .mdui-text-color-theme-900 { - color: #006064 !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme { - color: #ff5722 !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme-50 { - color: #fbe9e7 !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme-100 { - color: #ffccbc !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme-200 { - color: #ffab91 !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme-300 { - color: #ff8a65 !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme-400 { - color: #ff7043 !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme-500 { - color: #ff5722 !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme-600 { - color: #f4511e !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme-700 { - color: #e64a19 !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme-800 { - color: #d84315 !important; -} -.mdui-theme-primary-deep-orange .mdui-text-color-theme-900 { - color: #bf360c !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme { - color: #673ab7 !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme-50 { - color: #ede7f6 !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme-100 { - color: #d1c4e9 !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme-200 { - color: #b39ddb !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme-300 { - color: #9575cd !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme-400 { - color: #7e57c2 !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme-500 { - color: #673ab7 !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme-600 { - color: #5e35b1 !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme-700 { - color: #512da8 !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme-800 { - color: #4527a0 !important; -} -.mdui-theme-primary-deep-purple .mdui-text-color-theme-900 { - color: #311b92 !important; -} -.mdui-theme-primary-green .mdui-text-color-theme { - color: #4caf50 !important; -} -.mdui-theme-primary-green .mdui-text-color-theme-50 { - color: #e8f5e9 !important; -} -.mdui-theme-primary-green .mdui-text-color-theme-100 { - color: #c8e6c9 !important; -} -.mdui-theme-primary-green .mdui-text-color-theme-200 { - color: #a5d6a7 !important; -} -.mdui-theme-primary-green .mdui-text-color-theme-300 { - color: #81c784 !important; -} -.mdui-theme-primary-green .mdui-text-color-theme-400 { - color: #66bb6a !important; -} -.mdui-theme-primary-green .mdui-text-color-theme-500 { - color: #4caf50 !important; -} -.mdui-theme-primary-green .mdui-text-color-theme-600 { - color: #43a047 !important; -} -.mdui-theme-primary-green .mdui-text-color-theme-700 { - color: #388e3c !important; -} -.mdui-theme-primary-green .mdui-text-color-theme-800 { - color: #2e7d32 !important; -} -.mdui-theme-primary-green .mdui-text-color-theme-900 { - color: #1b5e20 !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme { - color: #9e9e9e !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme-50 { - color: #fafafa !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme-100 { - color: #f5f5f5 !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme-200 { - color: #eee !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme-300 { - color: #e0e0e0 !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme-400 { - color: #bdbdbd !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme-500 { - color: #9e9e9e !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme-600 { - color: #757575 !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme-700 { - color: #616161 !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme-800 { - color: #424242 !important; -} -.mdui-theme-primary-grey .mdui-text-color-theme-900 { - color: #212121 !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme { - color: #3f51b5 !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme-50 { - color: #e8eaf6 !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme-100 { - color: #c5cae9 !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme-200 { - color: #9fa8da !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme-300 { - color: #7986cb !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme-400 { - color: #5c6bc0 !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme-500 { - color: #3f51b5 !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme-600 { - color: #3949ab !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme-700 { - color: #303f9f !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme-800 { - color: #283593 !important; -} -.mdui-theme-primary-indigo .mdui-text-color-theme-900 { - color: #1a237e !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme { - color: #03a9f4 !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme-50 { - color: #e1f5fe !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme-100 { - color: #b3e5fc !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme-200 { - color: #81d4fa !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme-300 { - color: #4fc3f7 !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme-400 { - color: #29b6f6 !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme-500 { - color: #03a9f4 !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme-600 { - color: #039be5 !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme-700 { - color: #0288d1 !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme-800 { - color: #0277bd !important; -} -.mdui-theme-primary-light-blue .mdui-text-color-theme-900 { - color: #01579b !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme { - color: #8bc34a !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme-50 { - color: #f1f8e9 !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme-100 { - color: #dcedc8 !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme-200 { - color: #c5e1a5 !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme-300 { - color: #aed581 !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme-400 { - color: #9ccc65 !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme-500 { - color: #8bc34a !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme-600 { - color: #7cb342 !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme-700 { - color: #689f38 !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme-800 { - color: #558b2f !important; -} -.mdui-theme-primary-light-green .mdui-text-color-theme-900 { - color: #33691e !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme { - color: #cddc39 !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme-50 { - color: #f9fbe7 !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme-100 { - color: #f0f4c3 !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme-200 { - color: #e6ee9c !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme-300 { - color: #dce775 !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme-400 { - color: #d4e157 !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme-500 { - color: #cddc39 !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme-600 { - color: #c0ca33 !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme-700 { - color: #afb42b !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme-800 { - color: #9e9d24 !important; -} -.mdui-theme-primary-lime .mdui-text-color-theme-900 { - color: #827717 !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme { - color: #ff9800 !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme-50 { - color: #fff3e0 !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme-100 { - color: #ffe0b2 !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme-200 { - color: #ffcc80 !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme-300 { - color: #ffb74d !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme-400 { - color: #ffa726 !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme-500 { - color: #ff9800 !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme-600 { - color: #fb8c00 !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme-700 { - color: #f57c00 !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme-800 { - color: #ef6c00 !important; -} -.mdui-theme-primary-orange .mdui-text-color-theme-900 { - color: #e65100 !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme { - color: #e91e63 !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme-50 { - color: #fce4ec !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme-100 { - color: #f8bbd0 !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme-200 { - color: #f48fb1 !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme-300 { - color: #f06292 !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme-400 { - color: #ec407a !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme-500 { - color: #e91e63 !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme-600 { - color: #d81b60 !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme-700 { - color: #c2185b !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme-800 { - color: #ad1457 !important; -} -.mdui-theme-primary-pink .mdui-text-color-theme-900 { - color: #880e4f !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme { - color: #9c27b0 !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme-50 { - color: #f3e5f5 !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme-100 { - color: #e1bee7 !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme-200 { - color: #ce93d8 !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme-300 { - color: #ba68c8 !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme-400 { - color: #ab47bc !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme-500 { - color: #9c27b0 !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme-600 { - color: #8e24aa !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme-700 { - color: #7b1fa2 !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme-800 { - color: #6a1b9a !important; -} -.mdui-theme-primary-purple .mdui-text-color-theme-900 { - color: #4a148c !important; -} -.mdui-theme-primary-red .mdui-text-color-theme { - color: #f44336 !important; -} -.mdui-theme-primary-red .mdui-text-color-theme-50 { - color: #ffebee !important; -} -.mdui-theme-primary-red .mdui-text-color-theme-100 { - color: #ffcdd2 !important; -} -.mdui-theme-primary-red .mdui-text-color-theme-200 { - color: #ef9a9a !important; -} -.mdui-theme-primary-red .mdui-text-color-theme-300 { - color: #e57373 !important; -} -.mdui-theme-primary-red .mdui-text-color-theme-400 { - color: #ef5350 !important; -} -.mdui-theme-primary-red .mdui-text-color-theme-500 { - color: #f44336 !important; -} -.mdui-theme-primary-red .mdui-text-color-theme-600 { - color: #e53935 !important; -} -.mdui-theme-primary-red .mdui-text-color-theme-700 { - color: #d32f2f !important; -} -.mdui-theme-primary-red .mdui-text-color-theme-800 { - color: #c62828 !important; -} -.mdui-theme-primary-red .mdui-text-color-theme-900 { - color: #b71c1c !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme { - color: #009688 !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme-50 { - color: #e0f2f1 !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme-100 { - color: #b2dfdb !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme-200 { - color: #80cbc4 !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme-300 { - color: #4db6ac !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme-400 { - color: #26a69a !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme-500 { - color: #009688 !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme-600 { - color: #00897b !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme-700 { - color: #00796b !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme-800 { - color: #00695c !important; -} -.mdui-theme-primary-teal .mdui-text-color-theme-900 { - color: #004d40 !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme { - color: #ffeb3b !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme-50 { - color: #fffde7 !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme-100 { - color: #fff9c4 !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme-200 { - color: #fff59d !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme-300 { - color: #fff176 !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme-400 { - color: #ffee58 !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme-500 { - color: #ffeb3b !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme-600 { - color: #fdd835 !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme-700 { - color: #fbc02d !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme-800 { - color: #f9a825 !important; -} -.mdui-theme-primary-yellow .mdui-text-color-theme-900 { - color: #f57f17 !important; -} -/** - * .mdui-theme-accent-[color] .mdui-text-color-theme-accent - * .mdui-theme-accent-[color] .mdui-text-color-theme-[degree] - */ -.mdui-theme-accent-amber .mdui-text-color-theme-accent { - color: #ffd740 !important; -} -.mdui-theme-accent-amber .mdui-text-color-theme-a100 { - color: #ffe57f !important; -} -.mdui-theme-accent-amber .mdui-text-color-theme-a200 { - color: #ffd740 !important; -} -.mdui-theme-accent-amber .mdui-text-color-theme-a400 { - color: #ffc400 !important; -} -.mdui-theme-accent-amber .mdui-text-color-theme-a700 { - color: #ffab00 !important; -} -.mdui-theme-accent-blue .mdui-text-color-theme-accent { - color: #448aff !important; -} -.mdui-theme-accent-blue .mdui-text-color-theme-a100 { - color: #82b1ff !important; -} -.mdui-theme-accent-blue .mdui-text-color-theme-a200 { - color: #448aff !important; -} -.mdui-theme-accent-blue .mdui-text-color-theme-a400 { - color: #2979ff !important; -} -.mdui-theme-accent-blue .mdui-text-color-theme-a700 { - color: #2962ff !important; -} -.mdui-theme-accent-cyan .mdui-text-color-theme-accent { - color: #18ffff !important; -} -.mdui-theme-accent-cyan .mdui-text-color-theme-a100 { - color: #84ffff !important; -} -.mdui-theme-accent-cyan .mdui-text-color-theme-a200 { - color: #18ffff !important; -} -.mdui-theme-accent-cyan .mdui-text-color-theme-a400 { - color: #00e5ff !important; -} -.mdui-theme-accent-cyan .mdui-text-color-theme-a700 { - color: #00b8d4 !important; -} -.mdui-theme-accent-deep-orange .mdui-text-color-theme-accent { - color: #ff6e40 !important; -} -.mdui-theme-accent-deep-orange .mdui-text-color-theme-a100 { - color: #ff9e80 !important; -} -.mdui-theme-accent-deep-orange .mdui-text-color-theme-a200 { - color: #ff6e40 !important; -} -.mdui-theme-accent-deep-orange .mdui-text-color-theme-a400 { - color: #ff3d00 !important; -} -.mdui-theme-accent-deep-orange .mdui-text-color-theme-a700 { - color: #dd2c00 !important; -} -.mdui-theme-accent-deep-purple .mdui-text-color-theme-accent { - color: #7c4dff !important; -} -.mdui-theme-accent-deep-purple .mdui-text-color-theme-a100 { - color: #b388ff !important; -} -.mdui-theme-accent-deep-purple .mdui-text-color-theme-a200 { - color: #7c4dff !important; -} -.mdui-theme-accent-deep-purple .mdui-text-color-theme-a400 { - color: #651fff !important; -} -.mdui-theme-accent-deep-purple .mdui-text-color-theme-a700 { - color: #6200ea !important; -} -.mdui-theme-accent-green .mdui-text-color-theme-accent { - color: #69f0ae !important; -} -.mdui-theme-accent-green .mdui-text-color-theme-a100 { - color: #b9f6ca !important; -} -.mdui-theme-accent-green .mdui-text-color-theme-a200 { - color: #69f0ae !important; -} -.mdui-theme-accent-green .mdui-text-color-theme-a400 { - color: #00e676 !important; -} -.mdui-theme-accent-green .mdui-text-color-theme-a700 { - color: #00c853 !important; -} -.mdui-theme-accent-indigo .mdui-text-color-theme-accent { - color: #536dfe !important; -} -.mdui-theme-accent-indigo .mdui-text-color-theme-a100 { - color: #8c9eff !important; -} -.mdui-theme-accent-indigo .mdui-text-color-theme-a200 { - color: #536dfe !important; -} -.mdui-theme-accent-indigo .mdui-text-color-theme-a400 { - color: #3d5afe !important; -} -.mdui-theme-accent-indigo .mdui-text-color-theme-a700 { - color: #304ffe !important; -} -.mdui-theme-accent-light-blue .mdui-text-color-theme-accent { - color: #40c4ff !important; -} -.mdui-theme-accent-light-blue .mdui-text-color-theme-a100 { - color: #80d8ff !important; -} -.mdui-theme-accent-light-blue .mdui-text-color-theme-a200 { - color: #40c4ff !important; -} -.mdui-theme-accent-light-blue .mdui-text-color-theme-a400 { - color: #00b0ff !important; -} -.mdui-theme-accent-light-blue .mdui-text-color-theme-a700 { - color: #0091ea !important; -} -.mdui-theme-accent-light-green .mdui-text-color-theme-accent { - color: #b2ff59 !important; -} -.mdui-theme-accent-light-green .mdui-text-color-theme-a100 { - color: #ccff90 !important; -} -.mdui-theme-accent-light-green .mdui-text-color-theme-a200 { - color: #b2ff59 !important; -} -.mdui-theme-accent-light-green .mdui-text-color-theme-a400 { - color: #76ff03 !important; -} -.mdui-theme-accent-light-green .mdui-text-color-theme-a700 { - color: #64dd17 !important; -} -.mdui-theme-accent-lime .mdui-text-color-theme-accent { - color: #eeff41 !important; -} -.mdui-theme-accent-lime .mdui-text-color-theme-a100 { - color: #f4ff81 !important; -} -.mdui-theme-accent-lime .mdui-text-color-theme-a200 { - color: #eeff41 !important; -} -.mdui-theme-accent-lime .mdui-text-color-theme-a400 { - color: #c6ff00 !important; -} -.mdui-theme-accent-lime .mdui-text-color-theme-a700 { - color: #aeea00 !important; -} -.mdui-theme-accent-orange .mdui-text-color-theme-accent { - color: #ffab40 !important; -} -.mdui-theme-accent-orange .mdui-text-color-theme-a100 { - color: #ffd180 !important; -} -.mdui-theme-accent-orange .mdui-text-color-theme-a200 { - color: #ffab40 !important; -} -.mdui-theme-accent-orange .mdui-text-color-theme-a400 { - color: #ff9100 !important; -} -.mdui-theme-accent-orange .mdui-text-color-theme-a700 { - color: #ff6d00 !important; -} -.mdui-theme-accent-pink .mdui-text-color-theme-accent { - color: #ff4081 !important; -} -.mdui-theme-accent-pink .mdui-text-color-theme-a100 { - color: #ff80ab !important; -} -.mdui-theme-accent-pink .mdui-text-color-theme-a200 { - color: #ff4081 !important; -} -.mdui-theme-accent-pink .mdui-text-color-theme-a400 { - color: #f50057 !important; -} -.mdui-theme-accent-pink .mdui-text-color-theme-a700 { - color: #c51162 !important; -} -.mdui-theme-accent-purple .mdui-text-color-theme-accent { - color: #e040fb !important; -} -.mdui-theme-accent-purple .mdui-text-color-theme-a100 { - color: #ea80fc !important; -} -.mdui-theme-accent-purple .mdui-text-color-theme-a200 { - color: #e040fb !important; -} -.mdui-theme-accent-purple .mdui-text-color-theme-a400 { - color: #d500f9 !important; -} -.mdui-theme-accent-purple .mdui-text-color-theme-a700 { - color: #a0f !important; -} -.mdui-theme-accent-red .mdui-text-color-theme-accent { - color: #ff5252 !important; -} -.mdui-theme-accent-red .mdui-text-color-theme-a100 { - color: #ff8a80 !important; -} -.mdui-theme-accent-red .mdui-text-color-theme-a200 { - color: #ff5252 !important; -} -.mdui-theme-accent-red .mdui-text-color-theme-a400 { - color: #ff1744 !important; -} -.mdui-theme-accent-red .mdui-text-color-theme-a700 { - color: #d50000 !important; -} -.mdui-theme-accent-teal .mdui-text-color-theme-accent { - color: #64ffda !important; -} -.mdui-theme-accent-teal .mdui-text-color-theme-a100 { - color: #a7ffeb !important; -} -.mdui-theme-accent-teal .mdui-text-color-theme-a200 { - color: #64ffda !important; -} -.mdui-theme-accent-teal .mdui-text-color-theme-a400 { - color: #1de9b6 !important; -} -.mdui-theme-accent-teal .mdui-text-color-theme-a700 { - color: #00bfa5 !important; -} -.mdui-theme-accent-yellow .mdui-text-color-theme-accent { - color: #ff0 !important; -} -.mdui-theme-accent-yellow .mdui-text-color-theme-a100 { - color: #ffff8d !important; -} -.mdui-theme-accent-yellow .mdui-text-color-theme-a200 { - color: #ff0 !important; -} -.mdui-theme-accent-yellow .mdui-text-color-theme-a400 { - color: #ffea00 !important; -} -.mdui-theme-accent-yellow .mdui-text-color-theme-a700 { - color: #ffd600 !important; -} -/** - * .mdui-text-color-[color] - * .mdui-text-color-[color]-[degree] - */ -.mdui-text-color-amber { - color: #ffc107 !important; -} -.mdui-text-color-amber-50 { - color: #fff8e1 !important; -} -.mdui-text-color-amber-100 { - color: #ffecb3 !important; -} -.mdui-text-color-amber-200 { - color: #ffe082 !important; -} -.mdui-text-color-amber-300 { - color: #ffd54f !important; -} -.mdui-text-color-amber-400 { - color: #ffca28 !important; -} -.mdui-text-color-amber-500 { - color: #ffc107 !important; -} -.mdui-text-color-amber-600 { - color: #ffb300 !important; -} -.mdui-text-color-amber-700 { - color: #ffa000 !important; -} -.mdui-text-color-amber-800 { - color: #ff8f00 !important; -} -.mdui-text-color-amber-900 { - color: #ff6f00 !important; -} -.mdui-text-color-blue { - color: #2196f3 !important; -} -.mdui-text-color-blue-50 { - color: #e3f2fd !important; -} -.mdui-text-color-blue-100 { - color: #bbdefb !important; -} -.mdui-text-color-blue-200 { - color: #90caf9 !important; -} -.mdui-text-color-blue-300 { - color: #64b5f6 !important; -} -.mdui-text-color-blue-400 { - color: #42a5f5 !important; -} -.mdui-text-color-blue-500 { - color: #2196f3 !important; -} -.mdui-text-color-blue-600 { - color: #1e88e5 !important; -} -.mdui-text-color-blue-700 { - color: #1976d2 !important; -} -.mdui-text-color-blue-800 { - color: #1565c0 !important; -} -.mdui-text-color-blue-900 { - color: #0d47a1 !important; -} -.mdui-text-color-blue-grey { - color: #607d8b !important; -} -.mdui-text-color-blue-grey-50 { - color: #eceff1 !important; -} -.mdui-text-color-blue-grey-100 { - color: #cfd8dc !important; -} -.mdui-text-color-blue-grey-200 { - color: #b0bec5 !important; -} -.mdui-text-color-blue-grey-300 { - color: #90a4ae !important; -} -.mdui-text-color-blue-grey-400 { - color: #78909c !important; -} -.mdui-text-color-blue-grey-500 { - color: #607d8b !important; -} -.mdui-text-color-blue-grey-600 { - color: #546e7a !important; -} -.mdui-text-color-blue-grey-700 { - color: #455a64 !important; -} -.mdui-text-color-blue-grey-800 { - color: #37474f !important; -} -.mdui-text-color-blue-grey-900 { - color: #263238 !important; -} -.mdui-text-color-brown { - color: #795548 !important; -} -.mdui-text-color-brown-50 { - color: #efebe9 !important; -} -.mdui-text-color-brown-100 { - color: #d7ccc8 !important; -} -.mdui-text-color-brown-200 { - color: #bcaaa4 !important; -} -.mdui-text-color-brown-300 { - color: #a1887f !important; -} -.mdui-text-color-brown-400 { - color: #8d6e63 !important; -} -.mdui-text-color-brown-500 { - color: #795548 !important; -} -.mdui-text-color-brown-600 { - color: #6d4c41 !important; -} -.mdui-text-color-brown-700 { - color: #5d4037 !important; -} -.mdui-text-color-brown-800 { - color: #4e342e !important; -} -.mdui-text-color-brown-900 { - color: #3e2723 !important; -} -.mdui-text-color-cyan { - color: #00bcd4 !important; -} -.mdui-text-color-cyan-50 { - color: #e0f7fa !important; -} -.mdui-text-color-cyan-100 { - color: #b2ebf2 !important; -} -.mdui-text-color-cyan-200 { - color: #80deea !important; -} -.mdui-text-color-cyan-300 { - color: #4dd0e1 !important; -} -.mdui-text-color-cyan-400 { - color: #26c6da !important; -} -.mdui-text-color-cyan-500 { - color: #00bcd4 !important; -} -.mdui-text-color-cyan-600 { - color: #00acc1 !important; -} -.mdui-text-color-cyan-700 { - color: #0097a7 !important; -} -.mdui-text-color-cyan-800 { - color: #00838f !important; -} -.mdui-text-color-cyan-900 { - color: #006064 !important; -} -.mdui-text-color-deep-orange { - color: #ff5722 !important; -} -.mdui-text-color-deep-orange-50 { - color: #fbe9e7 !important; -} -.mdui-text-color-deep-orange-100 { - color: #ffccbc !important; -} -.mdui-text-color-deep-orange-200 { - color: #ffab91 !important; -} -.mdui-text-color-deep-orange-300 { - color: #ff8a65 !important; -} -.mdui-text-color-deep-orange-400 { - color: #ff7043 !important; -} -.mdui-text-color-deep-orange-500 { - color: #ff5722 !important; -} -.mdui-text-color-deep-orange-600 { - color: #f4511e !important; -} -.mdui-text-color-deep-orange-700 { - color: #e64a19 !important; -} -.mdui-text-color-deep-orange-800 { - color: #d84315 !important; -} -.mdui-text-color-deep-orange-900 { - color: #bf360c !important; -} -.mdui-text-color-deep-purple { - color: #673ab7 !important; -} -.mdui-text-color-deep-purple-50 { - color: #ede7f6 !important; -} -.mdui-text-color-deep-purple-100 { - color: #d1c4e9 !important; -} -.mdui-text-color-deep-purple-200 { - color: #b39ddb !important; -} -.mdui-text-color-deep-purple-300 { - color: #9575cd !important; -} -.mdui-text-color-deep-purple-400 { - color: #7e57c2 !important; -} -.mdui-text-color-deep-purple-500 { - color: #673ab7 !important; -} -.mdui-text-color-deep-purple-600 { - color: #5e35b1 !important; -} -.mdui-text-color-deep-purple-700 { - color: #512da8 !important; -} -.mdui-text-color-deep-purple-800 { - color: #4527a0 !important; -} -.mdui-text-color-deep-purple-900 { - color: #311b92 !important; -} -.mdui-text-color-green { - color: #4caf50 !important; -} -.mdui-text-color-green-50 { - color: #e8f5e9 !important; -} -.mdui-text-color-green-100 { - color: #c8e6c9 !important; -} -.mdui-text-color-green-200 { - color: #a5d6a7 !important; -} -.mdui-text-color-green-300 { - color: #81c784 !important; -} -.mdui-text-color-green-400 { - color: #66bb6a !important; -} -.mdui-text-color-green-500 { - color: #4caf50 !important; -} -.mdui-text-color-green-600 { - color: #43a047 !important; -} -.mdui-text-color-green-700 { - color: #388e3c !important; -} -.mdui-text-color-green-800 { - color: #2e7d32 !important; -} -.mdui-text-color-green-900 { - color: #1b5e20 !important; -} -.mdui-text-color-grey { - color: #9e9e9e !important; -} -.mdui-text-color-grey-50 { - color: #fafafa !important; -} -.mdui-text-color-grey-100 { - color: #f5f5f5 !important; -} -.mdui-text-color-grey-200 { - color: #eee !important; -} -.mdui-text-color-grey-300 { - color: #e0e0e0 !important; -} -.mdui-text-color-grey-400 { - color: #bdbdbd !important; -} -.mdui-text-color-grey-500 { - color: #9e9e9e !important; -} -.mdui-text-color-grey-600 { - color: #757575 !important; -} -.mdui-text-color-grey-700 { - color: #616161 !important; -} -.mdui-text-color-grey-800 { - color: #424242 !important; -} -.mdui-text-color-grey-900 { - color: #212121 !important; -} -.mdui-text-color-indigo { - color: #3f51b5 !important; -} -.mdui-text-color-indigo-50 { - color: #e8eaf6 !important; -} -.mdui-text-color-indigo-100 { - color: #c5cae9 !important; -} -.mdui-text-color-indigo-200 { - color: #9fa8da !important; -} -.mdui-text-color-indigo-300 { - color: #7986cb !important; -} -.mdui-text-color-indigo-400 { - color: #5c6bc0 !important; -} -.mdui-text-color-indigo-500 { - color: #3f51b5 !important; -} -.mdui-text-color-indigo-600 { - color: #3949ab !important; -} -.mdui-text-color-indigo-700 { - color: #303f9f !important; -} -.mdui-text-color-indigo-800 { - color: #283593 !important; -} -.mdui-text-color-indigo-900 { - color: #1a237e !important; -} -.mdui-text-color-light-blue { - color: #03a9f4 !important; -} -.mdui-text-color-light-blue-50 { - color: #e1f5fe !important; -} -.mdui-text-color-light-blue-100 { - color: #b3e5fc !important; -} -.mdui-text-color-light-blue-200 { - color: #81d4fa !important; -} -.mdui-text-color-light-blue-300 { - color: #4fc3f7 !important; -} -.mdui-text-color-light-blue-400 { - color: #29b6f6 !important; -} -.mdui-text-color-light-blue-500 { - color: #03a9f4 !important; -} -.mdui-text-color-light-blue-600 { - color: #039be5 !important; -} -.mdui-text-color-light-blue-700 { - color: #0288d1 !important; -} -.mdui-text-color-light-blue-800 { - color: #0277bd !important; -} -.mdui-text-color-light-blue-900 { - color: #01579b !important; -} -.mdui-text-color-light-green { - color: #8bc34a !important; -} -.mdui-text-color-light-green-50 { - color: #f1f8e9 !important; -} -.mdui-text-color-light-green-100 { - color: #dcedc8 !important; -} -.mdui-text-color-light-green-200 { - color: #c5e1a5 !important; -} -.mdui-text-color-light-green-300 { - color: #aed581 !important; -} -.mdui-text-color-light-green-400 { - color: #9ccc65 !important; -} -.mdui-text-color-light-green-500 { - color: #8bc34a !important; -} -.mdui-text-color-light-green-600 { - color: #7cb342 !important; -} -.mdui-text-color-light-green-700 { - color: #689f38 !important; -} -.mdui-text-color-light-green-800 { - color: #558b2f !important; -} -.mdui-text-color-light-green-900 { - color: #33691e !important; -} -.mdui-text-color-lime { - color: #cddc39 !important; -} -.mdui-text-color-lime-50 { - color: #f9fbe7 !important; -} -.mdui-text-color-lime-100 { - color: #f0f4c3 !important; -} -.mdui-text-color-lime-200 { - color: #e6ee9c !important; -} -.mdui-text-color-lime-300 { - color: #dce775 !important; -} -.mdui-text-color-lime-400 { - color: #d4e157 !important; -} -.mdui-text-color-lime-500 { - color: #cddc39 !important; -} -.mdui-text-color-lime-600 { - color: #c0ca33 !important; -} -.mdui-text-color-lime-700 { - color: #afb42b !important; -} -.mdui-text-color-lime-800 { - color: #9e9d24 !important; -} -.mdui-text-color-lime-900 { - color: #827717 !important; -} -.mdui-text-color-orange { - color: #ff9800 !important; -} -.mdui-text-color-orange-50 { - color: #fff3e0 !important; -} -.mdui-text-color-orange-100 { - color: #ffe0b2 !important; -} -.mdui-text-color-orange-200 { - color: #ffcc80 !important; -} -.mdui-text-color-orange-300 { - color: #ffb74d !important; -} -.mdui-text-color-orange-400 { - color: #ffa726 !important; -} -.mdui-text-color-orange-500 { - color: #ff9800 !important; -} -.mdui-text-color-orange-600 { - color: #fb8c00 !important; -} -.mdui-text-color-orange-700 { - color: #f57c00 !important; -} -.mdui-text-color-orange-800 { - color: #ef6c00 !important; -} -.mdui-text-color-orange-900 { - color: #e65100 !important; -} -.mdui-text-color-pink { - color: #e91e63 !important; -} -.mdui-text-color-pink-50 { - color: #fce4ec !important; -} -.mdui-text-color-pink-100 { - color: #f8bbd0 !important; -} -.mdui-text-color-pink-200 { - color: #f48fb1 !important; -} -.mdui-text-color-pink-300 { - color: #f06292 !important; -} -.mdui-text-color-pink-400 { - color: #ec407a !important; -} -.mdui-text-color-pink-500 { - color: #e91e63 !important; -} -.mdui-text-color-pink-600 { - color: #d81b60 !important; -} -.mdui-text-color-pink-700 { - color: #c2185b !important; -} -.mdui-text-color-pink-800 { - color: #ad1457 !important; -} -.mdui-text-color-pink-900 { - color: #880e4f !important; -} -.mdui-text-color-purple { - color: #9c27b0 !important; -} -.mdui-text-color-purple-50 { - color: #f3e5f5 !important; -} -.mdui-text-color-purple-100 { - color: #e1bee7 !important; -} -.mdui-text-color-purple-200 { - color: #ce93d8 !important; -} -.mdui-text-color-purple-300 { - color: #ba68c8 !important; -} -.mdui-text-color-purple-400 { - color: #ab47bc !important; -} -.mdui-text-color-purple-500 { - color: #9c27b0 !important; -} -.mdui-text-color-purple-600 { - color: #8e24aa !important; -} -.mdui-text-color-purple-700 { - color: #7b1fa2 !important; -} -.mdui-text-color-purple-800 { - color: #6a1b9a !important; -} -.mdui-text-color-purple-900 { - color: #4a148c !important; -} -.mdui-text-color-red { - color: #f44336 !important; -} -.mdui-text-color-red-50 { - color: #ffebee !important; -} -.mdui-text-color-red-100 { - color: #ffcdd2 !important; -} -.mdui-text-color-red-200 { - color: #ef9a9a !important; -} -.mdui-text-color-red-300 { - color: #e57373 !important; -} -.mdui-text-color-red-400 { - color: #ef5350 !important; -} -.mdui-text-color-red-500 { - color: #f44336 !important; -} -.mdui-text-color-red-600 { - color: #e53935 !important; -} -.mdui-text-color-red-700 { - color: #d32f2f !important; -} -.mdui-text-color-red-800 { - color: #c62828 !important; -} -.mdui-text-color-red-900 { - color: #b71c1c !important; -} -.mdui-text-color-teal { - color: #009688 !important; -} -.mdui-text-color-teal-50 { - color: #e0f2f1 !important; -} -.mdui-text-color-teal-100 { - color: #b2dfdb !important; -} -.mdui-text-color-teal-200 { - color: #80cbc4 !important; -} -.mdui-text-color-teal-300 { - color: #4db6ac !important; -} -.mdui-text-color-teal-400 { - color: #26a69a !important; -} -.mdui-text-color-teal-500 { - color: #009688 !important; -} -.mdui-text-color-teal-600 { - color: #00897b !important; -} -.mdui-text-color-teal-700 { - color: #00796b !important; -} -.mdui-text-color-teal-800 { - color: #00695c !important; -} -.mdui-text-color-teal-900 { - color: #004d40 !important; -} -.mdui-text-color-yellow { - color: #ffeb3b !important; -} -.mdui-text-color-yellow-50 { - color: #fffde7 !important; -} -.mdui-text-color-yellow-100 { - color: #fff9c4 !important; -} -.mdui-text-color-yellow-200 { - color: #fff59d !important; -} -.mdui-text-color-yellow-300 { - color: #fff176 !important; -} -.mdui-text-color-yellow-400 { - color: #ffee58 !important; -} -.mdui-text-color-yellow-500 { - color: #ffeb3b !important; -} -.mdui-text-color-yellow-600 { - color: #fdd835 !important; -} -.mdui-text-color-yellow-700 { - color: #fbc02d !important; -} -.mdui-text-color-yellow-800 { - color: #f9a825 !important; -} -.mdui-text-color-yellow-900 { - color: #f57f17 !important; -} -/** - * .mdui-text-color-[color]-accent - * .mdui-text-color-[color]-[degree] - */ -.mdui-text-color-amber-accent { - color: #ffd740 !important; -} -.mdui-text-color-amber-a100 { - color: #ffe57f !important; -} -.mdui-text-color-amber-a200 { - color: #ffd740 !important; -} -.mdui-text-color-amber-a400 { - color: #ffc400 !important; -} -.mdui-text-color-amber-a700 { - color: #ffab00 !important; -} -.mdui-text-color-blue-accent { - color: #448aff !important; -} -.mdui-text-color-blue-a100 { - color: #82b1ff !important; -} -.mdui-text-color-blue-a200 { - color: #448aff !important; -} -.mdui-text-color-blue-a400 { - color: #2979ff !important; -} -.mdui-text-color-blue-a700 { - color: #2962ff !important; -} -.mdui-text-color-cyan-accent { - color: #18ffff !important; -} -.mdui-text-color-cyan-a100 { - color: #84ffff !important; -} -.mdui-text-color-cyan-a200 { - color: #18ffff !important; -} -.mdui-text-color-cyan-a400 { - color: #00e5ff !important; -} -.mdui-text-color-cyan-a700 { - color: #00b8d4 !important; -} -.mdui-text-color-deep-orange-accent { - color: #ff6e40 !important; -} -.mdui-text-color-deep-orange-a100 { - color: #ff9e80 !important; -} -.mdui-text-color-deep-orange-a200 { - color: #ff6e40 !important; -} -.mdui-text-color-deep-orange-a400 { - color: #ff3d00 !important; -} -.mdui-text-color-deep-orange-a700 { - color: #dd2c00 !important; -} -.mdui-text-color-deep-purple-accent { - color: #7c4dff !important; -} -.mdui-text-color-deep-purple-a100 { - color: #b388ff !important; -} -.mdui-text-color-deep-purple-a200 { - color: #7c4dff !important; -} -.mdui-text-color-deep-purple-a400 { - color: #651fff !important; -} -.mdui-text-color-deep-purple-a700 { - color: #6200ea !important; -} -.mdui-text-color-green-accent { - color: #69f0ae !important; -} -.mdui-text-color-green-a100 { - color: #b9f6ca !important; -} -.mdui-text-color-green-a200 { - color: #69f0ae !important; -} -.mdui-text-color-green-a400 { - color: #00e676 !important; -} -.mdui-text-color-green-a700 { - color: #00c853 !important; -} -.mdui-text-color-indigo-accent { - color: #536dfe !important; -} -.mdui-text-color-indigo-a100 { - color: #8c9eff !important; -} -.mdui-text-color-indigo-a200 { - color: #536dfe !important; -} -.mdui-text-color-indigo-a400 { - color: #3d5afe !important; -} -.mdui-text-color-indigo-a700 { - color: #304ffe !important; -} -.mdui-text-color-light-blue-accent { - color: #40c4ff !important; -} -.mdui-text-color-light-blue-a100 { - color: #80d8ff !important; -} -.mdui-text-color-light-blue-a200 { - color: #40c4ff !important; -} -.mdui-text-color-light-blue-a400 { - color: #00b0ff !important; -} -.mdui-text-color-light-blue-a700 { - color: #0091ea !important; -} -.mdui-text-color-light-green-accent { - color: #b2ff59 !important; -} -.mdui-text-color-light-green-a100 { - color: #ccff90 !important; -} -.mdui-text-color-light-green-a200 { - color: #b2ff59 !important; -} -.mdui-text-color-light-green-a400 { - color: #76ff03 !important; -} -.mdui-text-color-light-green-a700 { - color: #64dd17 !important; -} -.mdui-text-color-lime-accent { - color: #eeff41 !important; -} -.mdui-text-color-lime-a100 { - color: #f4ff81 !important; -} -.mdui-text-color-lime-a200 { - color: #eeff41 !important; -} -.mdui-text-color-lime-a400 { - color: #c6ff00 !important; -} -.mdui-text-color-lime-a700 { - color: #aeea00 !important; -} -.mdui-text-color-orange-accent { - color: #ffab40 !important; -} -.mdui-text-color-orange-a100 { - color: #ffd180 !important; -} -.mdui-text-color-orange-a200 { - color: #ffab40 !important; -} -.mdui-text-color-orange-a400 { - color: #ff9100 !important; -} -.mdui-text-color-orange-a700 { - color: #ff6d00 !important; -} -.mdui-text-color-pink-accent { - color: #ff4081 !important; -} -.mdui-text-color-pink-a100 { - color: #ff80ab !important; -} -.mdui-text-color-pink-a200 { - color: #ff4081 !important; -} -.mdui-text-color-pink-a400 { - color: #f50057 !important; -} -.mdui-text-color-pink-a700 { - color: #c51162 !important; -} -.mdui-text-color-purple-accent { - color: #e040fb !important; -} -.mdui-text-color-purple-a100 { - color: #ea80fc !important; -} -.mdui-text-color-purple-a200 { - color: #e040fb !important; -} -.mdui-text-color-purple-a400 { - color: #d500f9 !important; -} -.mdui-text-color-purple-a700 { - color: #a0f !important; -} -.mdui-text-color-red-accent { - color: #ff5252 !important; -} -.mdui-text-color-red-a100 { - color: #ff8a80 !important; -} -.mdui-text-color-red-a200 { - color: #ff5252 !important; -} -.mdui-text-color-red-a400 { - color: #ff1744 !important; -} -.mdui-text-color-red-a700 { - color: #d50000 !important; -} -.mdui-text-color-teal-accent { - color: #64ffda !important; -} -.mdui-text-color-teal-a100 { - color: #a7ffeb !important; -} -.mdui-text-color-teal-a200 { - color: #64ffda !important; -} -.mdui-text-color-teal-a400 { - color: #1de9b6 !important; -} -.mdui-text-color-teal-a700 { - color: #00bfa5 !important; -} -.mdui-text-color-yellow-accent { - color: #ff0 !important; -} -.mdui-text-color-yellow-a100 { - color: #ffff8d !important; -} -.mdui-text-color-yellow-a200 { - color: #ff0 !important; -} -.mdui-text-color-yellow-a400 { - color: #ffea00 !important; -} -.mdui-text-color-yellow-a700 { - color: #ffd600 !important; -} -/** - * .mdui-text-color-black - * .mdui-text-color-black-[] - * .mdui-text-color-theme-[] - */ -.mdui-text-color-black { - color: #000 !important; -} -.mdui-text-color-black-text, -.mdui-text-color-theme-text { - color: rgba(0, 0, 0, .87) !important; -} -.mdui-text-color-black-secondary, -.mdui-text-color-theme-secondary { - color: rgba(0, 0, 0, .54) !important; -} -.mdui-text-color-black-disabled, -.mdui-text-color-theme-disabled { - color: rgba(0, 0, 0, .38) !important; -} -.mdui-text-color-black-divider, -.mdui-text-color-theme-divider { - color: rgba(0, 0, 0, .12) !important; -} -.mdui-text-color-black-icon, -.mdui-text-color-theme-icon { - color: rgba(0, 0, 0, .54) !important; -} -.mdui-text-color-black-icon-disabled, -.mdui-text-color-theme-icon-disabled { - color: rgba(0, 0, 0, .26) !important; -} -/** - * .mdui-text-color-white - * .mdui-text-color-white-[] - */ -.mdui-text-color-white { - color: #fff !important; -} -.mdui-text-color-white-text { - color: #fff !important; -} -.mdui-text-color-white-secondary { - color: rgba(255, 255, 255, .7) !important; -} -.mdui-text-color-white-disabled { - color: rgba(255, 255, 255, .5) !important; -} -.mdui-text-color-white-divider { - color: rgba(255, 255, 255, .12) !important; -} -.mdui-text-color-white-icon { - color: #fff !important; -} -.mdui-text-color-white-icon-disabled { - color: rgba(255, 255, 255, .3) !important; -} -/** - * .mdui-text-color-theme-[] 深色主题 - */ -.mdui-theme-layout-dark .mdui-text-color-theme-text { - color: #fff !important; -} -.mdui-theme-layout-dark .mdui-text-color-theme-secondary { - color: rgba(255, 255, 255, .7) !important; -} -.mdui-theme-layout-dark .mdui-text-color-theme-disabled { - color: rgba(255, 255, 255, .5) !important; -} -.mdui-theme-layout-dark .mdui-text-color-theme-divider { - color: rgba(255, 255, 255, .12) !important; -} -.mdui-theme-layout-dark .mdui-text-color-theme-icon { - color: #fff !important; -} -.mdui-theme-layout-dark .mdui-text-color-theme-icon-disabled { - color: rgba(255, 255, 255, .3) !important; -} -/** - * ============================================================================= - * ************ Helper 辅助类 ************ - * ============================================================================= - */ -/** - * =================== 边距 - */ -.mdui-m-a-0 { - margin: 0 !important; -} -.mdui-m-t-0 { - margin-top: 0 !important; -} -.mdui-m-r-0 { - margin-right: 0 !important; -} -.mdui-m-b-0 { - margin-bottom: 0 !important; -} -.mdui-m-l-0 { - margin-left: 0 !important; -} -.mdui-m-x-0 { - margin-right: 0 !important; - margin-left: 0 !important; -} -.mdui-m-y-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; -} -.mdui-p-a-0 { - padding: 0 !important; -} -.mdui-p-t-0 { - padding-top: 0 !important; -} -.mdui-p-r-0 { - padding-right: 0 !important; -} -.mdui-p-b-0 { - padding-bottom: 0 !important; -} -.mdui-p-l-0 { - padding-left: 0 !important; -} -.mdui-p-x-0 { - padding-right: 0 !important; - padding-left: 0 !important; -} -.mdui-p-y-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; -} -.mdui-m-a-1 { - margin: 8px !important; -} -.mdui-m-t-1 { - margin-top: 8px !important; -} -.mdui-m-r-1 { - margin-right: 8px !important; -} -.mdui-m-b-1 { - margin-bottom: 8px !important; -} -.mdui-m-l-1 { - margin-left: 8px !important; -} -.mdui-m-x-1 { - margin-right: 8px !important; - margin-left: 8px !important; -} -.mdui-m-y-1 { - margin-top: 8px !important; - margin-bottom: 8px !important; -} -.mdui-p-a-1 { - padding: 8px !important; -} -.mdui-p-t-1 { - padding-top: 8px !important; -} -.mdui-p-r-1 { - padding-right: 8px !important; -} -.mdui-p-b-1 { - padding-bottom: 8px !important; -} -.mdui-p-l-1 { - padding-left: 8px !important; -} -.mdui-p-x-1 { - padding-right: 8px !important; - padding-left: 8px !important; -} -.mdui-p-y-1 { - padding-top: 8px !important; - padding-bottom: 8px !important; -} -.mdui-m-a-2 { - margin: 16px !important; -} -.mdui-m-t-2 { - margin-top: 16px !important; -} -.mdui-m-r-2 { - margin-right: 16px !important; -} -.mdui-m-b-2 { - margin-bottom: 16px !important; -} -.mdui-m-l-2 { - margin-left: 16px !important; -} -.mdui-m-x-2 { - margin-right: 16px !important; - margin-left: 16px !important; -} -.mdui-m-y-2 { - margin-top: 16px !important; - margin-bottom: 16px !important; -} -.mdui-p-a-2 { - padding: 16px !important; -} -.mdui-p-t-2 { - padding-top: 16px !important; -} -.mdui-p-r-2 { - padding-right: 16px !important; -} -.mdui-p-b-2 { - padding-bottom: 16px !important; -} -.mdui-p-l-2 { - padding-left: 16px !important; -} -.mdui-p-x-2 { - padding-right: 16px !important; - padding-left: 16px !important; -} -.mdui-p-y-2 { - padding-top: 16px !important; - padding-bottom: 16px !important; -} -.mdui-m-a-3 { - margin: 24px !important; -} -.mdui-m-t-3 { - margin-top: 24px !important; -} -.mdui-m-r-3 { - margin-right: 24px !important; -} -.mdui-m-b-3 { - margin-bottom: 24px !important; -} -.mdui-m-l-3 { - margin-left: 24px !important; -} -.mdui-m-x-3 { - margin-right: 24px !important; - margin-left: 24px !important; -} -.mdui-m-y-3 { - margin-top: 24px !important; - margin-bottom: 24px !important; -} -.mdui-p-a-3 { - padding: 24px !important; -} -.mdui-p-t-3 { - padding-top: 24px !important; -} -.mdui-p-r-3 { - padding-right: 24px !important; -} -.mdui-p-b-3 { - padding-bottom: 24px !important; -} -.mdui-p-l-3 { - padding-left: 24px !important; -} -.mdui-p-x-3 { - padding-right: 24px !important; - padding-left: 24px !important; -} -.mdui-p-y-3 { - padding-top: 24px !important; - padding-bottom: 24px !important; -} -.mdui-m-a-4 { - margin: 32px !important; -} -.mdui-m-t-4 { - margin-top: 32px !important; -} -.mdui-m-r-4 { - margin-right: 32px !important; -} -.mdui-m-b-4 { - margin-bottom: 32px !important; -} -.mdui-m-l-4 { - margin-left: 32px !important; -} -.mdui-m-x-4 { - margin-right: 32px !important; - margin-left: 32px !important; -} -.mdui-m-y-4 { - margin-top: 32px !important; - margin-bottom: 32px !important; -} -.mdui-p-a-4 { - padding: 32px !important; -} -.mdui-p-t-4 { - padding-top: 32px !important; -} -.mdui-p-r-4 { - padding-right: 32px !important; -} -.mdui-p-b-4 { - padding-bottom: 32px !important; -} -.mdui-p-l-4 { - padding-left: 32px !important; -} -.mdui-p-x-4 { - padding-right: 32px !important; - padding-left: 32px !important; -} -.mdui-p-y-4 { - padding-top: 32px !important; - padding-bottom: 32px !important; -} -.mdui-m-a-5 { - margin: 40px !important; -} -.mdui-m-t-5 { - margin-top: 40px !important; -} -.mdui-m-r-5 { - margin-right: 40px !important; -} -.mdui-m-b-5 { - margin-bottom: 40px !important; -} -.mdui-m-l-5 { - margin-left: 40px !important; -} -.mdui-m-x-5 { - margin-right: 40px !important; - margin-left: 40px !important; -} -.mdui-m-y-5 { - margin-top: 40px !important; - margin-bottom: 40px !important; -} -.mdui-p-a-5 { - padding: 40px !important; -} -.mdui-p-t-5 { - padding-top: 40px !important; -} -.mdui-p-r-5 { - padding-right: 40px !important; -} -.mdui-p-b-5 { - padding-bottom: 40px !important; -} -.mdui-p-l-5 { - padding-left: 40px !important; -} -.mdui-p-x-5 { - padding-right: 40px !important; - padding-left: 40px !important; -} -.mdui-p-y-5 { - padding-top: 40px !important; - padding-bottom: 40px !important; -} -/** - * ======================== 快速浮动 - */ -/* 向左浮动 */ -.mdui-float-left { - float: left !important; -} -/* 向右浮动 */ -.mdui-float-right { - float: right !important; -} -/** - * ========================= 水平居中 - */ -/* 水平居中 */ -.mdui-center { - display: block !important; - margin-right: auto !important; - margin-left: auto !important; -} -/** - * ========================= 垂直居中 - */ -/* 垂直居中 */ -.mdui-valign { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - - -webkit-box-align: center !important; - -webkit-align-items: center !important; - -ms-flex-align: center !important; - align-items: center !important; -} -/** - * ========================= 文本对齐方式 - */ -/* 文本左对齐 */ -.mdui-text-left { - text-align: left !important; -} -/* 文本居中对齐 */ -.mdui-text-center { - text-align: center !important; -} -/* 文本向右对齐 */ -.mdui-text-right { - text-align: right !important; -} -/** - * ========================= 文本大小写转换 - */ -/* 文本转为小写 */ -.mdui-text-lowercase { - text-transform: lowercase !important; -} -/* 文本转为大写 */ -.mdui-text-uppercase { - text-transform: uppercase !important; -} -/* 文本转为单词的首字母大写 */ -.mdui-text-capitalize { - text-transform: capitalize !important; -} -/** - * ======================== 文本截断 - */ -/* 文本截断 */ -.mdui-text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -/** - * ========================= 清除浮动 - */ -/* 清除浮动 */ -.mdui-clearfix:before, -.mdui-clearfix:after { - display: table; - content: " "; -} -.mdui-clearfix:after { - clear: both; -} -/** - * ========================= 隐藏内容 - */ -/* 隐藏元素 */ -.mdui-hidden, -[hidden] { - display: none !important; -} -/* 使元素不可见 */ -.mdui-invisible { - visibility: hidden; -} -/* Responsive utilities 响应式工具 - ========================================================================== */ -/* 在特定屏幕的特备上隐藏 */ -@media (max-width: 599px) { - .mdui-hidden-xs { - display: none !important; - } -} -@media (min-width: 600px) and (max-width: 1023px) { - .mdui-hidden-sm { - display: none !important; - } -} -@media (min-width: 1024px) and (max-width: 1439px) { - .mdui-hidden-md { - display: none !important; - } -} -@media (min-width: 1440px) and (max-width: 1919px) { - .mdui-hidden-lg { - display: none !important; - } -} -@media (min-width: 1920px) { - .mdui-hidden-xl { - display: none !important; - } -} -/* 在比特定屏幕小的设备上隐藏 */ -@media (max-width: 599px) { - .mdui-hidden-xs-down { - display: none !important; - } -} -@media (max-width: 1023px) { - .mdui-hidden-sm-down { - display: none !important; - } -} -@media (max-width: 1439px) { - .mdui-hidden-md-down { - display: none !important; - } -} -@media (max-width: 1919px) { - .mdui-hidden-lg-down { - display: none !important; - } -} -.mdui-hidden-xl-down { - display: none !important; -} -/* 在比特定屏幕大的设备上隐藏 */ -.mdui-hidden-xs-up { - display: none !important; -} -@media (min-width: 600px) { - .mdui-hidden-sm-up { - display: none !important; - } -} -@media (min-width: 1024px) { - .mdui-hidden-md-up { - display: none !important; - } -} -@media (min-width: 1440px) { - .mdui-hidden-lg-up { - display: none !important; - } -} -@media (min-width: 1920px) { - .mdui-hidden-xl-up { - display: none !important; - } -} -/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ -/* Document - ========================================================================== */ -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ -html { - line-height: 1.15; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ -} -/* Sections - ========================================================================== */ -/** - * Remove the margin in all browsers. - */ -body { - margin: 0; -} -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - margin: .67em 0; - font-size: 2em; -} -/* Grouping content - ========================================================================== */ -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - /* 1 */ - height: 0; - -webkit-box-sizing: content-box; - box-sizing: content-box; - /* 1 */ - overflow: visible; - /* 2 */ -} -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -pre { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} -/* Text-level semantics - ========================================================================== */ -/** - * Remove the gray background on active links in IE 10. - */ -a { - background-color: transparent; -} -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - /* 1 */ - text-decoration: underline; - text-decoration: underline dotted; - border-bottom: none; - /* 2 */ - - -webkit-text-decoration: underline dotted; - -moz-text-decoration: underline dotted; - /* 2 */ -} -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; -} -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; -} -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} -sub { - bottom: -.25em; -} -sup { - top: -.5em; -} -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE 10. - */ -img { - border-style: none; -} -/* Forms - ========================================================================== */ -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ -button, -input, -optgroup, -select, -textarea { - /* 1 */ - margin: 0; - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - line-height: 1.15; - /* 2 */ -} -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ -button, -input { - /* 1 */ - overflow: visible; -} -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; -} -/** - * Correct the inability to style clickable types in iOS and Safari. - */ -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} -/** - * Remove the inner border and padding in Firefox. - */ -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - padding: 0; - border-style: none; -} -/** - * Correct the padding in Firefox. - */ -fieldset { - padding: .35em .75em .625em; -} -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { - /* 2 */ - display: table; - /* 1 */ - max-width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 1 */ - color: inherit; - /* 3 */ - white-space: normal; - /* 1 */ -} -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; -} -/** - * Remove the default vertical scrollbar in IE 10+. - */ -textarea { - overflow: auto; -} -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ -[type="checkbox"], -[type="radio"] { - -webkit-box-sizing: border-box; - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ -} -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ -details { - display: block; -} -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; -} -/* Misc - ========================================================================== */ -/** - * Add the correct display in IE 10+. - */ -template { - display: none; -} -/** - * Add the correct display in IE 10. - */ -[hidden] { - display: none; -} -/** - * ============================================================================= - * ************ 公共样式 ************ - * ============================================================================= - */ -body { - font-family: Roboto, Noto, Helvetica, Arial, sans-serif; - font-size: 14px; - color: rgba(0, 0, 0, .87); - background-color: #fff; -} -@media (min-width: 600px) { - body { - font-size: 14.5px; - } -} -@media (min-width: 1024px) { - body { - font-size: 15px; - } -} -body *::-webkit-scrollbar { - width: 5px; - height: 5px; - background: transparent; -} -@media (min-width: 1024px) { - body *::-webkit-scrollbar { - width: 8px; - height: 8px; - } -} -body *::-webkit-scrollbar-thumb { - background: rgba(0, 0, 0, .2); -} -body.mdui-theme-layout-dark *::-webkit-scrollbar { - width: 5px; - height: 5px; - background: transparent; -} -@media (min-width: 1024px) { - body.mdui-theme-layout-dark *::-webkit-scrollbar { - width: 8px; - height: 8px; - } -} -body.mdui-theme-layout-dark *::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, .3); -} -* { - -webkit-tap-highlight-color: transparent; -} -/* 锁定屏幕 */ -body.mdui-locked { - overflow: hidden; -} -/* 遮罩层 */ -.mdui-overlay { - position: fixed; - top: -5000px; - right: -5000px; - bottom: -5000px; - left: -5000px; - z-index: 2000; - visibility: hidden; - background: rgba(0, 0, 0, .4); - opacity: 0; - -webkit-transition-duration: .3s; - transition-duration: .3s; - -webkit-transition-property: opacity, visibility; - transition-property: opacity, visibility; - - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - will-change: opacity; -} -/* 显示遮罩层 */ -.mdui-overlay-show { - visibility: visible; - opacity: 1; -} -/* 取消 transition 过渡效果 */ -.mdui-no-transition { - -webkit-transition-property: none !important; - transition-property: none !important; -} -/** - * ============================================================================= - * ************ Global dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark { - color: #fff; - background-color: #303030; -} -/** - * ============================================================================= - * ************ Icon 图标 ************ - * ============================================================================= - */ -.mdui-icon, -.mdui-icon::before { - font-size: 24px; - font-style: normal; - font-weight: normal; - line-height: 1; - color: inherit; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - /* Preferred icon size */ - vertical-align: middle; - - direction: ltr; -} -.mdui-icon { - display: inline-block; - text-align: center; -} -.mdui-icon::before { - display: block !important; - width: 24px; - height: 24px; -} -/** - * ============================================================================= - * ************ Material Icons ************ - * ============================================================================= - * - * https://github.com/google/material-design-icons/ - * v3.0.1 - */ -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - - src: local('Material Icons'), local('MaterialIcons-Regular'), url(../icons/material-icons/MaterialIcons-Regular.woff2) format('woff2'), url(../icons/material-icons/MaterialIcons-Regular.woff) format('woff'); -} -.material-icons { - font-family: 'Material Icons'; - /* Support for all WebKit browsers. */ - - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - -webkit-font-feature-settings: 'liga'; - -moz-font-feature-settings: 'liga'; - font-feature-settings: 'liga'; -} -/** - * ============================================================================= - * ************ Roboto 字体 ************ - * ============================================================================= - */ -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 100; - - src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/roboto/Roboto-Thin.woff2') format('woff2'), url('../fonts/roboto/Roboto-Thin.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: italic; - font-weight: 100; - - src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url('../fonts/roboto/Roboto-ThinItalic.woff2') format('woff2'), url('../fonts/roboto/Roboto-ThinItalic.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 300; - - src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto/Roboto-Light.woff2') format('woff2'), url('../fonts/roboto/Roboto-Light.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: italic; - font-weight: 300; - - src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('../fonts/roboto/Roboto-LightItalic.woff2') format('woff2'), url('../fonts/roboto/Roboto-LightItalic.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 400; - - src: local('Roboto Regular'), local('Roboto-Regular'), url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('../fonts/roboto/Roboto-Regular.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: italic; - font-weight: 400; - - src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('../fonts/roboto/Roboto-RegularItalic.woff2') format('woff2'), url('../fonts/roboto/Roboto-RegularItalic.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 500; - - src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto/Roboto-Medium.woff2') format('woff2'), url('../fonts/roboto/Roboto-Medium.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: italic; - font-weight: 500; - - src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('../fonts/roboto/Roboto-MediumItalic.woff2') format('woff2'), url('../fonts/roboto/Roboto-MediumItalic.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 700; - - src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('../fonts/roboto/Roboto-Bold.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: italic; - font-weight: 700; - - src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('../fonts/roboto/Roboto-BoldItalic.woff2') format('woff2'), url('../fonts/roboto/Roboto-BoldItalic.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 900; - - src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/roboto/Roboto-Black.woff2') format('woff2'), url('../fonts/roboto/Roboto-Black.woff') format('woff'); -} -@font-face { - font-family: 'Roboto'; - font-style: italic; - font-weight: 900; - - src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('../fonts/roboto/Roboto-BlackItalic.woff2') format('woff2'), url('../fonts/roboto/Roboto-BlackItalic.woff') format('woff'); -} -/** - * ============================================================================= - * ************ Typography 排版 ************ - * ============================================================================= - */ -/* .mdui-typo-display-4 */ -.mdui-typo-display-4, -.mdui-typo-display-4-opacity { - font-size: 112px; - font-weight: 300; - letter-spacing: -.04em; -} -.mdui-typo-display-4-opacity { - opacity: .54; -} -/* .mdui-typo-display-3 */ -.mdui-typo-display-3, -.mdui-typo-display-3-opacity { - font-size: 56px; - font-weight: 400; - letter-spacing: -.02em; -} -.mdui-typo-display-3-opacity { - opacity: .54; -} -/* .mdui-typo-display-2 */ -.mdui-typo-display-2, -.mdui-typo-display-2-opacity { - font-size: 45px; - font-weight: 400; - letter-spacing: 0; -} -.mdui-typo-display-2-opacity { - opacity: .54; -} -/* .mdui-typo-display-1 */ -.mdui-typo-display-1, -.mdui-typo-display-1-opacity { - font-size: 34px; - font-weight: 400; - letter-spacing: 0; -} -.mdui-typo-display-1-opacity { - opacity: .54; -} -/* .mdui-typo-headline */ -.mdui-typo-headline, -.mdui-typo-headline-opacity { - font-size: 24px; - font-weight: 400; - - -moz-osx-font-smoothing: grayscale; -} -.mdui-typo-headline-opacity { - opacity: .87; -} -/* .mdui-typo-title */ -.mdui-typo-title, -.mdui-typo-title-opacity { - font-size: 20px; - font-weight: 500; - letter-spacing: .02em; -} -.mdui-typo-title-opacity { - opacity: .87; -} -.mdui-typo-subheading, -.mdui-typo-subheading-opacity { - font-size: 16px; - font-weight: 400; - letter-spacing: .04em; -} -.mdui-typo-subheading-opacity { - opacity: .87; -} -.mdui-typo-body-2, -.mdui-typo-body-2-opacity { - font-size: 14px; - font-weight: 500; - letter-spacing: .04em; -} -.mdui-typo-body-2-opacity { - opacity: .87; -} -.mdui-typo-body-1, -.mdui-typo-body-1-opacity { - font-size: 14px; - font-weight: 400; - letter-spacing: .04em; -} -.mdui-typo-body-1-opacity { - opacity: .87; -} -.mdui-typo-caption, -.mdui-typo-caption-opacity { - font-size: 12px; - font-weight: 400; - letter-spacing: .08em; -} -.mdui-typo-caption-opacity { - opacity: .54; -} -.mdui-typo { - line-height: 1.8; - word-wrap: break-word; - /* a */ - /* small */ - /* blockquote */ - /* mark */ - /* h1 - h6 */ - /* code */ - /* pre code */ - /* abbr */ - /* ins */ - /* u */ - /* del */ - /* hr */ - /* pre */ - /* kbd */ - /* ul / ol */ - /* img */ -} -.mdui-typo address, -.mdui-typo caption, -.mdui-typo cite, -.mdui-typo code, -.mdui-typo dfn, -.mdui-typo th { - font-style: normal; - font-weight: 400; -} -.mdui-typo caption, -.mdui-typo th { - text-align: left; -} -.mdui-typo q:before, -.mdui-typo q:after { - content: ''; -} -.mdui-typo pre, -.mdui-typo code, -.mdui-typo kbd, -.mdui-typo samp, -.mdui-typo pre tt { - font-family: Consolas, Courier, 'Courier New', monospace; -} -.mdui-typo figcaption { - font-size: 80%; - color: rgba(0, 0, 0, .54); -} -.mdui-typo [draggable], -.mdui-typo [draggable="true"] { - cursor: move; -} -.mdui-typo [draggable="false"] { - cursor: inherit; -} -.mdui-typo p, -.mdui-typo pre, -.mdui-typo ul, -.mdui-typo ol, -.mdui-typo dl, -.mdui-typo form, -.mdui-typo hr, -.mdui-typo figure, -.mdui-typo table, -.mdui-typo .mdui-table, -.mdui-typo .mdui-table-fluid { - margin: 0 0 1.2em 0; -} -.mdui-typo a { - position: relative; - display: inline-block; - overflow: hidden; - color: #ff4081; - text-decoration: none; - vertical-align: top; - outline: none; -} -.mdui-typo a:before { - position: absolute; - top: auto; - bottom: 1px; - left: 0; - width: 100%; - height: 1px; - content: ' '; - background-color: #ff4081; - -webkit-transition: all .2s; - transition: all .2s; - -webkit-transform: scaleX(0); - transform: scaleX(0); - - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.mdui-typo a:hover:before, -.mdui-typo a:focus:before { - -webkit-transform: scaleX(1); - transform: scaleX(1); -} -.mdui-typo small { - font-size: 80%; -} -.mdui-typo blockquote { - padding-left: 1em; - margin: 1em 3em 1em 2em; - font-weight: 400; - border-left: 4px solid rgba(0, 0, 0, .12); -} -@media only screen and (max-width: 599px) { - .mdui-typo blockquote { - margin: 1em 0; - } -} -.mdui-typo blockquote footer { - font-size: 86%; - color: rgba(0, 0, 0, .54); -} -.mdui-typo mark { - padding: 2px; - margin: 0 5px; - background: #fffdd1; - border-bottom: 1px solid #ffedce; -} -.mdui-typo h1, -.mdui-typo h2, -.mdui-typo h3, -.mdui-typo h4, -.mdui-typo h5, -.mdui-typo h6 { - margin-top: 1.2em; - margin-bottom: .6em; - font-family: inherit; - font-weight: 400; - line-height: 1.35; - color: inherit; -} -.mdui-typo h1 small, -.mdui-typo h2 small, -.mdui-typo h3 small, -.mdui-typo h4 small, -.mdui-typo h5 small, -.mdui-typo h6 small { - font-size: 65%; - font-weight: 400; - line-height: 1; - color: rgba(0, 0, 0, .54); -} -.mdui-typo h1 { - font-size: 2em; -} -.mdui-typo h2 { - font-size: 1.8em; -} -.mdui-typo h3 { - font-size: 1.6em; -} -.mdui-typo h4 { - font-size: 1.4em; -} -.mdui-typo h5 { - font-size: 1.2em; -} -.mdui-typo h6 { - font-size: 1.1em; -} -.mdui-typo code { - padding: 2px 6px; - color: #c7254e; - background-color: #f7f7f9; - border-radius: 2px; -} -.mdui-typo pre code { - padding: 0; - font-size: inherit; - line-height: 1.7; - color: inherit; - background-color: transparent; - border-radius: 0; -} -.mdui-typo abbr[title] { - text-decoration: none; - cursor: help; - border-bottom: 1px dotted; -} -.mdui-typo ins { - text-decoration: none; - border-bottom: 1px solid ; -} -.mdui-typo u { - text-decoration: none; - border-bottom: 1px solid; -} -.mdui-typo del { - text-decoration: line-through; -} -.mdui-typo hr { - height: 10px; - margin-bottom: .8em; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, .12); -} -.mdui-typo pre { - padding: 12px 16px; - overflow-x: auto; - -webkit-overflow-scrolling: touch; - border: 1px solid rgba(0, 0, 0, .12); - border-radius: 2px; -} -.mdui-typo kbd { - padding: 2px 6px; - font-size: 90%; - color: #fff; - background-color: #333; - border-radius: 2px; -} -.mdui-typo ul { - padding-left: 2em; - list-style: disc; -} -.mdui-typo ol { - padding-left: 2em; - list-style: decimal; -} -.mdui-typo li ul, -.mdui-typo li ol { - margin: .8em 0; -} -.mdui-typo li ul { - list-style: circle; -} -.mdui-typo img { - max-width: 100%; -} -/** - * ============================================================================= - * ************ Typo 强调色 ************ - * ============================================================================= - */ -.mdui-theme-accent-amber .mdui-typo a { - color: #ffd740; -} -.mdui-theme-accent-amber .mdui-typo a:before { - background-color: #ffd740; -} -.mdui-theme-accent-blue .mdui-typo a { - color: #448aff; -} -.mdui-theme-accent-blue .mdui-typo a:before { - background-color: #448aff; -} -.mdui-theme-accent-cyan .mdui-typo a { - color: #18ffff; -} -.mdui-theme-accent-cyan .mdui-typo a:before { - background-color: #18ffff; -} -.mdui-theme-accent-deep-orange .mdui-typo a { - color: #ff6e40; -} -.mdui-theme-accent-deep-orange .mdui-typo a:before { - background-color: #ff6e40; -} -.mdui-theme-accent-deep-purple .mdui-typo a { - color: #7c4dff; -} -.mdui-theme-accent-deep-purple .mdui-typo a:before { - background-color: #7c4dff; -} -.mdui-theme-accent-green .mdui-typo a { - color: #69f0ae; -} -.mdui-theme-accent-green .mdui-typo a:before { - background-color: #69f0ae; -} -.mdui-theme-accent-indigo .mdui-typo a { - color: #536dfe; -} -.mdui-theme-accent-indigo .mdui-typo a:before { - background-color: #536dfe; -} -.mdui-theme-accent-light-blue .mdui-typo a { - color: #40c4ff; -} -.mdui-theme-accent-light-blue .mdui-typo a:before { - background-color: #40c4ff; -} -.mdui-theme-accent-light-green .mdui-typo a { - color: #b2ff59; -} -.mdui-theme-accent-light-green .mdui-typo a:before { - background-color: #b2ff59; -} -.mdui-theme-accent-lime .mdui-typo a { - color: #eeff41; -} -.mdui-theme-accent-lime .mdui-typo a:before { - background-color: #eeff41; -} -.mdui-theme-accent-orange .mdui-typo a { - color: #ffab40; -} -.mdui-theme-accent-orange .mdui-typo a:before { - background-color: #ffab40; -} -.mdui-theme-accent-pink .mdui-typo a { - color: #ff4081; -} -.mdui-theme-accent-pink .mdui-typo a:before { - background-color: #ff4081; -} -.mdui-theme-accent-purple .mdui-typo a { - color: #e040fb; -} -.mdui-theme-accent-purple .mdui-typo a:before { - background-color: #e040fb; -} -.mdui-theme-accent-red .mdui-typo a { - color: #ff5252; -} -.mdui-theme-accent-red .mdui-typo a:before { - background-color: #ff5252; -} -.mdui-theme-accent-teal .mdui-typo a { - color: #64ffda; -} -.mdui-theme-accent-teal .mdui-typo a:before { - background-color: #64ffda; -} -.mdui-theme-accent-yellow .mdui-typo a { - color: #ff0; -} -.mdui-theme-accent-yellow .mdui-typo a:before { - background-color: #ff0; -} -/** - * ============================================================================= - * ************ Typo dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-typo blockquote { - border-left-color: rgba(255, 255, 255, .12); -} -.mdui-theme-layout-dark .mdui-typo blockquote footer { - color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-typo figcaption { - color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-typo mark { - background: #aaa; - border-bottom-color: #bbb; -} -.mdui-theme-layout-dark .mdui-typo h1 small, -.mdui-theme-layout-dark .mdui-typo h2 small, -.mdui-theme-layout-dark .mdui-typo h3 small, -.mdui-theme-layout-dark .mdui-typo h4 small, -.mdui-theme-layout-dark .mdui-typo h5 small, -.mdui-theme-layout-dark .mdui-typo h6 small { - color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-typo code { - color: #ffcdd2; - background-color: #424242; -} -.mdui-theme-layout-dark .mdui-typo pre { - background: #424242; - border-color: rgba(255, 255, 255, .12); -} -.mdui-theme-layout-dark .mdui-typo kbd { - background: #424242; -} -.mdui-theme-layout-dark .mdui-typo hr { - border-color: rgba(255, 255, 255, .12); -} -/** - * ============================================================================= - * ************ Headroom ************ - * ============================================================================= - */ -.mdui-headroom { - -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) !important; - transition: all .3s cubic-bezier(.4, 0, .2, 1) !important; -} -/* 固定在顶部时 */ -.mdui-headroom-pinned-top { - -webkit-transform: translate3d(0, 0, 0) !important; - transform: translate3d(0, 0, 0) !important; -} -/* 在顶部隐藏时 */ -.mdui-headroom-unpinned-top { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-transform: translate3d(0, -100%, 0) !important; - transform: translate3d(0, -100%, 0) !important; -} -/* 固定在底部时 */ -.mdui-headroom-pinned-down { - -webkit-transform: translate3d(0, 0, 0) !important; - transform: translate3d(0, 0, 0) !important; -} -/* 在底部隐藏时 */ -.mdui-headroom-unpinned-down { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-transform: translate3d(0, 100%, 0) !important; - transform: translate3d(0, 100%, 0) !important; -} -/* 固定应用栏中的工具栏 */ -.mdui-headroom-pinned-toolbar { - -webkit-transform: translate3d(0, 0, 0) !important; - transform: translate3d(0, 0, 0) !important; -} -/* 隐藏应用栏中的工具栏 */ -.mdui-headroom-unpinned-toolbar { - -webkit-transform: translate3d(0, -56px, 0) !important; - transform: translate3d(0, -56px, 0) !important; -} -@media (min-width: 600px) { - .mdui-headroom-unpinned-toolbar { - -webkit-transform: translate3d(0, -64px, 0) !important; - transform: translate3d(0, -64px, 0) !important; - } -} -@media (orientation: landscape) and (max-width: 959px) { - .mdui-headroom-unpinned-toolbar { - -webkit-transform: translate3d(0, -48px, 0) !important; - transform: translate3d(0, -48px, 0) !important; - } -} -/** - * ============================================================================= - * ************ Collapse 折叠插件 ************ - * ============================================================================= - */ -.mdui-collapse-item-header .mdui-collapse-item-arrow, -.mdui-collapse-item-header.mdui-collapse-item-arrow { - -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1); - transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1); - transition: transform .3s cubic-bezier(.4, 0, .2, 1); - transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1); - -webkit-transform: rotate(0); - transform: rotate(0); - - will-change: transform; -} -.mdui-collapse-item-body { - height: 0; - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; - overflow: hidden; - -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); - transition: all .3s cubic-bezier(.4, 0, .2, 1); - - will-change: height; -} -.mdui-collapse-item-body .mdui-list-item { - padding-left: 72px; -} -.mdui-collapse-item-open > .mdui-collapse-item-header .mdui-collapse-item-arrow, -.mdui-collapse-item-open > .mdui-collapse-item-header.mdui-collapse-item-arrow { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.mdui-collapse-item-open > .mdui-collapse-item-body { - height: auto; -} -/** - * ============================================================================= - * ************ Table 表格 ************ - * ============================================================================= - */ -.mdui-table { - position: relative; - width: 100%; - border-spacing: 0; - border-collapse: separate; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, .12); - border-bottom: none; - -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -} -.mdui-table tbody tr { - position: relative; - -webkit-transition: background-color .28s cubic-bezier(.4, 0, .2, 1); - transition: background-color .28s cubic-bezier(.4, 0, .2, 1); -} -.mdui-table th, -.mdui-table td { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 12px 28px; - text-align: left; - vertical-align: middle; - border-bottom: 1px solid rgba(0, 0, 0, .12); -} -.mdui-table th:last-child, -.mdui-table td:last-child { - padding-right: 24px; -} -.mdui-table th:first-child, -.mdui-table td:first-child { - padding-right: 0; - padding-left: 24px; -} -.mdui-table th:nth-child(2), -.mdui-table td:nth-child(2) { - padding-left: 24px; -} -.mdui-table th { - overflow: hidden; - font-size: 13px; - font-weight: 700; - line-height: 32px; - color: rgba(0, 0, 0, .54); - text-overflow: ellipsis; - white-space: nowrap; -} -.mdui-table td { - font-size: 14px; - line-height: 24px; - color: rgba(0, 0, 0, .87); -} -/* 每一行前面的复选框 */ -.mdui-table-cell-checkbox { - padding-top: 0 !important; - padding-bottom: 0!important; - padding-left: 24px !important; -} -.mdui-table-cell-checkbox .mdui-checkbox { - margin-top: 7px; -} -.mdui-table-cell-checkbox + td, -.mdui-table-cell-checkbox + th { - padding-left: 6px !important; -} -th.mdui-table-cell-checkbox .mdui-checkbox { - margin-top: 11px; -} -/* 鼠标悬浮时行背景加深 */ -.mdui-table-hoverable tbody tr:hover { - background-color: #eee; -} -/* 表格放到该元素内，使表格产生滚动条时只在该元素内滚动 */ -.mdui-table-fluid { - width: 100%; - overflow-x: auto; - -webkit-overflow-scrolling: touch; - border: 1px solid rgba(0, 0, 0, .12); - border-bottom: none; - -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -} -.mdui-table-fluid .mdui-table { - margin: 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -/* 数字列，右对齐 */ -.mdui-table-col-numeric { - text-align: right !important; -} -/* 行处于选中状态 */ -.mdui-table-row-selected { - background-color: #f5f5f5; -} -/** - * ============================================================================= - * ************ Table dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-table { - background-color: #303030; - border: 1px solid rgba(255, 255, 255, .12); - border-bottom: none; -} -.mdui-theme-layout-dark .mdui-table th, -.mdui-theme-layout-dark .mdui-table td { - border-bottom: 1px solid rgba(255, 255, 255, .12); -} -.mdui-theme-layout-dark .mdui-table th { - color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-table td { - color: #fff; -} -.mdui-theme-layout-dark .mdui-table-hoverable tbody tr:hover { - background-color: #616161; -} -.mdui-theme-layout-dark .mdui-table-fluid { - border: 1px solid rgba(255, 255, 255, .12); - border-bottom: none; -} -.mdui-theme-layout-dark .mdui-table-fluid .mdui-table { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.mdui-theme-layout-dark .mdui-table-row-selected { - background-color: #424242; -} -/** - * ============================================================================= - * ************ Divider 分割线 ************ - * ============================================================================= - */ -.mdui-divider, -.mdui-divider-light, -.mdui-divider-dark, -.mdui-divider-inset, -.mdui-divider-inset-light, -.mdui-divider-inset-dark { - height: 1px; - margin: -1px 0 0 0; - border: none; -} -.mdui-divider-inset, -.mdui-divider-inset-light, -.mdui-divider-inset-dark { - margin-left: 72px; -} -.mdui-divider, -.mdui-divider-inset { - background-color: rgba(0, 0, 0, .12); -} -.mdui-theme-layout-dark .mdui-divider, -.mdui-theme-layout-dark .mdui-divider-inset { - background-color: rgba(255, 255, 255, .12); -} -.mdui-divider-light, -.mdui-divider-inset-light { - background-color: rgba(255, 255, 255, .12); -} -.mdui-divider-dark, -.mdui-divider-inset-dark { - background-color: rgba(0, 0, 0, .12); -} -/** - * ============================================================================= - * ************ Media 媒体工具 ************ - * ============================================================================= - */ -/* 响应式图片和视频 */ -.mdui-img-fluid, -.mdui-video-fluid { - display: block; - max-width: 100%; - height: auto; -} -/* 圆角图片 */ -.mdui-img-rounded { - border-radius: 2px; -} -/* 圆形图片 */ -.mdui-img-circle { - border-radius: 50%; -} -.mdui-video-container { - position: relative; - height: 0; - padding-bottom: 56.25%; - overflow: hidden; -} -.mdui-video-container iframe, -.mdui-video-container object, -.mdui-video-container embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -/** - * ============================================================================= - * ************ 涟漪动画 ************ - * ============================================================================= - */ -.mdui-ripple { - position: relative; - overflow: hidden; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -/* Ripple */ -.mdui-ripple-wave { - position: absolute !important; - top: 0; - left: 0; - z-index: 1; - padding: 0; - margin: 0; - font-size: 0; - pointer-events: none; - background-color: rgba(0, 0, 0, .1); - border-radius: 50%; - -webkit-transition-duration: 1400ms; - transition-duration: 1400ms; - -webkit-transform: translate3d(0px, 0px, 0) scale(0); - transform: translate3d(0px, 0px, 0) scale(0); -} -/* 有背景色的默认使用白色涟漪 */ -.mdui-ripple[class*="mdui-color-"] .mdui-ripple-wave { - background-color: rgba(255, 255, 255, .3); -} -/* 白色涟漪 */ -.mdui-ripple-white .mdui-ripple-wave { - background-color: rgba(255, 255, 255, .3) !important; -} -/* 黑色涟漪 */ -.mdui-ripple-black .mdui-ripple-wave { - background-color: rgba(0, 0, 0, .1) !important; -} -.mdui-ripple-wave-fill { - opacity: .35; - -webkit-transition-duration: 300ms; - transition-duration: 300ms; -} -.mdui-ripple-wave-out { - opacity: 0; - -webkit-transition-duration: 600ms; - transition-duration: 600ms; -} -/** - * ============================================================================= - * ************ Ripple 颜色 ************ - * ============================================================================= - */ -.mdui-ripple-amber .mdui-ripple-wave { - background-color: rgba(255, 193, 7, .3) !important; -} -.mdui-ripple-blue .mdui-ripple-wave { - background-color: rgba(33, 150, 243, .3) !important; -} -.mdui-ripple-blue-grey .mdui-ripple-wave { - background-color: rgba(96, 125, 139, .3) !important; -} -.mdui-ripple-brown .mdui-ripple-wave { - background-color: rgba(121, 85, 72, .3) !important; -} -.mdui-ripple-cyan .mdui-ripple-wave { - background-color: rgba(0, 188, 212, .3) !important; -} -.mdui-ripple-deep-orange .mdui-ripple-wave { - background-color: rgba(255, 87, 34, .3) !important; -} -.mdui-ripple-deep-purple .mdui-ripple-wave { - background-color: rgba(103, 58, 183, .3) !important; -} -.mdui-ripple-green .mdui-ripple-wave { - background-color: rgba(76, 175, 80, .3) !important; -} -.mdui-ripple-grey .mdui-ripple-wave { - background-color: rgba(158, 158, 158, .3) !important; -} -.mdui-ripple-indigo .mdui-ripple-wave { - background-color: rgba(63, 81, 181, .3) !important; -} -.mdui-ripple-light-blue .mdui-ripple-wave { - background-color: rgba(3, 169, 244, .3) !important; -} -.mdui-ripple-light-green .mdui-ripple-wave { - background-color: rgba(139, 195, 74, .3) !important; -} -.mdui-ripple-lime .mdui-ripple-wave { - background-color: rgba(205, 220, 57, .3) !important; -} -.mdui-ripple-orange .mdui-ripple-wave { - background-color: rgba(255, 152, 0, .3) !important; -} -.mdui-ripple-pink .mdui-ripple-wave { - background-color: rgba(233, 30, 99, .3) !important; -} -.mdui-ripple-purple .mdui-ripple-wave { - background-color: rgba(156, 39, 176, .3) !important; -} -.mdui-ripple-red .mdui-ripple-wave { - background-color: rgba(244, 67, 54, .3) !important; -} -.mdui-ripple-teal .mdui-ripple-wave { - background-color: rgba(0, 150, 136, .3) !important; -} -.mdui-ripple-yellow .mdui-ripple-wave { - background-color: rgba(255, 235, 59, .3) !important; -} -/** - * ============================================================================= - * ************ Ripple dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-ripple-wave { - background-color: rgba(255, 255, 255, .3); -} -/** - * ============================================================================= - * ************ Text Field 文本框 ************ - * ============================================================================= - */ -/* 文本框外层 */ -.mdui-textfield { - position: relative; - padding-top: 16px; - padding-bottom: 8px; - overflow: hidden; -} -.mdui-textfield-has-bottom { - padding-bottom: 28px; -} -/* 输入框 */ -.mdui-textfield-input { - display: block; - width: 100%; - height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-appearance: none; - padding: 8px 0; - margin: 0; - overflow: hidden; - font-family: inherit; - font-size: 16px; - line-height: 20px; - color: rgba(0, 0, 0, .87); - resize: none; - background: none; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, .42); - border-radius: 0; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1); - transition-timing-function: cubic-bezier(.4, 0, .2, 1); - -webkit-transition-duration: .2s; - transition-duration: .2s; - -webkit-transition-property: border-bottom-color, padding-right, -webkit-box-shadow; - transition-property: border-bottom-color, padding-right, -webkit-box-shadow; - transition-property: border-bottom-color, padding-right, box-shadow; - transition-property: border-bottom-color, padding-right, box-shadow, -webkit-box-shadow; - - -moz-appearance: none; - appearance: none; -} -.mdui-textfield-input::-webkit-input-placeholder { - color: inherit; - opacity: .42; -} -.mdui-textfield-input:not([disabled]):hover { - cursor: pointer; - border-bottom: 1px solid rgba(0, 0, 0, .87); - -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .87); - box-shadow: 0 1px 0 0 rgba(0, 0, 0, .87); -} -.mdui-textfield-input[rows] { - height: auto !important; - overflow: auto; - -webkit-overflow-scrolling: touch; -} -/* 文本框 label */ -.mdui-textfield-label { - display: block; - width: 100%; - font-size: 16px; - color: rgba(0, 0, 0, .54); - pointer-events: none; - -webkit-transition: all .2s; - transition: all .2s; - -webkit-transform: scale(.75) translateY(0); - transform: scale(.75) translateY(0); - -webkit-transform-origin: left; - transform-origin: left; -} -/* 表单验证错误提示、帮助文本提示 */ -.mdui-textfield-error, -.mdui-textfield-helper { - position: absolute; - bottom: 8px; - height: 12px; - overflow: hidden; - font-size: 12px; - line-height: 12px; - text-overflow: ellipsis; - white-space: nowrap; -} -.mdui-textfield-error { - color: rgba(255, 23, 68, .87); - visibility: hidden; -} -.mdui-textfield-helper { - color: rgba(0, 0, 0, .54); -} -/* 表单中的图标 - ========== */ -.mdui-textfield .mdui-icon { - position: absolute; - bottom: 8px; - padding: 6px; - color: rgba(0, 0, 0, .54); -} -.mdui-textfield .mdui-icon ~ .mdui-textfield-label, -.mdui-textfield .mdui-icon ~ .mdui-textfield-input, -.mdui-textfield .mdui-icon ~ .mdui-textfield-error, -.mdui-textfield .mdui-icon ~ .mdui-textfield-helper, -.mdui-textfield .mdui-icon ~ .mdui-textfield-flex-wrap { - width: calc(100% - 56px); - margin-left: 56px; -} -.mdui-textfield-has-bottom .mdui-icon { - bottom: 28px; -} -/* 聚焦状态的文本框 - ============= */ -.mdui-textfield-focus .mdui-textfield-input, -.mdui-textfield-focus .mdui-textfield-input:hover { - border-bottom-color: #c51162; - -webkit-box-shadow: 0 1px 0 0 #c51162; - box-shadow: 0 1px 0 0 #c51162; -} -.mdui-textfield-focus .mdui-textfield-label, -.mdui-textfield-focus .mdui-icon { - color: rgba(197, 17, 98, .87); -} -/* 含有浮动标签的文本框 - ================ */ -.mdui-textfield-floating-label .mdui-textfield-label { - color: rgba(0, 0, 0, .35); - -webkit-transform: scale(1) translateY(27px); - transform: scale(1) translateY(27px); -} -.mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-textfield-floating-label.mdui-textfield-not-empty .mdui-textfield-label { - color: rgba(0, 0, 0, .65); - -webkit-transform: scale(.75) translateY(0); - transform: scale(.75) translateY(0); -} -.mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label { - color: #e91e63; -} -/* 可展开文本框，默认向右展开 - ========== */ -.mdui-textfield-expandable { - width: 36px; - min-height: 36px; - padding: 1px 0; - -webkit-transition: width .3s cubic-bezier(.4, 0, .2, 1); - transition: width .3s cubic-bezier(.4, 0, .2, 1); -} -.mdui-textfield-expandable .mdui-icon { - bottom: 0; - padding: 0; -} -.mdui-textfield-expandable .mdui-textfield-input { - width: calc(100% - 36px); - padding-right: 0; - margin-left: 36px; -} -.mdui-textfield-expandable .mdui-textfield-icon { - position: absolute; - top: 0; - left: 0; -} -.mdui-textfield-expandable .mdui-textfield-close { - position: absolute; - top: 0; - right: 0; - -webkit-transform: scale(0); - transform: scale(0); -} -.mdui-textfield-expandable.mdui-textfield-expanded { - width: 100%; -} -.mdui-textfield-expandable.mdui-textfield-expanded .mdui-textfield-input { - padding-right: 36px; -} -.mdui-textfield-expandable.mdui-textfield-expanded .mdui-textfield-close { - -webkit-transform: scale(1); - transform: scale(1); -} -/* 表单验证不通过 - =========== */ -.mdui-textfield-invalid .mdui-textfield-input, -.mdui-textfield-invalid-html5 .mdui-textfield-input, -.mdui-textfield-invalid.mdui-textfield-focus .mdui-textfield-input, -.mdui-textfield-invalid-html5.mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #ff1744 !important; - -webkit-box-shadow: 0 1px 0 0 #ff1744 !important; - box-shadow: 0 1px 0 0 #ff1744 !important; -} -.mdui-textfield-invalid .mdui-textfield-label, -.mdui-textfield-invalid-html5 .mdui-textfield-label { - color: #ff1744 !important; -} -.mdui-textfield-invalid.mdui-textfield-floating-label .mdui-textfield-label, -.mdui-textfield-invalid-html5.mdui-textfield-floating-label .mdui-textfield-label { - color: rgba(255, 23, 68, .35) !important; -} -.mdui-textfield-invalid.mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-textfield-invalid-html5.mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-textfield-invalid.mdui-textfield-floating-label.mdui-textfield-not-empty .mdui-textfield-label, -.mdui-textfield-invalid-html5.mdui-textfield-floating-label.mdui-textfield-not-empty .mdui-textfield-label { - color: #ff1744 !important; -} -.mdui-textfield-invalid .mdui-textfield-error, -.mdui-textfield-invalid-html5 .mdui-textfield-error { - visibility: visible; -} -.mdui-textfield-invalid .mdui-textfield-error + .mdui-textfield-helper, -.mdui-textfield-invalid-html5 .mdui-textfield-error + .mdui-textfield-helper { - visibility: hidden; -} -/* 禁用表单 - ====== */ -.mdui-textfield-disabled .mdui-textfield-label, -.mdui-textfield-disabled .mdui-textfield-input::-webkit-input-placeholder { - color: rgba(0, 0, 0, .38); -} -.mdui-textfield-disabled .mdui-textfield-input { - color: rgba(0, 0, 0, .42); - cursor: default; -} -.mdui-textfield-disabled .mdui-textfield-input { - border-bottom: 1px dashed rgba(0, 0, 0, .42); -} -/* 字数统计 - ====== */ -.mdui-textfield-counter { - position: absolute; - right: 8px; - bottom: 8px; - height: 12px; - font-size: 12px; - line-height: 12px; - color: rgba(0, 0, 0, .54); -} -/** - * ============================================================================= - * ************ Textfield dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-textfield-input { - color: #fff; - border-bottom-color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-textfield-input::-webkit-input-placeholder { - color: rgba(255, 255, 255, .5); -} -.mdui-theme-layout-dark .mdui-textfield-input:not([disabled]):hover { - border-bottom-color: #fff; - -webkit-box-shadow: 0 1px 0 0 #fff; - box-shadow: 0 1px 0 0 #fff; -} -.mdui-theme-layout-dark .mdui-textfield .mdui-icon { - color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-textfield-label { - color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-textfield-floating-label .mdui-textfield-label { - color: rgba(255, 255, 255, .35); -} -.mdui-theme-layout-dark .mdui-textfield-error { - color: #ff1744; -} -.mdui-theme-layout-dark .mdui-textfield-helper { - color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-textfield-counter { - color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input, -.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input:hover { - border-bottom-color: #ff4081; - -webkit-box-shadow: 0 1px 0 0 #ff4081; - box-shadow: 0 1px 0 0 #ff4081; -} -.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label { - color: #ff4081; -} -.mdui-theme-layout-dark .mdui-textfield-disabled .mdui-textfield-label, -.mdui-theme-layout-dark .mdui-textfield-disabled .mdui-textfield-input::-webkit-input-placeholder { - color: rgba(255, 255, 255, .5); -} -.mdui-theme-layout-dark .mdui-textfield-disabled .mdui-textfield-input { - color: rgba(255, 255, 255, .5); -} -.mdui-theme-layout-dark .mdui-textfield-disabled .mdui-textfield-input { - border-bottom-color: rgba(255, 255, 255, .7); -} -/** - * ============================================================================= - * ************ Textfield 强调色 ************ - * ============================================================================= - */ -.mdui-theme-accent-amber .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #ffab00; - -webkit-box-shadow: 0 1px 0 0 #ffab00; - box-shadow: 0 1px 0 0 #ffab00; -} -.mdui-theme-accent-amber .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-amber .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-amber .mdui-textfield-focus .mdui-icon { - color: rgba(255, 171, 0, .87); -} -.mdui-theme-accent-amber.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #ffd740; - -webkit-box-shadow: 0 1px 0 0 #ffd740; - box-shadow: 0 1px 0 0 #ffd740; -} -.mdui-theme-accent-amber.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-amber.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-amber.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #ffd740; -} -.mdui-theme-accent-blue .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #2962ff; - -webkit-box-shadow: 0 1px 0 0 #2962ff; - box-shadow: 0 1px 0 0 #2962ff; -} -.mdui-theme-accent-blue .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-blue .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-blue .mdui-textfield-focus .mdui-icon { - color: rgba(41, 98, 255, .87); -} -.mdui-theme-accent-blue.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #448aff; - -webkit-box-shadow: 0 1px 0 0 #448aff; - box-shadow: 0 1px 0 0 #448aff; -} -.mdui-theme-accent-blue.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-blue.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-blue.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #448aff; -} -.mdui-theme-accent-cyan .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #00b8d4; - -webkit-box-shadow: 0 1px 0 0 #00b8d4; - box-shadow: 0 1px 0 0 #00b8d4; -} -.mdui-theme-accent-cyan .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-cyan .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-cyan .mdui-textfield-focus .mdui-icon { - color: rgba(0, 184, 212, .87); -} -.mdui-theme-accent-cyan.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #18ffff; - -webkit-box-shadow: 0 1px 0 0 #18ffff; - box-shadow: 0 1px 0 0 #18ffff; -} -.mdui-theme-accent-cyan.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-cyan.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-cyan.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #18ffff; -} -.mdui-theme-accent-deep-orange .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #dd2c00; - -webkit-box-shadow: 0 1px 0 0 #dd2c00; - box-shadow: 0 1px 0 0 #dd2c00; -} -.mdui-theme-accent-deep-orange .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-deep-orange .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-deep-orange .mdui-textfield-focus .mdui-icon { - color: rgba(221, 44, 0, .87); -} -.mdui-theme-accent-deep-orange.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #ff6e40; - -webkit-box-shadow: 0 1px 0 0 #ff6e40; - box-shadow: 0 1px 0 0 #ff6e40; -} -.mdui-theme-accent-deep-orange.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-deep-orange.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-deep-orange.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #ff6e40; -} -.mdui-theme-accent-deep-purple .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #6200ea; - -webkit-box-shadow: 0 1px 0 0 #6200ea; - box-shadow: 0 1px 0 0 #6200ea; -} -.mdui-theme-accent-deep-purple .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-deep-purple .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-deep-purple .mdui-textfield-focus .mdui-icon { - color: rgba(98, 0, 234, .87); -} -.mdui-theme-accent-deep-purple.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #7c4dff; - -webkit-box-shadow: 0 1px 0 0 #7c4dff; - box-shadow: 0 1px 0 0 #7c4dff; -} -.mdui-theme-accent-deep-purple.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-deep-purple.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-deep-purple.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #7c4dff; -} -.mdui-theme-accent-green .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #00c853; - -webkit-box-shadow: 0 1px 0 0 #00c853; - box-shadow: 0 1px 0 0 #00c853; -} -.mdui-theme-accent-green .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-green .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-green .mdui-textfield-focus .mdui-icon { - color: rgba(0, 200, 83, .87); -} -.mdui-theme-accent-green.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #69f0ae; - -webkit-box-shadow: 0 1px 0 0 #69f0ae; - box-shadow: 0 1px 0 0 #69f0ae; -} -.mdui-theme-accent-green.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-green.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-green.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #69f0ae; -} -.mdui-theme-accent-indigo .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #304ffe; - -webkit-box-shadow: 0 1px 0 0 #304ffe; - box-shadow: 0 1px 0 0 #304ffe; -} -.mdui-theme-accent-indigo .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-indigo .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-indigo .mdui-textfield-focus .mdui-icon { - color: rgba(48, 79, 254, .87); -} -.mdui-theme-accent-indigo.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #536dfe; - -webkit-box-shadow: 0 1px 0 0 #536dfe; - box-shadow: 0 1px 0 0 #536dfe; -} -.mdui-theme-accent-indigo.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-indigo.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-indigo.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #536dfe; -} -.mdui-theme-accent-light-blue .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #0091ea; - -webkit-box-shadow: 0 1px 0 0 #0091ea; - box-shadow: 0 1px 0 0 #0091ea; -} -.mdui-theme-accent-light-blue .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-light-blue .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-light-blue .mdui-textfield-focus .mdui-icon { - color: rgba(0, 145, 234, .87); -} -.mdui-theme-accent-light-blue.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #40c4ff; - -webkit-box-shadow: 0 1px 0 0 #40c4ff; - box-shadow: 0 1px 0 0 #40c4ff; -} -.mdui-theme-accent-light-blue.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-light-blue.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-light-blue.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #40c4ff; -} -.mdui-theme-accent-light-green .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #64dd17; - -webkit-box-shadow: 0 1px 0 0 #64dd17; - box-shadow: 0 1px 0 0 #64dd17; -} -.mdui-theme-accent-light-green .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-light-green .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-light-green .mdui-textfield-focus .mdui-icon { - color: rgba(100, 221, 23, .87); -} -.mdui-theme-accent-light-green.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #b2ff59; - -webkit-box-shadow: 0 1px 0 0 #b2ff59; - box-shadow: 0 1px 0 0 #b2ff59; -} -.mdui-theme-accent-light-green.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-light-green.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-light-green.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #b2ff59; -} -.mdui-theme-accent-lime .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #aeea00; - -webkit-box-shadow: 0 1px 0 0 #aeea00; - box-shadow: 0 1px 0 0 #aeea00; -} -.mdui-theme-accent-lime .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-lime .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-lime .mdui-textfield-focus .mdui-icon { - color: rgba(174, 234, 0, .87); -} -.mdui-theme-accent-lime.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #eeff41; - -webkit-box-shadow: 0 1px 0 0 #eeff41; - box-shadow: 0 1px 0 0 #eeff41; -} -.mdui-theme-accent-lime.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-lime.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-lime.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #eeff41; -} -.mdui-theme-accent-orange .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #ff6d00; - -webkit-box-shadow: 0 1px 0 0 #ff6d00; - box-shadow: 0 1px 0 0 #ff6d00; -} -.mdui-theme-accent-orange .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-orange .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-orange .mdui-textfield-focus .mdui-icon { - color: rgba(255, 109, 0, .87); -} -.mdui-theme-accent-orange.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #ffab40; - -webkit-box-shadow: 0 1px 0 0 #ffab40; - box-shadow: 0 1px 0 0 #ffab40; -} -.mdui-theme-accent-orange.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-orange.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-orange.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #ffab40; -} -.mdui-theme-accent-pink .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #c51162; - -webkit-box-shadow: 0 1px 0 0 #c51162; - box-shadow: 0 1px 0 0 #c51162; -} -.mdui-theme-accent-pink .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-pink .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-pink .mdui-textfield-focus .mdui-icon { - color: rgba(197, 17, 98, .87); -} -.mdui-theme-accent-pink.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #ff4081; - -webkit-box-shadow: 0 1px 0 0 #ff4081; - box-shadow: 0 1px 0 0 #ff4081; -} -.mdui-theme-accent-pink.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-pink.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-pink.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #ff4081; -} -.mdui-theme-accent-purple .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #a0f; - -webkit-box-shadow: 0 1px 0 0 #a0f; - box-shadow: 0 1px 0 0 #a0f; -} -.mdui-theme-accent-purple .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-purple .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-purple .mdui-textfield-focus .mdui-icon { - color: rgba(170, 0, 255, .87); -} -.mdui-theme-accent-purple.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #e040fb; - -webkit-box-shadow: 0 1px 0 0 #e040fb; - box-shadow: 0 1px 0 0 #e040fb; -} -.mdui-theme-accent-purple.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-purple.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-purple.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #e040fb; -} -.mdui-theme-accent-red .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #d50000; - -webkit-box-shadow: 0 1px 0 0 #d50000; - box-shadow: 0 1px 0 0 #d50000; -} -.mdui-theme-accent-red .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-red .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-red .mdui-textfield-focus .mdui-icon { - color: rgba(213, 0, 0, .87); -} -.mdui-theme-accent-red.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #ff5252; - -webkit-box-shadow: 0 1px 0 0 #ff5252; - box-shadow: 0 1px 0 0 #ff5252; -} -.mdui-theme-accent-red.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-red.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-red.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #ff5252; -} -.mdui-theme-accent-teal .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #00bfa5; - -webkit-box-shadow: 0 1px 0 0 #00bfa5; - box-shadow: 0 1px 0 0 #00bfa5; -} -.mdui-theme-accent-teal .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-teal .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-teal .mdui-textfield-focus .mdui-icon { - color: rgba(0, 191, 165, .87); -} -.mdui-theme-accent-teal.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #64ffda; - -webkit-box-shadow: 0 1px 0 0 #64ffda; - box-shadow: 0 1px 0 0 #64ffda; -} -.mdui-theme-accent-teal.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-teal.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-teal.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #64ffda; -} -.mdui-theme-accent-yellow .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #ffd600; - -webkit-box-shadow: 0 1px 0 0 #ffd600; - box-shadow: 0 1px 0 0 #ffd600; -} -.mdui-theme-accent-yellow .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-yellow .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-yellow .mdui-textfield-focus .mdui-icon { - color: rgba(255, 214, 0, .87); -} -.mdui-theme-accent-yellow.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-input { - border-bottom-color: #ff0; - -webkit-box-shadow: 0 1px 0 0 #ff0; - box-shadow: 0 1px 0 0 #ff0; -} -.mdui-theme-accent-yellow.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-yellow.mdui-theme-layout-dark .mdui-textfield-focus .mdui-textfield-floating-label.mdui-textfield-focus .mdui-textfield-label, -.mdui-theme-accent-yellow.mdui-theme-layout-dark .mdui-textfield-focus .mdui-icon { - color: #ff0; -} -/** - * ============================================================================= - * ************ Checkbox 复选框 ************ - * ============================================================================= - */ -.mdui-checkbox { - position: relative; - display: inline-block; - height: 36px; - padding-left: 36px; - line-height: 36px; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.mdui-checkbox input { - position: absolute; - width: 0; - height: 0; - overflow: hidden; - opacity: 0; -} -/* 透明的圆形，用于生成圆形阴影 */ -.mdui-checkbox-icon { - position: absolute; - top: 9px; - left: 0; - display: inline-block; - width: 18px; - height: 18px; - vertical-align: middle; - background-color: transparent; - border: none; - border-radius: 18px; - -webkit-transition: -webkit-box-shadow .14s cubic-bezier(.4, 0, .2, 1); - transition: -webkit-box-shadow .14s cubic-bezier(.4, 0, .2, 1); - transition: box-shadow .14s cubic-bezier(.4, 0, .2, 1); - transition: box-shadow .14s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .14s cubic-bezier(.4, 0, .2, 1); -} -.mdui-checkbox-icon:after { - position: absolute; - top: 0; - left: 0; - z-index: 0; - width: 18px; - height: 18px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - content: ' '; - border: 2px solid rgba(0, 0, 0, .54); - border-radius: 2px; - -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); - transition: all .3s cubic-bezier(.4, 0, .2, 1); -} -.mdui-checkbox-icon:before { - position: absolute; - top: 2px; - left: 0; - z-index: 1; - width: 8px; - height: 13px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - content: ' '; - border-right: 2px solid #fff; - border-bottom: 2px solid #fff; - opacity: 0; - -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); - transition: all .3s cubic-bezier(.4, 0, .2, 1); - -webkit-transform: rotateZ(37deg) scale(0); - transform: rotateZ(37deg) scale(0); - -webkit-transform-origin: 100% 100%; - transform-origin: 100% 100%; -} -/* 选中状态的图标 */ -.mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #ff4081; - border-color: #ff4081; -} -.mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:before { - opacity: 1; - -webkit-transform: rotateZ(37deg) scale(1); - transform: rotateZ(37deg) scale(1); -} -/* 禁用状态的图标 */ -.mdui-checkbox input[type="checkbox"]:disabled + .mdui-checkbox-icon:after { - border-color: rgba(0, 0, 0, .26); -} -/* 禁用且选中状态 */ -.mdui-checkbox input[type="checkbox"]:disabled:checked + .mdui-checkbox-icon:after { - background-color: rgba(0, 0, 0, .26) !important; - border-color: transparent !important; -} -/* 阴影 */ -.mdui-checkbox:active input[type="checkbox"] + .mdui-checkbox-icon, -.mdui-checkbox input[type="checkbox"]:focus + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, .1); - box-shadow: 0 0 0 15px rgba(0, 0, 0, .1); -} -.mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 64, 129, .16); - box-shadow: 0 0 0 15px rgba(255, 64, 129, .16); -} -/** - * ============================================================================= - * ************ Checkbox 强调色 ************ - * ============================================================================= - */ -.mdui-theme-accent-amber .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #ffd740; - border-color: #ffd740; -} -.mdui-theme-accent-amber .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-amber .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 215, 64, .16); - box-shadow: 0 0 0 15px rgba(255, 215, 64, .16); -} -.mdui-theme-accent-blue .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #448aff; - border-color: #448aff; -} -.mdui-theme-accent-blue .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-blue .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(68, 138, 255, .16); - box-shadow: 0 0 0 15px rgba(68, 138, 255, .16); -} -.mdui-theme-accent-cyan .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #18ffff; - border-color: #18ffff; -} -.mdui-theme-accent-cyan .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-cyan .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(24, 255, 255, .16); - box-shadow: 0 0 0 15px rgba(24, 255, 255, .16); -} -.mdui-theme-accent-deep-orange .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #ff6e40; - border-color: #ff6e40; -} -.mdui-theme-accent-deep-orange .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-deep-orange .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 110, 64, .16); - box-shadow: 0 0 0 15px rgba(255, 110, 64, .16); -} -.mdui-theme-accent-deep-purple .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #7c4dff; - border-color: #7c4dff; -} -.mdui-theme-accent-deep-purple .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-deep-purple .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(124, 77, 255, .16); - box-shadow: 0 0 0 15px rgba(124, 77, 255, .16); -} -.mdui-theme-accent-green .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #69f0ae; - border-color: #69f0ae; -} -.mdui-theme-accent-green .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-green .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(105, 240, 174, .16); - box-shadow: 0 0 0 15px rgba(105, 240, 174, .16); -} -.mdui-theme-accent-indigo .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #536dfe; - border-color: #536dfe; -} -.mdui-theme-accent-indigo .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-indigo .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(83, 109, 254, .16); - box-shadow: 0 0 0 15px rgba(83, 109, 254, .16); -} -.mdui-theme-accent-light-blue .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #40c4ff; - border-color: #40c4ff; -} -.mdui-theme-accent-light-blue .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-light-blue .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(64, 196, 255, .16); - box-shadow: 0 0 0 15px rgba(64, 196, 255, .16); -} -.mdui-theme-accent-light-green .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #b2ff59; - border-color: #b2ff59; -} -.mdui-theme-accent-light-green .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-light-green .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(178, 255, 89, .16); - box-shadow: 0 0 0 15px rgba(178, 255, 89, .16); -} -.mdui-theme-accent-lime .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #eeff41; - border-color: #eeff41; -} -.mdui-theme-accent-lime .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-lime .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(238, 255, 65, .16); - box-shadow: 0 0 0 15px rgba(238, 255, 65, .16); -} -.mdui-theme-accent-orange .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #ffab40; - border-color: #ffab40; -} -.mdui-theme-accent-orange .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-orange .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 171, 64, .16); - box-shadow: 0 0 0 15px rgba(255, 171, 64, .16); -} -.mdui-theme-accent-pink .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #ff4081; - border-color: #ff4081; -} -.mdui-theme-accent-pink .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-pink .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 64, 129, .16); - box-shadow: 0 0 0 15px rgba(255, 64, 129, .16); -} -.mdui-theme-accent-purple .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #e040fb; - border-color: #e040fb; -} -.mdui-theme-accent-purple .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-purple .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(224, 64, 251, .16); - box-shadow: 0 0 0 15px rgba(224, 64, 251, .16); -} -.mdui-theme-accent-red .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #ff5252; - border-color: #ff5252; -} -.mdui-theme-accent-red .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-red .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 82, 82, .16); - box-shadow: 0 0 0 15px rgba(255, 82, 82, .16); -} -.mdui-theme-accent-teal .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #64ffda; - border-color: #64ffda; -} -.mdui-theme-accent-teal .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-teal .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(100, 255, 218, .16); - box-shadow: 0 0 0 15px rgba(100, 255, 218, .16); -} -.mdui-theme-accent-yellow .mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon:after { - background-color: #ff0; - border-color: #ff0; -} -.mdui-theme-accent-yellow .mdui-checkbox:active input[type="checkbox"]:checked:not(:disabled) + .mdui-checkbox-icon, -.mdui-theme-accent-yellow .mdui-checkbox input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 0, .16); - box-shadow: 0 0 0 15px rgba(255, 255, 0, .16); -} -/** - * ============================================================================= - * ************ Checkbox dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-checkbox-icon:after { - border-color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-checkbox-icon:before { - border-right-color: #303030; - border-bottom-color: #303030; -} -.mdui-theme-layout-dark .mdui-checkbox input[type="checkbox"]:disabled + .mdui-checkbox-icon:after { - border-color: rgba(255, 255, 255, .3); -} -.mdui-theme-layout-dark .mdui-checkbox input[type="checkbox"]:disabled:checked + .mdui-checkbox-icon:after { - background-color: rgba(255, 255, 255, .3) !important; - border-color: transparent !important; -} -.mdui-theme-layout-dark .mdui-checkbox:active input[type="checkbox"] + .mdui-checkbox-icon, -.mdui-theme-layout-dark .mdui-checkbox input[type="checkbox"]:focus + .mdui-checkbox-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, .1); - box-shadow: 0 0 0 15px rgba(255, 255, 255, .1); -} -/** - * ============================================================================= - * ************ Radio 单选框 ************ - * ============================================================================= - */ -.mdui-radio { - position: relative; - display: inline-block; - height: 36px; - padding-left: 36px; - line-height: 36px; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.mdui-radio input { - position: absolute; - width: 0; - height: 0; - overflow: hidden; - opacity: 0; -} -/* 图标外圈 */ -.mdui-radio-icon { - position: absolute; - top: 9px; - left: 0; - display: inline-block; - width: 18px; - height: 18px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - vertical-align: middle; - border: 2px solid rgba(0, 0, 0, .54); - border-radius: 18px; - -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .14s cubic-bezier(.4, 0, .2, 1); - transition: all .3s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .14s cubic-bezier(.4, 0, .2, 1); - transition: all .3s cubic-bezier(.4, 0, .2, 1), box-shadow .14s cubic-bezier(.4, 0, .2, 1); - transition: all .3s cubic-bezier(.4, 0, .2, 1), box-shadow .14s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .14s cubic-bezier(.4, 0, .2, 1); -} -.mdui-radio-icon:before { - position: absolute; - top: 0; - left: 0; - width: 14px; - height: 14px; - content: ' '; - background-color: #ff4081; - border-radius: 14px; - opacity: 0; - -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); - transition: all .3s cubic-bezier(.4, 0, .2, 1); - -webkit-transform: scale(0); - transform: scale(0); -} -/* 选中状态的图标 */ -.mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #ff4081; -} -.mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - opacity: 1; - -webkit-transform: scale(.68); - transform: scale(.68); -} -/* 禁用状态的图标 */ -.mdui-radio input[type="radio"]:disabled + .mdui-radio-icon { - border-color: rgba(0, 0, 0, .26) !important; -} -/* 禁用且选中状态的图标 */ -.mdui-radio input[type="radio"]:disabled:checked + .mdui-radio-icon:before { - background-color: rgba(0, 0, 0, .26) !important; -} -/* 未选中、禁用时 按下的阴影 */ -.mdui-radio:active input[type="radio"] + .mdui-radio-icon, -.mdui-radio input[type="radio"]:focus + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, .1); - box-shadow: 0 0 0 15px rgba(0, 0, 0, .1); -} -/* 已选中时按下的阴影 */ -.mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 64, 129, .16); - box-shadow: 0 0 0 15px rgba(255, 64, 129, .16); -} -/** - * ============================================================================= - * ************ Radio 强调色 ************ - * ============================================================================= - */ -.mdui-theme-accent-amber .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #ffd740; -} -.mdui-theme-accent-amber .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #ffd740; -} -.mdui-theme-accent-amber .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-amber .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 215, 64, .16); - box-shadow: 0 0 0 15px rgba(255, 215, 64, .16); -} -.mdui-theme-accent-blue .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #448aff; -} -.mdui-theme-accent-blue .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #448aff; -} -.mdui-theme-accent-blue .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-blue .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(68, 138, 255, .16); - box-shadow: 0 0 0 15px rgba(68, 138, 255, .16); -} -.mdui-theme-accent-cyan .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #18ffff; -} -.mdui-theme-accent-cyan .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #18ffff; -} -.mdui-theme-accent-cyan .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-cyan .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(24, 255, 255, .16); - box-shadow: 0 0 0 15px rgba(24, 255, 255, .16); -} -.mdui-theme-accent-deep-orange .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #ff6e40; -} -.mdui-theme-accent-deep-orange .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #ff6e40; -} -.mdui-theme-accent-deep-orange .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-deep-orange .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 110, 64, .16); - box-shadow: 0 0 0 15px rgba(255, 110, 64, .16); -} -.mdui-theme-accent-deep-purple .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #7c4dff; -} -.mdui-theme-accent-deep-purple .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #7c4dff; -} -.mdui-theme-accent-deep-purple .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-deep-purple .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(124, 77, 255, .16); - box-shadow: 0 0 0 15px rgba(124, 77, 255, .16); -} -.mdui-theme-accent-green .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #69f0ae; -} -.mdui-theme-accent-green .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #69f0ae; -} -.mdui-theme-accent-green .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-green .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(105, 240, 174, .16); - box-shadow: 0 0 0 15px rgba(105, 240, 174, .16); -} -.mdui-theme-accent-indigo .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #536dfe; -} -.mdui-theme-accent-indigo .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #536dfe; -} -.mdui-theme-accent-indigo .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-indigo .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(83, 109, 254, .16); - box-shadow: 0 0 0 15px rgba(83, 109, 254, .16); -} -.mdui-theme-accent-light-blue .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #40c4ff; -} -.mdui-theme-accent-light-blue .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #40c4ff; -} -.mdui-theme-accent-light-blue .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-light-blue .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(64, 196, 255, .16); - box-shadow: 0 0 0 15px rgba(64, 196, 255, .16); -} -.mdui-theme-accent-light-green .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #b2ff59; -} -.mdui-theme-accent-light-green .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #b2ff59; -} -.mdui-theme-accent-light-green .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-light-green .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(178, 255, 89, .16); - box-shadow: 0 0 0 15px rgba(178, 255, 89, .16); -} -.mdui-theme-accent-lime .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #eeff41; -} -.mdui-theme-accent-lime .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #eeff41; -} -.mdui-theme-accent-lime .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-lime .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(238, 255, 65, .16); - box-shadow: 0 0 0 15px rgba(238, 255, 65, .16); -} -.mdui-theme-accent-orange .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #ffab40; -} -.mdui-theme-accent-orange .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #ffab40; -} -.mdui-theme-accent-orange .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-orange .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 171, 64, .16); - box-shadow: 0 0 0 15px rgba(255, 171, 64, .16); -} -.mdui-theme-accent-pink .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #ff4081; -} -.mdui-theme-accent-pink .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #ff4081; -} -.mdui-theme-accent-pink .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-pink .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 64, 129, .16); - box-shadow: 0 0 0 15px rgba(255, 64, 129, .16); -} -.mdui-theme-accent-purple .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #e040fb; -} -.mdui-theme-accent-purple .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #e040fb; -} -.mdui-theme-accent-purple .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-purple .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(224, 64, 251, .16); - box-shadow: 0 0 0 15px rgba(224, 64, 251, .16); -} -.mdui-theme-accent-red .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #ff5252; -} -.mdui-theme-accent-red .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #ff5252; -} -.mdui-theme-accent-red .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-red .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 82, 82, .16); - box-shadow: 0 0 0 15px rgba(255, 82, 82, .16); -} -.mdui-theme-accent-teal .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #64ffda; -} -.mdui-theme-accent-teal .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #64ffda; -} -.mdui-theme-accent-teal .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-teal .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(100, 255, 218, .16); - box-shadow: 0 0 0 15px rgba(100, 255, 218, .16); -} -.mdui-theme-accent-yellow .mdui-radio input[type="radio"]:checked + .mdui-radio-icon { - border-color: #ff0; -} -.mdui-theme-accent-yellow .mdui-radio input[type="radio"]:checked + .mdui-radio-icon:before { - background-color: #ff0; -} -.mdui-theme-accent-yellow .mdui-radio:active input[type="radio"]:checked:not(:disabled) + .mdui-radio-icon, -.mdui-theme-accent-yellow .mdui-radio input[type="radio"]:focus:checked:not(:disabled) + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 0, .16); - box-shadow: 0 0 0 15px rgba(255, 255, 0, .16); -} -/** - * ============================================================================= - * ************ Radio dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-radio-icon { - border-color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-radio input[type="radio"]:disabled + .mdui-radio-icon { - border-color: rgba(255, 255, 255, .3) !important; -} -.mdui-theme-layout-dark .mdui-radio input[type="radio"]:disabled:checked + .mdui-radio-icon:before { - background-color: rgba(255, 255, 255, .3) !important; -} -.mdui-theme-layout-dark .mdui-radio:active input[type="radio"] + .mdui-radio-icon, -.mdui-theme-layout-dark .mdui-radio input[type="radio"]:focus + .mdui-radio-icon { - -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, .1); - box-shadow: 0 0 0 15px rgba(255, 255, 255, .1); -} -/** - * ============================================================================= - * ************ Switch 单选框 ************ - * ============================================================================= - */ -.mdui-switch { - display: inline-block; - height: 36px; - line-height: 36px; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.mdui-switch input { - position: absolute; - width: 0; - height: 0; - overflow: hidden; - opacity: 0; -} -/* 图标轨道 */ -.mdui-switch-icon { - position: relative; - display: inline-block; - width: 36px; - height: 14px; - vertical-align: middle; - background-color: rgba(0, 0, 0, .38); - border-radius: 14px; - -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1); - transition: background-color .3s cubic-bezier(.4, 0, .2, 1); -} -.mdui-switch-icon:before { - position: absolute; - top: -3px; - left: -3px; - display: inline-block; - width: 20px; - height: 20px; - content: ' '; - background-color: #fafafa; - border-radius: 20px; - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12); - -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .14s cubic-bezier(.4, 0, .2, 1); - transition: background-color .3s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .14s cubic-bezier(.4, 0, .2, 1); - transition: box-shadow .14s cubic-bezier(.4, 0, .2, 1), background-color .3s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1); - transition: box-shadow .14s cubic-bezier(.4, 0, .2, 1), background-color .3s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .14s cubic-bezier(.4, 0, .2, 1); -} -/* 选中状态的图标 */ -.mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 64, 129, .5); -} -.mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - left: 20px; - background-color: #ff4081; -} -/* 未选中时或禁用时 按下的阴影 */ -.mdui-switch:active input[type="checkbox"] + .mdui-switch-icon:before, -.mdui-switch input[type="checkbox"]:focus + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(0, 0, 0, .1); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(0, 0, 0, .1); -} -/* 已选中时按下的阴影 */ -.mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 64, 129, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 64, 129, .16); -} -/* 禁用状态 */ -.mdui-switch input[type="checkbox"]:disabled + .mdui-switch-icon { - background-color: rgba(0, 0, 0, .12) !important; -} -.mdui-switch input[type="checkbox"]:disabled + .mdui-switch-icon:before { - background-color: #bdbdbd !important; -} -/** - * ============================================================================= - * ************ Switch 强调色 ************ - * ============================================================================= - */ -.mdui-theme-accent-amber .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 215, 64, .5); -} -.mdui-theme-accent-amber .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ffd740; -} -.mdui-theme-accent-amber .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-amber .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 215, 64, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 215, 64, .16); -} -.mdui-theme-accent-blue .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(68, 138, 255, .5); -} -.mdui-theme-accent-blue .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #448aff; -} -.mdui-theme-accent-blue .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-blue .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(68, 138, 255, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(68, 138, 255, .16); -} -.mdui-theme-accent-cyan .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(24, 255, 255, .5); -} -.mdui-theme-accent-cyan .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #18ffff; -} -.mdui-theme-accent-cyan .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-cyan .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(24, 255, 255, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(24, 255, 255, .16); -} -.mdui-theme-accent-deep-orange .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 110, 64, .5); -} -.mdui-theme-accent-deep-orange .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ff6e40; -} -.mdui-theme-accent-deep-orange .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-deep-orange .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 110, 64, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 110, 64, .16); -} -.mdui-theme-accent-deep-purple .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(124, 77, 255, .5); -} -.mdui-theme-accent-deep-purple .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #7c4dff; -} -.mdui-theme-accent-deep-purple .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-deep-purple .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(124, 77, 255, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(124, 77, 255, .16); -} -.mdui-theme-accent-green .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(105, 240, 174, .5); -} -.mdui-theme-accent-green .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #69f0ae; -} -.mdui-theme-accent-green .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-green .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(105, 240, 174, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(105, 240, 174, .16); -} -.mdui-theme-accent-indigo .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(83, 109, 254, .5); -} -.mdui-theme-accent-indigo .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #536dfe; -} -.mdui-theme-accent-indigo .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-indigo .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(83, 109, 254, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(83, 109, 254, .16); -} -.mdui-theme-accent-light-blue .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(64, 196, 255, .5); -} -.mdui-theme-accent-light-blue .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #40c4ff; -} -.mdui-theme-accent-light-blue .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-light-blue .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(64, 196, 255, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(64, 196, 255, .16); -} -.mdui-theme-accent-light-green .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(178, 255, 89, .5); -} -.mdui-theme-accent-light-green .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #b2ff59; -} -.mdui-theme-accent-light-green .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-light-green .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(178, 255, 89, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(178, 255, 89, .16); -} -.mdui-theme-accent-lime .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(238, 255, 65, .5); -} -.mdui-theme-accent-lime .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #eeff41; -} -.mdui-theme-accent-lime .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-lime .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(238, 255, 65, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(238, 255, 65, .16); -} -.mdui-theme-accent-orange .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 171, 64, .5); -} -.mdui-theme-accent-orange .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ffab40; -} -.mdui-theme-accent-orange .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-orange .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 171, 64, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 171, 64, .16); -} -.mdui-theme-accent-pink .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 64, 129, .5); -} -.mdui-theme-accent-pink .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ff4081; -} -.mdui-theme-accent-pink .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-pink .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 64, 129, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 64, 129, .16); -} -.mdui-theme-accent-purple .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(224, 64, 251, .5); -} -.mdui-theme-accent-purple .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #e040fb; -} -.mdui-theme-accent-purple .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-purple .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(224, 64, 251, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(224, 64, 251, .16); -} -.mdui-theme-accent-red .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 82, 82, .5); -} -.mdui-theme-accent-red .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ff5252; -} -.mdui-theme-accent-red .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-red .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 82, 82, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 82, 82, .16); -} -.mdui-theme-accent-teal .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(100, 255, 218, .5); -} -.mdui-theme-accent-teal .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #64ffda; -} -.mdui-theme-accent-teal .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-teal .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(100, 255, 218, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(100, 255, 218, .16); -} -.mdui-theme-accent-yellow .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 255, 0, .5); -} -.mdui-theme-accent-yellow .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ff0; -} -.mdui-theme-accent-yellow .mdui-switch:active input[type="checkbox"]:checked:not(:disabled) + .mdui-switch-icon:before, -.mdui-theme-accent-yellow .mdui-switch input[type="checkbox"]:focus:checked:not(:disabled) + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 255, 0, .16); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 255, 0, .16); -} -/** - * ============================================================================= - * ************ Radio dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-switch-icon { - background-color: rgba(255, 255, 255, .3); -} -.mdui-theme-layout-dark .mdui-switch-icon:before { - background-color: #bdbdbd; -} -.mdui-theme-layout-dark.mdui-theme-accent-amber .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 229, 127, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-amber .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ffe57f; -} -.mdui-theme-layout-dark.mdui-theme-accent-blue .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(130, 177, 255, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-blue .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #82b1ff; -} -.mdui-theme-layout-dark.mdui-theme-accent-cyan .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(132, 255, 255, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-cyan .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #84ffff; -} -.mdui-theme-layout-dark.mdui-theme-accent-deep-orange .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 158, 128, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-deep-orange .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ff9e80; -} -.mdui-theme-layout-dark.mdui-theme-accent-deep-purple .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(179, 136, 255, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-deep-purple .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #b388ff; -} -.mdui-theme-layout-dark.mdui-theme-accent-green .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(185, 246, 202, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-green .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #b9f6ca; -} -.mdui-theme-layout-dark.mdui-theme-accent-indigo .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(140, 158, 255, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-indigo .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #8c9eff; -} -.mdui-theme-layout-dark.mdui-theme-accent-light-blue .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(128, 216, 255, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-light-blue .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #80d8ff; -} -.mdui-theme-layout-dark.mdui-theme-accent-light-green .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(204, 255, 144, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-light-green .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ccff90; -} -.mdui-theme-layout-dark.mdui-theme-accent-lime .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(244, 255, 129, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-lime .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #f4ff81; -} -.mdui-theme-layout-dark.mdui-theme-accent-orange .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 209, 128, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-orange .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ffd180; -} -.mdui-theme-layout-dark.mdui-theme-accent-pink .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 128, 171, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-pink .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ff80ab; -} -.mdui-theme-layout-dark.mdui-theme-accent-purple .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(234, 128, 252, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-purple .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ea80fc; -} -.mdui-theme-layout-dark.mdui-theme-accent-red .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 138, 128, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-red .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ff8a80; -} -.mdui-theme-layout-dark.mdui-theme-accent-teal .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(167, 255, 235, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-teal .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #a7ffeb; -} -.mdui-theme-layout-dark.mdui-theme-accent-yellow .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon { - background-color: rgba(255, 255, 141, .5); -} -.mdui-theme-layout-dark.mdui-theme-accent-yellow .mdui-switch input[type="checkbox"]:checked + .mdui-switch-icon:before { - background-color: #ffff8d; -} -.mdui-theme-layout-dark .mdui-switch:active input[type="checkbox"] + .mdui-switch-icon:before, -.mdui-theme-layout-dark .mdui-switch input[type="checkbox"]:focus + .mdui-switch-icon:before { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 255, 255, .1); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 0 15px rgba(255, 255, 255, .1); -} -.mdui-theme-layout-dark .mdui-switch input[type="checkbox"]:disabled + .mdui-switch-icon { - background-color: rgba(255, 255, 255, .1) !important; -} -.mdui-theme-layout-dark .mdui-switch input[type="checkbox"]:disabled + .mdui-switch-icon:before { - background-color: #424242 !important; -} -/** - * ============================================================================= - * ************ Slider 滑块 ************ - * ============================================================================= - */ -.mdui-slider { - position: relative; - display: block; - width: 100%; - height: 36px; -} -.mdui-slider input[type="range"] { - position: absolute; - top: 50%; - z-index: 2; - width: 100%; - height: 20px; - -webkit-appearance: none; - margin-top: -10px; - cursor: pointer; - opacity: 0; - - -moz-appearance: none; - appearance: none; -} -.mdui-slider-track, -.mdui-slider-fill { - position: absolute; - top: 50%; - height: 2px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: -1px; -} -.mdui-slider-track:before, -.mdui-slider-fill:before { - display: block; - width: 100%; - height: 100%; - content: ' '; -} -/* 轨道 */ -.mdui-slider-track { - right: 0; -} -.mdui-slider-track:before { - background-color: #bdbdbd; - -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1); - transition: background-color .3s cubic-bezier(.4, 0, .2, 1); -} -/* 已滑动部分 */ -.mdui-slider-fill { - left: 0; -} -.mdui-slider-fill:before { - background-color: #ff4081; -} -/* 滑块 */ -.mdui-slider-thumb { - position: absolute; - top: 50%; - width: 12px; - height: 12px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: -6px; - background-color: #ff4081; - border: 2px solid #ff4081; - border-radius: 50%; - -webkit-transition: background .45s cubic-bezier(.4, 0, .2, 1), border-color .45s cubic-bezier(.4, 0, .2, 1), border-radius .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1); - transition: background .45s cubic-bezier(.4, 0, .2, 1), border-color .45s cubic-bezier(.4, 0, .2, 1), border-radius .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1); - transition: background .45s cubic-bezier(.4, 0, .2, 1), border-color .45s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1), border-radius .2s cubic-bezier(.4, 0, .2, 1); - transition: background .45s cubic-bezier(.4, 0, .2, 1), border-color .45s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1), border-radius .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1); - -webkit-transform: translate(-50%); - transform: translate(-50%); - - will-change: background, border-color, transform, border-radius; -} -/** - * ============================================================================= - * ************ Slider 强调色 ************ - * ============================================================================= - */ -.mdui-theme-accent-amber .mdui-slider-fill:before { - background-color: #ffd740; -} -.mdui-theme-accent-amber .mdui-slider-thumb { - background-color: #ffd740; - border: 2px solid #ffd740; -} -.mdui-theme-accent-blue .mdui-slider-fill:before { - background-color: #448aff; -} -.mdui-theme-accent-blue .mdui-slider-thumb { - background-color: #448aff; - border: 2px solid #448aff; -} -.mdui-theme-accent-cyan .mdui-slider-fill:before { - background-color: #18ffff; -} -.mdui-theme-accent-cyan .mdui-slider-thumb { - background-color: #18ffff; - border: 2px solid #18ffff; -} -.mdui-theme-accent-deep-orange .mdui-slider-fill:before { - background-color: #ff6e40; -} -.mdui-theme-accent-deep-orange .mdui-slider-thumb { - background-color: #ff6e40; - border: 2px solid #ff6e40; -} -.mdui-theme-accent-deep-purple .mdui-slider-fill:before { - background-color: #7c4dff; -} -.mdui-theme-accent-deep-purple .mdui-slider-thumb { - background-color: #7c4dff; - border: 2px solid #7c4dff; -} -.mdui-theme-accent-green .mdui-slider-fill:before { - background-color: #69f0ae; -} -.mdui-theme-accent-green .mdui-slider-thumb { - background-color: #69f0ae; - border: 2px solid #69f0ae; -} -.mdui-theme-accent-indigo .mdui-slider-fill:before { - background-color: #536dfe; -} -.mdui-theme-accent-indigo .mdui-slider-thumb { - background-color: #536dfe; - border: 2px solid #536dfe; -} -.mdui-theme-accent-light-blue .mdui-slider-fill:before { - background-color: #40c4ff; -} -.mdui-theme-accent-light-blue .mdui-slider-thumb { - background-color: #40c4ff; - border: 2px solid #40c4ff; -} -.mdui-theme-accent-light-green .mdui-slider-fill:before { - background-color: #b2ff59; -} -.mdui-theme-accent-light-green .mdui-slider-thumb { - background-color: #b2ff59; - border: 2px solid #b2ff59; -} -.mdui-theme-accent-lime .mdui-slider-fill:before { - background-color: #eeff41; -} -.mdui-theme-accent-lime .mdui-slider-thumb { - background-color: #eeff41; - border: 2px solid #eeff41; -} -.mdui-theme-accent-orange .mdui-slider-fill:before { - background-color: #ffab40; -} -.mdui-theme-accent-orange .mdui-slider-thumb { - background-color: #ffab40; - border: 2px solid #ffab40; -} -.mdui-theme-accent-pink .mdui-slider-fill:before { - background-color: #ff4081; -} -.mdui-theme-accent-pink .mdui-slider-thumb { - background-color: #ff4081; - border: 2px solid #ff4081; -} -.mdui-theme-accent-purple .mdui-slider-fill:before { - background-color: #e040fb; -} -.mdui-theme-accent-purple .mdui-slider-thumb { - background-color: #e040fb; - border: 2px solid #e040fb; -} -.mdui-theme-accent-red .mdui-slider-fill:before { - background-color: #ff5252; -} -.mdui-theme-accent-red .mdui-slider-thumb { - background-color: #ff5252; - border: 2px solid #ff5252; -} -.mdui-theme-accent-teal .mdui-slider-fill:before { - background-color: #64ffda; -} -.mdui-theme-accent-teal .mdui-slider-thumb { - background-color: #64ffda; - border: 2px solid #64ffda; -} -.mdui-theme-accent-yellow .mdui-slider-fill:before { - background-color: #ff0; -} -.mdui-theme-accent-yellow .mdui-slider-thumb { - background-color: #ff0; - border: 2px solid #ff0; -} -/** - * ============================================================================= - * ============ Slider 的不同状态 ============ - * ============================================================================= - */ -/* 鼠标按下状态 */ -.mdui-slider-focus .mdui-slider-track:before { - background-color: #9e9e9e; -} -.mdui-slider-focus .mdui-slider-thumb { - -webkit-transform: translate(-50%) scale(1.6); - transform: translate(-50%) scale(1.6); -} -/* 滑块值为 0 */ -.mdui-slider-zero .mdui-slider-thumb { - background-color: #fff; - border-color: #bdbdbd; -} -/* 滑块值为 0，且鼠标按下 */ -.mdui-slider-zero.mdui-slider-focus .mdui-slider-thumb { - border-color: #9e9e9e; -} -/* 禁用状态 */ -.mdui-slider-disabled input[type="range"] { - cursor: default; -} -.mdui-slider-disabled .mdui-slider-track:before { - background-color: #bdbdbd; -} -.mdui-slider-disabled .mdui-slider-fill:before { - background-color: #bdbdbd; -} -.mdui-slider-disabled .mdui-slider-thumb { - background-color: #bdbdbd; - border-color: transparent !important; - -webkit-transform: translate(-50%) scale(.72); - transform: translate(-50%) scale(.72); -} -/** - * ============================================================================= - * ============ 间续型滑块 ============ - * ============================================================================= - */ -.mdui-slider-discrete .mdui-slider-thumb { - width: 30px; - height: 30px; - margin-top: -15px; - margin-left: -15px; - border: none; - -webkit-transform: rotate(-45deg) scale(.4); - transform: rotate(-45deg) scale(.4); -} -.mdui-slider-discrete .mdui-slider-thumb span { - position: absolute; - top: 9px; - left: -1px; - width: 100%; - font-size: 12px; - color: #fff; - text-align: center; - opacity: 0; - -webkit-transition: opacity .25s cubic-bezier(.4, 0, .2, 1); - transition: opacity .25s cubic-bezier(.4, 0, .2, 1); - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} -.mdui-slider-discrete.mdui-slider-focus .mdui-slider-thumb { - border-radius: 15px 15px 15px 0; - -webkit-transform: rotate(-45deg) scale(1) translate(22px, -22px); - transform: rotate(-45deg) scale(1) translate(22px, -22px); -} -.mdui-slider-discrete.mdui-slider-focus .mdui-slider-thumb span { - opacity: 1; -} -.mdui-slider-discrete.mdui-slider-zero .mdui-slider-thumb { - background-color: #323232; -} -.mdui-slider-discrete.mdui-slider-zero.mdui-slider-focus .mdui-slider-thumb { - background-color: #bdbdbd; -} -.mdui-slider-discrete.mdui-slider-disabled .mdui-slider-thumb { - -webkit-transform: rotate(-45deg) scale(.288); - transform: rotate(-45deg) scale(.288); -} -.mdui-slider-discrete.mdui-slider-zero.mdui-slider-disabled .mdui-slider-thumb { - background-color: #bdbdbd; -} -/** - * ============================================================================= - * ************ Slider dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-slider-track:before { - background-color: #4c4c4c; -} -.mdui-theme-layout-dark .mdui-slider-focus .mdui-slider-track:before { - background-color: #4c4c4c; -} -.mdui-theme-layout-dark .mdui-slider-zero .mdui-slider-thumb { - background-color: #303030; - border-color: #4c4c4c; -} -.mdui-theme-layout-dark .mdui-slider-zero.mdui-slider-focus .mdui-slider-thumb { - border-color: #4c4c4c; -} -.mdui-theme-layout-dark .mdui-slider-disabled .mdui-slider-track:before { - background-color: #4c4c4c; -} -.mdui-theme-layout-dark .mdui-slider-disabled .mdui-slider-fill:before { - background-color: #4c4c4c; -} -.mdui-theme-layout-dark .mdui-slider-disabled .mdui-slider-thumb { - background-color: #4c4c4c; -} -.mdui-theme-layout-dark .mdui-slider-discrete.mdui-slider-zero .mdui-slider-thumb { - background-color: #fefefe; -} -.mdui-theme-layout-dark .mdui-slider-discrete.mdui-slider-zero.mdui-slider-focus .mdui-slider-thumb { - background-color: #5c5c5c; -} -.mdui-theme-layout-dark .mdui-slider-discrete.mdui-slider-zero.mdui-slider-disabled .mdui-slider-thumb { - background-color: #4c4c4c; -} -/** - * ============================================================================= - * ************ Button 按钮 ************ - * ============================================================================= - */ -/* 默认为 Flat 扁平按钮 */ -.mdui-btn, -.mdui-fab { - position: relative; - display: inline-block; - min-width: 88px; - height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 0 16px; - margin: 0; - overflow: hidden; - font-size: 14px; - font-weight: 500; - line-height: 36px; - color: inherit; - text-align: center; - text-decoration: none; - text-transform: uppercase; - letter-spacing: .04em; - white-space: nowrap; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - zoom: 1; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background: transparent; - border: none; - border-radius: 2px; - outline: none; - -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1); - transition: all .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1); - transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1); - transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1); - - will-change: box-shadow; - -webkit-user-drag: none; -} -.mdui-btn:hover, -.mdui-fab:hover { - background-color: rgba(0, 0, 0, .1); -} -.mdui-btn:not(.mdui-ripple):active, -.mdui-fab:not(.mdui-ripple):active { - background-color: rgba(0, 0, 0, .165); -} -.mdui-btn[class*="mdui-color-"]:hover, -.mdui-fab[class*="mdui-color-"]:hover { - opacity: .87; -} -.mdui-btn:not(.mdui-ripple)[class*="mdui-color-"]:active, -.mdui-fab:not(.mdui-ripple)[class*="mdui-color-"]:active { - opacity: .76; -} -/* 按钮内的图标 */ -.mdui-btn .mdui-icon-left, -.mdui-btn .mdui-icon-right, -.mdui-btn .mdui-icon-left::before, -.mdui-btn .mdui-icon-right::before { - height: inherit; - font-size: 1.3em; - line-height: inherit; -} -.mdui-btn .mdui-icon-left { - float: left; - margin-right: .4em; -} -.mdui-btn .mdui-icon-right { - float: right; - margin-left: .4em; -} -input.mdui-btn[type="submit"] { - -webkit-appearance: none; - - -moz-appearance: none; - appearance: none; -} -/* Raised button 浮动按钮 */ -.mdui-btn-raised { - -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -} -.mdui-btn-raised:hover { - -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12); - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12); -} -.mdui-btn-raised:active { - -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); -} -/* 禁用按钮 */ -.mdui-btn[disabled], -.mdui-fab[disabled], -.mdui-btn[disabled]:hover, -.mdui-fab[disabled]:hover, -.mdui-btn[disabled]:active, -.mdui-fab[disabled]:active, -.mdui-btn[disabled]:focus, -.mdui-fab[disabled]:focus { - color: rgba(0, 0, 0, .26) !important; - cursor: default !important; - background-color: transparent !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - opacity: 1 !important; -} -.mdui-btn[disabled] .mdui-icon, -.mdui-fab[disabled] .mdui-icon, -.mdui-btn[disabled]:hover .mdui-icon, -.mdui-fab[disabled]:hover .mdui-icon, -.mdui-btn[disabled]:active .mdui-icon, -.mdui-fab[disabled]:active .mdui-icon, -.mdui-btn[disabled]:focus .mdui-icon, -.mdui-fab[disabled]:focus .mdui-icon { - color: rgba(0, 0, 0, .26) !important; -} -/* 禁用状态浮动按钮和浮动操作按钮 */ -.mdui-btn-raised[disabled], -.mdui-fab[disabled], -.mdui-btn-raised[disabled]:hover, -.mdui-fab[disabled]:hover, -.mdui-btn-raised[disabled]:active, -.mdui-fab[disabled]:active, -.mdui-btn-raised[disabled]:focus, -.mdui-fab[disabled]:focus { - background-color: rgba(0, 0, 0, .12) !important; - -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !important; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !important; -} -/* 加粗按钮文本 */ -.mdui-btn-bold { - font-weight: bold; -} -/* 图标按钮 */ -.mdui-btn-icon { - width: 36px; - min-width: 36px; - height: 36px; - padding: 0; - margin-right: 0; - margin-left: 0; - overflow: hidden; - font-size: 24px; - line-height: normal; - border-radius: 50%; -} -.mdui-btn-icon .mdui-icon { - position: absolute; - top: 50%; - left: 50%; - width: 24px; - line-height: 24px; - -webkit-transform: translate(-12px, -12px); - transform: translate(-12px, -12px); -} -.mdui-btn-icon.mdui-ripple { - -webkit-transform: translateZ(0); - transform: translateZ(0); -} -/* 按钮 100% 宽度 */ -.mdui-btn-block { - display: block; - width: 100%; -} -/* 密集型按钮 */ -.mdui-btn-dense { - height: 32px; - font-size: 13px; - line-height: 32px; -} -.mdui-btn-dense.mdui-btn-icon { - width: 32px; - min-width: 32px; -} -/* 按钮组 */ -.mdui-btn-group { - position: relative; - display: inline-block; - vertical-align: middle; -} -.mdui-btn-group .mdui-btn { - float: left; - min-width: inherit; - padding: 0 12px; - color: rgba(0, 0, 0, .54); - border-radius: 0; -} -.mdui-btn-group .mdui-btn:before { - position: absolute; - top: 0; - bottom: 0; - left: 0; - content: ' '; - border-left: 1px solid transparent; -} -.mdui-btn-group .mdui-btn:first-child { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} -.mdui-btn-group .mdui-btn:first-child:before { - border-left: none; -} -.mdui-btn-group .mdui-btn:last-child { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} -.mdui-btn-group .mdui-btn.mdui-btn-active { - color: rgba(0, 0, 0, .87); - background-color: rgba(0, 0, 0, .215); -} -.mdui-btn-group .mdui-btn.mdui-btn-active + .mdui-btn-active:before { - border-left: 1px solid rgba(0, 0, 0, .145); -} -/** - * ============================================================================= - * ************ Button dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-btn:hover, -.mdui-theme-layout-dark .mdui-fab:hover { - background-color: rgba(255, 255, 255, .1); -} -.mdui-theme-layout-dark .mdui-btn:not(.mdui-ripple):active, -.mdui-theme-layout-dark .mdui-fab:not(.mdui-ripple):active { - background-color: rgba(255, 255, 255, .165); -} -.mdui-theme-layout-dark .mdui-btn[class*="mdui-color-"]:hover, -.mdui-theme-layout-dark .mdui-fab[class*="mdui-color-"]:hover { - opacity: .87; -} -.mdui-theme-layout-dark .mdui-btn:not(.mdui-ripple)[class*="mdui-color-"]:active, -.mdui-theme-layout-dark .mdui-fab:not(.mdui-ripple)[class*="mdui-color-"]:active { - opacity: .76; -} -.mdui-theme-layout-dark .mdui-btn[disabled], -.mdui-theme-layout-dark .mdui-fab[disabled], -.mdui-theme-layout-dark .mdui-btn[disabled]:hover, -.mdui-theme-layout-dark .mdui-fab[disabled]:hover, -.mdui-theme-layout-dark .mdui-btn[disabled]:active, -.mdui-theme-layout-dark .mdui-fab[disabled]:active, -.mdui-theme-layout-dark .mdui-btn[disabled]:focus, -.mdui-theme-layout-dark .mdui-fab[disabled]:focus { - color: rgba(255, 255, 255, .3) !important; - background-color: transparent !important; -} -.mdui-theme-layout-dark .mdui-btn[disabled] .mdui-icon, -.mdui-theme-layout-dark .mdui-fab[disabled] .mdui-icon, -.mdui-theme-layout-dark .mdui-btn[disabled]:hover .mdui-icon, -.mdui-theme-layout-dark .mdui-fab[disabled]:hover .mdui-icon, -.mdui-theme-layout-dark .mdui-btn[disabled]:active .mdui-icon, -.mdui-theme-layout-dark .mdui-fab[disabled]:active .mdui-icon, -.mdui-theme-layout-dark .mdui-btn[disabled]:focus .mdui-icon, -.mdui-theme-layout-dark .mdui-fab[disabled]:focus .mdui-icon { - color: rgba(255, 255, 255, .3) !important; -} -.mdui-theme-layout-dark .mdui-btn-raised[disabled], -.mdui-theme-layout-dark .mdui-fab[disabled], -.mdui-theme-layout-dark .mdui-btn-raised[disabled]:hover, -.mdui-theme-layout-dark .mdui-fab[disabled]:hover, -.mdui-theme-layout-dark .mdui-btn-raised[disabled]:active, -.mdui-theme-layout-dark .mdui-fab[disabled]:active, -.mdui-theme-layout-dark .mdui-btn-raised[disabled]:focus, -.mdui-theme-layout-dark .mdui-fab[disabled]:focus { - background-color: rgba(255, 255, 255, .12) !important; -} -/** - * ============================================================================= - * ************ Fab 浮动操作按钮 ************ - * ============================================================================= - */ -/* 浮动操作按钮 */ -.mdui-fab { - width: 56px; - min-width: 56px; - height: 56px; - padding: 0 !important; - margin: auto; - overflow: hidden; - font-size: 24px; - line-height: normal !important; - border-radius: 50%; - -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); -} -.mdui-fab:hover { - -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); -} -.mdui-fab:active { - -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12); - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12); -} -.mdui-fab .mdui-icon { - position: absolute; - top: 0; - left: 0; - width: 24px; - margin-top: 16px; - margin-left: 16px; - line-height: 24px; -} -/* mini 型浮动操作按钮 */ -.mdui-fab-mini { - width: 40px; - min-width: 40px; - height: 40px; -} -.mdui-fab-mini .mdui-icon { - margin-top: 8px; - margin-left: 8px; -} -/* 固定到右下角的 FAB 按钮 */ -.mdui-fab-fixed, -.mdui-fab-wrapper { - position: fixed !important; - /* 手机平板上距离屏幕右下角 16px */ - right: 16px; - bottom: 16px; -} -@media (min-width: 1024px) { - .mdui-fab-fixed, - .mdui-fab-wrapper { - /* 电脑上距离屏幕右下角 24px */ - right: 24px; - bottom: 24px; - } -} -/* 含菜单的浮动操作按钮 */ -.mdui-fab-wrapper { - position: relative; - z-index: 4000; - width: 56px; - height: 56px; - padding-top: 8px; - text-align: center; -} -.mdui-fab-wrapper > .mdui-fab .mdui-icon:not(.mdui-fab-opened) { - opacity: 1; - -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1); - transition: all .2s cubic-bezier(.4, 0, .2, 1); - - will-change: opacity, transform; -} -.mdui-fab-wrapper > .mdui-fab .mdui-icon.mdui-fab-opened { - opacity: 0; - -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1); - transition: all .2s cubic-bezier(.4, 0, .2, 1); - -webkit-transform: rotate(225deg); - transform: rotate(225deg); - - will-change: opacity, transform; -} -.mdui-fab-wrapper > .mdui-fab.mdui-fab-opened .mdui-icon:not(.mdui-fab-opened) { - opacity: 0; - -webkit-transform: rotate(225deg); - transform: rotate(225deg); -} -.mdui-fab-wrapper > .mdui-fab.mdui-fab-opened .mdui-icon.mdui-fab-opened { - opacity: 1; - -webkit-transform: rotate(360deg); - transform: rotate(360deg); -} -.mdui-fab-wrapper > .mdui-fab-mini { - margin-top: 8px; -} -.mdui-fab-wrapper .mdui-fab-dial { - position: absolute; - right: 0; - bottom: 64px; - left: 0; - height: 0; - text-align: center; - visibility: visible; -} -.mdui-fab-wrapper .mdui-fab-dial .mdui-fab { - margin: 8px 0; - opacity: 0; - -webkit-transition: color .2s cubic-bezier(.4, 0, .2, 1), opacity 150ms cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform 150ms cubic-bezier(.4, 0, .2, 1); - transition: color .2s cubic-bezier(.4, 0, .2, 1), opacity 150ms cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform 150ms cubic-bezier(.4, 0, .2, 1); - transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), color .2s cubic-bezier(.4, 0, .2, 1), transform 150ms cubic-bezier(.4, 0, .2, 1), opacity 150ms cubic-bezier(.4, 0, .2, 1); - transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), color .2s cubic-bezier(.4, 0, .2, 1), transform 150ms cubic-bezier(.4, 0, .2, 1), opacity 150ms cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform 150ms cubic-bezier(.4, 0, .2, 1); - -webkit-transform: scale(0); - transform: scale(0); -} -.mdui-fab-wrapper .mdui-fab-dial.mdui-fab-dial-show .mdui-fab { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -/* 添加类 .mdui-fab-hide 以动画的形式隐藏按钮 */ -.mdui-fab, -.mdui-fab-mini, -.mdui-fab-wrapper { - -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s; - transition: all .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s; - transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1), transform .2s; - transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1), transform .2s, -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s; - -webkit-transform: scale(1) translateZ(0); - transform: scale(1) translateZ(0); - - will-change: transform; -} -.mdui-fab.mdui-fab-hide, -.mdui-fab-mini.mdui-fab-hide, -.mdui-fab-wrapper.mdui-fab-hide { - -webkit-transform: scale(0) translateZ(0); - transform: scale(0) translateZ(0); -} -/** - * ============================================================================= - * ************ Select 下拉选择 ************ - * ============================================================================= - */ -.mdui-select { - position: relative; - display: inline-block; - max-width: 100%; - height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-appearance: none; - padding-right: 24px; - padding-left: 0; - font-family: Roboto, Noto, Helvetica, Arial, sans-serif; - font-size: 16px; - vertical-align: middle; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22m-0.00254%2C2.5l5%2C5l5%2C-5l-10%2C0z%22%20fill%3D%22%23000000%22%20opacity%3D%220.54%22%2F%3E%3C%2Fsvg%3E%0A"); - background-repeat: no-repeat; - background-position: right center; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, .12); - outline: none; - -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1); - transition-timing-function: cubic-bezier(.4, 0, .2, 1); - -webkit-transition-duration: .2s; - transition-duration: .2s; - -webkit-transition-property: background-color, background-position-x, -webkit-box-shadow; - transition-property: background-color, background-position-x, -webkit-box-shadow; - transition-property: background-color, box-shadow, background-position-x; - transition-property: background-color, box-shadow, background-position-x, -webkit-box-shadow; - - -moz-appearance: none; - appearance: none; - will-change: background-color, box-shadow, background-position-x; -} -.mdui-select.mdui-select-open { - border-bottom: none; -} -.mdui-select-position-top { - background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22m-0.00254%2C2.5l5%2C5l5%2C-5l-10%2C0z%22%20fill%3D%22%23000000%22%20opacity%3D%220.54%22%20transform%3D%22rotate(-180%205%2C5)%22%2F%3E%3C%2Fsvg%3E%0A"); -} -/* 底部和顶部菜单的样式 */ -.mdui-select-open.mdui-select-position-top, -.mdui-select-open.mdui-select-position-bottom { - z-index: 99999; - background-color: #fff; - background-position-x: calc(100% - 12px); - border-radius: 2px; -} -.mdui-select-open.mdui-select-position-top { - border-top: 1px solid rgba(0, 0, 0, .12); - border-bottom: 2px solid transparent; - border-top-left-radius: 0; - border-top-right-radius: 0; - -webkit-box-shadow: 0 10px 10px -3px rgba(0, 0, 0, .2), 0 0 14px 1px rgba(0, 0, 0, .14), 0 -7px 24px 2px rgba(0, 0, 0, .12); - box-shadow: 0 10px 10px -3px rgba(0, 0, 0, .2), 0 0 14px 1px rgba(0, 0, 0, .14), 0 -7px 24px 2px rgba(0, 0, 0, .12); -} -.mdui-select-open.mdui-select-position-top .mdui-select-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - -webkit-box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, .06), 8px 0 8px -4px rgba(0, 0, 0, .12), -8px 0 8px -4px rgba(0, 0, 0, .12); - box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, .06), 8px 0 8px -4px rgba(0, 0, 0, .12), -8px 0 8px -4px rgba(0, 0, 0, .12); -} -.mdui-select-open.mdui-select-position-bottom { - border-bottom: 1px solid rgba(0, 0, 0, .12); - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); -} -.mdui-select-open.mdui-select-position-bottom .mdui-select-menu { - border-top-left-radius: 0; - border-top-right-radius: 0; - -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 9px 9px 1px rgba(0, 0, 0, .14), 0 8px 8px 2px rgba(0, 0, 0, .06); - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 9px 9px 1px rgba(0, 0, 0, .14), 0 8px 8px 2px rgba(0, 0, 0, .06); -} -/* 当前选中项文本 */ -.mdui-select-selected { - position: absolute; - top: 50%; - right: 24px; - left: 0; - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-transition: left .2s cubic-bezier(0, 0, .2, 1); - transition: left .2s cubic-bezier(0, 0, .2, 1); - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.mdui-select-open .mdui-select-selected { - right: 32px; - left: 16px; -} -.mdui-select-open.mdui-select-position-auto .mdui-select-selected { - visibility: hidden; -} -/* 菜单 */ -.mdui-select-menu { - position: relative; - z-index: 99999; - height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 0 -24px 0 0; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; - color: rgba(0, 0, 0, .87); - cursor: default; - visibility: hidden; - background-color: #fff; - border-radius: 2px; - -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); - opacity: 0; - -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1); - transition-timing-function: cubic-bezier(0, 0, .2, 1); - -webkit-transition-duration: .2s; - transition-duration: .2s; - -webkit-transition-property: opacity, visibility, -webkit-transform; - transition-property: opacity, visibility, -webkit-transform; - transition-property: transform, opacity, visibility; - transition-property: transform, opacity, visibility, -webkit-transform; - -webkit-transform: scale(1, 0); - transform: scale(1, 0); - - will-change: transform, opacity, visibility; -} -.mdui-select-open .mdui-select-menu { - overflow-y: hidden; - visibility: visible; - opacity: 1; - -webkit-transform: scale(1, 1); - transform: scale(1, 1); -} -.mdui-select-closing .mdui-select-menu { - overflow-y: hidden; - visibility: visible; - -webkit-box-shadow: none; - box-shadow: none; - opacity: 0; - -webkit-transform: scale(1, 1); - transform: scale(1, 1); -} -/* 菜单项 */ -.mdui-select-menu-item { - height: 48px; - padding: 0 16px; - overflow: hidden; - line-height: 48px; - text-overflow: ellipsis; - white-space: nowrap; - cursor: pointer; -} -.mdui-select-menu-item:hover { - background-color: #eee; -} -.mdui-select-menu-item:first-child { - margin-top: 8px; -} -.mdui-select-menu-item:last-child { - margin-bottom: 8px; -} -.mdui-select-menu-item[disabled] { - color: rgba(0, 0, 0, .38) !important; - cursor: default; -} -.mdui-select-menu-item[disabled]:hover { - background-color: inherit !important; -} -.mdui-select-menu-item[selected] { - color: #ff4081; -} -/* 原生 select 组件 */ -select.mdui-select { - background-color: transparent; -} -select.mdui-select option { - color: rgba(0, 0, 0, .87); -} -select.mdui-select::-ms-expand { - display: none; -} -/* 原生多选 select 组件 */ -select.mdui-select[multiple] { - height: auto; - padding: 0; - font-size: 15px; - cursor: default; - background-color: #fff; - background-image: none; - border: 1px solid rgba(0, 0, 0, .38); -} -select.mdui-select[multiple] optgroup { - padding: 0 0 0 16px; - margin: 8px 0 0 0; - color: rgba(0, 0, 0, .38); -} -select.mdui-select[multiple] optgroup:last-child { - margin-bottom: 8px; -} -select.mdui-select[multiple] optgroup:not(:first-child) { - padding-top: 8px; - border-top: 1px solid rgba(0, 0, 0, .12); -} -select.mdui-select[multiple] option { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 32px; - padding: 0 16px; - margin: 0 0 0 -16px; - color: rgba(0, 0, 0, .87); - - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -select.mdui-select[multiple] option:first-child { - margin-top: 8px; -} -select.mdui-select[multiple] option:last-child { - margin-bottom: 8px; -} -/** - * ============================================================================= - * ************ Select 强调色 ************ - * ============================================================================= - */ -.mdui-theme-accent-amber .mdui-select-menu-item[selected] { - color: #ffc107; -} -.mdui-theme-accent-blue .mdui-select-menu-item[selected] { - color: #2196f3; -} -.mdui-theme-accent-cyan .mdui-select-menu-item[selected] { - color: #00bcd4; -} -.mdui-theme-accent-deep-orange .mdui-select-menu-item[selected] { - color: #ff5722; -} -.mdui-theme-accent-deep-purple .mdui-select-menu-item[selected] { - color: #673ab7; -} -.mdui-theme-accent-green .mdui-select-menu-item[selected] { - color: #4caf50; -} -.mdui-theme-accent-indigo .mdui-select-menu-item[selected] { - color: #3f51b5; -} -.mdui-theme-accent-light-blue .mdui-select-menu-item[selected] { - color: #03a9f4; -} -.mdui-theme-accent-light-green .mdui-select-menu-item[selected] { - color: #8bc34a; -} -.mdui-theme-accent-lime .mdui-select-menu-item[selected] { - color: #cddc39; -} -.mdui-theme-accent-orange .mdui-select-menu-item[selected] { - color: #ff9800; -} -.mdui-theme-accent-pink .mdui-select-menu-item[selected] { - color: #e91e63; -} -.mdui-theme-accent-purple .mdui-select-menu-item[selected] { - color: #9c27b0; -} -.mdui-theme-accent-red .mdui-select-menu-item[selected] { - color: #f44336; -} -.mdui-theme-accent-teal .mdui-select-menu-item[selected] { - color: #009688; -} -.mdui-theme-accent-yellow .mdui-select-menu-item[selected] { - color: #ffeb3b; -} -/** - * ============================================================================= - * ************ Select dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-select { - background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22m-0.00254%2C2.5l5%2C5l5%2C-5l-10%2C0z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E%0A"); - border-bottom: 1px solid rgba(255, 255, 255, .12); -} -.mdui-theme-layout-dark .mdui-select-position-top { - background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22m-0.00254%2C2.5l5%2C5l5%2C-5l-10%2C0z%22%20fill%3D%22%23FFFFFF%22%20transform%3D%22rotate(-180%205%2C5)%22%2F%3E%3C%2Fsvg%3E%0A"); -} -.mdui-theme-layout-dark .mdui-select-open.mdui-select-position-top, -.mdui-theme-layout-dark .mdui-select-open.mdui-select-position-bottom { - background-color: #424242; -} -.mdui-theme-layout-dark .mdui-select-open.mdui-select-position-top { - border-top: 1px solid rgba(255, 255, 255, .12); -} -.mdui-theme-layout-dark .mdui-select-open.mdui-select-position-bottom { - border-bottom: 1px solid rgba(255, 255, 255, .12); -} -.mdui-theme-layout-dark .mdui-select-menu { - color: #fff; - background-color: #424242; -} -.mdui-theme-layout-dark .mdui-select-menu-item:hover { - background-color: #616161; -} -.mdui-theme-layout-dark .mdui-select-menu-item[disabled] { - color: rgba(255, 255, 255, .5) !important; -} -.mdui-theme-layout-dark select.mdui-select { - color: #fff; - background-color: #303030; -} -.mdui-theme-layout-dark select.mdui-select option { - color: #fff; - background-color: #303030; -} -.mdui-theme-layout-dark select.mdui-select[multiple] { - border: 1px solid rgba(255, 255, 255, .5); -} -.mdui-theme-layout-dark select.mdui-select[multiple] optgroup { - color: rgba(255, 255, 255, .5); -} -.mdui-theme-layout-dark select.mdui-select[multiple] optgroup:not(:first-child) { - border-top: 1px solid rgba(255, 255, 255, .12); -} -/** - * ============================================================================= - * ************ Grid 网格系统 ************ - * ============================================================================= - */ -.mdui-container, -.mdui-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-right: 8px; - padding-left: 8px; - margin-right: auto; - margin-left: auto; -} -.mdui-container:after, -.mdui-container-fluid:after { - display: table; - clear: both; - content: ''; -} -.mdui-container { - width: 96%; - max-width: 1280px; -} -@media (min-width: 600px) { - .mdui-container { - width: 94%; - } -} -@media (min-width: 1024px) { - .mdui-container { - width: 92%; - } -} -.mdui-row, -[class*="mdui-row-"] { - margin-right: -8px; - margin-left: -8px; -} -.mdui-row:after, -[class*="mdui-row-"]:after { - display: table; - clear: both; - content: ''; -} -[class*="mdui-col-xs-"], -[class*="mdui-col-sm-"], -[class*="mdui-col-md-"], -[class*="mdui-col-lg-"], -[class*="mdui-col-xl-"], -.mdui-col { - position: relative; - min-height: 1px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-right: 8px; - padding-left: 8px; -} -/* 取消列间距 */ -.mdui-row-gapless .mdui-col, -.mdui-row-gapless [class*="mdui-col-xs-"], -.mdui-row-gapless [class*="mdui-col-sm-"], -.mdui-row-gapless [class*="mdui-col-md-"], -.mdui-row-gapless [class*="mdui-col-lg-"], -.mdui-row-gapless [class*="mdui-col-xl-"] { - padding-right: 0; - padding-left: 0; -} -.mdui-row-gapless .mdui-row, -.mdui-row-gapless [class*="mdui-row-"] { - margin-right: 0; - margin-left: 0; -} -.mdui-col-xs-1 { - float: left; - width: 8.333333%; -} -.mdui-col-offset-xs-1 { - margin-left: 8.333333%; -} -.mdui-row-xs-1 .mdui-col { - float: left; - width: 100%; -} -.mdui-col-xs-2 { - float: left; - width: 16.666667%; -} -.mdui-col-offset-xs-2 { - margin-left: 16.666667%; -} -.mdui-row-xs-2 .mdui-col { - float: left; - width: 50%; -} -.mdui-col-xs-3 { - float: left; - width: 25%; -} -.mdui-col-offset-xs-3 { - margin-left: 25%; -} -.mdui-row-xs-3 .mdui-col { - float: left; - width: 33.333333%; -} -.mdui-col-xs-4 { - float: left; - width: 33.333333%; -} -.mdui-col-offset-xs-4 { - margin-left: 33.333333%; -} -.mdui-row-xs-4 .mdui-col { - float: left; - width: 25%; -} -.mdui-col-xs-5 { - float: left; - width: 41.666667%; -} -.mdui-col-offset-xs-5 { - margin-left: 41.666667%; -} -.mdui-row-xs-5 .mdui-col { - float: left; - width: 20%; -} -.mdui-col-xs-6 { - float: left; - width: 50%; -} -.mdui-col-offset-xs-6 { - margin-left: 50%; -} -.mdui-row-xs-6 .mdui-col { - float: left; - width: 16.666667%; -} -.mdui-col-xs-7 { - float: left; - width: 58.333333%; -} -.mdui-col-offset-xs-7 { - margin-left: 58.333333%; -} -.mdui-row-xs-7 .mdui-col { - float: left; - width: 14.285714%; -} -.mdui-col-xs-8 { - float: left; - width: 66.666667%; -} -.mdui-col-offset-xs-8 { - margin-left: 66.666667%; -} -.mdui-row-xs-8 .mdui-col { - float: left; - width: 12.5%; -} -.mdui-col-xs-9 { - float: left; - width: 75%; -} -.mdui-col-offset-xs-9 { - margin-left: 75%; -} -.mdui-row-xs-9 .mdui-col { - float: left; - width: 11.111111%; -} -.mdui-col-xs-10 { - float: left; - width: 83.333333%; -} -.mdui-col-offset-xs-10 { - margin-left: 83.333333%; -} -.mdui-row-xs-10 .mdui-col { - float: left; - width: 10%; -} -.mdui-col-xs-11 { - float: left; - width: 91.666667%; -} -.mdui-col-offset-xs-11 { - margin-left: 91.666667%; -} -.mdui-row-xs-11 .mdui-col { - float: left; - width: 9.090909%; -} -.mdui-col-xs-12 { - float: left; - width: 100%; -} -.mdui-col-offset-xs-12 { - margin-left: 100%; -} -.mdui-row-xs-12 .mdui-col { - float: left; - width: 8.333333%; -} -@media (min-width: 600px) { - .mdui-col-sm-1 { - float: left; - width: 8.333333%; - } - .mdui-col-offset-sm-1 { - margin-left: 8.333333%; - } - .mdui-row-sm-1 .mdui-col { - float: left; - width: 100%; - } - .mdui-col-sm-2 { - float: left; - width: 16.666667%; - } - .mdui-col-offset-sm-2 { - margin-left: 16.666667%; - } - .mdui-row-sm-2 .mdui-col { - float: left; - width: 50%; - } - .mdui-col-sm-3 { - float: left; - width: 25%; - } - .mdui-col-offset-sm-3 { - margin-left: 25%; - } - .mdui-row-sm-3 .mdui-col { - float: left; - width: 33.333333%; - } - .mdui-col-sm-4 { - float: left; - width: 33.333333%; - } - .mdui-col-offset-sm-4 { - margin-left: 33.333333%; - } - .mdui-row-sm-4 .mdui-col { - float: left; - width: 25%; - } - .mdui-col-sm-5 { - float: left; - width: 41.666667%; - } - .mdui-col-offset-sm-5 { - margin-left: 41.666667%; - } - .mdui-row-sm-5 .mdui-col { - float: left; - width: 20%; - } - .mdui-col-sm-6 { - float: left; - width: 50%; - } - .mdui-col-offset-sm-6 { - margin-left: 50%; - } - .mdui-row-sm-6 .mdui-col { - float: left; - width: 16.666667%; - } - .mdui-col-sm-7 { - float: left; - width: 58.333333%; - } - .mdui-col-offset-sm-7 { - margin-left: 58.333333%; - } - .mdui-row-sm-7 .mdui-col { - float: left; - width: 14.285714%; - } - .mdui-col-sm-8 { - float: left; - width: 66.666667%; - } - .mdui-col-offset-sm-8 { - margin-left: 66.666667%; - } - .mdui-row-sm-8 .mdui-col { - float: left; - width: 12.5%; - } - .mdui-col-sm-9 { - float: left; - width: 75%; - } - .mdui-col-offset-sm-9 { - margin-left: 75%; - } - .mdui-row-sm-9 .mdui-col { - float: left; - width: 11.111111%; - } - .mdui-col-sm-10 { - float: left; - width: 83.333333%; - } - .mdui-col-offset-sm-10 { - margin-left: 83.333333%; - } - .mdui-row-sm-10 .mdui-col { - float: left; - width: 10%; - } - .mdui-col-sm-11 { - float: left; - width: 91.666667%; - } - .mdui-col-offset-sm-11 { - margin-left: 91.666667%; - } - .mdui-row-sm-11 .mdui-col { - float: left; - width: 9.090909%; - } - .mdui-col-sm-12 { - float: left; - width: 100%; - } - .mdui-col-offset-sm-12 { - margin-left: 100%; - } - .mdui-row-sm-12 .mdui-col { - float: left; - width: 8.333333%; - } -} -@media (min-width: 1024px) { - .mdui-col-md-1 { - float: left; - width: 8.333333%; - } - .mdui-col-offset-md-1 { - margin-left: 8.333333%; - } - .mdui-row-md-1 .mdui-col { - float: left; - width: 100%; - } - .mdui-col-md-2 { - float: left; - width: 16.666667%; - } - .mdui-col-offset-md-2 { - margin-left: 16.666667%; - } - .mdui-row-md-2 .mdui-col { - float: left; - width: 50%; - } - .mdui-col-md-3 { - float: left; - width: 25%; - } - .mdui-col-offset-md-3 { - margin-left: 25%; - } - .mdui-row-md-3 .mdui-col { - float: left; - width: 33.333333%; - } - .mdui-col-md-4 { - float: left; - width: 33.333333%; - } - .mdui-col-offset-md-4 { - margin-left: 33.333333%; - } - .mdui-row-md-4 .mdui-col { - float: left; - width: 25%; - } - .mdui-col-md-5 { - float: left; - width: 41.666667%; - } - .mdui-col-offset-md-5 { - margin-left: 41.666667%; - } - .mdui-row-md-5 .mdui-col { - float: left; - width: 20%; - } - .mdui-col-md-6 { - float: left; - width: 50%; - } - .mdui-col-offset-md-6 { - margin-left: 50%; - } - .mdui-row-md-6 .mdui-col { - float: left; - width: 16.666667%; - } - .mdui-col-md-7 { - float: left; - width: 58.333333%; - } - .mdui-col-offset-md-7 { - margin-left: 58.333333%; - } - .mdui-row-md-7 .mdui-col { - float: left; - width: 14.285714%; - } - .mdui-col-md-8 { - float: left; - width: 66.666667%; - } - .mdui-col-offset-md-8 { - margin-left: 66.666667%; - } - .mdui-row-md-8 .mdui-col { - float: left; - width: 12.5%; - } - .mdui-col-md-9 { - float: left; - width: 75%; - } - .mdui-col-offset-md-9 { - margin-left: 75%; - } - .mdui-row-md-9 .mdui-col { - float: left; - width: 11.111111%; - } - .mdui-col-md-10 { - float: left; - width: 83.333333%; - } - .mdui-col-offset-md-10 { - margin-left: 83.333333%; - } - .mdui-row-md-10 .mdui-col { - float: left; - width: 10%; - } - .mdui-col-md-11 { - float: left; - width: 91.666667%; - } - .mdui-col-offset-md-11 { - margin-left: 91.666667%; - } - .mdui-row-md-11 .mdui-col { - float: left; - width: 9.090909%; - } - .mdui-col-md-12 { - float: left; - width: 100%; - } - .mdui-col-offset-md-12 { - margin-left: 100%; - } - .mdui-row-md-12 .mdui-col { - float: left; - width: 8.333333%; - } -} -@media (min-width: 1440px) { - .mdui-col-lg-1 { - float: left; - width: 8.333333%; - } - .mdui-col-offset-lg-1 { - margin-left: 8.333333%; - } - .mdui-row-lg-1 .mdui-col { - float: left; - width: 100%; - } - .mdui-col-lg-2 { - float: left; - width: 16.666667%; - } - .mdui-col-offset-lg-2 { - margin-left: 16.666667%; - } - .mdui-row-lg-2 .mdui-col { - float: left; - width: 50%; - } - .mdui-col-lg-3 { - float: left; - width: 25%; - } - .mdui-col-offset-lg-3 { - margin-left: 25%; - } - .mdui-row-lg-3 .mdui-col { - float: left; - width: 33.333333%; - } - .mdui-col-lg-4 { - float: left; - width: 33.333333%; - } - .mdui-col-offset-lg-4 { - margin-left: 33.333333%; - } - .mdui-row-lg-4 .mdui-col { - float: left; - width: 25%; - } - .mdui-col-lg-5 { - float: left; - width: 41.666667%; - } - .mdui-col-offset-lg-5 { - margin-left: 41.666667%; - } - .mdui-row-lg-5 .mdui-col { - float: left; - width: 20%; - } - .mdui-col-lg-6 { - float: left; - width: 50%; - } - .mdui-col-offset-lg-6 { - margin-left: 50%; - } - .mdui-row-lg-6 .mdui-col { - float: left; - width: 16.666667%; - } - .mdui-col-lg-7 { - float: left; - width: 58.333333%; - } - .mdui-col-offset-lg-7 { - margin-left: 58.333333%; - } - .mdui-row-lg-7 .mdui-col { - float: left; - width: 14.285714%; - } - .mdui-col-lg-8 { - float: left; - width: 66.666667%; - } - .mdui-col-offset-lg-8 { - margin-left: 66.666667%; - } - .mdui-row-lg-8 .mdui-col { - float: left; - width: 12.5%; - } - .mdui-col-lg-9 { - float: left; - width: 75%; - } - .mdui-col-offset-lg-9 { - margin-left: 75%; - } - .mdui-row-lg-9 .mdui-col { - float: left; - width: 11.111111%; - } - .mdui-col-lg-10 { - float: left; - width: 83.333333%; - } - .mdui-col-offset-lg-10 { - margin-left: 83.333333%; - } - .mdui-row-lg-10 .mdui-col { - float: left; - width: 10%; - } - .mdui-col-lg-11 { - float: left; - width: 91.666667%; - } - .mdui-col-offset-lg-11 { - margin-left: 91.666667%; - } - .mdui-row-lg-11 .mdui-col { - float: left; - width: 9.090909%; - } - .mdui-col-lg-12 { - float: left; - width: 100%; - } - .mdui-col-offset-lg-12 { - margin-left: 100%; - } - .mdui-row-lg-12 .mdui-col { - float: left; - width: 8.333333%; - } -} -@media (min-width: 1920px) { - .mdui-col-xl-1 { - float: left; - width: 8.333333%; - } - .mdui-col-offset-xl-1 { - margin-left: 8.333333%; - } - .mdui-row-xl-1 .mdui-col { - float: left; - width: 100%; - } - .mdui-col-xl-2 { - float: left; - width: 16.666667%; - } - .mdui-col-offset-xl-2 { - margin-left: 16.666667%; - } - .mdui-row-xl-2 .mdui-col { - float: left; - width: 50%; - } - .mdui-col-xl-3 { - float: left; - width: 25%; - } - .mdui-col-offset-xl-3 { - margin-left: 25%; - } - .mdui-row-xl-3 .mdui-col { - float: left; - width: 33.333333%; - } - .mdui-col-xl-4 { - float: left; - width: 33.333333%; - } - .mdui-col-offset-xl-4 { - margin-left: 33.333333%; - } - .mdui-row-xl-4 .mdui-col { - float: left; - width: 25%; - } - .mdui-col-xl-5 { - float: left; - width: 41.666667%; - } - .mdui-col-offset-xl-5 { - margin-left: 41.666667%; - } - .mdui-row-xl-5 .mdui-col { - float: left; - width: 20%; - } - .mdui-col-xl-6 { - float: left; - width: 50%; - } - .mdui-col-offset-xl-6 { - margin-left: 50%; - } - .mdui-row-xl-6 .mdui-col { - float: left; - width: 16.666667%; - } - .mdui-col-xl-7 { - float: left; - width: 58.333333%; - } - .mdui-col-offset-xl-7 { - margin-left: 58.333333%; - } - .mdui-row-xl-7 .mdui-col { - float: left; - width: 14.285714%; - } - .mdui-col-xl-8 { - float: left; - width: 66.666667%; - } - .mdui-col-offset-xl-8 { - margin-left: 66.666667%; - } - .mdui-row-xl-8 .mdui-col { - float: left; - width: 12.5%; - } - .mdui-col-xl-9 { - float: left; - width: 75%; - } - .mdui-col-offset-xl-9 { - margin-left: 75%; - } - .mdui-row-xl-9 .mdui-col { - float: left; - width: 11.111111%; - } - .mdui-col-xl-10 { - float: left; - width: 83.333333%; - } - .mdui-col-offset-xl-10 { - margin-left: 83.333333%; - } - .mdui-row-xl-10 .mdui-col { - float: left; - width: 10%; - } - .mdui-col-xl-11 { - float: left; - width: 91.666667%; - } - .mdui-col-offset-xl-11 { - margin-left: 91.666667%; - } - .mdui-row-xl-11 .mdui-col { - float: left; - width: 9.090909%; - } - .mdui-col-xl-12 { - float: left; - width: 100%; - } - .mdui-col-offset-xl-12 { - margin-left: 100%; - } - .mdui-row-xl-12 .mdui-col { - float: left; - width: 8.333333%; - } -} -/** - * ============================================================================= - * ************ Toolbar 工具栏 ************ - * ============================================================================= - */ -.mdui-toolbar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.mdui-toolbar > * { - margin: 0 16px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.mdui-toolbar[class*="mdui-color-"]:not(.mdui-color-transparent) .mdui-btn:hover { - background-color: rgba(255, 255, 255, .1); -} -.mdui-toolbar[class*="mdui-color-"]:not(.mdui-color-transparent) .mdui-btn:active { - background-color: rgba(255, 255, 255, .165); -} -.mdui-toolbar > a { - color: inherit; - text-decoration: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.mdui-toolbar > .mdui-btn-icon { - width: 48px; - min-width: 48px; - height: 48px; -} -@media (orientation: landscape) and (max-width: 959px) { - .mdui-toolbar > .mdui-btn-icon { - width: 40px; - min-width: 40px; - height: 40px; - } -} -.mdui-toolbar > .mdui-btn-icon .mdui-icon { - height: 24px; - line-height: 24px; -} -.mdui-toolbar .mdui-icon { - color: inherit; -} -.mdui-toolbar-spacer { - margin: 0; - - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} -/* 手机 */ -.mdui-toolbar { - height: 56px; - line-height: 56px; -} -.mdui-toolbar > .mdui-btn { - margin: 0 4px; -} -.mdui-toolbar > .mdui-btn + .mdui-btn { - margin-left: 0; -} -@media (min-width: 600px) { - .mdui-appbar .mdui-toolbar { - height: 64px; - line-height: 64px; - } - .mdui-appbar .mdui-toolbar > .mdui-btn { - margin: 0 8px; - } - .mdui-appbar .mdui-toolbar > .mdui-btn + .mdui-btn { - margin-left: 0; - } -} -@media (orientation: landscape) and (max-width: 959px) { - .mdui-appbar .mdui-toolbar { - height: 48px; - line-height: 48px; - } - .mdui-appbar .mdui-toolbar > .mdui-btn { - margin: 0 4px; - } - .mdui-appbar .mdui-toolbar > .mdui-btn + .mdui-btn { - margin-left: 0; - } -} -/** - * ============================================================================= - * ************ Appbar 应用栏 ************ - * ============================================================================= - */ -.mdui-appbar { - z-index: 1000; - -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12); - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12); -} -/* appbar 固定在顶部 */ -.mdui-appbar-fixed { - position: fixed; - top: 0; - right: 0; - left: 0; - -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1); - transition-timing-function: cubic-bezier(0, 0, .2, 1); - -webkit-transition-duration: .3s; - transition-duration: .3s; - -webkit-transition-property: left, right; - transition-property: left, right; - - will-change: left, right; -} -/* 左侧留出抽屉栏的距离 */ -@media (min-width: 1024px) { - .mdui-drawer-body-left .mdui-appbar-inset.mdui-appbar-fixed { - left: 240px; - } -} -@media (min-width: 1024px) { - .mdui-drawer-body-right .mdui-appbar-inset.mdui-appbar-fixed { - right: 240px; - } -} -/* 含工具栏 */ -.mdui-appbar-with-toolbar { - padding-top: 56px; -} -@media (min-width: 600px) { - .mdui-appbar-with-toolbar { - padding-top: 64px; - } -} -@media (orientation: landscape) and (max-width: 959px) { - .mdui-appbar-with-toolbar { - padding-top: 48px; - } -} -/* 含 Tab */ -.mdui-appbar-with-tab { - padding-top: 48px; -} -/* 含大 Tab */ -.mdui-appbar-with-tab-larger { - padding-top: 72px; -} -/* 含工具栏和 Tab */ -.mdui-appbar-with-toolbar.mdui-appbar-with-tab { - padding-top: 104px; -} -@media (min-width: 600px) { - .mdui-appbar-with-toolbar.mdui-appbar-with-tab { - padding-top: 112px; - } -} -@media (orientation: landscape) and (max-width: 959px) { - .mdui-appbar-with-toolbar.mdui-appbar-with-tab { - padding-top: 96px; - } -} -/* 含工具栏和大 Tab */ -.mdui-appbar-with-toolbar.mdui-appbar-with-tab-larger { - padding-top: 128px; -} -@media (min-width: 600px) { - .mdui-appbar-with-toolbar.mdui-appbar-with-tab-larger { - padding-top: 136px; - } -} -@media (orientation: landscape) and (max-width: 959px) { - .mdui-appbar-with-toolbar.mdui-appbar-with-tab-larger { - padding-top: 120px; - } -} -/** - * ============================================================================= - * ************ Appbar dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-appbar > [class*="mdui-color-"]:not(.mdui-color-transparent) { - color: #fff !important; - background-color: #212121 !important; -} -/** - * ============================================================================= - * ************ Card 卡片 ************ - * ============================================================================= - */ -/* 卡片 */ -.mdui-card { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; - color: #000; - background-color: #fff; - border-radius: 2px; - -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -} -/** - * ===================== 头部，包含头像、标题、副标题 - */ -.mdui-card-header { - position: relative; - height: 72px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 16px; -} -/* 卡片头部头像 */ -.mdui-card-header-avatar { - float: left; - width: 40px; - height: 40px; - border-radius: 50%; -} -/* 卡片头部标题 */ -.mdui-card-header-title { - display: block; - margin-left: 52px; - overflow: hidden; - font-size: 16px; - font-weight: 500; - line-height: 20px; - text-overflow: ellipsis; - white-space: nowrap; - opacity: .87; -} -/* 卡片头部副标题 */ -.mdui-card-header-subtitle { - display: block; - margin-left: 52px; - overflow: hidden; - font-size: 14px; - font-weight: 400; - line-height: 20px; - text-overflow: ellipsis; - white-space: nowrap; - opacity: .54; -} -/** - * =========================== 主标题区域 - */ -.mdui-card-primary { - position: relative; - padding: 24px 16px 16px 16px; -} -/* 主标题区域标题 */ -.mdui-card-primary-title { - display: block; - font-size: 24px; - line-height: 36px; - opacity: .87; -} -/* 主标题区域副标题 */ -.mdui-card-primary-subtitle { - display: block; - font-size: 14px; - line-height: 24px; - opacity: .54; -} -/** - * ============================ 内容区域 - */ -.mdui-card-content { - position: relative; - padding: 16px; - font-size: 14px; - line-height: 24px; -} -/** - * ============================ 卡片菜单 - */ -.mdui-card-menu { - position: absolute; - top: 16px; - right: 16px; - z-index: 1; -} -.mdui-card-menu .mdui-btn { - margin-left: 8px; -} -/** - * =========================== 按钮区域 - */ -.mdui-card-actions { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 8px; -} -.mdui-card-actions:before, -.mdui-card-actions:after { - display: table; - content: " "; -} -.mdui-card-actions:after { - clear: both; -} -.mdui-card-actions:before, -.mdui-card-actions:after { - display: table; - content: " "; -} -.mdui-card-actions:after { - clear: both; -} -.mdui-card-actions .mdui-btn { - max-width: 100%; - margin: 0 8px 0 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.mdui-card-actions .mdui-btn-icon { - width: 36px; - height: 36px; - margin: 0 8px; -} -/* 使按钮竖向排列 */ -.mdui-card-actions-stacked .mdui-btn { - display: block; - margin: 0 0 4px 0; -} -.mdui-card-actions-stacked .mdui-btn:last-child { - margin: 0; -} -/** - * ============================= 媒体元素区域 - */ -.mdui-card-media { - position: relative; -} -.mdui-card-media img, -.mdui-card-media video { - display: block; - width: 100%; -} -/* 覆盖在媒体元素上的内容 */ -.mdui-card-media-covered { - position: absolute; - right: 0; - bottom: 0; - left: 0; - color: #fff; - background: rgba(0, 0, 0, .2); - /* 覆盖在媒体元素上的标题 */ -} -.mdui-card-media-covered .mdui-card-primary-title { - opacity: 1; -} -.mdui-card-media-covered .mdui-card-primary-subtitle { - opacity: .7; -} -/* 覆盖在媒体元素顶部 */ -.mdui-card-media-covered-top { - top: 0; - bottom: auto; -} -/* 覆盖层透明 */ -.mdui-card-media-covered-transparent { - background: transparent; -} -/* 覆盖层渐变 */ -.mdui-card-media-covered-gradient { - background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .26)), to(rgba(0, 0, 0, 0))); - background: linear-gradient(to top, rgba(0, 0, 0, .26), rgba(0, 0, 0, 0)); -} -.mdui-card-media-covered-gradient.mdui-card-media-covered-top { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .26)), to(rgba(0, 0, 0, 0))); - background: linear-gradient(to bottom, rgba(0, 0, 0, .26), rgba(0, 0, 0, 0)); -} -/** - * ============================================================================= - * ************ Card dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-card { - color: #fff; - background-color: #424242; -} -/** - * ============================================================================= - * ************ Tab ************ - * ============================================================================= - * - * 在手机上选项卡始终平分或可滚动，在平板以上的设备上默认左对齐，可以选择居中对齐，或全宽等分 - */ -/* 选项卡，默认的选项卡为全宽 */ -.mdui-tab { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-height: 48px; - max-height: 72px; - padding: 0; - margin: 0 auto; - overflow-x: auto; - overflow-y: hidden; - -webkit-overflow-scrolling: touch; - white-space: nowrap; -} -.mdui-tab a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-width: 72px; - min-height: 48px; - max-height: 72px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 12px; - overflow: hidden; - font-size: 14px; - color: inherit; - text-align: center; - text-decoration: none; - text-overflow: ellipsis; - text-transform: uppercase; - cursor: pointer; - flex-direction: column; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - opacity: .7; - - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.mdui-tab a .mdui-icon { - opacity: .7; -} -@media (min-width: 600px) { - .mdui-tab a { - min-width: 99px; - max-width: 264px; - padding: 12px 24px; - - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - } -} -@media (min-width: 1024px) { - .mdui-tab a { - min-width: 112px; - } -} -@media (min-width: 1440px) { - .mdui-tab a { - min-width: 136px; - } -} -@media (min-width: 1920px) { - .mdui-tab a { - min-width: 160px; - } -} -.mdui-tab a label { - display: block; - width: 100%; - cursor: pointer; -} -.mdui-tab a .mdui-icon + label { - margin-top: 8px; -} -.mdui-tab a[disabled] { - cursor: default; - opacity: .38; -} -.mdui-tab a[disabled] label { - cursor: default; -} -.mdui-tab .mdui-tab-active { - color: #3f51b5; - opacity: 1; -} -.mdui-tab .mdui-tab-active .mdui-icon { - opacity: 1; -} -/* 选项卡居中 */ -@media (min-width: 600px) { - .mdui-tab-centered:before { - content: ' '; - - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - } - .mdui-tab-centered:after { - content: ' '; - - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - } - .mdui-tab-centered a { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - } -} -/* 选项卡始终全宽等分 */ -.mdui-tab-full-width a { - max-width: none; - - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -/* 可横向滚动的选项卡 */ -.mdui-tab-scrollable { - padding-left: 56px; -} -.mdui-tab-scrollable a { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -@media (max-width: 599px) { - .mdui-tab-scrollable { - padding-left: 60px; - } -} -/* 下划线指示器 */ -.mdui-tab-indicator { - position: absolute; - bottom: 0; - height: 2px; - background-color: #3f51b5; - -webkit-transition: all .35s cubic-bezier(.4, 0, .2, 1); - transition: all .35s cubic-bezier(.4, 0, .2, 1); - - will-change: left, width; -} -/** - * ============================================================================= - * ************ Tab 主色 ************ - * ============================================================================= - */ -.mdui-theme-primary-amber .mdui-tab .mdui-tab-active { - color: #ffc107; -} -.mdui-theme-primary-amber .mdui-tab-indicator { - background-color: #ffc107; -} -.mdui-theme-primary-blue .mdui-tab .mdui-tab-active { - color: #2196f3; -} -.mdui-theme-primary-blue .mdui-tab-indicator { - background-color: #2196f3; -} -.mdui-theme-primary-blue-grey .mdui-tab .mdui-tab-active { - color: #607d8b; -} -.mdui-theme-primary-blue-grey .mdui-tab-indicator { - background-color: #607d8b; -} -.mdui-theme-primary-brown .mdui-tab .mdui-tab-active { - color: #795548; -} -.mdui-theme-primary-brown .mdui-tab-indicator { - background-color: #795548; -} -.mdui-theme-primary-cyan .mdui-tab .mdui-tab-active { - color: #00bcd4; -} -.mdui-theme-primary-cyan .mdui-tab-indicator { - background-color: #00bcd4; -} -.mdui-theme-primary-deep-orange .mdui-tab .mdui-tab-active { - color: #ff5722; -} -.mdui-theme-primary-deep-orange .mdui-tab-indicator { - background-color: #ff5722; -} -.mdui-theme-primary-deep-purple .mdui-tab .mdui-tab-active { - color: #673ab7; -} -.mdui-theme-primary-deep-purple .mdui-tab-indicator { - background-color: #673ab7; -} -.mdui-theme-primary-green .mdui-tab .mdui-tab-active { - color: #4caf50; -} -.mdui-theme-primary-green .mdui-tab-indicator { - background-color: #4caf50; -} -.mdui-theme-primary-grey .mdui-tab .mdui-tab-active { - color: #9e9e9e; -} -.mdui-theme-primary-grey .mdui-tab-indicator { - background-color: #9e9e9e; -} -.mdui-theme-primary-indigo .mdui-tab .mdui-tab-active { - color: #3f51b5; -} -.mdui-theme-primary-indigo .mdui-tab-indicator { - background-color: #3f51b5; -} -.mdui-theme-primary-light-blue .mdui-tab .mdui-tab-active { - color: #03a9f4; -} -.mdui-theme-primary-light-blue .mdui-tab-indicator { - background-color: #03a9f4; -} -.mdui-theme-primary-light-green .mdui-tab .mdui-tab-active { - color: #8bc34a; -} -.mdui-theme-primary-light-green .mdui-tab-indicator { - background-color: #8bc34a; -} -.mdui-theme-primary-lime .mdui-tab .mdui-tab-active { - color: #cddc39; -} -.mdui-theme-primary-lime .mdui-tab-indicator { - background-color: #cddc39; -} -.mdui-theme-primary-orange .mdui-tab .mdui-tab-active { - color: #ff9800; -} -.mdui-theme-primary-orange .mdui-tab-indicator { - background-color: #ff9800; -} -.mdui-theme-primary-pink .mdui-tab .mdui-tab-active { - color: #e91e63; -} -.mdui-theme-primary-pink .mdui-tab-indicator { - background-color: #e91e63; -} -.mdui-theme-primary-purple .mdui-tab .mdui-tab-active { - color: #9c27b0; -} -.mdui-theme-primary-purple .mdui-tab-indicator { - background-color: #9c27b0; -} -.mdui-theme-primary-red .mdui-tab .mdui-tab-active { - color: #f44336; -} -.mdui-theme-primary-red .mdui-tab-indicator { - background-color: #f44336; -} -.mdui-theme-primary-teal .mdui-tab .mdui-tab-active { - color: #009688; -} -.mdui-theme-primary-teal .mdui-tab-indicator { - background-color: #009688; -} -.mdui-theme-primary-yellow .mdui-tab .mdui-tab-active { - color: #ffeb3b; -} -.mdui-theme-primary-yellow .mdui-tab-indicator { - background-color: #ffeb3b; -} -/* 带背景色的选项卡 */ -.mdui-tab[class*="mdui-color-"]:not(.mdui-color-white) .mdui-tab-active { - color: inherit; -} -.mdui-tab[class*="mdui-color-"]:not(.mdui-color-white) .mdui-tab-indicator { - background-color: #fff; -} -.mdui-tab[class*="mdui-color-"]:not(.mdui-color-white)::-webkit-scrollbar { - width: 5px; - height: 5px; - background: transparent; -} -@media (min-width: 1024px) { - .mdui-tab[class*="mdui-color-"]:not(.mdui-color-white)::-webkit-scrollbar { - width: 8px; - height: 8px; - } -} -.mdui-tab[class*="mdui-color-"]:not(.mdui-color-white)::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, .3); -} -/** - * ============================================================================= - * ************ Subheader 副标题 ************ - * ============================================================================= - * - * 用于 List 和 Grid list 组件 - */ -.mdui-subheader, -.mdui-subheader-inset { - position: relative; - height: 48px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-right: 16px; - padding-left: 16px; - overflow: hidden; - font-size: 14px; - font-weight: 500; - line-height: 48px; - color: rgba(0, 0, 0, .54); - text-overflow: ellipsis; - white-space: nowrap; - cursor: default; -} -.mdui-subheader-inset { - padding-left: 72px; -} -/** - * ============================================================================= - * ************ Subheader dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-subheader, -.mdui-theme-layout-dark .mdui-subheader-inset { - color: rgba(255, 255, 255, .7); -} -/** - * ============================================================================= - * ************ Grid List 网格列表 ************ - * ============================================================================= - */ -/* 调整网格边距 */ -.mdui-grid-list { - margin: 0 -2px; -} -.mdui-grid-list .mdui-col, -.mdui-grid-list [class*="mdui-col-xs-"], -.mdui-grid-list [class*="mdui-col-sm-"], -.mdui-grid-list [class*="mdui-col-md-"], -.mdui-grid-list [class*="mdui-col-lg-"], -.mdui-grid-list [class*="mdui-col-xl-"] { - padding-right: 2px; - padding-left: 2px; -} -/* 单元格 */ -.mdui-grid-tile { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 4px; - overflow: hidden; -} -.mdui-grid-tile img { - display: block; - width: 100%; -} -/* 操作栏 */ -.mdui-grid-tile-actions { - position: absolute; - right: 0; - bottom: 0; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-height: 48px; - max-height: 68px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 16px; - color: #fff; - background: rgba(0, 0, 0, .2); - - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.mdui-grid-tile-actions .mdui-icon { - color: #fff; -} -/* 操作栏内的文本 */ -.mdui-grid-tile-text { - overflow: hidden; - - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -/* 标题 */ -.mdui-grid-tile-title { - height: 16px; - overflow: hidden; - font-size: 16px; - line-height: 16px; - text-overflow: ellipsis; - white-space: nowrap; -} -.mdui-grid-tile-title .mdui-icon { - margin-right: 8px; -} -/* 副标题 */ -.mdui-grid-tile-subtitle { - height: 18px; - margin-top: 4px; - overflow: hidden; - font-size: 12px; - line-height: 18px; - text-overflow: ellipsis; - white-space: nowrap; -} -.mdui-grid-tile-subtitle .mdui-icon { - margin-right: 8px; - font-size: 18px; -} -/* 操作栏内的按钮 */ -.mdui-grid-tile-buttons { - margin: -8px; - white-space: nowrap; - - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.mdui-grid-tile-buttons .mdui-btn { - margin-left: 8px; -} -.mdui-grid-tile-buttons .mdui-btn:first-child { - margin-left: 0; -} -.mdui-grid-tile-text + .mdui-grid-tile-buttons { - margin-left: 8px; -} -.mdui-grid-tile-buttons + .mdui-grid-tile-text { - margin-left: 16px; -} -/* 操作栏位于顶部 */ -.mdui-grid-tile-actions-top { - top: 0; - bottom: auto; -} -/* 操作栏背景透明 */ -.mdui-grid-tile-actions-transparent { - background: transparent; -} -/* 操作栏背景渐变 */ -.mdui-grid-tile-actions-gradient { - background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .26)), to(rgba(0, 0, 0, 0))); - background: linear-gradient(to top, rgba(0, 0, 0, .26), rgba(0, 0, 0, 0)); -} -.mdui-grid-tile-actions-gradient.mdui-grid-tile-actions-top { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .26)), to(rgba(0, 0, 0, 0))); - background: linear-gradient(to bottom, rgba(0, 0, 0, .26), rgba(0, 0, 0, 0)); -} -/** - * ============================================================================= - * ************ List 列表 ************ - * ============================================================================= - */ -/* 列表 */ -.mdui-list { - padding: 8px 0; - margin: 0; - list-style: none; - background-color: transparent; -} -.mdui-list .mdui-list { - padding: 0; -} -.mdui-list > .mdui-divider, -.mdui-list > .mdui-divider-light, -.mdui-list > .mdui-divider-dark, -.mdui-list > .mdui-divider-inset, -.mdui-list > .mdui-divider-inset-light, -.mdui-list > .mdui-divider-inset-dark { - margin-top: 8px; - margin-bottom: 8px; -} -.mdui-list a { - color: inherit; - text-decoration: none; -} -.mdui-list .mdui-subheader, -.mdui-list .mdui-subheader-inset { - margin-top: 8px; -} -.mdui-list .mdui-subheader:before, -.mdui-list .mdui-subheader-inset:before { - position: absolute; - right: 0; - left: 0; - display: block; - height: 1px; - content: ' '; - background-color: rgba(0, 0, 0, .12); -} -.mdui-list .mdui-subheader:first-child, -.mdui-list .mdui-subheader-inset:first-child { - margin-top: -8px; -} -.mdui-list .mdui-subheader:first-child:before, -.mdui-list .mdui-subheader-inset:first-child:before { - background-color: transparent; -} -.mdui-list .mdui-subheader-inset:before { - left: 72px; -} -/* 列表项 */ -.mdui-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-height: 48px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 0 16px; - text-decoration: none; - cursor: pointer; - -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1); - transition: background-color .3s cubic-bezier(.4, 0, .2, 1); - - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.mdui-list-item:hover { - background-color: rgba(0, 0, 0, .08); -} -.mdui-list-item:after { - height: 48px; - visibility: hidden; - content: ' '; -} -/* 列表项图标 */ -.mdui-list-item-icon { - width: 24px; - min-width: 24px; - height: 24px; - color: rgba(0, 0, 0, .54); -} -/* 列表项头像 */ -.mdui-list-item-avatar { - min-width: 40px; - max-width: 40px; - height: 40px; - margin-top: 8px; - margin-bottom: 8px; - line-height: 40px; - color: #fff; - text-align: center; - background-color: #bdbdbd; - border-radius: 50%; -} -.mdui-list-item-avatar img { - width: 100%; - height: 100%; - border-radius: 50%; -} -/* 列表项内容 */ -.mdui-list-item-content { - padding-top: 14px; - padding-bottom: 14px; - font-size: 16px; - font-weight: 400; - line-height: 20px; - - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} -/* 列表项内容的副内容 */ -.mdui-list-item-text { - font-size: 14px; - opacity: .54; -} -.mdui-list-item-title ~ .mdui-list-item-text { - margin-top: 4px; -} -/* 激活状态的列表项 */ -.mdui-list-item-active { - font-weight: 700; - background-color: rgba(0, 0, 0, .08); -} -.mdui-list-item-active .mdui-list-item-content { - font-weight: 700; -} -.mdui-list-item-active .mdui-list-item-text { - font-weight: 400; -} -/* 限制文本高度 */ -.mdui-list-item-one-line, -.mdui-list-item-two-line, -.mdui-list-item-three-line { - display: -webkit-box; - overflow: hidden; - text-overflow: ellipsis; - - -webkit-box-orient: vertical; -} -.mdui-list-item-one-line { - height: 20px; - - -webkit-line-clamp: 1; -} -.mdui-list-item-two-line { - height: 40px; - - -webkit-line-clamp: 2; -} -.mdui-list-item-three-line { - height: 60px; - - -webkit-line-clamp: 3; -} -/* 列表项内的元素间添加间距 */ -.mdui-list-item-icon ~ .mdui-list-item-content { - margin-left: 32px; -} -.mdui-checkbox ~ .mdui-list-item-content, -.mdui-radio ~ .mdui-list-item-content, -.mdui-switch ~ .mdui-list-item-content { - margin-left: 20px; -} -.mdui-list-item-avatar ~ .mdui-list-item-content { - margin-left: 16px; -} -.mdui-list-item-content ~ .mdui-list-item-icon, -.mdui-list-item-content ~ .mdui-list-item-avatar, -.mdui-list-item-content ~ .mdui-checkbox, -.mdui-list-item-content ~ .mdui-radio, -.mdui-list-item-content ~ .mdui-switch { - margin-left: 16px; -} -.mdui-list-item-content ~ .mdui-checkbox, -.mdui-list-item-content ~ .mdui-radio { - padding-left: 24px; -} -/* 密集型列表 */ -.mdui-list-dense { - padding: 4px 0; - font-size: 13px; -} -.mdui-list-dense > .mdui-divider, -.mdui-list-dense > .mdui-divider-light, -.mdui-list-dense > .mdui-divider-dark, -.mdui-list-dense > .mdui-divider-inset, -.mdui-list-dense > .mdui-divider-inset-light, -.mdui-list-dense > .mdui-divider-inset-dark { - margin-top: 4px; - margin-bottom: 4px; -} -.mdui-list-dense .mdui-subheader, -.mdui-list-dense .mdui-subheader-inset { - height: 40px; - margin-top: 4px; - font-size: 12px; - line-height: 40px; -} -.mdui-list-dense .mdui-subheader:first-child, -.mdui-list-dense .mdui-subheader-inset:first-child { - margin-top: -4px; -} -.mdui-list-dense .mdui-list-item { - min-height: 40px; -} -.mdui-list-dense .mdui-list-item:after { - height: 40px; -} -.mdui-list-dense .mdui-list-item-icon { - width: 20px; - height: 20px; - font-size: 20px; -} -.mdui-list-dense .mdui-list-item-avatar { - min-width: 36px; - height: 36px; - min-height: 36px; -} -.mdui-list-dense .mdui-list-item-content { - padding-top: 11px; - padding-bottom: 11px; - font-size: 13px; - line-height: 18px; -} -.mdui-list-dense .mdui-list-item-text { - font-size: 13px; -} -.mdui-list-dense .mdui-list-item-title ~ .mdui-list-item-text { - margin-top: 2px; -} -.mdui-list-dense .mdui-list-item-one-line { - height: 18px; -} -.mdui-list-dense .mdui-list-item-two-line { - height: 36px; -} -.mdui-list-dense .mdui-list-item-three-line { - height: 54px; -} -/** - * ============================================================================= - * ************ List dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-list .mdui-subheader:before, -.mdui-theme-layout-dark .mdui-list .mdui-subheader-inset:before { - background-color: rgba(255, 255, 255, .12); -} -.mdui-theme-layout-dark .mdui-list .mdui-subheader:first-child:before, -.mdui-theme-layout-dark .mdui-list .mdui-subheader-inset:first-child:before { - background-color: transparent; -} -.mdui-theme-layout-dark .mdui-list-item { - color: #fff; -} -.mdui-theme-layout-dark .mdui-list-item:hover { - background-color: rgba(255, 255, 255, .08); -} -.mdui-theme-layout-dark .mdui-list-item-icon { - color: #fff; -} -.mdui-theme-layout-dark .mdui-list-item-text { - opacity: .7; -} -.mdui-theme-layout-dark .mdui-list-item-active { - background-color: rgba(255, 255, 255, .08); -} -/** - * ============================================================================== - * ************ List inner theme ************ - * ============================================================================== - */ -[class*="mdui-color-"] .mdui-list-item { - color: inherit; -} -[class*="mdui-color-"] .mdui-list-item-icon { - color: inherit; -} -/** - * ============================================================================= - * ************ Drawer 抽屉栏导航 ************ - * ============================================================================= - */ -/* DOM 加载完后再添加 transition */ -body.mdui-loaded { - -webkit-transition: padding .3s cubic-bezier(0, 0, .2, 1); - transition: padding .3s cubic-bezier(0, 0, .2, 1); -} -body.mdui-loaded .mdui-drawer { - -webkit-transition: all .3s cubic-bezier(0, 0, .2, 1); - transition: all .3s cubic-bezier(0, 0, .2, 1); -} -/* 抽屉栏外层，默认出现在左侧且隐藏 */ -.mdui-drawer { - position: fixed; - top: 0; - bottom: 0; - left: 0; - z-index: 5000; - width: calc(100% - 56px); - max-width: 280px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - white-space: nowrap; - - will-change: transform; -} -@media (max-width: 1023px) { - .mdui-drawer:not(.mdui-drawer-open) { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } -} -@media (min-width: 600px) { - .mdui-drawer { - width: calc(100% - 64px); - max-width: 320px; - } -} -@media (min-width: 1024px) { - .mdui-drawer { - width: 240px; - max-width: none; - } - .mdui-drawer.mdui-drawer-close { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } -} -/* 出现在右侧的抽屉栏 */ -.mdui-drawer-right { - right: 0; - left: auto; -} -/* 平板上的样式 */ -@media (max-width: 1023px) { - .mdui-drawer { - /* 始终有背景和阴影 */ - background-color: #fff; - -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12); - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12); - /* 默认隐藏 */ - -webkit-transform: translateX(-330px); - transform: translateX(-330px); - } - .mdui-drawer-right { - /* 右侧 drawer 也默认隐藏 */ - -webkit-transform: translateX(330px); - transform: translateX(330px); - } -} -/* 手机上的样式 */ -@media (max-width: 599px) { - .mdui-drawer { - -webkit-transform: translateX(-290px); - transform: translateX(-290px); - } - .mdui-drawer-right { - -webkit-transform: translateX(290px); - transform: translateX(290px); - } -} -/* 强制隐藏抽屉栏 */ -.mdui-drawer-close { - -webkit-transform: translateX(-290px); - transform: translateX(-290px); -} -.mdui-drawer-close.mdui-drawer-right { - -webkit-transform: translateX(290px); - transform: translateX(290px); -} -@media (min-width: 600px) { - .mdui-drawer-close { - -webkit-transform: translateX(-330px); - transform: translateX(-330px); - } - .mdui-drawer-close.mdui-drawer-right { - -webkit-transform: translateX(330px); - transform: translateX(330px); - } -} -@media (min-width: 1024px) { - .mdui-drawer-close { - -webkit-transform: translateX(-250px); - transform: translateX(-250px); - } - .mdui-drawer-close.mdui-drawer-right { - -webkit-transform: translateX(250px); - transform: translateX(250px); - } -} -/* 强制显示抽屉栏 */ -.mdui-drawer-open { - -webkit-transform: translateX(0) !important; - transform: translateX(0) !important; -} -/* PC 上的样式 */ -@media (min-width: 1024px) { - /* 使该类所在元素获得 padding-left 或 padding-right，避免被抽屉栏覆盖住页面 */ - .mdui-drawer-body-left { - padding-left: 240px; - } - .mdui-drawer-body-right { - padding-right: 240px; - } - /* PC 上默认有上边距 */ - .mdui-appbar-with-toolbar .mdui-drawer { - top: 64px; - } - .mdui-appbar-with-tab .mdui-drawer { - top: 48px; - } - .mdui-appbar-with-tab-larger .mdui-drawer { - top: 72px; - } - .mdui-appbar-with-toolbar.mdui-appbar-with-tab .mdui-drawer { - top: 112px; - } - .mdui-appbar-with-toolbar.mdui-appbar-with-tab-larger .mdui-drawer { - top: 136px; - } -} -/* 抽屉栏不是透明时添加阴影 */ -.mdui-drawer[class*="mdui-color-"]:not(.mdui-color-transparent) { - -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12); - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12); -} -/* 抽屉栏 100% 高度，覆盖在导航栏上面 */ -.mdui-drawer-full-height { - top: 0 !important; -} -/** - * ============================================================================= - * ************ Drawer dark ************ - * ============================================================================= - */ -@media (max-width: 1023px) { - .mdui-theme-layout-dark .mdui-drawer { - background-color: #424242; - } -} -/** - * ============================================================================= - * ************ Dialog 提示框 ************ - * ============================================================================= - */ -.mdui-dialog { - position: fixed; - right: 0; - left: 0; - z-index: 6000; - display: none; - width: 92%; - min-width: 180px; - max-width: 728px; - max-height: 90%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: auto; - overflow: hidden; - color: #000; - background-color: #fff; - border-radius: 2px; - -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12); - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12); - opacity: 0; - -webkit-transition-duration: .3s; - transition-duration: .3s; - -webkit-transition-property: opacity, visibility, -webkit-transform; - transition-property: opacity, visibility, -webkit-transform; - transition-property: transform, opacity, visibility; - transition-property: transform, opacity, visibility, -webkit-transform; - -webkit-transform: scale(.95); - transform: scale(.95); - - will-change: top, opacity, transform; -} -@media (min-width: 600px) { - .mdui-dialog { - width: 85%; - max-height: 85%; - } -} -@media (min-width: 1024px) { - .mdui-dialog { - width: 80%; - max-height: 80%; - } -} -/* 打开提示框 */ -.mdui-dialog-open { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -/* 提示框标题 */ -.mdui-dialog-title { - -webkit-box-sizing: border-box; - box-sizing: border-box; - font-size: 20px; - font-weight: 500; - line-height: 24px; - text-align: left; -} -/* 标题固定在顶部 */ -.mdui-dialog > .mdui-dialog-title { - padding: 24px 24px 20px 24px; -} -/* 提示框内容 */ -.mdui-dialog-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 24px; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - font-size: 15px; - line-height: 1.5; - color: rgba(0, 0, 0, .7); -} -/* 标题随内容滚动 */ -.mdui-dialog-content > .mdui-dialog-title { - padding-bottom: 20px; -} -.mdui-dialog-title + .mdui-dialog-content { - padding-top: 0; -} -/* 提示框底部按钮 */ -.mdui-dialog-actions { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 8px; - text-align: right; -} -.mdui-dialog-actions .mdui-btn { - min-width: 64px; - margin-left: 8px; - color: #e91e63; -} -.mdui-dialog-actions .mdui-btn:first-child { - margin-left: 0; -} -/* 底部按钮滚随内容动 */ -.mdui-dialog-content > .mdui-dialog-actions { - padding-top: 32px; - margin: 0 -24px -24px -24px; -} -/* 使提示框底部按钮竖排 */ -.mdui-dialog-actions-stacked { - padding: 8px 0 8px 0; -} -.mdui-dialog-actions-stacked .mdui-btn { - width: 100%; - height: 48px; - margin: 0; - line-height: 48px !important; - text-align: right; - border-radius: 0; -} -/** - * ============================================================================= - * ************ Dialog 强调色 ************ - * ============================================================================= - */ -.mdui-theme-accent-amber .mdui-dialog-actions .mdui-btn { - color: #ffc107; -} -.mdui-theme-accent-blue .mdui-dialog-actions .mdui-btn { - color: #2196f3; -} -.mdui-theme-accent-cyan .mdui-dialog-actions .mdui-btn { - color: #00bcd4; -} -.mdui-theme-accent-deep-orange .mdui-dialog-actions .mdui-btn { - color: #ff5722; -} -.mdui-theme-accent-deep-purple .mdui-dialog-actions .mdui-btn { - color: #673ab7; -} -.mdui-theme-accent-green .mdui-dialog-actions .mdui-btn { - color: #4caf50; -} -.mdui-theme-accent-indigo .mdui-dialog-actions .mdui-btn { - color: #3f51b5; -} -.mdui-theme-accent-light-blue .mdui-dialog-actions .mdui-btn { - color: #03a9f4; -} -.mdui-theme-accent-light-green .mdui-dialog-actions .mdui-btn { - color: #8bc34a; -} -.mdui-theme-accent-lime .mdui-dialog-actions .mdui-btn { - color: #cddc39; -} -.mdui-theme-accent-orange .mdui-dialog-actions .mdui-btn { - color: #ff9800; -} -.mdui-theme-accent-pink .mdui-dialog-actions .mdui-btn { - color: #e91e63; -} -.mdui-theme-accent-purple .mdui-dialog-actions .mdui-btn { - color: #9c27b0; -} -.mdui-theme-accent-red .mdui-dialog-actions .mdui-btn { - color: #f44336; -} -.mdui-theme-accent-teal .mdui-dialog-actions .mdui-btn { - color: #009688; -} -.mdui-theme-accent-yellow .mdui-dialog-actions .mdui-btn { - color: #ffeb3b; -} -/** - * ============================================================================= - * ************ Dialog dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-dialog { - color: #fff; - background-color: #424242; -} -.mdui-theme-layout-dark .mdui-dialog-content { - color: rgba(255, 255, 255, .7); -} -/** - * ============================================================================= - * ************ Dialog alert ************ - * ============================================================================= - */ -.mdui-dialog-alert { - max-width: 448px; -} -/** - * ============================================================================= - * ************ Dialog confirm ************ - * ============================================================================= - */ -.mdui-dialog-confirm { - max-width: 448px; -} -/** - * ============================================================================= - * ************ Dialog prompt ************ - * ============================================================================= - */ -.mdui-dialog-prompt { - max-width: 448px; -} -.mdui-dialog-prompt .mdui-textfield { - padding-top: 0; -} -/** - * ============================================================================= - * ************ Shadow 阴影 ************ - * ============================================================================= - */ -.mdui-shadow-0 { - -webkit-box-shadow: none; - box-shadow: none; -} -.mdui-shadow-1 { - -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12); -} -.mdui-shadow-2 { - -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -} -.mdui-shadow-3 { - -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12); -} -.mdui-shadow-4 { - -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12); - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12); -} -.mdui-shadow-5 { - -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12); -} -.mdui-shadow-6 { - -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); -} -.mdui-shadow-7 { - -webkit-box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12); - box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12); -} -.mdui-shadow-8 { - -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); -} -.mdui-shadow-9 { - -webkit-box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12); - box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12); -} -.mdui-shadow-10 { - -webkit-box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12); - box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12); -} -.mdui-shadow-11 { - -webkit-box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12); - box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12); -} -.mdui-shadow-12 { - -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12); - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12); -} -.mdui-shadow-13 { - -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12); - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12); -} -.mdui-shadow-14 { - -webkit-box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12); - box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12); -} -.mdui-shadow-15 { - -webkit-box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12); - box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12); -} -.mdui-shadow-16 { - -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12); - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12); -} -.mdui-shadow-17 { - -webkit-box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12); - box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12); -} -.mdui-shadow-18 { - -webkit-box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12); - box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12); -} -.mdui-shadow-19 { - -webkit-box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12); - box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12); -} -.mdui-shadow-20 { - -webkit-box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12); - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12); -} -.mdui-shadow-21 { - -webkit-box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12); - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12); -} -.mdui-shadow-22 { - -webkit-box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12); - box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12); -} -.mdui-shadow-23 { - -webkit-box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12); - box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12); -} -.mdui-shadow-24 { - -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12); - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12); -} -/* 鼠标悬浮时加深阴影 */ -.mdui-hoverable { - -webkit-transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1); - transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1); - transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1); - transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1); - - will-change: box-shadow; -} -.mdui-hoverable:hover, -.mdui-hoverable:focus { - -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); -} -/** - * ============================================================================= - * ************ Tooltip 工具提示 ************ - * ============================================================================= - */ -.mdui-tooltip { - position: absolute; - z-index: 9000; - display: inline-block; - max-width: 180px; - min-height: 32px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 8px 16px; - font-size: 14px; - font-weight: 500; - line-height: 22px; - color: #fff; - text-align: left; - background-color: rgba(97, 97, 97, .9); - border-radius: 2px; - opacity: 0; - -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1); - transition-timing-function: cubic-bezier(.4, 0, .2, 1); - -webkit-transition-duration: .15s; - transition-duration: .15s; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; - transition-property: opacity, transform; - transition-property: opacity, transform, -webkit-transform; - -webkit-transform: scale(0); - transform: scale(0); - - will-change: opacity, transform; -} -@media (min-width: 1024px) { - .mdui-tooltip { - max-width: 200px; - min-height: 24px; - padding: 4px 8px; - font-size: 12px; - line-height: 18px; - } -} -/* 显示工具提示 */ -.mdui-tooltip-open { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -/** - * ============================================================================= - * ************ Snackbar ************ - * ============================================================================= - */ -.mdui-snackbar { - position: fixed; - z-index: 7000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - min-height: 48px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 0 24px 0 24px; - font-size: 14px; - line-height: 20px; - color: #fff; - background-color: #323232; - - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - will-change: transform; -} -@media (min-width: 600px) { - .mdui-snackbar { - width: auto; - min-width: 288px; - max-width: 568px; - border-radius: 2px; - } -} -.mdui-snackbar-bottom, -.mdui-snackbar-top, -.mdui-snackbar-left-top, -.mdui-snackbar-left-bottom, -.mdui-snackbar-right-top, -.mdui-snackbar-right-bottom { - -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1); - transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1); - transition: transform .3s cubic-bezier(.4, 0, .2, 1); - transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1); -} -/* 位置 */ -.mdui-snackbar-bottom, -.mdui-snackbar-left-bottom, -.mdui-snackbar-right-bottom { - bottom: 0; -} -.mdui-snackbar-top, -.mdui-snackbar-left-top, -.mdui-snackbar-right-top { - top: 0; -} -.mdui-snackbar-top, -.mdui-snackbar-bottom { - left: 50%; -} -@media (min-width: 600px) { - .mdui-snackbar-left-top { - top: 24px; - left: 24px; - } - .mdui-snackbar-left-bottom { - bottom: 24px; - left: 24px; - } - .mdui-snackbar-right-top { - top: 24px; - right: 24px; - } - .mdui-snackbar-right-bottom { - right: 24px; - bottom: 24px; - } -} -/* 文本 */ -.mdui-snackbar-text { - position: relative; - max-width: 100%; - padding: 14px 0 14px 0; - overflow: hidden; - text-overflow: ellipsis; -} -/* 按钮 */ -.mdui-snackbar-action { - margin-right: -16px; - color: #ff80ab; - white-space: nowrap; -} -/** - * ============================================================================= - * ************ Snackbar 强调色 ************ - * ============================================================================= - */ -.mdui-theme-accent-amber .mdui-snackbar-action { - color: #ffe57f; -} -.mdui-theme-accent-blue .mdui-snackbar-action { - color: #82b1ff; -} -.mdui-theme-accent-cyan .mdui-snackbar-action { - color: #84ffff; -} -.mdui-theme-accent-deep-orange .mdui-snackbar-action { - color: #ff9e80; -} -.mdui-theme-accent-deep-purple .mdui-snackbar-action { - color: #b388ff; -} -.mdui-theme-accent-green .mdui-snackbar-action { - color: #b9f6ca; -} -.mdui-theme-accent-indigo .mdui-snackbar-action { - color: #8c9eff; -} -.mdui-theme-accent-light-blue .mdui-snackbar-action { - color: #80d8ff; -} -.mdui-theme-accent-light-green .mdui-snackbar-action { - color: #ccff90; -} -.mdui-theme-accent-lime .mdui-snackbar-action { - color: #f4ff81; -} -.mdui-theme-accent-orange .mdui-snackbar-action { - color: #ffd180; -} -.mdui-theme-accent-pink .mdui-snackbar-action { - color: #ff80ab; -} -.mdui-theme-accent-purple .mdui-snackbar-action { - color: #ea80fc; -} -.mdui-theme-accent-red .mdui-snackbar-action { - color: #ff8a80; -} -.mdui-theme-accent-teal .mdui-snackbar-action { - color: #a7ffeb; -} -.mdui-theme-accent-yellow .mdui-snackbar-action { - color: #ffff8d; -} -/** - * ============================================================================= - * ************ Snackbar dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-snackbar { - background-color: #5d5d5d; -} -/** - * ============================================================================= - * ************ Chip 纸片 ************ - * ============================================================================= - */ -.mdui-chip { - display: inline-block; - height: 32px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 2px 0; - white-space: nowrap; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-color: #e0e0e0; - border-radius: 16px; - -webkit-transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1); - transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1); - transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1); - transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1); - - will-change: box-shadow; -} -.mdui-chip:hover, -.mdui-chip:focus { - -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -} -.mdui-chip:active { - background-color: #d6d6d6; -} -/* 左侧的图标 */ -.mdui-chip-icon { - position: relative; - display: inline-block; - width: 32px; - height: 32px; - margin-right: -4px; - overflow: hidden; - font-size: 18px; - line-height: 32px; - color: #fff; - text-align: center; - vertical-align: middle; - background-color: #989898; - border-radius: 50%; -} -.mdui-chip-icon .mdui-icon { - position: absolute; - top: 4px; - left: 4px; - color: #fff; -} -/* 文本 */ -.mdui-chip-title { - display: inline-block; - height: 32px; - padding-right: 12px; - padding-left: 12px; - font-size: 14px; - line-height: 32px; - vertical-align: middle; -} -/* 删除按钮 */ -.mdui-chip-delete { - display: inline-block; - width: 24px; - height: 24px; - margin-right: 4px; - margin-left: -8px; - overflow: hidden; - text-align: center; - text-decoration: none; - vertical-align: middle; - cursor: pointer; - border-radius: 50%; - opacity: .54; - -webkit-transition: opacity .25s cubic-bezier(.4, 0, .2, 1); - transition: opacity .25s cubic-bezier(.4, 0, .2, 1); - - will-change: opacity; -} -.mdui-chip-delete:hover, -.mdui-chip-delete:focus { - opacity: .87; -} -/** - * ============================================================================= - * ************ Chip dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-chip { - background-color: #484848; -} -.mdui-theme-layout-dark .mdui-chip:active { - background-color: #5d5d5d; -} -/** - * ============================================================================= - * ************ Bottom navigation 底部导航栏 ************ - * ============================================================================= - */ -.mdui-bottom-nav { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 56px; - padding: 0; - margin: 0 auto; - overflow: hidden; - white-space: nowrap; -} -@media (min-width: 600px) { - .mdui-bottom-nav:before { - content: ' '; - - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - } - .mdui-bottom-nav:after { - content: ' '; - - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - } -} -.mdui-bottom-nav a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-width: 32px; - max-width: none; - padding: 8px 12px 10px 12px; - overflow: hidden; - font-size: 12px; - color: inherit; - text-align: center; - text-decoration: none; - text-overflow: ellipsis; - cursor: pointer; - flex-direction: column; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - opacity: .7; - -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1); - transition: all .2s cubic-bezier(.4, 0, .2, 1); - - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - will-change: padding; -} -@media (min-width: 600px) { - .mdui-bottom-nav a { - max-width: 144px; - } -} -.mdui-bottom-nav a .mdui-icon { - opacity: .7; -} -.mdui-bottom-nav a label { - display: block; - width: 100%; - cursor: pointer; - -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1); - transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1); - transition: transform .2s cubic-bezier(.4, 0, .2, 1); - transition: transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1); - - will-change: font-size; -} -.mdui-bottom-nav a .mdui-icon + label { - margin-top: 6px; -} -.mdui-bottom-nav a.mdui-bottom-nav-active { - font-size: 14px; - color: #3f51b5; - opacity: 1; -} -.mdui-bottom-nav a.mdui-bottom-nav-active .mdui-icon { - opacity: 1; -} -/* 只在激活时显示文本 */ -.mdui-bottom-nav-text-auto a { - min-width: 32px; - padding-right: 0; - padding-left: 0; -} -@media (min-width: 600px) { - .mdui-bottom-nav-text-auto a { - max-width: 156px; - } -} -.mdui-bottom-nav-text-auto a .mdui-icon { - padding-top: 16px; - -webkit-transition: padding-top .2s cubic-bezier(.4, 0, .2, 1); - transition: padding-top .2s cubic-bezier(.4, 0, .2, 1); - - will-change: padding-top; -} -.mdui-bottom-nav-text-auto a label { - -webkit-transform: scale(0); - transform: scale(0); -} -.mdui-bottom-nav-text-auto a.mdui-bottom-nav-active { - padding-right: 18px; - padding-left: 18px; -} -.mdui-bottom-nav-text-auto a.mdui-bottom-nav-active .mdui-icon { - padding-top: 0; -} -.mdui-bottom-nav-text-auto a.mdui-bottom-nav-active label { - -webkit-transform: scale(1); - transform: scale(1); -} -/* 固定到页面底部 */ -.mdui-bottom-nav-fixed { - padding-bottom: 56px; -} -.mdui-bottom-nav-fixed .mdui-bottom-nav { - position: fixed; - right: 0; - bottom: 0; - left: 0; -} -/** - * ============================================================================= - * ************ Bottom Nav 主色 ************ - * ============================================================================= - */ -.mdui-theme-primary-amber .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #ffc107; -} -.mdui-theme-primary-blue .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #2196f3; -} -.mdui-theme-primary-blue-grey .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #607d8b; -} -.mdui-theme-primary-brown .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #795548; -} -.mdui-theme-primary-cyan .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #00bcd4; -} -.mdui-theme-primary-deep-orange .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #ff5722; -} -.mdui-theme-primary-deep-purple .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #673ab7; -} -.mdui-theme-primary-green .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #4caf50; -} -.mdui-theme-primary-grey .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #9e9e9e; -} -.mdui-theme-primary-indigo .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #3f51b5; -} -.mdui-theme-primary-light-blue .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #03a9f4; -} -.mdui-theme-primary-light-green .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #8bc34a; -} -.mdui-theme-primary-lime .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #cddc39; -} -.mdui-theme-primary-orange .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #ff9800; -} -.mdui-theme-primary-pink .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #e91e63; -} -.mdui-theme-primary-purple .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #9c27b0; -} -.mdui-theme-primary-red .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #f44336; -} -.mdui-theme-primary-teal .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #009688; -} -.mdui-theme-primary-yellow .mdui-bottom-nav a.mdui-bottom-nav-active { - color: #ffeb3b; -} -/* 带背景色的底部导航栏 */ -.mdui-bottom-nav[class*="mdui-color-"] .mdui-bottom-nav-active { - color: inherit !important; -} -/** - * ============================================================================= - * ************ Progress Linear 线性进度条 ************ - * ============================================================================= - */ -/* 线性进度条 */ -.mdui-progress { - position: relative; - display: block; - width: 100%; - height: 4px; - overflow: hidden; - background-color: rgba(63, 81, 181, .2); - border-radius: 2px; -} -/* 确定进度的线性进度条 */ -.mdui-progress-determinate { - position: absolute; - top: 0; - bottom: 0; - left: 0; - background-color: #3f51b5; - -webkit-transition: width .3s linear; - transition: width .3s linear; -} -/* 不确定进度的线性进度条 */ -.mdui-progress-indeterminate { - background-color: #3f51b5; -} -.mdui-progress-indeterminate:before { - position: absolute; - top: 0; - bottom: 0; - left: 0; - content: ' '; - background-color: inherit; - -webkit-animation: mdui-progress-indeterminate 2s linear infinite; - animation: mdui-progress-indeterminate 2s linear infinite; - - will-change: left, width; -} -.mdui-progress-indeterminate:after { - position: absolute; - top: 0; - bottom: 0; - left: 0; - content: ' '; - background-color: inherit; - -webkit-animation: mdui-progress-indeterminate-short 2s linear infinite; - animation: mdui-progress-indeterminate-short 2s linear infinite; - - will-change: left, width; -} -@-webkit-keyframes mdui-progress-indeterminate { - 0% { - left: 0; - width: 0; - } - 50% { - left: 30%; - width: 70%; - } - 75% { - left: 100%; - width: 0; - } -} -@keyframes mdui-progress-indeterminate { - 0% { - left: 0; - width: 0; - } - 50% { - left: 30%; - width: 70%; - } - 75% { - left: 100%; - width: 0; - } -} -@-webkit-keyframes mdui-progress-indeterminate-short { - 0% { - left: 0; - width: 0; - } - 50% { - left: 0; - width: 0; - } - 75% { - left: 0; - width: 25%; - } - 100% { - left: 100%; - width: 0; - } -} -@keyframes mdui-progress-indeterminate-short { - 0% { - left: 0; - width: 0; - } - 50% { - left: 0; - width: 0; - } - 75% { - left: 0; - width: 25%; - } - 100% { - left: 100%; - width: 0; - } -} -/** - * ============================================================================= - * ************ Progress linear 主色 ************ - * ============================================================================= - */ -.mdui-theme-primary-amber .mdui-progress { - background-color: rgba(255, 193, 7, .2); -} -.mdui-theme-primary-amber .mdui-progress-determinate, -.mdui-theme-primary-amber .mdui-progress-indeterminate { - background-color: #ffc107; -} -.mdui-theme-primary-blue .mdui-progress { - background-color: rgba(33, 150, 243, .2); -} -.mdui-theme-primary-blue .mdui-progress-determinate, -.mdui-theme-primary-blue .mdui-progress-indeterminate { - background-color: #2196f3; -} -.mdui-theme-primary-blue-grey .mdui-progress { - background-color: rgba(96, 125, 139, .2); -} -.mdui-theme-primary-blue-grey .mdui-progress-determinate, -.mdui-theme-primary-blue-grey .mdui-progress-indeterminate { - background-color: #607d8b; -} -.mdui-theme-primary-brown .mdui-progress { - background-color: rgba(121, 85, 72, .2); -} -.mdui-theme-primary-brown .mdui-progress-determinate, -.mdui-theme-primary-brown .mdui-progress-indeterminate { - background-color: #795548; -} -.mdui-theme-primary-cyan .mdui-progress { - background-color: rgba(0, 188, 212, .2); -} -.mdui-theme-primary-cyan .mdui-progress-determinate, -.mdui-theme-primary-cyan .mdui-progress-indeterminate { - background-color: #00bcd4; -} -.mdui-theme-primary-deep-orange .mdui-progress { - background-color: rgba(255, 87, 34, .2); -} -.mdui-theme-primary-deep-orange .mdui-progress-determinate, -.mdui-theme-primary-deep-orange .mdui-progress-indeterminate { - background-color: #ff5722; -} -.mdui-theme-primary-deep-purple .mdui-progress { - background-color: rgba(103, 58, 183, .2); -} -.mdui-theme-primary-deep-purple .mdui-progress-determinate, -.mdui-theme-primary-deep-purple .mdui-progress-indeterminate { - background-color: #673ab7; -} -.mdui-theme-primary-green .mdui-progress { - background-color: rgba(76, 175, 80, .2); -} -.mdui-theme-primary-green .mdui-progress-determinate, -.mdui-theme-primary-green .mdui-progress-indeterminate { - background-color: #4caf50; -} -.mdui-theme-primary-grey .mdui-progress { - background-color: rgba(158, 158, 158, .2); -} -.mdui-theme-primary-grey .mdui-progress-determinate, -.mdui-theme-primary-grey .mdui-progress-indeterminate { - background-color: #9e9e9e; -} -.mdui-theme-primary-indigo .mdui-progress { - background-color: rgba(63, 81, 181, .2); -} -.mdui-theme-primary-indigo .mdui-progress-determinate, -.mdui-theme-primary-indigo .mdui-progress-indeterminate { - background-color: #3f51b5; -} -.mdui-theme-primary-light-blue .mdui-progress { - background-color: rgba(3, 169, 244, .2); -} -.mdui-theme-primary-light-blue .mdui-progress-determinate, -.mdui-theme-primary-light-blue .mdui-progress-indeterminate { - background-color: #03a9f4; -} -.mdui-theme-primary-light-green .mdui-progress { - background-color: rgba(139, 195, 74, .2); -} -.mdui-theme-primary-light-green .mdui-progress-determinate, -.mdui-theme-primary-light-green .mdui-progress-indeterminate { - background-color: #8bc34a; -} -.mdui-theme-primary-lime .mdui-progress { - background-color: rgba(205, 220, 57, .2); -} -.mdui-theme-primary-lime .mdui-progress-determinate, -.mdui-theme-primary-lime .mdui-progress-indeterminate { - background-color: #cddc39; -} -.mdui-theme-primary-orange .mdui-progress { - background-color: rgba(255, 152, 0, .2); -} -.mdui-theme-primary-orange .mdui-progress-determinate, -.mdui-theme-primary-orange .mdui-progress-indeterminate { - background-color: #ff9800; -} -.mdui-theme-primary-pink .mdui-progress { - background-color: rgba(233, 30, 99, .2); -} -.mdui-theme-primary-pink .mdui-progress-determinate, -.mdui-theme-primary-pink .mdui-progress-indeterminate { - background-color: #e91e63; -} -.mdui-theme-primary-purple .mdui-progress { - background-color: rgba(156, 39, 176, .2); -} -.mdui-theme-primary-purple .mdui-progress-determinate, -.mdui-theme-primary-purple .mdui-progress-indeterminate { - background-color: #9c27b0; -} -.mdui-theme-primary-red .mdui-progress { - background-color: rgba(244, 67, 54, .2); -} -.mdui-theme-primary-red .mdui-progress-determinate, -.mdui-theme-primary-red .mdui-progress-indeterminate { - background-color: #f44336; -} -.mdui-theme-primary-teal .mdui-progress { - background-color: rgba(0, 150, 136, .2); -} -.mdui-theme-primary-teal .mdui-progress-determinate, -.mdui-theme-primary-teal .mdui-progress-indeterminate { - background-color: #009688; -} -.mdui-theme-primary-yellow .mdui-progress { - background-color: rgba(255, 235, 59, .2); -} -.mdui-theme-primary-yellow .mdui-progress-determinate, -.mdui-theme-primary-yellow .mdui-progress-indeterminate { - background-color: #ffeb3b; -} -/** - * ============================================================================= - * ************ Progress Circular 圆形进度条 ************ - * ============================================================================= - */ -.mdui-spinner { - position: relative; - display: inline-block; - width: 28px; - height: 28px; - -webkit-animation: mdui-spinner 1568ms linear infinite; - animation: mdui-spinner 1568ms linear infinite; -} -@-webkit-keyframes mdui-spinner { - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes mdui-spinner { - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -.mdui-spinner-layer { - position: absolute; - width: 100%; - height: 100%; - border-color: #3f51b5; - opacity: 0; - opacity: 1; - -webkit-animation: mdui-spinner-layer-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; - animation: mdui-spinner-layer-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; -} -.mdui-spinner-layer-1 { - border-color: #42a5f5 !important; - -webkit-animation: mdui-spinner-layer-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdui-spinner-layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; - animation: mdui-spinner-layer-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdui-spinner-layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; -} -.mdui-spinner-layer-2 { - border-color: #f44336 !important; - -webkit-animation: mdui-spinner-layer-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdui-spinner-layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; - animation: mdui-spinner-layer-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdui-spinner-layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; -} -.mdui-spinner-layer-3 { - border-color: #fdd835 !important; - -webkit-animation: mdui-spinner-layer-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdui-spinner-layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; - animation: mdui-spinner-layer-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdui-spinner-layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; -} -.mdui-spinner-layer-4 { - border-color: #4caf50 !important; - -webkit-animation: mdui-spinner-layer-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdui-spinner-layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; - animation: mdui-spinner-layer-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdui-spinner-layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; -} -@-webkit-keyframes mdui-spinner-layer-fill-unfill-rotate { - 12.5% { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); - } - 25% { - -webkit-transform: rotate(270deg); - transform: rotate(270deg); - } - 37.5% { - -webkit-transform: rotate(405deg); - transform: rotate(405deg); - } - 50% { - -webkit-transform: rotate(540deg); - transform: rotate(540deg); - } - 62.5% { - -webkit-transform: rotate(675deg); - transform: rotate(675deg); - } - 75% { - -webkit-transform: rotate(810deg); - transform: rotate(810deg); - } - 87.5% { - -webkit-transform: rotate(945deg); - transform: rotate(945deg); - } - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} -@keyframes mdui-spinner-layer-fill-unfill-rotate { - 12.5% { - -webkit-transform: rotate(135deg); - transform: rotate(135deg); - } - 25% { - -webkit-transform: rotate(270deg); - transform: rotate(270deg); - } - 37.5% { - -webkit-transform: rotate(405deg); - transform: rotate(405deg); - } - 50% { - -webkit-transform: rotate(540deg); - transform: rotate(540deg); - } - 62.5% { - -webkit-transform: rotate(675deg); - transform: rotate(675deg); - } - 75% { - -webkit-transform: rotate(810deg); - transform: rotate(810deg); - } - 87.5% { - -webkit-transform: rotate(945deg); - transform: rotate(945deg); - } - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} -@-webkit-keyframes mdui-spinner-layer-1-fade-in-out { - from { - opacity: 1; - } - 25% { - opacity: 1; - } - 26% { - opacity: 0; - } - 89% { - opacity: 0; - } - 90% { - opacity: 1; - } - 100% { - opacity: 1; - } -} -@keyframes mdui-spinner-layer-1-fade-in-out { - from { - opacity: 1; - } - 25% { - opacity: 1; - } - 26% { - opacity: 0; - } - 89% { - opacity: 0; - } - 90% { - opacity: 1; - } - 100% { - opacity: 1; - } -} -@-webkit-keyframes mdui-spinner-layer-2-fade-in-out { - from { - opacity: 0; - } - 15% { - opacity: 0; - } - 25% { - opacity: 1; - } - 50% { - opacity: 1; - } - 51% { - opacity: 0; - } -} -@keyframes mdui-spinner-layer-2-fade-in-out { - from { - opacity: 0; - } - 15% { - opacity: 0; - } - 25% { - opacity: 1; - } - 50% { - opacity: 1; - } - 51% { - opacity: 0; - } -} -@-webkit-keyframes mdui-spinner-layer-3-fade-in-out { - from { - opacity: 0; - } - 40% { - opacity: 0; - } - 50% { - opacity: 1; - } - 75% { - opacity: 1; - } - 76% { - opacity: 0; - } -} -@keyframes mdui-spinner-layer-3-fade-in-out { - from { - opacity: 0; - } - 40% { - opacity: 0; - } - 50% { - opacity: 1; - } - 75% { - opacity: 1; - } - 76% { - opacity: 0; - } -} -@-webkit-keyframes mdui-spinner-layer-4-fade-in-out { - from { - opacity: 0; - } - 65% { - opacity: 0; - } - 75% { - opacity: 1; - } - 90% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -@keyframes mdui-spinner-layer-4-fade-in-out { - from { - opacity: 0; - } - 65% { - opacity: 0; - } - 75% { - opacity: 1; - } - 90% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -.mdui-spinner-gap-patch { - position: absolute; - top: 0; - left: 45%; - width: 10%; - height: 100%; - overflow: hidden; - border-color: inherit; -} -.mdui-spinner-gap-patch .mdui-spinner-circle { - left: -450%; - width: 1000%; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.mdui-spinner-circle-clipper { - position: relative; - display: inline-block; - width: 50%; - height: 100%; - overflow: hidden; - border-color: inherit; -} -.mdui-spinner-circle-clipper .mdui-spinner-circle { - position: absolute; - top: 0; - right: 0; - bottom: 0; - width: 200%; - height: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-color: inherit; - border-style: solid; - border-width: 3px; - border-bottom-color: transparent !important; - border-radius: 50%; - -webkit-animation: none; - animation: none; -} -.mdui-spinner-circle-clipper.mdui-spinner-left { - float: left; -} -.mdui-spinner-circle-clipper.mdui-spinner-left .mdui-spinner-circle { - left: 0; - border-right-color: transparent !important; - -webkit-transform: rotate(129deg); - transform: rotate(129deg); - -webkit-animation: mdui-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both; - animation: mdui-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both; -} -.mdui-spinner-circle-clipper.mdui-spinner-right { - float: right; -} -.mdui-spinner-circle-clipper.mdui-spinner-right .mdui-spinner-circle { - left: -100%; - border-left-color: transparent !important; - -webkit-transform: rotate(-129deg); - transform: rotate(-129deg); - -webkit-animation: mdui-spinner-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both; - animation: mdui-spinner-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both; -} -@-webkit-keyframes mdui-spinner-left-spin { - from { - -webkit-transform: rotate(130deg); - transform: rotate(130deg); - } - 50% { - -webkit-transform: rotate(-5deg); - transform: rotate(-5deg); - } - to { - -webkit-transform: rotate(130deg); - transform: rotate(130deg); - } -} -@keyframes mdui-spinner-left-spin { - from { - -webkit-transform: rotate(130deg); - transform: rotate(130deg); - } - 50% { - -webkit-transform: rotate(-5deg); - transform: rotate(-5deg); - } - to { - -webkit-transform: rotate(130deg); - transform: rotate(130deg); - } -} -@-webkit-keyframes mdui-spinner-right-spin { - from { - -webkit-transform: rotate(-130deg); - transform: rotate(-130deg); - } - 50% { - -webkit-transform: rotate(5deg); - transform: rotate(5deg); - } - to { - -webkit-transform: rotate(-130deg); - transform: rotate(-130deg); - } -} -@keyframes mdui-spinner-right-spin { - from { - -webkit-transform: rotate(-130deg); - transform: rotate(-130deg); - } - 50% { - -webkit-transform: rotate(5deg); - transform: rotate(5deg); - } - to { - -webkit-transform: rotate(-130deg); - transform: rotate(-130deg); - } -} -/** - * ============================================================================= - * ************ Spinner linear 主色 ************ - * ============================================================================= - */ -.mdui-theme-primary-amber .mdui-spinner-layer { - border-color: #ffc107; -} -.mdui-theme-primary-blue .mdui-spinner-layer { - border-color: #2196f3; -} -.mdui-theme-primary-blue-grey .mdui-spinner-layer { - border-color: #607d8b; -} -.mdui-theme-primary-brown .mdui-spinner-layer { - border-color: #795548; -} -.mdui-theme-primary-cyan .mdui-spinner-layer { - border-color: #00bcd4; -} -.mdui-theme-primary-deep-orange .mdui-spinner-layer { - border-color: #ff5722; -} -.mdui-theme-primary-deep-purple .mdui-spinner-layer { - border-color: #673ab7; -} -.mdui-theme-primary-green .mdui-spinner-layer { - border-color: #4caf50; -} -.mdui-theme-primary-grey .mdui-spinner-layer { - border-color: #9e9e9e; -} -.mdui-theme-primary-indigo .mdui-spinner-layer { - border-color: #3f51b5; -} -.mdui-theme-primary-light-blue .mdui-spinner-layer { - border-color: #03a9f4; -} -.mdui-theme-primary-light-green .mdui-spinner-layer { - border-color: #8bc34a; -} -.mdui-theme-primary-lime .mdui-spinner-layer { - border-color: #cddc39; -} -.mdui-theme-primary-orange .mdui-spinner-layer { - border-color: #ff9800; -} -.mdui-theme-primary-pink .mdui-spinner-layer { - border-color: #e91e63; -} -.mdui-theme-primary-purple .mdui-spinner-layer { - border-color: #9c27b0; -} -.mdui-theme-primary-red .mdui-spinner-layer { - border-color: #f44336; -} -.mdui-theme-primary-teal .mdui-spinner-layer { - border-color: #009688; -} -.mdui-theme-primary-yellow .mdui-spinner-layer { - border-color: #ffeb3b; -} -/** - * ============================================================================= - * ************ Expansion panel 可扩展面板 ************ - * ============================================================================= - */ -/* 可扩展面板 */ -.mdui-panel { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -/* 面板项 */ -.mdui-panel-item { - color: rgba(0, 0, 0, .87); - background-color: #fff; - border-bottom: 1px solid rgba(0, 0, 0, .12); - -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); - -webkit-transition: margin .3s cubic-bezier(.4, 0, .2, 1); - transition: margin .3s cubic-bezier(.4, 0, .2, 1); - - will-change: margin; -} -.mdui-panel-item:last-child { - border-bottom: none; -} -/* 面板头部 */ -.mdui-panel-item-header { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - height: 48px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 0 24px; - overflow: hidden; - font-size: 15px; - text-overflow: ellipsis; - white-space: nowrap; - cursor: pointer; - -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); - transition: all .3s cubic-bezier(.4, 0, .2, 1); - - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - will-change: height, background-color; -} -.mdui-panel-item-header:active { - background-color: #eee; -} -/* 面板项标题 */ -.mdui-panel-item-title { - width: 36%; - min-width: 36%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-right: 16px; - overflow: hidden; - font-weight: 500; - text-overflow: ellipsis; - white-space: nowrap; -} -/* 面板项内容 */ -.mdui-panel-item-summary { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-right: 16px; - overflow: hidden; - color: rgba(0, 0, 0, .54); - text-overflow: ellipsis; - white-space: nowrap; - - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} -/* 展开收起的图标 */ -.mdui-panel-item-arrow { - position: absolute; - top: 12px; - right: 24px; - color: rgba(0, 0, 0, .54); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); - transition: all .3s cubic-bezier(.4, 0, .2, 1); - -webkit-transform: rotate(0); - transform: rotate(0); - - will-change: transform, top; -} -.mdui-panel-item-summary + .mdui-panel-item-arrow { - position: relative; - top: 0 !important; - right: 0; -} -/* 面板项内容 */ -.mdui-panel-item-body { - height: 0; - padding: 0 24px; - overflow: hidden; - -webkit-transition: height .3s cubic-bezier(.4, 0, .2, 1); - transition: height .3s cubic-bezier(.4, 0, .2, 1); - - will-change: height; -} -.mdui-panel-item-body:before, -.mdui-panel-item-body:after { - display: table; - content: " "; -} -.mdui-panel-item-body:after { - clear: both; -} -.mdui-panel-item-body:before, -.mdui-panel-item-body:after { - display: table; - content: " "; -} -.mdui-panel-item-body:after { - clear: both; -} -.mdui-panel-item-body:after { - height: 16px; -} -/* 面板项操作栏 */ -.mdui-panel-item-actions { - display: block; - width: 100%; - padding: 16px 24px 0 24px; - margin: 16px -24px 0 -24px; - text-align: right; - border-top: 1px solid rgba(0, 0, 0, .12); -} -.mdui-panel-item-actions .mdui-btn { - margin-left: 8px; -} -.mdui-panel-item-actions .mdui-btn:first-child { - margin-left: 0; -} -/* 使打开项上下没有边距 */ -.mdui-panel-gapless { - -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -} -.mdui-panel-gapless .mdui-panel-item { - -webkit-box-shadow: none; - box-shadow: none; -} -.mdui-panel-gapless .mdui-panel-item-open { - margin-top: 0; - margin-bottom: 0; -} -/* 弹出面板 */ -.mdui-panel-popout .mdui-panel-item-open { - margin-right: -16px; - margin-left: -16px; -} -/* 打开状态的面板项 */ -.mdui-panel-item-open { - height: auto; - margin-top: 16px; - margin-bottom: 16px; -} -.mdui-panel-item-open > .mdui-panel-item-header { - height: 64px; -} -.mdui-panel-item-open > .mdui-panel-item-header .mdui-panel-item-arrow { - top: 20px; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.mdui-panel-item-open > .mdui-panel-item-body { - height: auto; -} -/** - * ============================================================================= - * ************ Expansion panel dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-panel-item { - color: #fff; - background-color: #303030; - border-bottom: 1px solid rgba(255, 255, 255, .12); -} -.mdui-theme-layout-dark .mdui-panel-item:last-child { - border-bottom: none; -} -.mdui-theme-layout-dark .mdui-panel-item-header:active { - background-color: #424242; -} -.mdui-theme-layout-dark .mdui-panel-item-summary { - color: rgba(255, 255, 255, .7); -} -.mdui-theme-layout-dark .mdui-panel-item-arrow { - color: #fff; -} -.mdui-theme-layout-dark .mdui-panel-item-actions { - border-top: 1px solid rgba(255, 255, 255, .12); -} -/** - * ============================================================================= - * ************ Menu 菜单 ************ - * ============================================================================= - */ -/* 菜单 */ -.mdui-menu { - position: fixed; - z-index: 99999; - display: block; - width: 168px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 8px 0; - margin: 0; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - font-size: 16px; - color: rgba(0, 0, 0, .87); - list-style: none; - visibility: hidden; - background-color: #fff; - border-radius: 2px; - -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); - opacity: 0; - -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1); - transition-timing-function: cubic-bezier(0, 0, .2, 1); - -webkit-transition-duration: .3s; - transition-duration: .3s; - -webkit-transition-property: opacity, visibility, -webkit-transform; - transition-property: opacity, visibility, -webkit-transform; - transition-property: transform, opacity, visibility; - transition-property: transform, opacity, visibility, -webkit-transform; - -webkit-transform: scale(0); - transform: scale(0); - - will-change: transform, opacity, visibility; -} -.mdui-menu .mdui-divider { - margin-top: 8px; - margin-bottom: 8px; -} -/* 打开状态的菜单 */ -.mdui-menu-open { - visibility: visible; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -/* 关闭中的菜单 */ -.mdui-menu-closing { - visibility: visible; - opacity: 0; - -webkit-transform: scale(1); - transform: scale(1); -} -/* 菜单项 */ -.mdui-menu-item { - position: relative; -} -.mdui-menu-item > a { - position: relative; - display: block; - height: 48px; - padding: 0 16px; - overflow: hidden; - line-height: 48px; - color: inherit; - text-decoration: none; - text-overflow: ellipsis; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.mdui-menu-item > a:hover { - background-color: #eee; -} -.mdui-menu-item > .mdui-menu { - position: absolute; - -webkit-box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12); - box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12); -} -.mdui-menu-item[disabled] > a { - color: rgba(0, 0, 0, .38) !important; - cursor: default; -} -.mdui-menu-item[disabled] > a:hover { - background-color: inherit !important; -} -.mdui-menu-item[disabled] > a .mdui-icon { - color: rgba(0, 0, 0, .26); -} -/* 激活状态的菜单项 */ -.mdui-menu-item-active { - background-color: #eee; -} -/* 菜单中的图标 */ -.mdui-menu-item-icon { - display: inline-block; - width: 40px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-right: 16px; - color: rgba(0, 0, 0, .54); -} -/* 菜单中的辅助文本或图标 */ -.mdui-menu-item-helper { - float: right; -} -/* 有子菜单的条目的图标 */ -.mdui-menu-item-more { - float: right; - width: 24px; - height: 24px; - margin: 4px 0; - background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5z%22%20opacity%3D%220.54%22%20transform%3D%22rotate(-90%2012%2C12.5)%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E%0A"); -} -/* 级联菜单 */ -.mdui-menu-cascade { - width: 320px; - padding: 16px 0; - overflow-y: visible; - font-size: 15px; -} -.mdui-menu-cascade > .mdui-menu-item > a { - height: 32px; - padding: 0 24px; - line-height: 32px; -} -/** - * ============================================================================= - * ************ Menu dark ************ - * ============================================================================= - */ -.mdui-theme-layout-dark .mdui-menu { - color: #fff; - background-color: #424242; -} -.mdui-theme-layout-dark .mdui-menu-item > a:hover { - background-color: #616161; -} -.mdui-theme-layout-dark .mdui-menu-item[disabled] > a { - color: rgba(255, 255, 255, .5) !important; -} -.mdui-theme-layout-dark .mdui-menu-item[disabled] > a .mdui-icon { - color: rgba(255, 255, 255, .3); -} -.mdui-theme-layout-dark .mdui-menu-item-active { - background-color: #616161; -} -.mdui-theme-layout-dark .mdui-menu-item-icon { - color: #fff; -} -.mdui-theme-layout-dark .mdui-menu-item-more { - background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5z%22%20transform%3D%22rotate(-90%2012%2C12.5)%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E%0A"); -} diff --git a/others/css/nprogress.css b/others/css/nprogress.css deleted file mode 100644 index 1af54ef..0000000 --- a/others/css/nprogress.css +++ /dev/null @@ -1,73 +0,0 @@ -/* Make clicks pass-through */ -#nprogress { - pointer-events: none; -} - -#nprogress .bar { - background: #29d; - - position: fixed; - z-index: 1031; - top: 0; - left: 0; - - width: 100%; - height: 3.2px; -} - -/* Fancy blur effect */ -#nprogress .peg { - display: block; - position: absolute; - right: 0px; - width: 100px; - height: 100%; - box-shadow: 0 0 10px #29d, 0 0 5px #29d; - opacity: 1.0; - - -webkit-transform: rotate(3deg) translate(0px, -4px); - -ms-transform: rotate(3deg) translate(0px, -4px); - transform: rotate(3deg) translate(0px, -4px); -} - -/* Remove these to get rid of the spinner */ -#nprogress .spinner { - display: block; - position: fixed; - z-index: 1031; - top: 15px; - right: 15px; -} - -#nprogress .spinner-icon { - width: 18px; - height: 18px; - box-sizing: border-box; - - border: solid 2px transparent; - border-top-color: #29d; - border-left-color: #29d; - border-radius: 50%; - - -webkit-animation: nprogress-spinner 400ms linear infinite; - animation: nprogress-spinner 400ms linear infinite; -} - -.nprogress-custom-parent { - overflow: hidden; - position: relative; -} - -.nprogress-custom-parent #nprogress .spinner, -.nprogress-custom-parent #nprogress .bar { - position: absolute; -} - -@-webkit-keyframes nprogress-spinner { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(360deg); } -} -@keyframes nprogress-spinner { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } -} \ No newline at end of file diff --git a/others/css/nprogress.min.css b/others/css/nprogress.min.css new file mode 100644 index 0000000..59731a1 --- /dev/null +++ b/others/css/nprogress.min.css @@ -0,0 +1,2 @@ +/* Make clicks pass-through */ +#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:3.2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} \ No newline at end of file diff --git a/others/js/castle.min.js b/others/js/castle.min.js index 07647c4..6dabea8 100644 --- a/others/js/castle.min.js +++ b/others/js/castle.min.js @@ -2,7 +2,6 @@ * Castle * Author ohmyga ( https://ohmyga.cn ) * Github https://github.com/ohmyga233/castle-Typecho-Theme - * Version 0.2.6 + * Version 0.3.0 **/ - -var CastleSetting=function CastleSetting(setting){if(setting.PJAX){$(document).on('submit','#search',function(event){$.pjax.submit(event,'#moe-body',{fragment:'#moe-body',timeout:PJAXtimeout});});$(document).pjax('a[href^="'+siteurl+'"]:not(a[target="_blank"], a[no-pjax])',{container:'#moe-body',fragment:'#moe-body',timeout:PJAXtimeout}).on('pjax:send',function(){beforePJAX();}).on('pjax:complete',function(){afterPJAX();if(setting.NightOrDay){checkNight();};lazyreload();commentsHS();headimgAJAX();Searchclose();checkLink();rmTooltip();checkLinks();scrollClick();bangumiNew();RLhighlight();});};if(setting.goTop){var scrolltotop={setting:{startline:100,scrollto:0,scrollduration:400,fadeduration:[500,100]},controlHTML:'<button class="mdui-fab mdui-ripple mdui-color-theme-accent"><i class="mdui-icon material-icons">arrow_upward</i></button>',controlattrs:{offsetx:0,offsety:0},anchorkeyword:"#top",state:{isvisible:false,shouldvisible:false},scrollup:function scrollup(){if(!this.cssfixedsupport){this.$control.css({opacity:0});}var dest=isNaN(this.setting.scrollto)?this.setting.scrollto:parseInt(this.setting.scrollto);if(typeof dest=="string"&&jQuery("#"+dest).length==1){dest=jQuery("#"+dest).offset().top;}else{dest=0;}this.$body.animate({scrollTop:dest},this.setting.scrollduration);},keepfixed:function keepfixed(){var $window=jQuery(window);var controlx=$window.scrollLeft()+$window.width()-this.$control.width()-this.controlattrs.offsetx;var controly=$window.scrollTop()+$window.height()-this.$control.height()-this.controlattrs.offsety;this.$control.css({left:controlx+"px",top:controly+"px"});},togglecontrol:function togglecontrol(){var scrolltop=jQuery(window).scrollTop();if(!this.cssfixedsupport){this.keepfixed();}this.state.shouldvisible=scrolltop>=this.setting.startline?true:false;if(this.state.shouldvisible&&!this.state.isvisible){this.$control.stop().animate({opacity:1},this.setting.fadeduration[0]);this.state.isvisible=true;}else{if(this.state.shouldvisible==false&&this.state.isvisible){this.$control.stop().animate({opacity:0},this.setting.fadeduration[1]);this.state.isvisible=false;}}},init:function init(){jQuery(document).ready(function($){var mainobj=scrolltotop;var iebrws=document.all;mainobj.cssfixedsupport=!iebrws||iebrws&&document.compatMode=="CSS1Compat"&&window.XMLHttpRequest;mainobj.$body=window.opera?document.compatMode=="CSS1Compat"?$("html"):$("body"):$("html,body");mainobj.$control=$('<div id="topcontrol" >'+mainobj.controlHTML+"</div>").css({position:mainobj.cssfixedsupport?"fixed":"absolute",bottom:"5em",right:"1em",opacity:0,cursor:"pointer"}).attr({title:topText}).click(function(){mainobj.scrollup();return false;}).appendTo("body");if(document.all&&!window.XMLHttpRequest&&mainobj.$control.text()!=""){mainobj.$control.css({width:mainobj.$control.width()});}mainobj.togglecontrol();$('a[href="'+mainobj.anchorkeyword+'"]').click(function(){mainobj.scrollup();return false;});$(window).bind("scroll resize",function(e){mainobj.togglecontrol();});});}};scrolltotop.init();};if(setting.title){(function(){var tieleIcon=document.getElementById("Icon-title");var OriginTitile=document.title,titleTime;document.addEventListener('visibilitychange',function(){if(document.hidden){document.title=leaveTitle;clearTimeout(titleTime);tieleIcon.href=leaveIcon;tieleIcon.type='image/x-icon';}else{document.title=returnTitle;tieleIcon.href=returnIcon;tieleIcon.type='image/x-icon';titleTime=setTimeout(function(){document.title=OriginTitile;tieleIcon.href=OriginIcon;tieleIcon.type='image/x-icon';},2000);}});})();};if(setting.copyPrompt){document.body.oncopy=function(){mdui.alert(copyPromptText,copyPromptTitle);};};if(setting.commentAJAX){window.commentSubmit=function(){var cbbID=document.getElementById('commentSuBt');cbbID.innerHTML='cached';$('#commentsSuBtt').attr("disabled",true);$("#commentSuBt").addClass("moe-comments-submit-loading");$(".mdui-tooltip").removeClass("mdui-tooltip-open");var data=$("#commentsSubmit-Form").serialize();$.ajax({type:"POST",url:commentUrl,data:data,success:function success(back){var backC=back;var $$=mdui.JQ;var Obj=$("<body></body>").append($(backC));var $html=$(".container",Obj);if($html.html()==null){if(setting.PJAX){$.pjax.reload({container:'#moe-body',fragment:'#moe-body',timeout:PJAXtimeout});}else{$("#comments").load(location.href+" #comments");lazyreload();}cbbID.innerHTML='send';$("#commentSuBt").removeClass("moe-comments-submit-loading");$('#commentsSuBtt').attr("disabled",false);mdui.snackbar({message:'评论成功！',position:'right-bottom'});}else{cbbID.innerHTML='warning';$("#commentSuBt").removeClass("moe-comments-submit-loading");$('#commentsSuBtt').attr("disabled",false);setTimeout(function(){$("#commentSuBt").addClass("moe-card-a");cbbID.innerHTML='send';$("#commentSuBt").removeClass("moe-card-a");},2*1000);mdui.snackbar({message:$html.html(),position:'right-bottom'});}}});};};if(setting.textareaHTML){var textarea=$('textarea[id=moe-comments-pl]');var html=textarea.val();textarea.val($(html).text());};if(setting.NightOrDay){window.NightSwitchON=function(){$('body').addClass('mdui-theme-layout-dark');var Days=30;var exp=new Date();exp.setTime(exp.getTime()+Days*24*60*60*1000);document.cookie="nightSwitch=open;expires="+exp.toGMTString()+";path=/";document.getElementById('nightText').innerHTML='brightness_high';$('#nightBtn').attr('mdui-tooltip',"{content: '切换到日间模式'}");$('#nightBtn').removeClass('moe-ngiht-btn');$('#nightBtn').addClass('moe-day-btn');$('#nightBtn').attr('onclick','NightSwitchOFF()');};window.NightSwitchOFF=function(){$('body').removeClass('mdui-theme-layout-dark');document.cookie="nightSwitch=off;path=/";document.getElementById('nightText').innerHTML='brightness_4';$('#nightBtn').attr('mdui-tooltip',"{content: '切换到夜间模式'}");$('#nightBtn').removeClass('moe-day-btn');$('#nightBtn').addClass('moe-ngiht-btn');$('#nightBtn').attr('onclick','NightSwitchON()');};}};checkNight=function checkNight(){function getCookie(cname){var name=cname+"=";var ca=document.cookie.split(';');for(var i=0;i<ca.length;i++){var c=ca[i].trim();if(c.indexOf(name)==0)return c.substring(name.length,c.length);}return false;}if(getCookie('nightSwitch')=='open'){$('body').addClass('mdui-theme-layout-dark');document.getElementById('nightText').innerHTML='brightness_high';$('#nightBtn').attr('mdui-tooltip',"{content: '切换到日间模式'}");$('#nightBtn').removeClass('moe-ngiht-btn');$('#nightBtn').addClass('moe-day-btn');$('#nightBtn').attr('onclick','NightSwitchOFF()');}};checkNight();lazyreload=function lazyreload(){$("img:not(.moe-links-main img)").lazyload({effect:"fadeIn"});$("main:not(.moe-links-main main)").lazyload({effect:"fadeIn"});$("#moe-s-links img").lazyload({effect:"fadeIn",container:$(".moe-links-main")});$("#moe-s-links main").lazyload({effect:"fadeIn",container:$(".moe-links-main")});};lazyreload();function commentLinks(){var LinksGet=document.getElementById("LinksX");var ID=document.getElementById("moe-input-url");if(LinksGet.value=='false'){document.getElementById("LinksX").value="true";ID.style.cssText="display: block;";}else if(LinksGet.value=='true'){document.getElementById("LinksX").value="false";ID.style.cssText="display: none;";}};function checkLast(node){next=$(node).next();if(next[0]==null){return node;}if(next.hasClass("comment-list")==false){return node;}nextNodeList=next.children(".moe-comments-list-li");nextNode=nextNodeList[nextNodeList.length-1];return checkLast(nextNode);};function getLastComment(){firstNodeList=$("#comments > ol > .moe-comments-list-li");if(firstNodeList.length==0){return null;}firstNode=firstNodeList[firstNodeList.length-1];return checkLast(firstNode);};commentsHS=function commentsHS(){window.TypechoComment={dom:function dom(id){return document.getElementById(id);},create:function create(tag,attr){var el=document.createElement(tag);for(var key in attr){el.setAttribute(key,attr[key]);}return el;},reply:function reply(cid,coid){$("#commentsBoxOuO").removeClass('moe-card-tr');var comment=this.dom(cid),parent=comment.parentNode,response=this.dom(commentID),input=this.dom('comment-parent'),form='form'==response.tagName?response:response.getElementsByTagName('form')[0],textarea=response.getElementsByTagName('textarea')[0];if(null==input){input=this.create('input',{'type':'hidden','name':'parent','id':'comment-parent'});form.appendChild(input);}input.setAttribute('value',coid);if(null==this.dom('comment-form-place-holder')){var holder=this.create('div',{'id':'comment-form-place-holder'});response.parentNode.insertBefore(holder,response);}last=getLastComment();if(last==null){comment.appendChild(response);}else if(last.id==cid){$("#comments")[0].appendChild(response);}else{comment.appendChild(response);}this.dom('cancel-comment-reply-link').style.display='';if(null!=textarea&&'text'==textarea.name){textarea.focus();}return false;},cancelReply:function cancelReply(){$("#commentsBoxOuO").addClass('moe-card-tr');var response=this.dom(commentID),holder=this.dom('comment-form-place-holder'),input=this.dom('comment-parent');if(null!=input){input.parentNode.removeChild(input);}if(null==holder){return true;}this.dom('cancel-comment-reply-link').style.display='none';holder.parentNode.insertBefore(response,holder);return false;}};};commentsHS();headimgAJAX=function headimgAJAX(){$("#moe-comment-ajax-email").blur(function(){var email=$(this).val();var host=window.location.host;if(email!=""){$.ajax({type:"GET",data:{action:"ajax_avatar_get",form:host,email:email},success:function success(src){$(".moe-comment-ajax-headimg").attr("src",src);}});}return false;});};headimgAJAX();Searchclose=function Searchclose(){var inst=new mdui.Dialog('#search-dialog');var status=inst.getState();inst.close();};Searchclose();SerachSubmit=function SerachSubmit(){var searchB=$("#searchInput").val();var searchURL=siteurl+"index.php/search/"+searchB;$.pjax({url:searchURL,container:'#moe-body',fragment:'#moe-body',timeout:PJAXtimeout});};checkLink=function checkLink(){$('a:not(a[href="#"],a[no-go],#smiliesbox a)').each(function(){var href=$(this).attr('href');var notarget=$(this).attr('data-fancybox');var siteLink=siteurl;var check=new RegExp("^"+siteLink);if(check.test(href)){return true;}else{if(notarget=='images'){return true;}else{$(this).attr('target','_blank');}}});};checkLink();rmTooltip=function rmTooltip(){$(".mdui-tooltip").removeClass("mdui-tooltip-open");};rmTooltip();function openLinksAN(){document.cookie="links=true";$('#moe-s-links').attr('style','display: block;');$('#moe-s-links').addClass('moe-links-comment-open');};function closeLinksAN(){document.cookie="links=; expires=Thu, 01 Jan 1970 00:00:00 GMT";$('#moe-s-links').removeClass('moe-links-comment-open');$('#moe-s-links').addClass('moe-links-comment-off');setTimeout(function(){$('#moe-s-links').attr('style','display: none;');$('#moe-s-links').removeClass('moe-links-comment-off');},210);};function openLinks(){$('#linkStatus').attr({"value":"true"});$('#moe-s-links').attr('style','display: block;');$('#moe-s-links').addClass('moe-links-comment-open');};function closeLinks(){$('#linkStatus').attr({"value":"false"});$('#moe-s-links').removeClass('moe-links-comment-open');$('#moe-s-links').addClass('moe-links-comment-off');setTimeout(function(){$('#moe-s-links').attr('style','display: none;');$('#moe-s-links').removeClass('moe-links-comment-off');},210);};checkLinks=function checkLinks(){var status=$("#linkStatus").val();if(status=="true"){$('#moe-s-links').attr('style','display: block;');$('#moe-s-links').addClass('moe-links-comment-open-pjax');}};scrollClick=function scrollClick(){$('a[href*="#"]:not(a[no-pgo]),area[href*="#"]:not(area[no-pgo])').click(function(){if(location.pathname.replace(/^\//,'')==this.pathname.replace(/^\//,'')&&location.hostname==this.hostname){var $target=$(this.hash);$target=$target.length&&$target||$('[name='+this.hash.slice(1)+']');if($target.length){var targetOffset=$target.offset().top;$('html,body').animate({scrollTop:targetOffset},600);return false;}}});};scrollClick();bangumiNew=function bangumiNew(){var id=$("#bgmBox").data("id");var key=$("#bgmBox").data("key");if(String(id)!='undefined'&&String(key)!='undefined'){var bgmID=bgmURL.replace(':id',$("#bgmBox").data("id"));var bgmAuth=bgmID.replace(':auth',$("#bgmBox").data("key"));$.ajax({url:bgmAuth,type:'GET',timeout:15000,dataType:'json',success:function success(data){if(data!='null'){$("#bgmLoad").attr('style','display: none');$("#bgmBox").addClass('moe-card-a');$.each(data,function(i,bgm){var html='<div class="mdui-col">\ <a href="'+bgm.url+'" target="_blank" title="'+bgm.name+'">\ <div class="mdui-card mdui-hoverable">\ <div class="mdui-card-header">\ <main class="moe-bgm-fimg" style="background-image: url('+bgm.img+');"></main>\ <div class="moe-bgm-info">\ <div class="mdui-card-header-title">'+bgm.CNname+'</div>\ <div class="mdui-card-header-subtitle">'+bgm.name+'</div>\ <div class="mdui-progress moe-bgm-pr">\ <div class="mdui-progress-determinate" style="width: '+bgm.percentage+'%;"></div>\ <span class="moe-bgm-c-t">'+bgm.status+' / '+bgm.count+'</span>\ </div>\ </div>\ </div>\ </div>\ </a>\ </div>';$("#bgmBox").append(html);});}else{$("#bgmLoad").attr('style','display: none');$("#bgmBox").append('<span class="moe-bgm-error moe-card-a">获取失败</span>');}},error:function error(err){$("#bgmLoad").attr('style','display: none');$("#bgmBox").append('<span class="moe-bgm-error moe-card-a">获取失败</span>');},complete:function complete(XMLHttpRequest,status){if(status=='timeout'){$("#bgmLoad").attr('style','display: none');$("#bgmBox").append('<span class="moe-bgm-error moe-card-a">API请求超时</span>');}}});}};bangumiNew();RLhighlight=function RLhighlight(){$(document).ready(function(){$('pre code').each(function(i,block){hljs.highlightBlock(block);});});$("pre code").each(function(){$(this).html("<ol><li>"+$(this).html().replace(/\n/g,"\n</li><li>")+"\n</li></ol>");});};RLhighlight();Smilies={domId:function domId(id){return document.getElementById(id);},domTag:function domTag(id){return document.getElementsByTagName(id)[0];},showBox:function showBox(){this.domId("smiliesbox").style.display="block";document.onclick=function(){Smilies.closeBox();};},closeBox:function closeBox(){this.domId("smiliesbox").style.display="none";},grin:function grin(tag){tag=' '+tag+' ';myField=this.domId("moe-comments-pl");document.selection?(myField.focus(),sel=document.selection.createRange(),sel.text=tag,myField.focus()):this.insertTag(tag);},insertTag:function insertTag(tag){myField=Smilies.domId("moe-comments-pl");myField.selectionStart||myField.selectionStart=="0"?(startPos=myField.selectionStart,endPos=myField.selectionEnd,cursorPos=startPos,myField.value=myField.value.substring(0,startPos)+tag+myField.value.substring(endPos,myField.value.length),cursorPos+=tag.length,myField.focus(),myField.selectionStart=cursorPos,myField.selectionEnd=cursorPos):(myField.value+=tag,myField.focus());}};console.log(' %c Castle '+themeVer+' %c By ohmyga | https://ohmyga.cn/ ',"color: #FFFFFF; background: #E91E63; padding:6px;","color: #FFFFFF; background: #757575; padding:6px;");window.onload=function(){var now=new Date().getTime();var page_load_time=now-performance.timing.navigationStart;console.log('%c\u9875\u9762\u52A0\u8F7D\u5B8C\u6BD5\u6D88\u8017\u4E86'+Math.round(performance.now()*100)/100+'ms','background: #fff;color: #333;text-shadow: 0 0 2px #eee, 0 0 3px #eee, 0 0 3px #eee, 0 0 2px #eee, 0 0 3px #eee;');}; \ No newline at end of file +var CastleSetting=function(setting){if(setting.PJAX){$(document).on('submit','#search',function(event){$.pjax.submit(event,'#moe-body',{fragment:'#moe-body',timeout:PJAXtimeout})});$(document).pjax('a[href^="'+siteurl+'"]:not(a[target="_blank"], a[no-pjax])',{container:'#moe-body',fragment:'#moe-body',timeout:PJAXtimeout}).on('pjax:send',function(){beforePJAX()}).on('pjax:complete',function(){afterPJAX();if(setting.NightOrDay){checkNight()};lazyreload();commentsHS();headimgAJAX();Searchclose();checkLink();rmTooltip();checkLinks();scrollClick();bangumiNew();RLhighlight()})}if(setting.goTop){var scrolltotop={setting:{startline:100,scrollto:0,scrollduration:400,fadeduration:[500,100]},controlHTML:'<button class="mdui-fab mdui-ripple mdui-color-theme-accent"><i class="mdui-icon material-icons">arrow_upward</i></button>',controlattrs:{offsetx:0,offsety:0},anchorkeyword:"#top",state:{isvisible:false,shouldvisible:false},scrollup:function(){if(!this.cssfixedsupport){this.$control.css({opacity:0})}var dest=isNaN(this.setting.scrollto)?this.setting.scrollto:parseInt(this.setting.scrollto);if(typeof dest=="string"&&jQuery("#"+dest).length==1){dest=jQuery("#"+dest).offset().top}else{dest=0}this.$body.animate({scrollTop:dest},this.setting.scrollduration)},keepfixed:function(){var $window=jQuery(window);var controlx=$window.scrollLeft()+$window.width()-this.$control.width()-this.controlattrs.offsetx;var controly=$window.scrollTop()+$window.height()-this.$control.height()-this.controlattrs.offsety;this.$control.css({left:controlx+"px",top:controly+"px"})},togglecontrol:function(){var scrolltop=jQuery(window).scrollTop();if(!this.cssfixedsupport){this.keepfixed()}this.state.shouldvisible=(scrolltop>=this.setting.startline)?true:false;if(this.state.shouldvisible&&!this.state.isvisible){this.$control.stop().animate({opacity:1},this.setting.fadeduration[0]);this.state.isvisible=true}else{if(this.state.shouldvisible==false&&this.state.isvisible){this.$control.stop().animate({opacity:0},this.setting.fadeduration[1]);this.state.isvisible=false}}},init:function(){jQuery(document).ready(function($){var mainobj=scrolltotop;var iebrws=document.all;mainobj.cssfixedsupport=!iebrws||iebrws&&document.compatMode=="CSS1Compat"&&window.XMLHttpRequest;mainobj.$body=(window.opera)?(document.compatMode=="CSS1Compat"?$("html"):$("body")):$("html,body");mainobj.$control=$('<div id="topcontrol" >'+mainobj.controlHTML+"</div>").css({position:mainobj.cssfixedsupport?"fixed":"absolute",bottom:"5em",right:"1em",opacity:0,cursor:"pointer"}).attr({title:topText}).click(function(){mainobj.scrollup();return false}).appendTo("body");if(document.all&&!window.XMLHttpRequest&&mainobj.$control.text()!=""){mainobj.$control.css({width:mainobj.$control.width()})}mainobj.togglecontrol();$('a[href="'+mainobj.anchorkeyword+'"]').click(function(){mainobj.scrollup();return false});$(window).bind("scroll resize",function(e){mainobj.togglecontrol()})})}};scrolltotop.init()}if(setting.title){(function(){var tieleIcon=document.getElementById("Icon-title");var OriginTitile=document.title,titleTime;document.addEventListener('visibilitychange',function(){if(document.hidden){document.title=leaveTitle;clearTimeout(titleTime);tieleIcon.href=leaveIcon;tieleIcon.type='image/x-icon'}else{document.title=returnTitle;tieleIcon.href=returnIcon;tieleIcon.type='image/x-icon';titleTime=setTimeout(function(){document.title=OriginTitile;tieleIcon.href=OriginIcon;tieleIcon.type='image/x-icon'},2000)}})})()}if(setting.copyPrompt){document.body.oncopy=function(){mdui.alert(copyPromptText,copyPromptTitle)}}if(setting.commentAJAX){window.commentSubmit=function(){var cbbID=document.getElementById('commentSuBt');cbbID.innerHTML='cached';$('#commentsSuBtt').attr("disabled",true);$("#commentSuBt").addClass("moe-comments-submit-loading");$(".mdui-tooltip").removeClass("mdui-tooltip-open");var data=$("#commentsSubmit-Form").serialize();$.ajax({type:"POST",url:commentUrl,data:data,success:function(back){var backC=back;var $$=mdui.JQ;var Obj=$("<body></body>").append($(backC));var $html=$(".container",Obj);if($html.html()==null){if(setting.PJAX){$.pjax.reload({container:'#moe-body',fragment:'#moe-body',timeout:PJAXtimeout})}else{$("#comments").load(location.href+" #comments");lazyreload()}cbbID.innerHTML='send';$("#commentSuBt").removeClass("moe-comments-submit-loading");$('#commentsSuBtt').attr("disabled",false);mdui.snackbar({message:'评论成功！',position:'right-bottom'})}else{cbbID.innerHTML='warning';$("#commentSuBt").removeClass("moe-comments-submit-loading");$('#commentsSuBtt').attr("disabled",false);setTimeout(function(){$("#commentSuBt").addClass("moe-card-a");cbbID.innerHTML='send';$("#commentSuBt").removeClass("moe-card-a")},2*1000);mdui.snackbar({message:$html.html(),position:'right-bottom'})}}})}}if(setting.textareaHTML){var textarea=$('textarea[id=moe-comments-pl]');var html=textarea.val();textarea.val($(html).text())}if(setting.NightOrDay){window.NightSwitchON=function(){$('body').addClass('mdui-theme-layout-dark');var Days=30;var exp=new Date();exp.setTime(exp.getTime()+Days*24*60*60*1000);document.cookie="nightSwitch=open;expires="+exp.toGMTString()+";path=/";document.getElementById('nightText').innerHTML='brightness_high';$('#nightBtn').attr('mdui-tooltip',"{content: '切换到日间模式'}");$('#nightBtn').removeClass('moe-ngiht-btn');$('#nightBtn').addClass('moe-day-btn');$('#nightBtn').attr('onclick','NightSwitchOFF()')};window.NightSwitchOFF=function(){$('body').removeClass('mdui-theme-layout-dark');document.cookie="nightSwitch=off;path=/";document.getElementById('nightText').innerHTML='brightness_4';$('#nightBtn').attr('mdui-tooltip',"{content: '切换到夜间模式'}");$('#nightBtn').removeClass('moe-day-btn');$('#nightBtn').addClass('moe-ngiht-btn');$('#nightBtn').attr('onclick','NightSwitchON()')}}};checkNight=function(){function getCookie(cname){var name=cname+"=";var ca=document.cookie.split(';');for(var i=0;i<ca.length;i++){var c=ca[i].trim();if(c.indexOf(name)==0)return c.substring(name.length,c.length)}return false};if(getCookie('nightSwitch')=='open'){$('body').addClass('mdui-theme-layout-dark');document.getElementById('nightText').innerHTML='brightness_high';$('#nightBtn').attr('mdui-tooltip',"{content: '切换到日间模式'}");$('#nightBtn').removeClass('moe-ngiht-btn');$('#nightBtn').addClass('moe-day-btn');$('#nightBtn').attr('onclick','NightSwitchOFF()')}};checkNight();lazyreload=function(){$("img:not(.moe-links-main img)").lazyload({effect:"fadeIn"});$("main:not(.moe-links-main main)").lazyload({effect:"fadeIn"});$("#moe-s-links img").lazyload({effect:"fadeIn",container:$(".moe-links-main")});$("#moe-s-links main").lazyload({effect:"fadeIn",container:$(".moe-links-main")})};lazyreload();function commentLinks(){var LinksGet=document.getElementById("LinksX");var ID=document.getElementById("moe-input-url");if(LinksGet.value=='false'){document.getElementById("LinksX").value="true";ID.style.cssText="display: block;"}else if(LinksGet.value=='true'){document.getElementById("LinksX").value="false";ID.style.cssText="display: none;"}};function checkLast(node){next=$(node).next();if(next[0]==null){return node}if(next.hasClass("comment-list")==false){return node}nextNodeList=next.children(".moe-comments-list-li");nextNode=nextNodeList[nextNodeList.length-1];return checkLast(nextNode)};function getLastComment(){firstNodeList=$("#comments > ol > .moe-comments-list-li");if(firstNodeList.length==0){return null}firstNode=firstNodeList[firstNodeList.length-1];return checkLast(firstNode)};commentsHS=function(){window.TypechoComment={dom:function(id){return document.getElementById(id)},create:function(tag,attr){var el=document.createElement(tag);for(var key in attr){el.setAttribute(key,attr[key])}return el},reply:function(cid,coid){$("#commentsBoxOuO").removeClass('moe-card-tr');var comment=this.dom(cid),parent=comment.parentNode,response=this.dom(commentID),input=this.dom('comment-parent'),form='form'==response.tagName?response:response.getElementsByTagName('form')[0],textarea=response.getElementsByTagName('textarea')[0];if(null==input){input=this.create('input',{'type':'hidden','name':'parent','id':'comment-parent'});form.appendChild(input)}input.setAttribute('value',coid);if(null==this.dom('comment-form-place-holder')){var holder=this.create('div',{'id':'comment-form-place-holder'});response.parentNode.insertBefore(holder,response)}last=getLastComment();if(last==null){comment.appendChild(response)}else if(last.id==cid){$("#comments")[0].appendChild(response)}else{comment.appendChild(response)}this.dom('cancel-comment-reply-link').style.display='';if(null!=textarea&&'text'==textarea.name){textarea.focus()}return false},cancelReply:function(){$("#commentsBoxOuO").addClass('moe-card-tr');var response=this.dom(commentID),holder=this.dom('comment-form-place-holder'),input=this.dom('comment-parent');if(null!=input){input.parentNode.removeChild(input)}if(null==holder){return true}this.dom('cancel-comment-reply-link').style.display='none';holder.parentNode.insertBefore(response,holder);return false}}};commentsHS();headimgAJAX=function(){$("#moe-comment-ajax-email").blur(function(){var email=$(this).val();var host=window.location.host;if(email!=""){$.ajax({type:"GET",data:{action:"ajax_avatar_get",form:host,email:email},success:function(src){$(".moe-comment-ajax-headimg").attr("src",src)}})}return false})};headimgAJAX();Searchclose=function(){var inst=new mdui.Dialog('#search-dialog');var status=inst.getState();inst.close()};Searchclose();SerachSubmit=function(){var searchB=$("#searchInput").val();var searchURL=siteurl+"index.php/search/"+searchB;$.pjax({url:searchURL,container:'#moe-body',fragment:'#moe-body',timeout:PJAXtimeout})};checkLink=function(){$('a:not(a[href="#"],a[no-go],#owoBox a)').each(function(){var href=$(this).attr('href');var notarget=$(this).attr('data-fancybox');var siteLink=siteurl;var check=new RegExp("^"+siteLink);if(check.test(href)){return true}else{if(notarget=='images'){return true}else{$(this).attr('target','_blank')}}})};checkLink();rmTooltip=function(){$(".mdui-tooltip").removeClass("mdui-tooltip-open")};rmTooltip();function openLinksAN(){document.cookie="links=true";$('#moe-s-links').attr('style','display: block;');$('#moe-s-links').addClass('moe-links-comment-open')};function closeLinksAN(){document.cookie="links=; expires=Thu, 01 Jan 1970 00:00:00 GMT";$('#moe-s-links').removeClass('moe-links-comment-open');$('#moe-s-links').addClass('moe-links-comment-off');setTimeout(function(){$('#moe-s-links').attr('style','display: none;');$('#moe-s-links').removeClass('moe-links-comment-off')},210)};function openLinks(){$('#linkStatus').attr({"value":"true"});$('#moe-s-links').attr('style','display: block;');$('#moe-s-links').addClass('moe-links-comment-open')};function closeLinks(){$('#linkStatus').attr({"value":"false"});$('#moe-s-links').removeClass('moe-links-comment-open');$('#moe-s-links').addClass('moe-links-comment-off');setTimeout(function(){$('#moe-s-links').attr('style','display: none;');$('#moe-s-links').removeClass('moe-links-comment-off')},210)};checkLinks=function(){var status=$("#linkStatus").val();if(status=="true"){$('#moe-s-links').attr('style','display: block;');$('#moe-s-links').addClass('moe-links-comment-open-pjax')}};scrollClick=function(){$('a[href*="#"]:not(a[no-pgo]),area[href*="#"]:not(area[no-pgo])').click(function(){if(location.pathname.replace(/^\//,'')==this.pathname.replace(/^\//,'')&&location.hostname==this.hostname){var $target=$(this.hash);$target=$target.length&&$target||$('[name='+this.hash.slice(1)+']');if($target.length){var targetOffset=$target.offset().top;$('html,body').animate({scrollTop:targetOffset},600);return false}}})};scrollClick();bangumiNew=function(){var id=$("#bgmBox").data("id");var key=$("#bgmBox").data("key");if(String(id)!='undefined'&&String(key)!='undefined'){var bgmID=bgmURL.replace(':id',$("#bgmBox").data("id"));var bgmAuth=bgmID.replace(':auth',$("#bgmBox").data("key"));$.ajax({url:bgmAuth,type:'GET',timeout:15000,dataType:'json',success:function(data){if(data!='null'){$("#bgmLoad").attr('style','display: none');$("#bgmBox").addClass('moe-card-a');$.each(data,function(i,bgm){let html='<div class="mdui-col"> <a href="'+bgm.url+'" target="_blank" title="'+bgm.name+'"> <div class="mdui-card mdui-hoverable"> <div class="mdui-card-header"> <main class="moe-bgm-fimg" style="background-image: url('+bgm.img+');"></main> <div class="moe-bgm-info"> <div class="mdui-card-header-title">'+bgm.CNname+'</div> <div class="mdui-card-header-subtitle">'+bgm.name+'</div> <div class="mdui-progress moe-bgm-pr"> <div class="mdui-progress-determinate" style="width: '+bgm.percentage+'%;"></div> <span class="moe-bgm-c-t">'+bgm.status+' / '+bgm.count+'</span> </div> </div> </div> </div> </a> </div>';$("#bgmBox").append(html)})}else{$("#bgmLoad").attr('style','display: none');$("#bgmBox").append('<span class="moe-bgm-error moe-card-a">获取失败</span>')}},error:function(err){$("#bgmLoad").attr('style','display: none');$("#bgmBox").append('<span class="moe-bgm-error moe-card-a">获取失败</span>')},complete:function(XMLHttpRequest,status){if(status=='timeout'){$("#bgmLoad").attr('style','display: none');$("#bgmBox").append('<span class="moe-bgm-error moe-card-a">API请求超时</span>')}}})}};bangumiNew();RLhighlight=function(){$(document).ready(function(){$('pre code').each(function(i,block){hljs.highlightBlock(block)})});$("pre code").each(function(){$(this).html("<ol><li>"+$(this).html().replace(/\n/g,"\n</li><li>")+"\n</li></ol>")})};RLhighlight();Smilies={domId:function(id){return document.getElementById(id)},domTag:function(id){return document.getElementsByTagName(id)[0]},showBox:function(){this.domId("smiliesbox").style.display="block";document.onclick=function(){Smilies.closeBox()}},closeBox:function(){this.domId("smiliesbox").style.display="none"},grin:function(tag){tag=' '+tag+' ';myField=this.domId("moe-comments-pl");document.selection?(myField.focus(),sel=document.selection.createRange(),sel.text=tag,myField.focus()):this.insertTag(tag)},insertTag:function(tag){myField=Smilies.domId("moe-comments-pl");myField.selectionStart||myField.selectionStart=="0"?(startPos=myField.selectionStart,endPos=myField.selectionEnd,cursorPos=startPos,myField.value=myField.value.substring(0,startPos)+tag+myField.value.substring(endPos,myField.value.length),cursorPos+=tag.length,myField.focus(),myField.selectionStart=cursorPos,myField.selectionEnd=cursorPos):(myField.value+=tag,myField.focus())}};function openSmile(){$('#owoBox').attr('style','display: block;');setTimeout(function(){$('#owoBox').addClass('moe-owo-open')},10)};function closeSmile(){$('#owoBox').removeClass('moe-owo-open');setTimeout(function(){$('#owoBox').attr('style','display: none;')},300)};console.log(" %c \u0043\u0061\u0073\u0074\u006c\u0065 "+themeVer+" %c \u0042\u0079\u0020\u006f\u0068\u006d\u0079\u0067\u0061\u0020\u007c\u0020\u0068\u0074\u0074\u0070\u0073\u003a\u002f\u002f\u006f\u0068\u006d\u0079\u0067\u0061\u002e\u0063\u006e\u002f ","color: #FFFFFF; background: #E91E63; padding:6px;","color: #FFFFFF; background: #757575; padding:6px;");window.onload=function(){var now=new Date().getTime();var page_load_time=now-performance.timing.navigationStart;console.log('%c\u9875\u9762\u52a0\u8f7d\u5b8c\u6bd5\u6d88\u8017\u4e86'+Math.round(performance.now()*100)/100+'\u006d\u0073','background: #fff;color: #333;text-shadow: 0 0 2px #eee, 0 0 3px #eee, 0 0 3px #eee, 0 0 2px #eee, 0 0 3px #eee;')}; \ No newline at end of file diff --git a/others/js/nprogress.js b/others/js/nprogress.js deleted file mode 100644 index beb9d2c..0000000 --- a/others/js/nprogress.js +++ /dev/null @@ -1,480 +0,0 @@ -/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress - * @license MIT */ - -;(function(root, factory) { - - if (typeof define === 'function' && define.amd) { - define(factory); - } else if (typeof exports === 'object') { - module.exports = factory(); - } else { - root.NProgress = factory(); - } - -})(this, function() { - var NProgress = {}; - - NProgress.version = '0.2.0'; - - var Settings = NProgress.settings = { - minimum: 0.08, - easing: 'linear', - positionUsing: '', - speed: 200, - trickle: true, - trickleSpeed: 200, - showSpinner: true, - barSelector: '[role="bar"]', - spinnerSelector: '[role="spinner"]', - parent: 'body', - template: '<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>' - }; - - /** - * Updates configuration. - * - * NProgress.configure({ - * minimum: 0.1 - * }); - */ - NProgress.configure = function(options) { - var key, value; - for (key in options) { - value = options[key]; - if (value !== undefined && options.hasOwnProperty(key)) Settings[key] = value; - } - - return this; - }; - - /** - * Last number. - */ - - NProgress.status = null; - - /** - * Sets the progress bar status, where `n` is a number from `0.0` to `1.0`. - * - * NProgress.set(0.4); - * NProgress.set(1.0); - */ - - NProgress.set = function(n) { - var started = NProgress.isStarted(); - - n = clamp(n, Settings.minimum, 1); - NProgress.status = (n === 1 ? null : n); - - var progress = NProgress.render(!started), - bar = progress.querySelector(Settings.barSelector), - speed = Settings.speed, - ease = Settings.easing; - - progress.offsetWidth; /* Repaint */ - - queue(function(next) { - // Set positionUsing if it hasn't already been set - if (Settings.positionUsing === '') Settings.positionUsing = NProgress.getPositioningCSS(); - - // Add transition - css(bar, barPositionCSS(n, speed, ease)); - - if (n === 1) { - // Fade out - css(progress, { - transition: 'none', - opacity: 1 - }); - progress.offsetWidth; /* Repaint */ - - setTimeout(function() { - css(progress, { - transition: 'all ' + speed + 'ms linear', - opacity: 0 - }); - setTimeout(function() { - NProgress.remove(); - next(); - }, speed); - }, speed); - } else { - setTimeout(next, speed); - } - }); - - return this; - }; - - NProgress.isStarted = function() { - return typeof NProgress.status === 'number'; - }; - - /** - * Shows the progress bar. - * This is the same as setting the status to 0%, except that it doesn't go backwards. - * - * NProgress.start(); - * - */ - NProgress.start = function() { - if (!NProgress.status) NProgress.set(0); - - var work = function() { - setTimeout(function() { - if (!NProgress.status) return; - NProgress.trickle(); - work(); - }, Settings.trickleSpeed); - }; - - if (Settings.trickle) work(); - - return this; - }; - - /** - * Hides the progress bar. - * This is the *sort of* the same as setting the status to 100%, with the - * difference being `done()` makes some placebo effect of some realistic motion. - * - * NProgress.done(); - * - * If `true` is passed, it will show the progress bar even if its hidden. - * - * NProgress.done(true); - */ - - NProgress.done = function(force) { - if (!force && !NProgress.status) return this; - - return NProgress.inc(0.3 + 0.5 * Math.random()).set(1); - }; - - /** - * Increments by a random amount. - */ - - NProgress.inc = function(amount) { - var n = NProgress.status; - - if (!n) { - return NProgress.start(); - } else if(n > 1) { - return; - } else { - if (typeof amount !== 'number') { - if (n >= 0 && n < 0.2) { amount = 0.1; } - else if (n >= 0.2 && n < 0.5) { amount = 0.04; } - else if (n >= 0.5 && n < 0.8) { amount = 0.02; } - else if (n >= 0.8 && n < 0.99) { amount = 0.005; } - else { amount = 0; } - } - - n = clamp(n + amount, 0, 0.994); - return NProgress.set(n); - } - }; - - NProgress.trickle = function() { - return NProgress.inc(); - }; - - /** - * Waits for all supplied jQuery promises and - * increases the progress as the promises resolve. - * - * @param $promise jQUery Promise - */ - (function() { - var initial = 0, current = 0; - - NProgress.promise = function($promise) { - if (!$promise || $promise.state() === "resolved") { - return this; - } - - if (current === 0) { - NProgress.start(); - } - - initial++; - current++; - - $promise.always(function() { - current--; - if (current === 0) { - initial = 0; - NProgress.done(); - } else { - NProgress.set((initial - current) / initial); - } - }); - - return this; - }; - - })(); - - /** - * (Internal) renders the progress bar markup based on the `template` - * setting. - */ - - NProgress.render = function(fromStart) { - if (NProgress.isRendered()) return document.getElementById('nprogress'); - - addClass(document.documentElement, 'nprogress-busy'); - - var progress = document.createElement('div'); - progress.id = 'nprogress'; - progress.innerHTML = Settings.template; - - var bar = progress.querySelector(Settings.barSelector), - perc = fromStart ? '-100' : toBarPerc(NProgress.status || 0), - parent = document.querySelector(Settings.parent), - spinner; - - css(bar, { - transition: 'all 0 linear', - transform: 'translate3d(' + perc + '%,0,0)' - }); - - if (!Settings.showSpinner) { - spinner = progress.querySelector(Settings.spinnerSelector); - spinner && removeElement(spinner); - } - - if (parent != document.body) { - addClass(parent, 'nprogress-custom-parent'); - } - - parent.appendChild(progress); - return progress; - }; - - /** - * Removes the element. Opposite of render(). - */ - - NProgress.remove = function() { - removeClass(document.documentElement, 'nprogress-busy'); - removeClass(document.querySelector(Settings.parent), 'nprogress-custom-parent'); - var progress = document.getElementById('nprogress'); - progress && removeElement(progress); - }; - - /** - * Checks if the progress bar is rendered. - */ - - NProgress.isRendered = function() { - return !!document.getElementById('nprogress'); - }; - - /** - * Determine which positioning CSS rule to use. - */ - - NProgress.getPositioningCSS = function() { - // Sniff on document.body.style - var bodyStyle = document.body.style; - - // Sniff prefixes - var vendorPrefix = ('WebkitTransform' in bodyStyle) ? 'Webkit' : - ('MozTransform' in bodyStyle) ? 'Moz' : - ('msTransform' in bodyStyle) ? 'ms' : - ('OTransform' in bodyStyle) ? 'O' : ''; - - if (vendorPrefix + 'Perspective' in bodyStyle) { - // Modern browsers with 3D support, e.g. Webkit, IE10 - return 'translate3d'; - } else if (vendorPrefix + 'Transform' in bodyStyle) { - // Browsers without 3D support, e.g. IE9 - return 'translate'; - } else { - // Browsers without translate() support, e.g. IE7-8 - return 'margin'; - } - }; - - /** - * Helpers - */ - - function clamp(n, min, max) { - if (n < min) return min; - if (n > max) return max; - return n; - } - - /** - * (Internal) converts a percentage (`0..1`) to a bar translateX - * percentage (`-100%..0%`). - */ - - function toBarPerc(n) { - return (-1 + n) * 100; - } - - - /** - * (Internal) returns the correct CSS for changing the bar's - * position given an n percentage, and speed and ease from Settings - */ - - function barPositionCSS(n, speed, ease) { - var barCSS; - - if (Settings.positionUsing === 'translate3d') { - barCSS = { transform: 'translate3d('+toBarPerc(n)+'%,0,0)' }; - } else if (Settings.positionUsing === 'translate') { - barCSS = { transform: 'translate('+toBarPerc(n)+'%,0)' }; - } else { - barCSS = { 'margin-left': toBarPerc(n)+'%' }; - } - - barCSS.transition = 'all '+speed+'ms '+ease; - - return barCSS; - } - - /** - * (Internal) Queues a function to be executed. - */ - - var queue = (function() { - var pending = []; - - function next() { - var fn = pending.shift(); - if (fn) { - fn(next); - } - } - - return function(fn) { - pending.push(fn); - if (pending.length == 1) next(); - }; - })(); - - /** - * (Internal) Applies css properties to an element, similar to the jQuery - * css method. - * - * While this helper does assist with vendor prefixed property names, it - * does not perform any manipulation of values prior to setting styles. - */ - - var css = (function() { - var cssPrefixes = [ 'Webkit', 'O', 'Moz', 'ms' ], - cssProps = {}; - - function camelCase(string) { - return string.replace(/^-ms-/, 'ms-').replace(/-([\da-z])/gi, function(match, letter) { - return letter.toUpperCase(); - }); - } - - function getVendorProp(name) { - var style = document.body.style; - if (name in style) return name; - - var i = cssPrefixes.length, - capName = name.charAt(0).toUpperCase() + name.slice(1), - vendorName; - while (i--) { - vendorName = cssPrefixes[i] + capName; - if (vendorName in style) return vendorName; - } - - return name; - } - - function getStyleProp(name) { - name = camelCase(name); - return cssProps[name] || (cssProps[name] = getVendorProp(name)); - } - - function applyCss(element, prop, value) { - prop = getStyleProp(prop); - element.style[prop] = value; - } - - return function(element, properties) { - var args = arguments, - prop, - value; - - if (args.length == 2) { - for (prop in properties) { - value = properties[prop]; - if (value !== undefined && properties.hasOwnProperty(prop)) applyCss(element, prop, value); - } - } else { - applyCss(element, args[1], args[2]); - } - } - })(); - - /** - * (Internal) Determines if an element or space separated list of class names contains a class name. - */ - - function hasClass(element, name) { - var list = typeof element == 'string' ? element : classList(element); - return list.indexOf(' ' + name + ' ') >= 0; - } - - /** - * (Internal) Adds a class to an element. - */ - - function addClass(element, name) { - var oldList = classList(element), - newList = oldList + name; - - if (hasClass(oldList, name)) return; - - // Trim the opening space. - element.className = newList.substring(1); - } - - /** - * (Internal) Removes a class from an element. - */ - - function removeClass(element, name) { - var oldList = classList(element), - newList; - - if (!hasClass(element, name)) return; - - // Replace the class name. - newList = oldList.replace(' ' + name + ' ', ' '); - - // Trim the opening and closing spaces. - element.className = newList.substring(1, newList.length - 1); - } - - /** - * (Internal) Gets a space separated list of the class names on the element. - * The list is wrapped with a single space on each end to facilitate finding - * matches within the list. - */ - - function classList(element) { - return (' ' + (element && element.className || '') + ' ').replace(/\s+/gi, ' '); - } - - /** - * (Internal) Removes an element from the DOM. - */ - - function removeElement(element) { - element && element.parentNode && element.parentNode.removeChild(element); - } - - return NProgress; -}); diff --git a/others/js/nprogress.min.js b/others/js/nprogress.min.js new file mode 100644 index 0000000..ad9ce1d --- /dev/null +++ b/others/js/nprogress.min.js @@ -0,0 +1,3 @@ +/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress + * @license MIT */ +;(function(root,factory){if(typeof define==='function'&&define.amd){define(factory)}else if(typeof exports==='object'){module.exports=factory()}else{root.NProgress=factory()}})(this,function(){var NProgress={};NProgress.version='0.2.0';var Settings=NProgress.settings={minimum:0.08,easing:'linear',positionUsing:'',speed:200,trickle:true,trickleSpeed:200,showSpinner:true,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:'body',template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};NProgress.configure=function(options){var key,value;for(key in options){value=options[key];if(value!==undefined&&options.hasOwnProperty(key))Settings[key]=value}return this};NProgress.status=null;NProgress.set=function(n){var started=NProgress.isStarted();n=clamp(n,Settings.minimum,1);NProgress.status=(n===1?null:n);var progress=NProgress.render(!started),bar=progress.querySelector(Settings.barSelector),speed=Settings.speed,ease=Settings.easing;progress.offsetWidth;queue(function(next){if(Settings.positionUsing==='')Settings.positionUsing=NProgress.getPositioningCSS();css(bar,barPositionCSS(n,speed,ease));if(n===1){css(progress,{transition:'none',opacity:1});progress.offsetWidth;setTimeout(function(){css(progress,{transition:'all '+speed+'ms linear',opacity:0});setTimeout(function(){NProgress.remove();next()},speed)},speed)}else{setTimeout(next,speed)}});return this};NProgress.isStarted=function(){return typeof NProgress.status==='number'};NProgress.start=function(){if(!NProgress.status)NProgress.set(0);var work=function(){setTimeout(function(){if(!NProgress.status)return;NProgress.trickle();work()},Settings.trickleSpeed)};if(Settings.trickle)work();return this};NProgress.done=function(force){if(!force&&!NProgress.status)return this;return NProgress.inc(0.3+0.5*Math.random()).set(1)};NProgress.inc=function(amount){var n=NProgress.status;if(!n){return NProgress.start()}else if(n>1){return}else{if(typeof amount!=='number'){if(n>=0&&n<0.2){amount=0.1}else if(n>=0.2&&n<0.5){amount=0.04}else if(n>=0.5&&n<0.8){amount=0.02}else if(n>=0.8&&n<0.99){amount=0.005}else{amount=0}}n=clamp(n+amount,0,0.994);return NProgress.set(n)}};NProgress.trickle=function(){return NProgress.inc()};(function(){var initial=0,current=0;NProgress.promise=function($promise){if(!$promise||$promise.state()==="resolved"){return this}if(current===0){NProgress.start()}initial++;current++;$promise.always(function(){current--;if(current===0){initial=0;NProgress.done()}else{NProgress.set((initial-current)/initial)}});return this}})();NProgress.render=function(fromStart){if(NProgress.isRendered())return document.getElementById('nprogress');addClass(document.documentElement,'nprogress-busy');var progress=document.createElement('div');progress.id='nprogress';progress.innerHTML=Settings.template;var bar=progress.querySelector(Settings.barSelector),perc=fromStart?'-100':toBarPerc(NProgress.status||0),parent=document.querySelector(Settings.parent),spinner;css(bar,{transition:'all 0 linear',transform:'translate3d('+perc+'%,0,0)'});if(!Settings.showSpinner){spinner=progress.querySelector(Settings.spinnerSelector);spinner&&removeElement(spinner)}if(parent!=document.body){addClass(parent,'nprogress-custom-parent')}parent.appendChild(progress);return progress};NProgress.remove=function(){removeClass(document.documentElement,'nprogress-busy');removeClass(document.querySelector(Settings.parent),'nprogress-custom-parent');var progress=document.getElementById('nprogress');progress&&removeElement(progress)};NProgress.isRendered=function(){return!!document.getElementById('nprogress')};NProgress.getPositioningCSS=function(){var bodyStyle=document.body.style;var vendorPrefix=('WebkitTransform'in bodyStyle)?'Webkit':('MozTransform'in bodyStyle)?'Moz':('msTransform'in bodyStyle)?'ms':('OTransform'in bodyStyle)?'O':'';if(vendorPrefix+'Perspective'in bodyStyle){return'translate3d'}else if(vendorPrefix+'Transform'in bodyStyle){return'translate'}else{return'margin'}};function clamp(n,min,max){if(n<min)return min;if(n>max)return max;return n}function toBarPerc(n){return(-1+n)*100}function barPositionCSS(n,speed,ease){var barCSS;if(Settings.positionUsing==='translate3d'){barCSS={transform:'translate3d('+toBarPerc(n)+'%,0,0)'}}else if(Settings.positionUsing==='translate'){barCSS={transform:'translate('+toBarPerc(n)+'%,0)'}}else{barCSS={'margin-left':toBarPerc(n)+'%'}}barCSS.transition='all '+speed+'ms '+ease;return barCSS}var queue=(function(){var pending=[];function next(){var fn=pending.shift();if(fn){fn(next)}}return function(fn){pending.push(fn);if(pending.length==1)next()}})();var css=(function(){var cssPrefixes=['Webkit','O','Moz','ms'],cssProps={};function camelCase(string){return string.replace(/^-ms-/,'ms-').replace(/-([\da-z])/gi,function(match,letter){return letter.toUpperCase()})}function getVendorProp(name){var style=document.body.style;if(name in style)return name;var i=cssPrefixes.length,capName=name.charAt(0).toUpperCase()+name.slice(1),vendorName;while(i--){vendorName=cssPrefixes[i]+capName;if(vendorName in style)return vendorName}return name}function getStyleProp(name){name=camelCase(name);return cssProps[name]||(cssProps[name]=getVendorProp(name))}function applyCss(element,prop,value){prop=getStyleProp(prop);element.style[prop]=value}return function(element,properties){var args=arguments,prop,value;if(args.length==2){for(prop in properties){value=properties[prop];if(value!==undefined&&properties.hasOwnProperty(prop))applyCss(element,prop,value)}}else{applyCss(element,args[1],args[2])}}})();function hasClass(element,name){var list=typeof element=='string'?element:classList(element);return list.indexOf(' '+name+' ')>=0}function addClass(element,name){var oldList=classList(element),newList=oldList+name;if(hasClass(oldList,name))return;element.className=newList.substring(1)}function removeClass(element,name){var oldList=classList(element),newList;if(!hasClass(element,name))return;newList=oldList.replace(' '+name+' ',' ');element.className=newList.substring(1,newList.length-1)}function classList(element){return(' '+(element&&element.className||'')+' ').replace(/\s+/gi,' ')}function removeElement(element){element&&element.parentNode&&element.parentNode.removeChild(element)}return NProgress}); \ No newline at end of file diff --git a/settingDemo.json b/settingDemo.json new file mode 100644 index 0000000..b9bad6d --- /dev/null +++ b/settingDemo.json @@ -0,0 +1,25 @@ +// 高级设置 Demo +// 复制进设置时记得删除注解以免报错 +{ + "setting": { + "leave": { + "title": "悄悄藏好 (/ω＼) ", //页面失去焦点显示的标题 + "icon": "" //页面失去焦点显示的图标 + }, + "return": { + "title": "被找到惹 Σ(っ °Д °;)っ ", //页面恢复焦点显示的标题 + "icon": "" //页面恢复焦点显示的图标 + }, + "copyPrompt": { + "text": "转载请保留相应版权！", //内容被复制时显示的提示 + "title": "警告" //内容被复制时提示框标题 + }, + "toTopText": "回到顶部~" //回到顶部按钮标题 + }, + "resource": { + "url": "" //静态资源 只有选择第三方CDN时有效 注意必须为(以直接放在 根目录为例 结尾不需要写/)http(s)://你的域名 ，使资源能访问到的最终URL为(以主题css为例) http(s)://你的域名/others/css/castle.min.css + }, + "randPic": { + "url": "" //随机图api 例如https://api.ohmyga.cn/wallpaper/ 如果选择附加随机参数最终URL为https://api.ohmyga.cn/wallpaper/?rand=xxx + } +} \ No newline at end of file