Changes for page Home

Summary

• Objects (1 modified, 0 added, 0 removed)
  • XWiki.StyleSheetExtension[0]

Details

XWiki.StyleSheetExtension[0]

Code

...	...	@@ -6,8 +6,7 @@
6	6	/* Styling for the button */
7	7	.login-btn {
8	8	display: inline-block;
9		- padding: 25% 50%;
10		- /* padding: 24px 48px; /* Increased padding for a slightly bigger button */
	9	+ padding: 24px 48px; /* Increased padding for a slightly bigger button */
11	11	background-color: #D9D9D9; /* Grijs (formulier - header) */
12	12	color: #000; /* Text color */
13	13	border: none;
...	...	@@ -14,7 +14,7 @@
14	14	border-radius: 5px;
15	15	font-size: 18px; /* Increased font size for a slightly larger button */
16	16	cursor: pointer;
17		- position: center;
	16	+ position: relative;
18	18	overflow: hidden;
19	19	transition: all 0.5s ease;
20	20	}
...	...	@@ -51,4 +51,50 @@
51	51	position: relative;
52	52	z-index: 1;
53	53	}
	53	+/* Styling for the button */
	54	+ .login-btn {
	55	+ display: inline-block;
	56	+ padding: 10px 20px;
	57	+ background-color: #007bff;
	58	+ color: #fff;
	59	+ border: none;
	60	+ border-radius: 5px;
	61	+ font-size: 16px;
	62	+ cursor: pointer;
	63	+ position: relative;
	64	+ overflow: hidden;
	65	+ transition: all 0.3s ease;
54	54	}
	67	+
	68	+ /* Styling for the button hover effect */
	69	+ .login-btn:hover {
	70	+ background-color: #0056b3;
	71	+ }
	72	+
	73	+ /* Styling for the button before animation */
	74	+ .login-btn:before {
	75	+ content: "";
	76	+ position: absolute;
	77	+ top: 50%;
	78	+ left: 50%;
	79	+ width: 300%;
	80	+ height: 300%;
	81	+ background-color: rgba(255, 255, 255, 0.1);
	82	+ transition: all 0.5s ease;
	83	+ border-radius: 50%;
	84	+ z-index: 0;
	85	+ transform: translate(-50%, -50%);
	86	+ }
	87	+
	88	+ /* Animation when button is clicked */
	89	+ .login-btn.clicked:before {
	90	+ width: 0;
	91	+ height: 0;
	92	+ opacity: 0;
	93	+ }
	94	+
	95	+ /* Styling for the button text */
	96	+ .login-btn span {
	97	+ position: relative;
	98	+ z-index: 1;
	99	+ }