Changes for page Home

Summary

• Objects (1 modified, 0 added, 0 removed)
  • XWiki.StyleSheetExtension[0]

Details

XWiki.StyleSheetExtension[0]

Code

...	...	@@ -50,4 +50,52 @@
50	50	position: relative;
51	51	z-index: 1;
52	52	}
	53	+
	54	+/* Styling for the smaller button */
	55	+.small-login-btn {
	56	+ display: inline-block;
	57	+ padding: 12px 24px; /* Reduced padding for a smaller button */
	58	+ background-color: #D9D9D9; /* Grijs (formulier - header) */
	59	+ color: #000; /* Text color */
	60	+ border: none;
	61	+ border-radius: 5px;
	62	+ font-size: 18px; /* Reduced font size for a smaller button */
	63	+ cursor: pointer;
	64	+ position: relative;
	65	+ overflow: hidden;
	66	+ transition: all 0.5s ease;
	67	+}
	68	+
	69	+/* Styling for the smaller button hover effect */
	70	+.small-login-btn:hover {
	71	+ background-color: #F2F2F2; /* Lighter shade of grey on hover */
	72	+}
	73	+
	74	+/* Styling for the smaller button before animation */
	75	+.small-login-btn:before {
	76	+ content: "";
	77	+ position: absolute;
	78	+ top: 50%;
	79	+ left: 50%;
	80	+ width: 300%;
	81	+ height: 300%;
	82	+ background-color: #878787;
	83	+ transition: all 0.5s ease;
	84	+ border-radius: 50%;
	85	+ z-index: 0;
	86	+ transform: translate(-50%, -50%);
	87	+}
	88	+
	89	+/* Animation when smaller button is clicked */
	90	+.small-login-btn.clicked:before {
	91	+ width: 50%%;
	92	+ height: 50%;
	93	+ opacity: 0;
	94	+}
	95	+
	96	+/* Styling for the smaller button text */
	97	+.small-login-btn span {
	98	+ position: relative;
	99	+ z-index: 1;
	100	+}
53	53	}