q78kgblog 1.0.5 → 2.0.0-1711191136897

package/live2d-widget/waifu.css

@@ -1,310 +1,310 @@
-#waifu-toggle {
-	background-color: #fa0;
-	border-radius: 5px;
-	bottom: 66px;
-	color: #fff;
-	cursor: pointer;
-	font-size: 12px;
-	left: 0;
-	margin-left: -100px;
-	padding: 5px 2px 5px 5px;
-	position: fixed;
-	transition: margin-left 1s;
-	width: 60px;
-	writing-mode: vertical-rl;
-}
-
-#waifu-toggle.waifu-toggle-active {
-	margin-left: -50px;
-}
-
-#waifu-toggle.waifu-toggle-active:hover {
-	margin-left: -30px;
-}
-
-#waifu {
-	bottom: -1000px;
-	left: 0;
-	line-height: 0;
-	margin-bottom: -10px;
-	position: fixed;
-	transform: translateY(3px);
-	transition: transform .3s ease-in-out, bottom 3s ease-in-out;
-	z-index: 999;
-}
-
-#waifu:hover {
-	transform: translateY(0);
-}
-
-#waifu-tips {
-	animation: shake 50s ease-in-out 5s infinite;
-	background-color: rgba(236, 217, 188, .5);
-	border: 1px solid rgba(224, 186, 140, .62);
-	border-radius: 12px;
-	box-shadow: 0 3px 15px 2px rgba(191, 158, 118, .2);
-	font-size: 14px;
-	line-height: 24px;
-	margin: -30px 20px;
-	min-height: 70px;
-	opacity: 0;
-	overflow: hidden;
-	padding: 5px 10px;
-	position: absolute;
-	text-overflow: ellipsis;
-	transition: opacity 1s;
-	width: 250px;
-	word-break: break-all;
-}
-
-#waifu-tips.waifu-tips-active {
-	opacity: 1;
-	transition: opacity .2s;
-}
-
-#waifu-tips span {
-	color: #0099cc;
-}
-
-#live2d {
-	cursor: grab;
-	height: 300px;
-	position: relative;
-	width: 300px;
-}
-
-#live2d:active {
-	cursor: grabbing;
-}
-
-#waifu-tool {
-	color: #aaa;
-	opacity: 0;
-	position: absolute;
-	right: -10px;
-	top: 70px;
-	transition: opacity 1s;
-}
-
-#waifu:hover #waifu-tool {
-	opacity: 1;
-}
-
-#waifu-tool span {
-	display: block;
-	height: 30px;
-	text-align: center;
-}
-
-#waifu-tool svg {
-	fill: #7b8c9d;
-	cursor: pointer;
-	height: 25px;
-	transition: fill .3s;
-}
-
-#waifu-tool svg:hover {
-	fill: #0684bd; /* #34495e */
-}
-
-@keyframes shake {
-	2% {
-		transform: translate(.5px, -1.5px) rotate(-.5deg);
-	}
-
-	4% {
-		transform: translate(.5px, 1.5px) rotate(1.5deg);
-	}
-
-	6% {
-		transform: translate(1.5px, 1.5px) rotate(1.5deg);
-	}
-
-	8% {
-		transform: translate(2.5px, 1.5px) rotate(.5deg);
-	}
-
-	10% {
-		transform: translate(.5px, 2.5px) rotate(.5deg);
-	}
-
-	12% {
-		transform: translate(1.5px, 1.5px) rotate(.5deg);
-	}
-
-	14% {
-		transform: translate(.5px, .5px) rotate(.5deg);
-	}
-
-	16% {
-		transform: translate(-1.5px, -.5px) rotate(1.5deg);
-	}
-
-	18% {
-		transform: translate(.5px, .5px) rotate(1.5deg);
-	}
-
-	20% {
-		transform: translate(2.5px, 2.5px) rotate(1.5deg);
-	}
-
-	22% {
-		transform: translate(.5px, -1.5px) rotate(1.5deg);
-	}
-
-	24% {
-		transform: translate(-1.5px, 1.5px) rotate(-.5deg);
-	}
-
-	26% {
-		transform: translate(1.5px, .5px) rotate(1.5deg);
-	}
-
-	28% {
-		transform: translate(-.5px, -.5px) rotate(-.5deg);
-	}
-
-	30% {
-		transform: translate(1.5px, -.5px) rotate(-.5deg);
-	}
-
-	32% {
-		transform: translate(2.5px, -1.5px) rotate(1.5deg);
-	}
-
-	34% {
-		transform: translate(2.5px, 2.5px) rotate(-.5deg);
-	}
-
-	36% {
-		transform: translate(.5px, -1.5px) rotate(.5deg);
-	}
-
-	38% {
-		transform: translate(2.5px, -.5px) rotate(-.5deg);
-	}
-
-	40% {
-		transform: translate(-.5px, 2.5px) rotate(.5deg);
-	}
-
-	42% {
-		transform: translate(-1.5px, 2.5px) rotate(.5deg);
-	}
-
-	44% {
-		transform: translate(-1.5px, 1.5px) rotate(.5deg);
-	}
-
-	46% {
-		transform: translate(1.5px, -.5px) rotate(-.5deg);
-	}
-
-	48% {
-		transform: translate(2.5px, -.5px) rotate(.5deg);
-	}
-
-	50% {
-		transform: translate(-1.5px, 1.5px) rotate(.5deg);
-	}
-
-	52% {
-		transform: translate(-.5px, 1.5px) rotate(.5deg);
-	}
-
-	54% {
-		transform: translate(-1.5px, 1.5px) rotate(.5deg);
-	}
-
-	56% {
-		transform: translate(.5px, 2.5px) rotate(1.5deg);
-	}
-
-	58% {
-		transform: translate(2.5px, 2.5px) rotate(.5deg);
-	}
-
-	60% {
-		transform: translate(2.5px, -1.5px) rotate(1.5deg);
-	}
-
-	62% {
-		transform: translate(-1.5px, .5px) rotate(1.5deg);
-	}
-
-	64% {
-		transform: translate(-1.5px, 1.5px) rotate(1.5deg);
-	}
-
-	66% {
-		transform: translate(.5px, 2.5px) rotate(1.5deg);
-	}
-
-	68% {
-		transform: translate(2.5px, -1.5px) rotate(1.5deg);
-	}
-
-	70% {
-		transform: translate(2.5px, 2.5px) rotate(.5deg);
-	}
-
-	72% {
-		transform: translate(-.5px, -1.5px) rotate(1.5deg);
-	}
-
-	74% {
-		transform: translate(-1.5px, 2.5px) rotate(1.5deg);
-	}
-
-	76% {
-		transform: translate(-1.5px, 2.5px) rotate(1.5deg);
-	}
-
-	78% {
-		transform: translate(-1.5px, 2.5px) rotate(.5deg);
-	}
-
-	80% {
-		transform: translate(-1.5px, .5px) rotate(-.5deg);
-	}
-
-	82% {
-		transform: translate(-1.5px, .5px) rotate(-.5deg);
-	}
-
-	84% {
-		transform: translate(-.5px, .5px) rotate(1.5deg);
-	}
-
-	86% {
-		transform: translate(2.5px, 1.5px) rotate(.5deg);
-	}
-
-	88% {
-		transform: translate(-1.5px, .5px) rotate(1.5deg);
-	}
-
-	90% {
-		transform: translate(-1.5px, -.5px) rotate(-.5deg);
-	}
-
-	92% {
-		transform: translate(-1.5px, -1.5px) rotate(1.5deg);
-	}
-
-	94% {
-		transform: translate(.5px, .5px) rotate(-.5deg);
-	}
-
-	96% {
-		transform: translate(2.5px, -.5px) rotate(-.5deg);
-	}
-
-	98% {
-		transform: translate(-1.5px, -1.5px) rotate(-.5deg);
-	}
-
-	0%, 100% {
-		transform: translate(0, 0) rotate(0);
-	}
-}
+#waifu-toggle {
+	background-color: #fa0;
+	border-radius: 5px;
+	bottom: 66px;
+	color: #fff;
+	cursor: pointer;
+	font-size: 12px;
+	left: 0;
+	margin-left: -100px;
+	padding: 5px 2px 5px 5px;
+	position: fixed;
+	transition: margin-left 1s;
+	width: 60px;
+	writing-mode: vertical-rl;
+}
+
+#waifu-toggle.waifu-toggle-active {
+	margin-left: -50px;
+}
+
+#waifu-toggle.waifu-toggle-active:hover {
+	margin-left: -30px;
+}
+
+#waifu {
+	bottom: -1000px;
+	left: 0;
+	line-height: 0;
+	margin-bottom: -10px;
+	position: fixed;
+	transform: translateY(3px);
+	transition: transform .3s ease-in-out, bottom 3s ease-in-out;
+	z-index: 999;
+}
+
+#waifu:hover {
+	transform: translateY(0);
+}
+
+#waifu-tips {
+	animation: shake 50s ease-in-out 5s infinite;
+	background-color: rgba(236, 217, 188, .5);
+	border: 1px solid rgba(224, 186, 140, .62);
+	border-radius: 12px;
+	box-shadow: 0 3px 15px 2px rgba(191, 158, 118, .2);
+	font-size: 14px;
+	line-height: 24px;
+	margin: -30px 20px;
+	min-height: 70px;
+	opacity: 0;
+	overflow: hidden;
+	padding: 5px 10px;
+	position: absolute;
+	text-overflow: ellipsis;
+	transition: opacity 1s;
+	width: 250px;
+	word-break: break-all;
+}
+
+#waifu-tips.waifu-tips-active {
+	opacity: 1;
+	transition: opacity .2s;
+}
+
+#waifu-tips span {
+	color: #0099cc;
+}
+
+#live2d {
+	cursor: grab;
+	height: 300px;
+	position: relative;
+	width: 300px;
+}
+
+#live2d:active {
+	cursor: grabbing;
+}
+
+#waifu-tool {
+	color: #aaa;
+	opacity: 0;
+	position: absolute;
+	right: -10px;
+	top: 70px;
+	transition: opacity 1s;
+}
+
+#waifu:hover #waifu-tool {
+	opacity: 1;
+}
+
+#waifu-tool span {
+	display: block;
+	height: 30px;
+	text-align: center;
+}
+
+#waifu-tool svg {
+	fill: #7b8c9d;
+	cursor: pointer;
+	height: 25px;
+	transition: fill .3s;
+}
+
+#waifu-tool svg:hover {
+	fill: #0684bd; /* #34495e */
+}
+
+@keyframes shake {
+	2% {
+		transform: translate(.5px, -1.5px) rotate(-.5deg);
+	}
+
+	4% {
+		transform: translate(.5px, 1.5px) rotate(1.5deg);
+	}
+
+	6% {
+		transform: translate(1.5px, 1.5px) rotate(1.5deg);
+	}
+
+	8% {
+		transform: translate(2.5px, 1.5px) rotate(.5deg);
+	}
+
+	10% {
+		transform: translate(.5px, 2.5px) rotate(.5deg);
+	}
+
+	12% {
+		transform: translate(1.5px, 1.5px) rotate(.5deg);
+	}
+
+	14% {
+		transform: translate(.5px, .5px) rotate(.5deg);
+	}
+
+	16% {
+		transform: translate(-1.5px, -.5px) rotate(1.5deg);
+	}
+
+	18% {
+		transform: translate(.5px, .5px) rotate(1.5deg);
+	}
+
+	20% {
+		transform: translate(2.5px, 2.5px) rotate(1.5deg);
+	}
+
+	22% {
+		transform: translate(.5px, -1.5px) rotate(1.5deg);
+	}
+
+	24% {
+		transform: translate(-1.5px, 1.5px) rotate(-.5deg);
+	}
+
+	26% {
+		transform: translate(1.5px, .5px) rotate(1.5deg);
+	}
+
+	28% {
+		transform: translate(-.5px, -.5px) rotate(-.5deg);
+	}
+
+	30% {
+		transform: translate(1.5px, -.5px) rotate(-.5deg);
+	}
+
+	32% {
+		transform: translate(2.5px, -1.5px) rotate(1.5deg);
+	}
+
+	34% {
+		transform: translate(2.5px, 2.5px) rotate(-.5deg);
+	}
+
+	36% {
+		transform: translate(.5px, -1.5px) rotate(.5deg);
+	}
+
+	38% {
+		transform: translate(2.5px, -.5px) rotate(-.5deg);
+	}
+
+	40% {
+		transform: translate(-.5px, 2.5px) rotate(.5deg);
+	}
+
+	42% {
+		transform: translate(-1.5px, 2.5px) rotate(.5deg);
+	}
+
+	44% {
+		transform: translate(-1.5px, 1.5px) rotate(.5deg);
+	}
+
+	46% {
+		transform: translate(1.5px, -.5px) rotate(-.5deg);
+	}
+
+	48% {
+		transform: translate(2.5px, -.5px) rotate(.5deg);
+	}
+
+	50% {
+		transform: translate(-1.5px, 1.5px) rotate(.5deg);
+	}
+
+	52% {
+		transform: translate(-.5px, 1.5px) rotate(.5deg);
+	}
+
+	54% {
+		transform: translate(-1.5px, 1.5px) rotate(.5deg);
+	}
+
+	56% {
+		transform: translate(.5px, 2.5px) rotate(1.5deg);
+	}
+
+	58% {
+		transform: translate(2.5px, 2.5px) rotate(.5deg);
+	}
+
+	60% {
+		transform: translate(2.5px, -1.5px) rotate(1.5deg);
+	}
+
+	62% {
+		transform: translate(-1.5px, .5px) rotate(1.5deg);
+	}
+
+	64% {
+		transform: translate(-1.5px, 1.5px) rotate(1.5deg);
+	}
+
+	66% {
+		transform: translate(.5px, 2.5px) rotate(1.5deg);
+	}
+
+	68% {
+		transform: translate(2.5px, -1.5px) rotate(1.5deg);
+	}
+
+	70% {
+		transform: translate(2.5px, 2.5px) rotate(.5deg);
+	}
+
+	72% {
+		transform: translate(-.5px, -1.5px) rotate(1.5deg);
+	}
+
+	74% {
+		transform: translate(-1.5px, 2.5px) rotate(1.5deg);
+	}
+
+	76% {
+		transform: translate(-1.5px, 2.5px) rotate(1.5deg);
+	}
+
+	78% {
+		transform: translate(-1.5px, 2.5px) rotate(.5deg);
+	}
+
+	80% {
+		transform: translate(-1.5px, .5px) rotate(-.5deg);
+	}
+
+	82% {
+		transform: translate(-1.5px, .5px) rotate(-.5deg);
+	}
+
+	84% {
+		transform: translate(-.5px, .5px) rotate(1.5deg);
+	}
+
+	86% {
+		transform: translate(2.5px, 1.5px) rotate(.5deg);
+	}
+
+	88% {
+		transform: translate(-1.5px, .5px) rotate(1.5deg);
+	}
+
+	90% {
+		transform: translate(-1.5px, -.5px) rotate(-.5deg);
+	}
+
+	92% {
+		transform: translate(-1.5px, -1.5px) rotate(1.5deg);
+	}
+
+	94% {
+		transform: translate(.5px, .5px) rotate(-.5deg);
+	}
+
+	96% {
+		transform: translate(2.5px, -.5px) rotate(-.5deg);
+	}
+
+	98% {
+		transform: translate(-1.5px, -1.5px) rotate(-.5deg);
+	}
+
+	0%, 100% {
+		transform: translate(0, 0) rotate(0);
+	}
+}