diff options
Diffstat (limited to 'assets/css/miracles.min.css')
| -rw-r--r-- | assets/css/miracles.min.css | 83 |
1 files changed, 76 insertions, 7 deletions
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;
|