精简css,js依赖
This commit is contained in:
小赵同学 committed
1 parent
5f5b970890
commit
b6ca538dfa
82 files changed
-11774
No files matched your search
Vendored
-667
@@ -1,667 +0,0 @@
|
||||
.OwO {
|
||||
position: relative;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
@media (max-width: 767.98px){
|
||||
.OwO {
|
||||
position: relative;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
left: 0%!important;
|
||||
}
|
||||
}
|
||||
.OwO:hover .OwO-logo {
|
||||
color: #444
|
||||
}
|
||||
|
||||
.OwO.OwO-open .OwO-logo {
|
||||
border-radius: 4px 4px 0 0;
|
||||
border-bottom: none;
|
||||
color: #444
|
||||
}
|
||||
|
||||
.OwO.OwO-open .OwO-body {
|
||||
display: block
|
||||
}
|
||||
|
||||
.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: 1px solid #ddd;
|
||||
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 5px;
|
||||
cursor: pointer;
|
||||
height: 22px;
|
||||
box-sizing: border-box;
|
||||
z-index: 2;
|
||||
line-height: 16px
|
||||
}
|
||||
|
||||
.OwO .OwO-logo:hover span {
|
||||
display: inline-block;
|
||||
-webkit-animation: a 5s infinite ease-in-out;
|
||||
animation: a 5s infinite ease-in-out
|
||||
}
|
||||
|
||||
.OwO .OwO-body {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 400px;
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
z-index: 1;
|
||||
top: 21px;
|
||||
border-radius: 0 4px 4px 4px
|
||||
}
|
||||
|
||||
.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 .OwO-item {
|
||||
list-style-type: none;
|
||||
background: #f7f7f7;
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
margin: 0 10px 12px 0;
|
||||
cursor: pointer;
|
||||
-webkit-transition: .3s;
|
||||
transition: .3s
|
||||
}
|
||||
|
||||
.OwO .OwO-body .OwO-items .OwO-item:hover {
|
||||
background: #eee;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
||||
-webkit-animation: a 5s infinite ease-in-out;
|
||||
animation: a 5s infinite ease-in-out
|
||||
}
|
||||
|
||||
.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;
|
||||
border-top: 1px solid #ddd;
|
||||
background: #fff;
|
||||
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: #eee
|
||||
}
|
||||
|
||||
.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
|
||||
background: #eee;
|
||||
-webkit-transition: .3s;
|
||||
transition: .3s
|
||||
}
|
||||
|
||||
@-webkit-keyframes a {
|
||||
2% {
|
||||
-webkit-transform: translateY(1.5px) rotate(1.5deg);
|
||||
transform: translateY(1.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
4% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(-.5deg);
|
||||
transform: translateY(-1.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
6% {
|
||||
-webkit-transform: translateY(1.5px) rotate(-1.5deg);
|
||||
transform: translateY(1.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
8% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
|
||||
transform: translateY(-1.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
10% {
|
||||
-webkit-transform: translateY(2.5px) rotate(1.5deg);
|
||||
transform: translateY(2.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
12% {
|
||||
-webkit-transform: translateY(-.5px) rotate(1.5deg);
|
||||
transform: translateY(-.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
14% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(1.5deg);
|
||||
transform: translateY(-1.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
16% {
|
||||
-webkit-transform: translateY(-.5px) rotate(-1.5deg);
|
||||
transform: translateY(-.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
18% {
|
||||
-webkit-transform: translateY(.5px) rotate(-1.5deg);
|
||||
transform: translateY(.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
20% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(2.5deg);
|
||||
transform: translateY(-1.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
22% {
|
||||
-webkit-transform: translateY(.5px) rotate(-1.5deg);
|
||||
transform: translateY(.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
24% {
|
||||
-webkit-transform: translateY(1.5px) rotate(1.5deg);
|
||||
transform: translateY(1.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
26% {
|
||||
-webkit-transform: translateY(.5px) rotate(.5deg);
|
||||
transform: translateY(.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
28% {
|
||||
-webkit-transform: translateY(.5px) rotate(1.5deg);
|
||||
transform: translateY(.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
30% {
|
||||
-webkit-transform: translateY(-.5px) rotate(2.5deg);
|
||||
transform: translateY(-.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
32%,
|
||||
34% {
|
||||
-webkit-transform: translateY(1.5px) rotate(-.5deg);
|
||||
transform: translateY(1.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
36% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(2.5deg);
|
||||
transform: translateY(-1.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
38% {
|
||||
-webkit-transform: translateY(1.5px) rotate(-1.5deg);
|
||||
transform: translateY(1.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
40% {
|
||||
-webkit-transform: translateY(-.5px) rotate(2.5deg);
|
||||
transform: translateY(-.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
42% {
|
||||
-webkit-transform: translateY(2.5px) rotate(-1.5deg);
|
||||
transform: translateY(2.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
44% {
|
||||
-webkit-transform: translateY(1.5px) rotate(.5deg);
|
||||
transform: translateY(1.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
46% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(2.5deg);
|
||||
transform: translateY(-1.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
48% {
|
||||
-webkit-transform: translateY(-.5px) rotate(.5deg);
|
||||
transform: translateY(-.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: translateY(.5px) rotate(.5deg);
|
||||
transform: translateY(.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
52% {
|
||||
-webkit-transform: translateY(2.5px) rotate(2.5deg);
|
||||
transform: translateY(2.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
54% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(1.5deg);
|
||||
transform: translateY(-1.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
56% {
|
||||
-webkit-transform: translateY(2.5px) rotate(2.5deg);
|
||||
transform: translateY(2.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
58% {
|
||||
-webkit-transform: translateY(.5px) rotate(2.5deg);
|
||||
transform: translateY(.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
60% {
|
||||
-webkit-transform: translateY(2.5px) rotate(2.5deg);
|
||||
transform: translateY(2.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
62% {
|
||||
-webkit-transform: translateY(-.5px) rotate(2.5deg);
|
||||
transform: translateY(-.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
64% {
|
||||
-webkit-transform: translateY(-.5px) rotate(1.5deg);
|
||||
transform: translateY(-.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
66% {
|
||||
-webkit-transform: translateY(1.5px) rotate(-.5deg);
|
||||
transform: translateY(1.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
68% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(-.5deg);
|
||||
transform: translateY(-1.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
70% {
|
||||
-webkit-transform: translateY(1.5px) rotate(.5deg);
|
||||
transform: translateY(1.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
72% {
|
||||
-webkit-transform: translateY(2.5px) rotate(1.5deg);
|
||||
transform: translateY(2.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
74% {
|
||||
-webkit-transform: translateY(-.5px) rotate(.5deg);
|
||||
transform: translateY(-.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
76% {
|
||||
-webkit-transform: translateY(-.5px) rotate(2.5deg);
|
||||
transform: translateY(-.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
78% {
|
||||
-webkit-transform: translateY(-.5px) rotate(1.5deg);
|
||||
transform: translateY(-.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
80% {
|
||||
-webkit-transform: translateY(1.5px) rotate(1.5deg);
|
||||
transform: translateY(1.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
82% {
|
||||
-webkit-transform: translateY(-.5px) rotate(.5deg);
|
||||
transform: translateY(-.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
84% {
|
||||
-webkit-transform: translateY(1.5px) rotate(2.5deg);
|
||||
transform: translateY(1.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
86% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
|
||||
transform: translateY(-1.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
88% {
|
||||
-webkit-transform: translateY(-.5px) rotate(2.5deg);
|
||||
transform: translateY(-.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
90% {
|
||||
-webkit-transform: translateY(2.5px) rotate(-.5deg);
|
||||
transform: translateY(2.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
92% {
|
||||
-webkit-transform: translateY(.5px) rotate(-.5deg);
|
||||
transform: translateY(.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
94% {
|
||||
-webkit-transform: translateY(2.5px) rotate(.5deg);
|
||||
transform: translateY(2.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
96% {
|
||||
-webkit-transform: translateY(-.5px) rotate(1.5deg);
|
||||
transform: translateY(-.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
98% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(-.5deg);
|
||||
transform: translateY(-1.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
0%,
|
||||
to {
|
||||
-webkit-transform: translate(0) rotate(0deg);
|
||||
transform: translate(0) rotate(0deg)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes a {
|
||||
2% {
|
||||
-webkit-transform: translateY(1.5px) rotate(1.5deg);
|
||||
transform: translateY(1.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
4% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(-.5deg);
|
||||
transform: translateY(-1.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
6% {
|
||||
-webkit-transform: translateY(1.5px) rotate(-1.5deg);
|
||||
transform: translateY(1.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
8% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
|
||||
transform: translateY(-1.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
10% {
|
||||
-webkit-transform: translateY(2.5px) rotate(1.5deg);
|
||||
transform: translateY(2.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
12% {
|
||||
-webkit-transform: translateY(-.5px) rotate(1.5deg);
|
||||
transform: translateY(-.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
14% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(1.5deg);
|
||||
transform: translateY(-1.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
16% {
|
||||
-webkit-transform: translateY(-.5px) rotate(-1.5deg);
|
||||
transform: translateY(-.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
18% {
|
||||
-webkit-transform: translateY(.5px) rotate(-1.5deg);
|
||||
transform: translateY(.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
20% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(2.5deg);
|
||||
transform: translateY(-1.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
22% {
|
||||
-webkit-transform: translateY(.5px) rotate(-1.5deg);
|
||||
transform: translateY(.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
24% {
|
||||
-webkit-transform: translateY(1.5px) rotate(1.5deg);
|
||||
transform: translateY(1.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
26% {
|
||||
-webkit-transform: translateY(.5px) rotate(.5deg);
|
||||
transform: translateY(.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
28% {
|
||||
-webkit-transform: translateY(.5px) rotate(1.5deg);
|
||||
transform: translateY(.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
30% {
|
||||
-webkit-transform: translateY(-.5px) rotate(2.5deg);
|
||||
transform: translateY(-.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
32%,
|
||||
34% {
|
||||
-webkit-transform: translateY(1.5px) rotate(-.5deg);
|
||||
transform: translateY(1.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
36% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(2.5deg);
|
||||
transform: translateY(-1.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
38% {
|
||||
-webkit-transform: translateY(1.5px) rotate(-1.5deg);
|
||||
transform: translateY(1.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
40% {
|
||||
-webkit-transform: translateY(-.5px) rotate(2.5deg);
|
||||
transform: translateY(-.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
42% {
|
||||
-webkit-transform: translateY(2.5px) rotate(-1.5deg);
|
||||
transform: translateY(2.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
44% {
|
||||
-webkit-transform: translateY(1.5px) rotate(.5deg);
|
||||
transform: translateY(1.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
46% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(2.5deg);
|
||||
transform: translateY(-1.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
48% {
|
||||
-webkit-transform: translateY(-.5px) rotate(.5deg);
|
||||
transform: translateY(-.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: translateY(.5px) rotate(.5deg);
|
||||
transform: translateY(.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
52% {
|
||||
-webkit-transform: translateY(2.5px) rotate(2.5deg);
|
||||
transform: translateY(2.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
54% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(1.5deg);
|
||||
transform: translateY(-1.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
56% {
|
||||
-webkit-transform: translateY(2.5px) rotate(2.5deg);
|
||||
transform: translateY(2.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
58% {
|
||||
-webkit-transform: translateY(.5px) rotate(2.5deg);
|
||||
transform: translateY(.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
60% {
|
||||
-webkit-transform: translateY(2.5px) rotate(2.5deg);
|
||||
transform: translateY(2.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
62% {
|
||||
-webkit-transform: translateY(-.5px) rotate(2.5deg);
|
||||
transform: translateY(-.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
64% {
|
||||
-webkit-transform: translateY(-.5px) rotate(1.5deg);
|
||||
transform: translateY(-.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
66% {
|
||||
-webkit-transform: translateY(1.5px) rotate(-.5deg);
|
||||
transform: translateY(1.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
68% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(-.5deg);
|
||||
transform: translateY(-1.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
70% {
|
||||
-webkit-transform: translateY(1.5px) rotate(.5deg);
|
||||
transform: translateY(1.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
72% {
|
||||
-webkit-transform: translateY(2.5px) rotate(1.5deg);
|
||||
transform: translateY(2.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
74% {
|
||||
-webkit-transform: translateY(-.5px) rotate(.5deg);
|
||||
transform: translateY(-.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
76% {
|
||||
-webkit-transform: translateY(-.5px) rotate(2.5deg);
|
||||
transform: translateY(-.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
78% {
|
||||
-webkit-transform: translateY(-.5px) rotate(1.5deg);
|
||||
transform: translateY(-.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
80% {
|
||||
-webkit-transform: translateY(1.5px) rotate(1.5deg);
|
||||
transform: translateY(1.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
82% {
|
||||
-webkit-transform: translateY(-.5px) rotate(.5deg);
|
||||
transform: translateY(-.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
84% {
|
||||
-webkit-transform: translateY(1.5px) rotate(2.5deg);
|
||||
transform: translateY(1.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
86% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(-1.5deg);
|
||||
transform: translateY(-1.5px) rotate(-1.5deg)
|
||||
}
|
||||
|
||||
88% {
|
||||
-webkit-transform: translateY(-.5px) rotate(2.5deg);
|
||||
transform: translateY(-.5px) rotate(2.5deg)
|
||||
}
|
||||
|
||||
90% {
|
||||
-webkit-transform: translateY(2.5px) rotate(-.5deg);
|
||||
transform: translateY(2.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
92% {
|
||||
-webkit-transform: translateY(.5px) rotate(-.5deg);
|
||||
transform: translateY(.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
94% {
|
||||
-webkit-transform: translateY(2.5px) rotate(.5deg);
|
||||
transform: translateY(2.5px) rotate(.5deg)
|
||||
}
|
||||
|
||||
96% {
|
||||
-webkit-transform: translateY(-.5px) rotate(1.5deg);
|
||||
transform: translateY(-.5px) rotate(1.5deg)
|
||||
}
|
||||
|
||||
98% {
|
||||
-webkit-transform: translateY(-1.5px) rotate(-.5deg);
|
||||
transform: translateY(-1.5px) rotate(-.5deg)
|
||||
}
|
||||
|
||||
0%,
|
||||
to {
|
||||
-webkit-transform: translate(0) rotate(0deg);
|
||||
transform: translate(0) rotate(0deg)
|
||||
}
|
||||
}
|
||||
@@ -1,143 +0,0 @@
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#app {
|
||||
margin: 0 auto;
|
||||
width: 640px;
|
||||
min-height: 100vh;
|
||||
}
|
||||
.YEmotion {
|
||||
position: relative;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.YEmotion .YEmotion-face {
|
||||
display: inline-block;
|
||||
outline: 0;
|
||||
border: 1px solid black;
|
||||
border-radius: 5px;
|
||||
padding: 5px 8px;
|
||||
line-height: 1rem;
|
||||
font-size: 0.9rem;
|
||||
background-color: #fff;
|
||||
transition: 0.3s ease background-color, 0.3s ease color;
|
||||
}
|
||||
.YEmotion .YEmotion-face:hover,
|
||||
.YEmotion .YEmotion-face:focus,
|
||||
.YEmotion .YEmotion-face.show {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
.YEmotion .YEmotion-container {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: var(--mWidth);
|
||||
max-height: 0;
|
||||
transform: translateY(50px);
|
||||
border-radius: 5px;
|
||||
transition: 0.3s ease transform;
|
||||
overflow: hidden;
|
||||
}
|
||||
.YEmotion .YEmotion-container.show {
|
||||
height: var(--mHeight);
|
||||
max-height: var(--mHeight);
|
||||
transform: translateY(0px);
|
||||
background-color: #eee;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-coverbox {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #eee;
|
||||
color: #333;
|
||||
font-size: 0.9rem;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist {
|
||||
padding: 8px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist.top {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist.bottom {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 5px;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist::-webkit-scrollbar-button {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist::-webkit-scrollbar-thumb {
|
||||
min-width: 28px;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgb(0 0 0%), inset 0 -1px 0 rgb(0 0 0%);
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist .YEmotion-type-select {
|
||||
display: inline-block;
|
||||
background-color: transparent;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
line-height: 1;
|
||||
padding: 5px 8px;
|
||||
border-radius: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist .YEmotion-type-select:hover,
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist .YEmotion-type-selectfocus,
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist .YEmotion-type-select.current {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container {
|
||||
position: relative;
|
||||
height: var(--mHeight);
|
||||
background-color: white;
|
||||
overflow: hiddent;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container .YEmotion-emolist {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
transform: translateX(calc(0 - var(--mWidth)));
|
||||
overflow-y: auto;
|
||||
padding: 8px;
|
||||
transition: 0.3s ease transform;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container .YEmotion-emolist:not(.current) {
|
||||
transform: translateX(var(--mWidth));
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container .YEmotion-emolist .YEmotion-emo-button {
|
||||
padding: 5px 8px;
|
||||
margin-bottom: 5px;
|
||||
margin-right: 5px;
|
||||
border-radius: 5px;
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
background-color: #eee;
|
||||
transition: 0.3s ease all;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container .YEmotion-emolist .YEmotion-emo-button:hover,
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container .YEmotion-emolist .YEmotion-emo-button:focus {
|
||||
text-decoration: none;
|
||||
background-color: #333;
|
||||
color: white;
|
||||
}
|
||||
#showResult {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
#showResult .biaoqing {
|
||||
width: 24px;
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
@charset "UTF-8";.artalk,.atk-layer-wrap{--at-color-font: #2a2e2e;--at-color-deep: #2a2e2e;--at-color-sub: #757575;--at-color-grey: #747474;--at-color-meta: #697182;--at-color-border: #eceff2;--at-color-light: #000000;--at-color-bg: #FFF;--at-color-bg-transl: rgba(255, 255, 255, .94);--at-color-bg-grey: #f3f4f5;--at-color-bg-grey-transl: rgba(244, 244, 244, .75);--at-color-bg-light: rgba(29, 161, 242, .1);--at-color-main: #000000;--at-color-red: #ff5652;--at-color-pink: #fa5a57;--at-color-yellow: #ff7c37;--at-color-green: #4caf50;--at-color-gradient: linear-gradient(180deg, transparent, rgba(255, 255, 255))}.artalk.atk-dark-mode,.atk-layer-wrap.atk-dark-mode{--at-color-font: #fff;--at-color-deep: #e7e7e7;--at-color-sub: #e7e7e7;--at-color-grey: #fff;--at-color-meta: #fff;--at-color-border: #2d3235;--at-color-light: #687a86;--at-color-bg: #1e2224;--at-color-bg-transl: rgba(30, 34, 36, .95);--at-color-bg-grey: #46494e;--at-color-bg-grey-transl: rgba(8, 8, 8, .95);--at-color-bg-light: rgba(29, 161, 242, .1);--at-color-main: #0083ff;--at-color-red: #ff5652;--at-color-pink: #fa5a57;--at-color-yellow: #ff7c37;--at-color-green: #4caf50;--at-color-gradient: linear-gradient(180deg, transparent, rgba(30, 34, 36, 1))}.atk-comment-wrap{overflow:hidden;position:relative;border-bottom:1px solid transparent}.atk-comment-wrap.atk-flash-once{animation:atkFlashOnce 1s ease-in-out 0s}@keyframes atkFlashOnce{0%{background:rgba(0,131,255,.2)}to{background:transparent}}.atk-comment-wrap.atk-unread:before{content:" ";position:absolute;left:0;top:10%;width:3px;height:80%;background:var(--at-color-main)}.atk-comment-wrap.atk-openable{cursor:pointer}.atk-comment-wrap.atk-openable:hover{background:var(--at-color-bg-grey)}.atk-comment-wrap.atk-openable .atk-height-limit:after{background:transparent!important}.atk-comment-wrap:last-child{border-bottom:none}.atk-comment{display:block;padding:12px 10px}.atk-comment>.atk-avatar{display:block;padding:2px 0;float:left}.atk-comment>.atk-avatar img{width:50px;height:50px;border-radius:3px}.atk-comment>.atk-main{display:block;margin-left:63px}.atk-comment>.atk-main>.atk-header{line-height:1.5;font-size:13px;margin-bottom:.5em;overflow:hidden;position:relative;display:flex;flex-wrap:wrap;align-items:center}.atk-comment>.atk-main>.atk-header .atk-item{display:flex;align-items:center;margin-top:2px;margin-bottom:2px;color:var(--at-color-meta)}.atk-comment>.atk-main>.atk-header .atk-item:not(:last-child){margin-right:6px}.atk-comment>.atk-main>.atk-header .atk-item.atk-nick,.atk-comment>.atk-main>.atk-header .atk-item.atk-nick a{font-size:14px;color:var(--at-color-main);text-decoration:none}.atk-comment>.atk-main>.atk-header .atk-item.atk-reply-at{margin-left:2px}.atk-comment>.atk-main>.atk-header .atk-item.atk-reply-at>.atk-arrow:before{content:"";vertical-align:middle;transform:rotate(90deg);border-bottom:4px solid var(--at-color-grey);border-left:3px solid transparent;border-right:3px solid transparent;display:inline-block;margin-top:-1px}.atk-comment>.atk-main>.atk-header .atk-item.atk-reply-at>.atk-nick{color:var(--at-color-main);cursor:pointer;margin-left:6px}.atk-comment>.atk-main>.atk-header .badge,.atk-comment>.atk-main>.atk-header .atk-ua,.atk-comment>.atk-main>.atk-header .atk-pinned-badge,.atk-comment>.atk-main>.atk-header .atk-region-badge,.atk-comment>.atk-main>.atk-header .atk-badge{display:inline-block;color:var(--at-color-meta);background:var(--at-color-bg-grey);padding:0 6px;line-height:17px;border-radius:3px}.atk-comment>.atk-main>.atk-header .badge:not(:last-child),.atk-comment>.atk-main>.atk-header .atk-ua:not(:last-child),.atk-comment>.atk-main>.atk-header .atk-pinned-badge:not(:last-child),.atk-comment>.atk-main>.atk-header .atk-region-badge:not(:last-child),.atk-comment>.atk-main>.atk-header .atk-badge:not(:last-child){margin-right:6px}.atk-comment>.atk-main>.atk-header .atk-badge-wrap>*:last-child{margin-right:6px}.atk-comment>.atk-main>.atk-header .atk-badge{color:#fff}.atk-comment>.atk-main>.atk-header .atk-pinned-badge{color:#fff;background:#f44336}@media only screen and (max-width: 768px){.atk-comment>.atk-main>.atk-header .atk-ua-wrap{display:block}}.atk-comment>.atk-main>.atk-body{display:block;overflow:hidden;position:relative}.atk-comment>.atk-main>.atk-body img{max-width:100%}.atk-comment>.atk-main>.atk-body>.atk-content{word-break:break-all}.atk-comment>.atk-main>.atk-body>.atk-content.atk-type-collapsed{border:3px solid var(--at-color-bg-grey);border-bottom:0;padding:5px 10px;border-radius:6px 6px 0 0;margin-bottom:-5px}.atk-comment>.atk-main>.atk-body>.atk-content>*:first-child{margin-top:0}.atk-comment>.atk-main>.atk-body>.atk-content>*:last-child{margin-bottom:0}.atk-comment>.atk-main>.atk-body>.atk-content .atk-height-limit-btn{bottom:5px}.atk-comment>.atk-main>.atk-body>.atk-pending{color:var(--at-color-meta);margin:3px 0;font-size:13px;padding:10px 18px;display:block;background:var(--at-color-bg-grey);border-left:4px solid #f44336}.atk-comment>.atk-main>.Line truncated
|
||||
@@ -1,12 +0,0 @@
|
||||
.barrage{position: fixed;bottom:70px;right:-500px;display: inline-block;width: 500px;z-index: 1}
|
||||
.barrage_box{background-color: rgba(0,0,0,.5);padding-right: 8px; height: 40px;display: inline-block;border-radius: 25px;transition: all .3s;}
|
||||
.barrage_box .portrait{ display: inline-block;margin-top: 4px; margin-left: 4px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden;}
|
||||
.barrage_box .portrait img{width: 100%;height: 100%;}
|
||||
.barrage_box div.p a{ margin-right: 2px; font-size: 14px;color: #fff;line-height: 40px;margin-left: 18px; }
|
||||
.barrage_box div.p a:hover{text-decoration: underline;}
|
||||
.barrage_box .close{visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px;margin-left: 20px;border-radius: 50%;background:rgba(255,255,255,.1);margin-top:8px; background-image: url(close.png);}
|
||||
.barrage_box:hover .close{visibility:visible;opacity: 1;}
|
||||
.barrage_box .close a{display:block;}
|
||||
.barrage_box .close .icon-close{font-size: 14px;color:rgba(255,255,255,.5);display: inline-block;margin-top: 5px; }
|
||||
.barrage .z {float: left !important;}
|
||||
.barrage a{text-decoration:none;}
|
||||
-1568
File diff suppressed because it is too large.
Load diff
@@ -1,153 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
:root{
|
||||
--heo-white: #fff;
|
||||
--heo-white-op: rgba(255,255,255,0.2);
|
||||
--heo-black: #000;
|
||||
--heo-black-op: rgba(0,0,0,0.2);
|
||||
--heo-none: #00000000;
|
||||
--heo-gray: #999999;
|
||||
--heo-gray-op: #9999992b;
|
||||
--heo-vip: #e5a80d;
|
||||
--heo-main: var(--heo-theme);
|
||||
--heo-main-op: var(--heo-theme-op);
|
||||
--heo-main-op-deep: var(--heo-theme-op-deep);
|
||||
--heo-main-none: var(--heo-theme-none);
|
||||
--heo-shadow-theme: 0 8px 12px -3px var(--heo-theme-op);
|
||||
--heo-shadow-blackdeep: 0 2px 16px -3px rgba(0, 0, 0,.15);
|
||||
--heo-shadow-main: 0 8px 12px -3px var(--heo-main-op);
|
||||
--heo-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234,.20);
|
||||
--heo-shadow-white: 0 8px 12px -3px rgba(255, 255, 255,.20);
|
||||
--heo-shadow-black: 0 0 12px 4px rgba(0, 0, 0,.05);
|
||||
--heo-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62,.12);
|
||||
--heo-shadow-red: 0 8px 12px -3px #ee7d7936;
|
||||
--heo-shadow-green: 0 8px 12px -3px #87ee7936;
|
||||
--heo-logo-color: linear-gradient(215deg,#4584ff 0%,#cf0db9 100%);
|
||||
--heo-snackbar-time: 5s;
|
||||
--style-border: 1px solid var(--heo-card-border);
|
||||
--style-border-always: 1px solid var(--heo-card-border);
|
||||
--style-border-hover: 1px solid var(--heo-main);
|
||||
--style-border-hover-always: 1px solid var(--heo-main);
|
||||
--style-border-dashed: 1px dashed var(--heo-theme-op);
|
||||
|
||||
--heo-theme: #425AEF;
|
||||
--heo-theme-op: #4259ef23;
|
||||
--heo-theme-op-deep: #4259efdd;
|
||||
--heo-theme-none: #4259ef01;
|
||||
--heo-blue: #425AEF;
|
||||
--heo-red: #D8213C;
|
||||
--heo-pink: #FF7C7C;
|
||||
--heo-green: #28a63f;
|
||||
--heo-yellow: #c28b00;
|
||||
--heo-yellow-op: #d99c001a;
|
||||
--heo-orange: #e38100;
|
||||
--heo-fontcolor: #363636;
|
||||
--heo-background: #f7f9fe;
|
||||
--heo-reverse: #000;
|
||||
--heo-maskbg: rgba(255, 255, 255, 0.6);
|
||||
--heo-maskbgdeep: rgba(255, 255, 255, 0.85);
|
||||
--heo-hovertext: var(--heo-main);
|
||||
--heo-ahoverbg: #F7F7FA;
|
||||
--heo-lighttext: var(--heo-main);
|
||||
--heo-secondtext: rgba(60, 60, 67, 0.6);
|
||||
--heo-scrollbar: rgba(60, 60, 67, 0.4);
|
||||
--heo-card-btn-bg: #edf0f7;
|
||||
--heo-post-blockquote-bg: #fafcff;
|
||||
--heo-post-tabs-bg: #f2f5f8;
|
||||
--heo-secondbg: #f1f3f8;
|
||||
--heo-shadow-nav:0 5px 12px -5px rgba(102, 68, 68, 0.05);
|
||||
--heo-card-bg: #fff;
|
||||
--heo-card-bg-op: var(--heo-black-op);
|
||||
--heo-card-bg-none: rgba(255, 255, 255, 0);
|
||||
--heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0.00);
|
||||
--heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0.00);
|
||||
--heo-card-border: #e3e8f7;
|
||||
--heo-shadow-border: 0 8px 16px -4px #2c2d300c;
|
||||
--style-border-forever: 2px solid var(--heo-main);
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: var(--heo-fontcolor);
|
||||
color: var(--heo-background);
|
||||
}
|
||||
|
||||
[data-theme=light] {
|
||||
--heo-theme: #425AEF;
|
||||
--heo-theme-op: #4259ef23;
|
||||
--heo-theme-op-deep: #4259efdd;
|
||||
--heo-theme-none: #4259ef01;
|
||||
--heo-blue: #425AEF;
|
||||
--heo-red: #D8213C;
|
||||
--heo-pink: #FF7C7C;
|
||||
--heo-green: #28a63f;
|
||||
--heo-yellow: #c28b00;
|
||||
--heo-yellow-op: #d99c001a;
|
||||
--heo-orange: #e38100;
|
||||
--heo-fontcolor: #363636;
|
||||
--heo-background: #f7f9fe;
|
||||
--heo-reverse: #000;
|
||||
--heo-maskbg: rgba(255, 255, 255, 0.6);
|
||||
--heo-maskbgdeep: rgba(255, 255, 255, 0.85);
|
||||
--heo-hovertext: var(--heo-main);
|
||||
--heo-ahoverbg: #F7F7FA;
|
||||
--heo-lighttext: var(--heo-main);
|
||||
--heo-secondtext: rgba(60, 60, 67, 0.6);
|
||||
--heo-scrollbar: rgba(60, 60, 67, 0.4);
|
||||
--heo-card-btn-bg: #edf0f7;
|
||||
--heo-post-blockquote-bg: #fafcff;
|
||||
--heo-post-tabs-bg: #f2f5f8;
|
||||
--heo-secondbg: #f1f3f8;
|
||||
--heo-shadow-nav:0 5px 12px -5px rgba(102, 68, 68, 0.05);
|
||||
--heo-card-bg: #fff;
|
||||
--heo-card-bg-op: var(--heo-black-op);
|
||||
--heo-card-bg-none: rgba(255, 255, 255, 0);
|
||||
--heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0.00);
|
||||
--heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0.00);
|
||||
--heo-card-border: #e3e8f7;
|
||||
--heo-shadow-border: 0 8px 16px -4px #2c2d300c;
|
||||
--style-border-forever: 2px solid var(--heo-main);
|
||||
}
|
||||
|
||||
[data-theme=dark] {
|
||||
--heo-theme: #0084FF;
|
||||
--heo-theme-op: #0084FF23;
|
||||
--heo-theme-op-deep: #0084ffdd;
|
||||
--heo-theme-none: #0084FF00;
|
||||
--heo-blue: #0084FF;
|
||||
--heo-red: #FF3842;
|
||||
--heo-pink: #FF7C7C;
|
||||
--heo-green: #57bd6a;
|
||||
--heo-yellow: #ffc93e;
|
||||
--heo-yellow-op: #ffc93e30;
|
||||
--heo-orange: #ff953e;
|
||||
--heo-fontcolor: #F7F7FA;
|
||||
--heo-background: #18171d;
|
||||
--heo-reverse: #fff;
|
||||
--heo-maskbg: rgba(0,0,0, 0.6);
|
||||
--heo-maskbgdeep: rgba(0,0,0, 0.85);
|
||||
--heo-hovertext: #0A84FF;
|
||||
--heo-ahoverbg: #fff;
|
||||
--heo-lighttext: #f2b94b;
|
||||
--heo-secondtext: #a1a2b8;
|
||||
--heo-scrollbar: rgba(200, 200, 223, 0.4);
|
||||
--heo-card-btn-bg: #30343f;
|
||||
--heo-post-blockquote-bg: #000;
|
||||
--heo-post-tabs-bg: #121212;
|
||||
--heo-secondbg: #30343f;
|
||||
--heo-shadow-nav:0 5px 20px 0px rgba(28, 28, 28, 0.4);
|
||||
--heo-card-bg: #1d1e22;
|
||||
--heo-card-bg-op: var(--heo-white-op);
|
||||
--heo-card-bg-none: #1d1b2600;
|
||||
--heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0.0);
|
||||
--heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0.0);
|
||||
--heo-card-border: #282829;
|
||||
--heo-shadow-border: 0 8px 16px -4px #00000050;
|
||||
--style-border-forever: 2px solid var(--heo-lighttext);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px){
|
||||
:root{
|
||||
--style-border: 0px solid var(--heo-card-border);
|
||||
--style-border-hover: 0px solid var(--heo-main);
|
||||
}
|
||||
}
|
||||
Vendored
-1
@@ -1 +0,0 @@
|
||||
.qmsg.qmsg-wrapper{position:fixed;top:20px;left:0;z-index:1010;width:100%;pointer-events:none;color:rgba(0,0,0,0.55);font-size:13px;font-variant:tabular-nums;font-feature-settings:"tnum"}.qmsg .qmsg-item{padding:8px;text-align:center;animation-duration:.3s}.qmsg .qmsg-item .qmsg-content{text-align:left;position:relative;display:inline-block;padding:10px 12px;background:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.15);pointer-events:all;max-width:80%;min-width:80px}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-]{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon{display:inline-block;height:16px}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon:first-child{margin-right:8px}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon-close{cursor:pointer;color:rgba(0,0,0,0.45);transition:color .3s;margin-left:6px}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon-close:hover>svg path{stroke:#555}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-count{display:inline-block;position:absolute;left:-8px;top:-8px;color:#fff;font-size:12px;text-align:center;height:16px;line-height:16px;border-radius:3px;min-width:16px;animation-duration:.3s}.qmsg .qmsg-item .qmsg-content-info{color:#909399}.qmsg .qmsg-item .qmsg-content-info .qmsg-count{background-color:#909399}.qmsg .qmsg-item .qmsg-content-warning{color:#e6a23c}.qmsg .qmsg-item .qmsg-content-warning .qmsg-count{background-color:#e6a23c}.qmsg .qmsg-item .qmsg-content-error{color:#f56c6c}.qmsg .qmsg-item .qmsg-content-error .qmsg-count{background-color:#f56c6c}.qmsg .qmsg-item .qmsg-content-success{color:#67c23a}.qmsg .qmsg-item .qmsg-content-success .qmsg-count{background-color:#67c23a}.qmsg .qmsg-item .qmsg-content-loading{color:#409eff}.qmsg .qmsg-item .qmsg-content-loading .qmsg-count{background-color:#409eff}.qmsg .animate-turn{animation:MessageTurn 1s linear infinite}@keyframes MessageTurn{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@keyframes MessageMoveIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes MessageShake{0%,100%{transform:translateX(0px);opacity:1}25%,75%{transform:translateX(-4px);opacity:.75}50%{transform:translateX(4px);opacity:.25}}
|
||||
@@ -1,504 +0,0 @@
|
||||
.user_info {
|
||||
position: absolute;
|
||||
bottom: 10%;
|
||||
right: 8%;
|
||||
}
|
||||
|
||||
.user_info .top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user_info .name {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.user_info .avatar {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
}
|
||||
|
||||
.user_info .avatar img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.user_info .left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: flex-end;
|
||||
align-items: flex-end;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.user_info .des {
|
||||
font-size: 13px;
|
||||
text-align: right;
|
||||
color: #d6d6d6;
|
||||
}
|
||||
|
||||
.user-info {
|
||||
display: flex;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.user-info .avatar {
|
||||
max-height: 45px;
|
||||
max-width: 45px;
|
||||
float: left;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.user-info .intro {
|
||||
/* float:left;
|
||||
*/
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.user-info .intro div:nth-child(2) {
|
||||
word-break: break-all;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.content-item {
|
||||
padding-left: 49px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.user-info .intro .name {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 2px;
|
||||
border-width: 0;
|
||||
border-top-width: 0px;
|
||||
border-top: 1px dashed;
|
||||
border-top-color: currentcolor;
|
||||
border-color: #ebf2ed;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.header-nav-ul-li-a2 {
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
border: 0;
|
||||
background: #000;
|
||||
color: #fff !important;
|
||||
padding: 3px 5px;
|
||||
border-radius: 3px;
|
||||
font-size: 0.6rem;
|
||||
align-items: center;
|
||||
line-height: 0.9rem;
|
||||
position: relative;
|
||||
left: 70%;
|
||||
}
|
||||
|
||||
.topimage {
|
||||
padding-top: 64px;
|
||||
background-position: 50%;
|
||||
background-size: cover;
|
||||
min-height: 200px;
|
||||
text-align: center;
|
||||
/* border-radius:0 0 0.5rem 0.5rem;
|
||||
*/
|
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 1rem 1rem 0rem 0rem;
|
||||
/* margin-bottom:30px;
|
||||
*/
|
||||
}
|
||||
|
||||
.foot-menu {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background: #fff;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
max-width: 1150px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
img {
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 1.1em;
|
||||
color: #4d4d4d;
|
||||
white-space: pre-wrap
|
||||
}
|
||||
|
||||
.desc {
|
||||
color: #9b9b9b;
|
||||
/* font-family:LXGW WenKai Screen,monospace;
|
||||
*/
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.loadbtn {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
cursor: pointer;
|
||||
border: 0px;
|
||||
color: #9b9b9b;
|
||||
/* font-family:LXGW WenKai Screen,monospace;
|
||||
*/
|
||||
font-size: 0.8em;
|
||||
background-color: white;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
border: 1px dashed #e0dfdf;
|
||||
}
|
||||
|
||||
#back-top-button {
|
||||
position: fixed;
|
||||
bottom: 36px;
|
||||
right: 10px;
|
||||
z-index: 99;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: #d1d1d1;
|
||||
color: #2157ad;
|
||||
opacity: .35;
|
||||
cursor: pointer;
|
||||
padding: 6px;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.atk-main-editor>.atk-bottom .atk-send-btn {
|
||||
background: #000 !important;
|
||||
}
|
||||
|
||||
.atk-copyright {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.artalk {
|
||||
margin-top: 10px !important;
|
||||
width: 88% !important;
|
||||
margin-left: 46px !important;
|
||||
}
|
||||
|
||||
a img {
|
||||
display: block;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
a video {
|
||||
display: block;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.time {
|
||||
color: #9b9b9b;
|
||||
font-size: 0.8em
|
||||
}
|
||||
|
||||
.location {
|
||||
/* font-size:0.8em*/
|
||||
}
|
||||
|
||||
.tag {
|
||||
color: #9b9b9b;
|
||||
text-align: right;
|
||||
font-size: 0.9em;
|
||||
/* font-family:LXGW WenKai Screen,monospace;
|
||||
*/
|
||||
}
|
||||
|
||||
.location {
|
||||
color: #576b95;
|
||||
}
|
||||
|
||||
.single-pic {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.pic {
|
||||
object-fit: cover;
|
||||
height: 100px;
|
||||
/* width:100px;
|
||||
*/
|
||||
width: 100%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.pic-group {
|
||||
/* flex:0;
|
||||
*/
|
||||
margin: 0px 4px 4px 0px;
|
||||
}
|
||||
|
||||
.pic-group-in {
|
||||
margin: 0.1rem;
|
||||
}
|
||||
|
||||
.text p {
|
||||
margin: 0 0;
|
||||
}
|
||||
|
||||
.text img {
|
||||
max-height: 168px;
|
||||
max-width: 255px;
|
||||
margin-bottom: 5px;
|
||||
animation: fadeIn 1s;
|
||||
transition: all .4s ease-in-out;
|
||||
}
|
||||
|
||||
.atk-link{
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
.atk-main-editor>.atk-header {
|
||||
padding: 0px 0px 0!important;
|
||||
}
|
||||
|
||||
.atk-main-editor>.atk-textarea-wrap>.atk-textarea {
|
||||
padding: 10px 5px!important;
|
||||
}
|
||||
|
||||
@media screen and (max-width:300px) {
|
||||
|
||||
|
||||
|
||||
.topimage {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.pic {
|
||||
object-fit: cover;
|
||||
height: 92px;
|
||||
width: 92px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.single-pic {
|
||||
object-fit: cover;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:301px) and (max-width:500px) {
|
||||
|
||||
|
||||
|
||||
|
||||
.topimage {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
|
||||
.pic {
|
||||
object-fit: cover;
|
||||
height: 92px;
|
||||
width: 92px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.single-pic {
|
||||
object-fit: cover;
|
||||
height: 220px;
|
||||
width: 220px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#shuoshuo_btn{
|
||||
/*margin-left: 58%;*/
|
||||
position: absolute;
|
||||
/*position: fixed;*/
|
||||
margin-left: 190px!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:501px) and (max-width:700px) {
|
||||
|
||||
.topimage {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
|
||||
.pic {
|
||||
object-fit: cover;
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.single-pic {
|
||||
object-fit: cover;
|
||||
height: 250px;
|
||||
width: 250px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:701px) and (max-width:900px) {
|
||||
|
||||
|
||||
|
||||
.pic {
|
||||
object-fit: cover;
|
||||
height: 125px;
|
||||
width: 125px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.single-pic {
|
||||
object-fit: cover;
|
||||
height: 280px;
|
||||
width: 280px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#shuoshuo_btn{
|
||||
margin-left: 48%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:901px) and (max-width:1200px) {
|
||||
|
||||
|
||||
|
||||
.pic {
|
||||
object-fit: cover;
|
||||
height: 192px;
|
||||
width: 192px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.single-pic {
|
||||
object-fit: cover;
|
||||
/* height:320px;
|
||||
width:320px;*/
|
||||
height: 330px;
|
||||
width: 330px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width:1201px) {
|
||||
|
||||
|
||||
.header-nav-ul-li-a2 {
|
||||
left: 85% !important;
|
||||
}
|
||||
|
||||
|
||||
.pic {
|
||||
object-fit: cover;
|
||||
height: 180px;
|
||||
width: 180px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.single-pic {
|
||||
object-fit: cover;
|
||||
height: 380px;
|
||||
width: 380px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*相册css*/
|
||||
.memos-photo-wrapper {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
margin-top: .5rem;
|
||||
display: grid;
|
||||
width: 100%;
|
||||
gap: .5rem;
|
||||
}
|
||||
|
||||
.memos-photo {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius: .25rem;
|
||||
height: 194px;
|
||||
}
|
||||
|
||||
.memos-photo>img {
|
||||
min-height: 100%;
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
cursor: pointer;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
height: auto;
|
||||
animation: fadeIn 1s;
|
||||
transition: all .4s ease-in-out;
|
||||
}
|
||||
|
||||
.memos-photo span.photo-title,
|
||||
.memos-photo span.photo-time {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
padding: 0px 8px;
|
||||
font-size: 0.9rem;
|
||||
color: #fff;
|
||||
display: none;
|
||||
animation: fadeIn 1s;
|
||||
}
|
||||
|
||||
.memos-photo span.photo-title {
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
left: 4px;
|
||||
}
|
||||
|
||||
.memos-photo span.photo-time {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.memos-photo:hover span.photo-title,
|
||||
.memos-photo:hover span.photo-time {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:480px) and (max-width: 899px) {
|
||||
.memos-photo-wrapper {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.memos-photo {
|
||||
height: 201px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 479px) {
|
||||
.memos-photo-wrapper {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.memos-photo {
|
||||
height: 171px;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user