Changes for page Home

Summary

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

Details

XWiki.StyleSheetExtension[0]

Code

...	...	@@ -6,7 +6,8 @@
6	6	/* Styling for the button */
7	7	.login-btn {
8	8	display: inline-block;
9		- padding: 24px 48px; /* Increased padding for a slightly bigger button */
	9	+ padding: 25% 50%;
	10	+ /* padding: 24px 48px; /* Increased padding for a slightly bigger button */
10	10	background-color: #D9D9D9; /* Grijs (formulier - header) */
11	11	color: #000; /* Text color */
12	12	border: none;
...	...	@@ -13,7 +13,7 @@
13	13	border-radius: 5px;
14	14	font-size: 18px; /* Increased font size for a slightly larger button */
15	15	cursor: pointer;
16		- position: relative;
	17	+ position: center;
17	17	overflow: hidden;
18	18	transition: all 0.5s ease;
19	19	}
...	...	@@ -50,50 +50,4 @@
50	50	position: relative;
51	51	z-index: 1;
52	52	}
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;
66	66	}
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		- }