Changes for page Home

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

From version 219.2
edited by Jesse Veentjer
on 03-11-2023 12:06
Change comment: There is no comment for this version
To version 219.8
edited by Jesse Veentjer
on 15-2-2024 04:35
Change comment: There is no comment for this version

Summary

Details

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