Changes for page Home

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

From version 219.5

edited by Jesse Veentjer
on 15-2-2024 04:27

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

XWiki.StyleSheetExtension[0]

Code

@@ -3,6 +3,53 @@
    height: 169px;
    width: 100%;
  }
++  /* Styling for the button */
++  .login-btn {
++    display: inline-block;
++    padding: 24px 48px; /* Increased padding for a slightly bigger button */
++    background-color:  #D9D9D9; /* Grijs (formulier - header) */
++    color: #000; /* Text color */
++    border: none;
++    border-radius: 5px;
++    font-size: 18px; /* Increased font size for a slightly larger button */
++    cursor: pointer;
++    position: relative;
++    overflow: hidden;
++    transition: all 0.5s ease;
++  }
++
++  /* Styling for the button hover effect */
++  .login-btn:hover {
++    background-color: #F2F2F2; /* Lighter shade of grey on hover */
++  }
++
++  /* Styling for the button before animation */
++  .login-btn:before {
++    content: "";
++    position: absolute;
++    top: 50%;
++    left: 50%;
++    width: 300%;
++    height: 300%;
++    background-color: #878787;
++    transition: all 0.5s ease;
++    border-radius: 50%;
++    z-index: 0;
++    transform: translate(-50%, -50%);
++  }
++
++  /* Animation when button is clicked */
++  .login-btn.clicked:before {
++    width: 50%%;
++    height: 50%;
++    opacity: 0;
++  }
++
++  /* Styling for the button text */
++  .login-btn span {
++    position: relative;
++    z-index: 1;
++  }
  /* Styling for the button */
    .login-btn {
      display: inline-block;