summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
authorEltrac <45323514+BigCoke233@users.noreply.github.com>2020-01-22 16:30:12 +0800
committerGitHub <noreply@github.com>2020-01-22 16:30:12 +0800
commit904ccb7d9c58cf9f677a3535221ba4be6e72c6e5 (patch)
tree303159976ecc616656678ea9158d8f90392f3391 /assets/css
parente18ad6e05b3c5676f407b927acb83ea02fc4be56 (diff)
👏 Remove: 抹去 owo 表情容器的阴影
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/owo.min.css165
1 files changed, 164 insertions, 1 deletions
diff --git a/assets/css/owo.min.css b/assets/css/owo.min.css
index ed5f057..8c9ba6b 100644
--- a/assets/css/owo.min.css
+++ b/assets/css/owo.min.css
@@ -1 +1,164 @@
-.OwO{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.OwO:hover .OwO-logo{color:#444}.OwO.OwO-open .OwO-logo{border-radius:4px 4px 0 0;color:#444;box-shadow:0 8px 20px #bababa}.OwO.OwO-open .OwO-body{display:block;border-top:1px solid #ddd}.OwO.OwO-up .OwO-body{top:inherit;bottom:21px;border-radius:4px 4px 4px 0}.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0}.OwO.OwO-up.OwO-open .OwO-logo{border:none;border-radius:0 0 4px 4px;border-top:none}.OwO .OwO-logo{position:relative;display:inline-block;color:#888;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;padding:2px 3px;cursor:pointer;height:22px;box-sizing:border-box;z-index:2;transform:all .2s}.OwO .OwO-logo:hover{background:#f4f4f4}.OwO .OwO-logo:hover span{display:inline-block}.OwO .OwO-body{display:none;position:absolute;width:300px;background:#fff;z-index:3;top:21px;border-radius:0 6px 6px 6px;box-shadow:0 5px 20px #ddd;-moz-box-shadow:0 5px 20px #ddd;-webkit-box-shadow:0 5px 20px #ddd}.OwO .OwO-body .OwO-items{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;padding:10px;margin:0;overflow:scroll;font-size:0}.OwO .OwO-body .OwO-items::-webkit-scrollbar-thumb{background:#ddd}.OwO .OwO-body .OwO-items .OwO-item{list-style-type:none;padding:5px 10px;border-radius:3px;display:inline-block;font-size:12px;line-height:14px;margin:0 10px 12px 0;cursor:pointer;-webkit-transition:.3s;transition:.3s;background:rgba(0,0,0,0)}.OwO .OwO-body .OwO-items .OwO-item:hover{background:#f2f2f2;box-shadow:0 2px 3px #bababa;transform:scale(1.1)}.OwO .OwO-body .OwO-items-emoji .OwO-item{font-size:20px;line-height:19px}.OwO .OwO-body .OwO-items-image .OwO-item{max-width:calc(25% - 10px);box-sizing:border-box}.OwO .OwO-body .OwO-items-image .OwO-item img{max-width:100%}.OwO .OwO-body .OwO-items-show{display:block}.OwO .OwO-body .OwO-bar{width:100%;height:30px;background:#f0f0f0;border-radius:0 0 4px 4px;color:#444}.OwO .OwO-body .OwO-bar .OwO-packages{margin:0;padding:0;font-size:0}.OwO .OwO-body .OwO-bar .OwO-packages li{list-style-type:none;display:inline-block;line-height:30px;font-size:14px;padding:0 10px;cursor:pointer;margin-right:3px}.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0 0 0 3px}.OwO .OwO-body .OwO-bar .OwO-packages li:hover{background:#fff}.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active{background:#fff;-webkit-transition:.3s;transition:.3s} \ No newline at end of file
+.OwO {
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.OwO:hover .OwO-logo {
+ color: #444;
+}
+
+.OwO.OwO-open .OwO-logo {
+ border-radius: 4px 4px 0 0;
+ color: #444;
+}
+
+.OwO.OwO-open .OwO-body {
+ display: block;
+ border-top: 1px solid #ddd;
+ border: 1px solid #ddd;
+}
+
+.OwO.OwO-up .OwO-body {
+ top: inherit;
+ bottom: 21px;
+ border-radius: 4px 4px 4px 0;
+}
+
+.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1) {
+ border-radius: 0;
+}
+
+.OwO.OwO-up.OwO-open .OwO-logo {
+ border: none;
+ border-top: none;
+ border-radius: 0 0 4px 4px;
+}
+
+.OwO .OwO-logo {
+ position: relative;
+ z-index: 2;
+ display: inline-block;
+ box-sizing: border-box;
+ padding: 2px 3px;
+ height: 22px;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ background: #fff;
+ color: #888;
+ font-size: 13px;
+ cursor: pointer;
+ transform: all .2s;
+}
+
+.OwO .OwO-logo:hover {
+ background: #f4f4f4;
+}
+
+.OwO .OwO-logo:hover span {
+ display: inline-block;
+}
+
+.OwO .OwO-body {
+ position: absolute;
+ top: 21px;
+ z-index: 3;
+ display: none;
+ width: 300px;
+ border-radius: 0 6px 6px 6px;
+ background: #fff;
+}
+
+.OwO .OwO-body .OwO-items {
+ display: none;
+ overflow: scroll;
+ margin: 0;
+ padding: 10px;
+ font-size: 0;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.OwO .OwO-body .OwO-items::-webkit-scrollbar-thumb {
+ background: #ddd;
+}
+
+.OwO .OwO-body .OwO-items .OwO-item {
+ display: inline-block;
+ margin: 0 10px 12px 0;
+ padding: 5px 10px;
+ border-radius: 3px;
+ background: rgba(0,0,0,0);
+ list-style-type: none;
+ font-size: 12px;
+ line-height: 14px;
+ cursor: pointer;
+ -webkit-transition: .3s;
+ transition: .3s;
+}
+
+.OwO .OwO-body .OwO-items .OwO-item:hover {
+ background: #f2f2f2;
+ box-shadow: 0 2px 3px #bababa;
+ transform: scale(1.1);
+}
+
+.OwO .OwO-body .OwO-items-emoji .OwO-item {
+ font-size: 20px;
+ line-height: 19px;
+}
+
+.OwO .OwO-body .OwO-items-image .OwO-item {
+ box-sizing: border-box;
+ max-width: calc(25% - 10px);
+}
+
+.OwO .OwO-body .OwO-items-image .OwO-item img {
+ max-width: 100%;
+}
+
+.OwO .OwO-body .OwO-items-show {
+ display: block;
+}
+
+.OwO .OwO-body .OwO-bar {
+ width: 100%;
+ height: 30px;
+ border-radius: 0 0 4px 4px;
+ background: #f0f0f0;
+ color: #444;
+}
+
+.OwO .OwO-body .OwO-bar .OwO-packages {
+ margin: 0;
+ padding: 0;
+ font-size: 0;
+}
+
+.OwO .OwO-body .OwO-bar .OwO-packages li {
+ display: inline-block;
+ margin-right: 3px;
+ padding: 0 10px;
+ list-style-type: none;
+ font-size: 14px;
+ line-height: 30px;
+ cursor: pointer;
+}
+
+.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1) {
+ border-radius: 0 0 0 3px;
+}
+
+.OwO .OwO-body .OwO-bar .OwO-packages li:hover {
+ background: #fff;
+}
+
+.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
+ background: #fff;
+ -webkit-transition: .3s;
+ transition: .3s;
+}} \ No newline at end of file