Changes for page Home

Last modified by Jesse Veentjer on 06-5-2024 05:01
From version 219.19
edited by Jesse Veentjer
on 15-2-2024 05:16
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,103 +3,3 @@
3 3   height: 169px;
4 4   width: 100%;
5 5  }
6 -.half-width-section {
7 - width: 50%;
8 -}
9 -
10 - /* Styling for the button */
11 - .login-btn {
12 - display: inline-block;
13 - padding: 24px 48px; /* Increased padding for a slightly bigger button */
14 - background-color: #D9D9D9; /* Grijs (formulier - header) */
15 - color: #000; /* Text color */
16 - border: none;
17 - border-radius: 5px;
18 - font-size: 27px; /* Increased font size for a slightly larger button */
19 - cursor: pointer;
20 - position: relative;
21 - overflow: hidden;
22 - transition: all 0.3s ease;
23 - }
24 -
25 - /* Styling for the button hover effect */
26 - .login-btn:hover {
27 - background-color: #F2F2F2; /* Lighter shade of grey on hover */
28 - }
29 -
30 - /* Styling for the button before animation */
31 - .login-btn:before {
32 - content: "";
33 - position: absolute;
34 - top: 50%;
35 - left: 50%;
36 - width: 300%;
37 - height: 300%;
38 - background-color: #878787;
39 - transition: all 0.3s ease;
40 - border-radius: 50%;
41 - z-index: 0;
42 - transform: translate(-50%, -50%);
43 - }
44 -
45 - /* Animation when button is clicked */
46 - .login-btn.clicked:before {
47 - width: 50%%;
48 - height: 50%;
49 - opacity: 0;
50 - }
51 -
52 - /* Styling for the button text */
53 - .login-btn span {
54 - position: relative;
55 - z-index: 1;
56 - }
57 -
58 -/* Styling for the smaller button */
59 -.small-login-btn {
60 - display: inline-block;
61 - padding: 12px 24px; /* Reduced padding for a smaller button */
62 - background-color: #D9D9D9; /* Grijs (formulier - header) */
63 - color: #000; /* Text color */
64 - border: none;
65 - border-radius: 5px;
66 - font-size: 18px; /* Reduced font size for a smaller button */
67 - cursor: pointer;
68 - position: relative;
69 - overflow: hidden;
70 - transition: all 0.3s ease;
71 -}
72 -
73 -/* Styling for the smaller button hover effect */
74 -.small-login-btn:hover {
75 - background-color: #F2F2F2; /* Lighter shade of grey on hover */
76 -}
77 -
78 -/* Styling for the smaller button before animation */
79 -.small-login-btn:before {
80 - content: "";
81 - position: absolute;
82 - top: 50%;
83 - left: 50%;
84 - width: 300%;
85 - height: 300%;
86 - background-color: #878787;
87 - transition: all 0.3s ease;
88 - border-radius: 50%;
89 - z-index: 0;
90 - transform: translate(-50%, -50%);
91 -}
92 -
93 -/* Animation when smaller button is clicked */
94 -.small-login-btn.clicked:before {
95 - width: 50%%;
96 - height: 50%;
97 - opacity: 0;
98 -}
99 -
100 -/* Styling for the smaller button text */
101 -.small-login-btn span {
102 - position: relative;
103 - z-index: 1;
104 -}
105 - }