Changes for page Home

Last modified by Jesse Veentjer on 06-5-2024 05:01
From version 219.8
edited by Jesse Veentjer
on 15-2-2024 04:35
Change comment: There is no comment for this version
To version 219.7
edited by Jesse Veentjer
on 15-2-2024 04:33
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
Code
... ... @@ -6,8 +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 */
10 - background-color: #D9D9D9; /* Grijs (formulier - header) */
9 + padding: 12px 24px; /* Increased padding for a slightly bigger button */
10 + background-color: rgb(217, 217, 217); /* Grijs (formulier - header) */
11 11   color: #000; /* Text color */
12 12   border: none;
13 13   border-radius: 5px;
... ... @@ -15,12 +15,12 @@
15 15   cursor: pointer;
16 16   position: relative;
17 17   overflow: hidden;
18 - transition: all 0.5s ease;
18 + transition: all 0.3s ease;
19 19   }
20 20  
21 21   /* Styling for the button hover effect */
22 22   .login-btn:hover {
23 - background-color: #F2F2F2; /* Lighter shade of grey on hover */
23 + background-color: #ccc; /* Lighter shade of grey on hover */
24 24   }
25 25  
26 26   /* Styling for the button before animation */
... ... @@ -31,7 +31,7 @@
31 31   left: 50%;
32 32   width: 300%;
33 33   height: 300%;
34 - background-color: #878787;
34 + background-color: rgba(255, 255, 255, 0.1);
35 35   transition: all 0.5s ease;
36 36   border-radius: 50%;
37 37   z-index: 0;
... ... @@ -40,8 +40,8 @@
40 40  
41 41   /* Animation when button is clicked */
42 42   .login-btn.clicked:before {
43 - width: 50%%;
44 - height: 50%;
43 + width: 0;
44 + height: 0;
45 45   opacity: 0;
46 46   }
47 47