Template:SimpleButton/styles.css - Revision history

East6 at 19:11, 9 February 2026

2026-02-09T19:11:31Z

2026-02-09T19:11:23Z

2026-02-09T19:11:17Z

2026-02-09T19:11:06Z

2026-02-09T19:10:27Z

@@ Line 7: / Line 7: @@
      border-bottom: 2px solid;
      border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;
+}
@@ Line 31: / Line 33: @@
 .mp-button:hover a {
      color: inherit;
+}

2026-02-09T19:09:20Z

← Older revision		Revision as of 19:09, 9 February 2026
Line 1:		Line 1:
	.mp-button {		.mp-button {
			position: relative;
	background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);		background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);
	color: #562c1b;		color: #562c1b;
	padding: 5px 0;		padding: 5px 40px;
	border-top: 2px solid;		border-top: 2px solid;
	border-bottom: 2px solid;		border-bottom: 2px solid;
Line 9:		Line 10:

	.mp-button a {		.mp-button a {
	~~padding: 0 40px;~~
	color: inherit;		color: inherit;
	text-decoration: none;		text-decoration: none;
			}

			.mp-button a::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			}

			.mp-button:hover {
			background: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent);
			border-image: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent) 1;
			color: #e8daa8;
	}		}

2026-02-09T19:08:05Z

← Older revision		Revision as of 19:08, 9 February 2026
Line 2:		Line 2:
	background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);		background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);
	color: #562c1b;		color: #562c1b;
	padding: 5px ~~40px~~;		padding: 5px 0;
	border-top: 2px solid;		border-top: 2px solid;
	border-bottom: 2px solid;		border-bottom: 2px solid;
	border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;		border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;
	}

	~~.mp-button:hover {~~
	~~background: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent);~~
	~~color: #e8daa8;~~
	~~border-image: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent) 1;~~
	}		}

	.mp-button a {		.mp-button a {
			padding: 0 40px;
	color: inherit;		color: inherit;
	text-decoration: none;		text-decoration: none;

2026-02-09T19:05:28Z

Undo revision 155 by East6 (talk)

← Older revision		Revision as of 19:05, 9 February 2026
Line 2:		Line 2:
	background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);		background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);
	color: #562c1b;		color: #562c1b;
			padding: 5px 40px;
	border-top: 2px solid;		border-top: 2px solid;
	border-bottom: 2px solid;		border-bottom: 2px solid;
	border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;		border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;
			}

			.mp-button:hover {
			background: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent);
			color: #e8daa8;
			border-image: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent) 1;
	}		}

	.mp-button a {		.mp-button a {
	~~display: inline-block;~~
	~~padding: 5px 40px;~~
	color: inherit;		color: inherit;
	text-decoration: none;		text-decoration: none;

2026-02-09T19:04:51Z

← Older revision		Revision as of 19:04, 9 February 2026
Line 2:		Line 2:
	background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);		background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);
	color: #562c1b;		color: #562c1b;
	~~padding: 5px 40px;~~
	border-top: 2px solid;		border-top: 2px solid;
	border-bottom: 2px solid;		border-bottom: 2px solid;
	border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;		border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;
	}

	~~.mp-button:hover {~~
	~~background: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent);~~
	~~color: #e8daa8;~~
	~~border-image: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent) 1;~~
	}		}

	.mp-button a {		.mp-button a {
			display: inline-block;
			padding: 5px 40px;
	color: inherit;		color: inherit;
	text-decoration: none;		text-decoration: none;

2026-02-09T19:04:15Z

Undo revision 153 by East6 (talk)

← Older revision		Revision as of 19:04, 9 February 2026
Line 1:		Line 1:
	.mp-button {		.mp-button {
	~~display: inline-block;~~
	background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);		background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);
			color: #562c1b;
			padding: 5px 40px;
	border-top: 2px solid;		border-top: 2px solid;
	border-bottom: 2px solid;		border-bottom: 2px solid;
	border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;		border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;
	}

	~~.mp-button a {~~
	~~display: inline-block;~~
	~~padding: 5px 40px;~~
	~~color: #562c1b;~~
	~~text-decoration: none;~~
	}		}

	.mp-button:hover {		.mp-button:hover {
	background: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent);		background: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent);
			color: #e8daa8;
	border-image: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent) 1;		border-image: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent) 1;
	}		}

	.mp-button~~:hover~~ a {		.mp-button a {
	color: ~~#e8daa8~~;		color: inherit;
			text-decoration: none;
	}		}

	.mp-button~~-icon~~ {		.mp-button:hover a {
	~~vertical-align: middle;~~		color: inherit;
	~~margin-right~~: ~~6px~~;
	}		}