From 1718bd7eda230ecc5f26fa75938c712c0ea38ad4 Mon Sep 17 00:00:00 2001 From: Eltrac <45323514+BigCoke233@users.noreply.github.com> Date: Thu, 25 Jul 2019 18:25:55 +0800 Subject: Add files via upload --- assets/css/miracles.min.css | 83 +++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 76 insertions(+), 7 deletions(-) (limited to 'assets/css/miracles.min.css') diff --git a/assets/css/miracles.min.css b/assets/css/miracles.min.css index 08420f6..1025722 100644 --- a/assets/css/miracles.min.css +++ b/assets/css/miracles.min.css @@ -83,15 +83,19 @@ hr { } .html-filter-sepia { filter: sepia(30%); - -webkit-filter: sepia(30%);; - -moz-filter: sepia(30%);; - -ms-filter: sepia(30%);; - -o-filter: sepia(30%);; + -webkit-filter: sepia(30%); + -moz-filter: sepia(30%); + -ms-filter: sepia(30%); + -o-filter: sepia(30%); filter:progid:DXImageTransform.Microsoft.BasicImage(sepia=0.30); } /* 组件 */ /* > 按钮 */ +button { + outline: none; + cursor: pointer +} .button { border: 3px solid #ccc; border-radius: 30px; @@ -114,6 +118,36 @@ hr { background: rgb(235,235,235); color: #fff; } +/* > Alert */ +.alert { + background: rgb(80,80,80); + color: #fff; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + padding: 10px 18px; + position: fixed; + top: 0; + left: 0; + right: 0; + width: 100%; + margin: 0 auto; + box-shadow: 0 0 4px #000; + -moz-box-shadow: 0 0 4px #000; + -webkit-box-shadow: 0 0 4px #000; + z-index: 40; + transition: all 0.3s; +} +.alert.ready { + top: -200px; +} +.alert-close { + border: none; + background: rgb(0,0,0,0); + transform: scale(0.8); + color: #fff; + float: right; + margin-top: -36px; +} /* Large Mask */ .mask { @@ -124,7 +158,7 @@ hr { right: 0; background: rgb(70,70,70,0); z-index: -100; - transition: all 0.4s; + transition: background 0.4s; } .mask-open { background: rgb(70,70,70,0.7); @@ -272,7 +306,7 @@ hr { color: rgb(80,80,80); text-shadow: 0 0 0 #fff; } -.drawer-open #live2dcanvas { +#live2dcanvas { z-index: 0!important; } @@ -343,7 +377,10 @@ hr { .index-banner { margin-top: -21px; width: 100%; - text-align: center + text-align: center; + background-size: cover; + background-repeat: no-repeat; + background-position: 50% 50%; } .dark-cover, .banner-mask { @@ -632,6 +669,34 @@ hr { font-size: 160%; } +/* 关于页面 */ +.about-avatar img { + margin: 0 auto; + display: block; + padding: 2px; + border: 3px solid #ddd; + border-radius: 100%; + height: 200px; + width: 200px; +} +.about-name { + text-align: center; + font-size: 35px; + margin: 20px 0; + margin-bottom: 0; +} +.about-social { + text-align: center; + margin-top: 15px; +} +.about-social a { + transform: scale(1.2); + border-radius: 100%; + padding: 5px 10px; +} +.about-social a:hover { + background: rgb(246,246,246); +} /* 标签云 */ .tags-list { @@ -1316,6 +1381,10 @@ iframe[src*="//player.bilibili.com/player.html"] { } /* > Pad and up */ @media (min-width:768px) { + .alert { + min-width: 300px; + max-width: 700px + } .drawer-avatar img { height: 220px; width: 220px; -- cgit v1.2.3