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
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
on 07-11-2023 05:35
Change comment:
allow script recht voor XWiki.Axians
Summary
-
Objects (1 modified, 0 added, 0 removed)
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 - }