-
Notifications
You must be signed in to change notification settings - Fork 1
/
bblock.css
185 lines (163 loc) · 7.53 KB
/
bblock.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
.bblock {
position: relative;
width: 8em;
height: 8em;
overflow: hidden;
background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAgACAAwERAAIRAQMRAf/EAHYAAQEBAQEBAQAAAAAAAAAAAAMEAAcCAQgBAQEBAQEBAQEBAAAAAAAAAAYBAgAFCgkEAxABAQEAAQQBBAMAAAAAAAAAAgAB8BFRcZFBITGB4WGx8REBAAMAAwACAwEBAQEAAAAAADEDBAFhsRFRQaECIXGREv/aAAwDAQACEQMRAD8A/Mqy+lvt+WuW8CyhFlvTo+KdEeW8CPOd7PpHlvAjTn7Ist8ARp2R5b4+06yyR5b4AjQiy3wBZZ5/ZHlvTrKdkeW95y57P8f1x/XHy1G2uc1zmuc1znSUb+9+SOW+AI2SPLfAFlPgjy3wnWWSLLeBZTsjy3wBGkf8I8t8ARskWW+P9TrPdCPLfAEaEWW8CzzZ8I8t8AWdPrTwjzX/AIfKPS45+ePlrla5zXOa5zp6N/fy/HjLfCdGnRFlvgCNPSPLfAFlnn7I8t8AWc6U7Ist8ARp4R5b4To2euSPLeBGnP7I8t/2nWfuhFlv+wI9rPP6I8t4EadckeW+A7nTfmhDnu/+uPjlqP62uc1zmuc6ojeh1+H4vZbwI0I8t/8A4BZ7oRZb4To2SPLeBZTwjy3wBZzpT4/BFlvgCPiz6R5b06NPSPLeBGyR5b4As9UIst8J0aEeW+AI0n/pHlvgf2+nqj3arOP7/ntqP9muc1znWkb0uuX4i5b4To2fSPLeBHtQiy6I/wBAss8keW+AI05/RFlvhOj5p1yR5b4AjZ9I8t6dZTsiy3wBGnP6I8t4Flkjy3wBZ7oRZb4To2eyPLfAEec7U7I8t8PNHsfz/XH9cfPDXNNc519Zen0/CvLfAEbPpHlvhOjTvgjy3wBZZIst8AR/VCPLenRpz+yLLeBGzz9keW8CznSnP2R5b4AspH/CLLfCdGz0R5b4Asp6R5b4AjTsjy3wnWeLPhFlvgG585SCPNf8/wCctR6Etcrsiy9P1+CWW+ALOc7U7Ist8ARp4R5b4To2ef0R5b4AjQjy3wBH3Qiy3x/qdGz2R5b4As98/unhFlvAjTojy3gRs9EeW9OsoR5bwLP8p2RZb4AsskeW+E6ynRHlvgX2oQUW8f1x8NR/U7Ujep6+fjLfCdZ5p2R5b4Asp4RZb4Ass9EeW+E6NPSPLfAFlOSPLfAFlkiy3wnRp0R5b4AjznanRHlvgCPmz6RZb4AjTsjy3wnRskeW+AI0Ist4FlOeCPLenWWfSPLeP+LnuV/3x/f8u4I3qvnjy3gRs+EeW+ALP8p4R5b06yz8fgjy3wBZT0iy3p0fmhHlvAsskeW8CNOiLLfCdGk/4R5b4Cj+rPpHlvhOjTsjy3wBZQiy3p0bPRHlvAsp6RZb4Ass8/ZHlvgCznShHlvh3JZer2+d3LfAEackeW+AI065I8t4Flnr8kWW9Ospz9keW8CNOfsjy3p0bJFlvgCNOiPLfAFlkjy3wBGnP2RZb4AjTn9EeW+E6Nnr8EeW+AI0Ist6dZ7oR5b4AjZ7I8t4EfNPCLLe7msvVfO9lvAsoR5b4To0Ist8ARs+keW8CznO1OyLLfCdGkEeW+AI2SPLfAEaEeW+AI09Ist8J1nOlnsjy3wBZ4p4RZbwI0+PwR5b06Nn0jy3wBGhHlvgCyyRZb4+06NOSPLfDuaN63P6fO7lvgCNnojy3gRoR5b06Nnn7Ist4FlOfsjy3gRp4R5b4To2eiLLfH+gWUI8t8AWU7Ist4EbJHlvhOsp0R5bwLKdEeW+AI2fSLLfCdGnfBHlvgCNnwjy3wBHv+KEWW93NZes+d7LfCdGz0RZb4AsoR5bwLLPZHlvhOsoRZb4As9U6I8t8ARs+keW+AI09Ist6dGnZHlvAj6s8keW8CNOSPLenRs+kWW+ALKc/ZHlvgCynhHlvhOjZ8Ist8ARoR5b4dzZvV6fO9mu545+OQI06Ist6dH5oR5bwLLPZFlvAjTwjy3wnWU6I8t8AR8WfSLLfAEac/ZHlvgCNPCPLenRskWXRHxyBGhHlvAjZ9I8t8J1nmnZFlvgCNPCPLfAEbPRHlvhOjT0iy3u6bnW9V89fHPPHPzwnRp69XLeBGnZHlvhOjZI8t8ARoRZb4AspzwR5b4TrLPJHlvgCzxTn7Ist8ARpH/CPLeBGzyR5b4TrPdCPLeBGhFlvAjZ8I8t8J1lPCPLfAFln4/BFlvgCyhHlvh269R+Abys63P9K/75/j+vn8J0advcy3gRs+EWW+E6Pf8AFCPLeBGnpHlvgCzzZ7Ist8AWU8I8t6dZT4Ist8ARs9EeW8CNPSPLfCdZZ7I8t8AR9UIst8fYEadckeW+AI2fSPLfCdGnP2RZb4f/2Q==);
background-size: cover;
background-position:center center;
margin: 10px;
padding: 5px;
border-radius: .5em;
transition:1s ease;
border:0px solid rgba(10,10,10,0);
}
@keyframes tloop {
0% {
transform: translateX(0%)
}
40% {
transform: translateX(-80%)
}
50% {
transform: translateX(-80%)
}
90% {
transform: translateX(0%)
}
100% {
transform: translateX(0%)
}
}
@keyframes flash {
0% {
opacity:0;
}
20% {
opacity:1;
}
80% {
opacity:1;
}
100% {
opacity:0;
}
}
.bblock .p {
position: absolute;
z-index: 4;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAyCAYAAAAayliMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjNJREFUeNrcmj1PAkEQhjlz3VFjrTXYCjW1aCuWip3R8Ce0EhM7YrQ6aijsjhprsNaaq6HGWfNuQgjgHTv75SSTTbhw7DOZ2Xl3l0LBcwu2PVwsFgc0XJBH+CglT4IgmDgPQJM/peF6w+OYfEAgcycBaPIVGh7++O6MvEsQQxcB7mk4yviOL4BMXAJ43+FdiUgtAkl9BZBpJWqj5yuAtCnS6sNXAGlj8o7OtNrTHCCxELxRQFrkkY8A0s7IX9FbvEoh7cuuDQBpI4CkPqTQOquhPpoq9aEKMGMAEWLxmSDqNgCu0IFVbZ+8LSQMFLCxGjjBKH60RV5hSq8E9TE3BSBNpME5IlpgSM8eQQxMAhSw+WnAiwwgU3TziSkAaSWkVVWnLNEJIK0MkEMmkHhZ7ZroA5/kt+RPXMsudozGG9kQy+6A4V1VW51YLIsv5JfkKlqoZltKpEipqULj+7XQEoDoFU1FRWsFQHTsO4YVqW8aIELUOTY04+WzKBMAZUSdQ17EqyceoSdRFzn/SJP/Xn2gC+AYUS/qiLpOgAgT59A/mY5kOAHq6LSqUc8kozkBSog6x2Ym90ZfFaCBQuWIemeXo0ibxyq5t48miphtp+U6QB+FqnxFZRqA/TbHJECs4+IjNBT1tTLAdYBcDck1AO03M7oAjN8dcwKMEHWjt/fhlsLLuu0zdiO5zjadSnRzNKQbW5PfqIWgh4Q8buuUAVoBALH6dxsxYZHjiQv/VPkX9iPAAJSd0Sps61qpAAAAAElFTkSuQmCC);
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-size: cover;
height: 30px;
width: 30px;
cursor: pointer;
transition: .5s ease
}
.bblock .s {
position: absolute;
z-index: 4;
display: none;
opacity: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAyCAYAAAAayliMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAlJREFUeNrsWs1PFDEU73ywWVF3AWMMBsJFTp70bMLBMzGEkyciMeFiiP8DJ24eCAmEoPFETAiEPXnk4NUDXBRD3MSAISZodl2F+djazr4ub7ptp4te1kyTl9Ltm1/fr++1HeaVkB4vjqUOFlGoJJcdH+M63WJnEXAlEc8I0KYk3RrvQe1KRKiEqyXiZxjvgfhQu4gAB46ZRFCTLkiICfHRGB4iIGPHiIgVAWF8H0gBakFCDBAyCaAmliQcZHwB4QsSFAyPEL4osQ0BeYDi1NTU4MrKyrNisTgslM7Ozr7Ozc0tbW1tfUdesYnbFDaXarU6MzQ0dE8oRFH0c3t7+9Xs7OwHxbrI9LIHwCUmtyYnJ+8GQbDHpKqQPd7P9UC/CM+bjOczfp3JTSZj9Xp9U4XNSHze2dl5xHRuMxkAbD9rEYuFxWfnCpOrtVrtBZv5+5TSjgXvOA5lnnhfKpWes2aDyW9weazxgghLjt1/eHj4dHR09EkyvRI+x2ZVbXp6+nGlUvnG/v7F5BxCi+IZUYVPsnB3d3cfYON5LUS0eT/XUyx0087jM88NYONVwr26vLw8Y8J2DQvYHxkZGW9v+tIM4Tbo4UFMe36Cz+J7HBuvi7lyuXwHbSBOFgF8oHjNZrMDWDUY6HmKA0m3Qbgszj0VtuxtwMZnUSaB9sESx7Erg8o1F66nOZB0p64rT47OC/C7qwtNN8PV3RST8R3YKu9avDFYEeip0qsEHBUBR45VWzeDnu7NUnXmtLFNOxDq170R5yGUE8gJ5ARyAjmBnEBOICeQE8gJ5ARyAjmBf0GAojoR13WtMi+gJ3+Zlp/F7TY2fAPV//fe6td++e5VD9D/eg1YJxKkYsxlydi24akIbyMBbDzl8ScExyuuUT/NIEFNBHRrAX7Hyb5U8Q1MY9UsqQYCvdg0U+j3xJhCoRCbsPHEEUO20tWEQpIZPD4+PtAZjtugh7OJJCM04/X19U8KQztKvV7neqEtgVT6dGJi4l0QBAeakEnavJ/rkYuUaDPDAwl2pVL5cXJy8kaecWmM2urq6iZJp1up7RrgrM83NjYWOZBuAOg/N82SYoKSFOr8/PzLMAw/arDJ/v7+0sLCwhfAjojlrQAH1kY/k0EmwzwTeXp6+ppnDkUGkbchQzkMev3wXNYHYa7DM45l0spujh0dHS3iTGij0Xi7trb2kLQylDeYXCOtNJOrMla3vfokneTuQwaKZHRI0snuiNgluj2EjfHxLYAA4YYkfSNAuwvJC5lgl5POqwYR6bwOYLOnixAVayIkFzk2+RpDRAx3MazSQSR9KUM+uGLLQ0zlZdVlEnkzoaaNwfa6jS73SzN2HRtsZeLCFtu5xIAk47Aif0Gma+w/AgwAfe5eSfDE/3oAAAAASUVORK5CYII=);
right: 0;
bottom: 0;
transform: translate(-30%,-30%);
background-size: cover;
height: 25px;
width: 25px;
cursor: pointer;
transition: .5s ease
}
.bblock .ct {
transition: .5s ease
}
.bblock .t {
position: absolute;
z-index: 3;
color: #D8D8D8;
white-space: nowrap
}
.bblock .a {
position: absolute;
z-index: 3;
color: #E3E2E2;
font-size: 10px;
right: 0;
bottom: 0;
margin: 0 5px 5px 0;
padding-left:5px;
}
.bblock .b {
position: absolute;
z-index: 1;
left: 0;
top: 0;
background-color: black;
opacity: 0.5;
width: 100%;
height: 100%
}
.bblock .ad {
opacity: 0;
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: .5s ease
}
.bblock .prb {
opacity: 0;
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
width: 0%;
height: 0%;
border-radius:50%;
background-color:#848484;
opacity:0;
transform:translate(-50%,-50%);
transition: .5s ease
}
.bblock .notice,.bblock .tip {
position: absolute;
text-align:center;
z-index:2;
color:#FAFAFA;
display: none;
left: 50%;
top: 50%;
width:90%;
transform:translate(-50%,-50%);
opacity:1;
transition: .5s ease;
margin:0 auto;
user-select:none;
}
.bblock .tip {
text-shadow:0 0 5px #101010;
}
.bblock .tm,.bblock .vm {
position: absolute;
display: none;
top: 0;
width: 50%;
height: 100%;
opacity: 0.7;
cursor: pointer;
transition: .5s ease;
user-select:none;/*防止卡拖拽现象*/
}
.bblock .tm {
left: 0;
background-color: #819FF7;
}
.bblock .vm {
right: 0;
background-color: #BCA9F5;
}