Changes for page Home

Last modified by Jesse Veentjer on 06-5-2024 05:01

From version 219.11
edited by Jesse Veentjer
on 15-2-2024 05:00
Change comment: There is no comment for this version
To version 219.4
edited by Jesse Veentjer
on 07-11-2023 05:35
Change comment: allow script recht voor XWiki.Axians

Summary

Details

XWiki.StyleSheetExtension[0]
Code
... ... @@ -3,52 +3,3 @@
3 3   height: 169px;
4 4   width: 100%;
5 5  }
6 - /* Styling for the button */
7 - .login-btn {
8 - display: inline-block;
9 - padding: 25% 50%;
10 - /* padding: 24px 48px; /* Increased padding for a slightly bigger button */
11 - background-color: #D9D9D9; /* Grijs (formulier - header) */
12 - color: #000; /* Text color */
13 - border: none;
14 - border-radius: 5px;
15 - font-size: 18px; /* Increased font size for a slightly larger button */
16 - cursor: pointer;
17 - position: center;
18 - overflow: hidden;
19 - transition: all 0.5s ease;
20 - }
21 -
22 - /* Styling for the button hover effect */
23 - .login-btn:hover {
24 - background-color: #F2F2F2; /* Lighter shade of grey on hover */
25 - }
26 -
27 - /* Styling for the button before animation */
28 - .login-btn:before {
29 - content: "";
30 - position: absolute;
31 - top: 50%;
32 - left: 50%;
33 - width: 300%;
34 - height: 300%;
35 - background-color: #878787;
36 - transition: all 0.5s ease;
37 - border-radius: 50%;
38 - z-index: 0;
39 - transform: translate(-50%, -50%);
40 - }
41 -
42 - /* Animation when button is clicked */
43 - .login-btn.clicked:before {
44 - width: 50%%;
45 - height: 50%;
46 - opacity: 0;
47 - }
48 -
49 - /* Styling for the button text */
50 - .login-btn span {
51 - position: relative;
52 - z-index: 1;
53 - }
54 - }