magic4

2024-12-03 16:40:54 +08:00
parent 6e6dd6a4fc
commit 9d776c65e9
408 changed files with 498647 additions and 99 deletions
--- a/static/Magic4/Button_Display/css/main.css
+++ b/static/Magic4/Button_Display/css/main.css
@@ -0,0 +1,134 @@
+body {
+	background-color: #FFFFFF;
+	padding: 3rem;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.title {
+	font-size: 28px;
+	text-align: center;
+	color: #fff;
+	margin-bottom: 30px;
+}
+
+.toolbar {
+	text-align: center;
+}
+
+.toolbar-2 {
+	text-align: center;
+	margin-top: 2px;
+	padding: 2px;
+	background-color: rgba(255,255,255,0.05);
+}
+
+
+
+
+.btn {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+	padding: 1rem 2rem;
+	background-color: rgba(255,255,255,0.2);;
+	color: #fff;
+	border: 0;
+	
+	transition: all 200ms ease;
+}
+.btn.btn-round {
+	border-radius: 10px;
+}
+.btn:focus {
+	outline: none;
+}
+.btn:active {
+	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
+}
+
+.btn-blue {
+	background-color: #005db9;
+}
+.btn-red {
+	background-color: #ad0052;
+}
+.btn-green {
+	background-color: #00947e;
+}
+.btn-black {
+	background-color: #444;
+}
+.btn-yellow{
+	background-color: #FF9933;
+}
+.btn-pink{
+	background-color: #FF66FF;
+}
+.btn-Brown{
+	background-color:#A52A2A;
+}
+.btn-Coral{
+	background-color:#FF7F50;
+}
+
+.btn-border {
+	display: inline-block;
+	margin: 5px;
+}
+.btn-border	.btn {
+	display: block;
+	margin: 2px;
+}
+	
+.btn-border.btn-round {
+	border-radius: 10px;
+}
+.btn-border.btn-round .btn {
+	border-radius: 10px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.ref {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+	position: fixed;
+	z-index: 10000;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	text-align: center;
+	color: #fff;
+	padding: 1rem 0;
+	background-image: linear-gradient(135deg, rgba(60, 88, 173, 0.8), rgba(41, 152, 172, 0.8));
+	-webkit-backdrop-filter: blur(10px);
+	backdrop-filter: blur(10px);
+}
+.ref a {
+	color: #fff;
+}