Template:UserTalkHeader/styles.css - Revision history

Editor at 18:28, 8 April 2026

2026-04-08T18:28:19Z

← Older revision		Revision as of 18:28, 8 April 2026
Line 1:		Line 1:
	~~/* Fully compatible gradient button */~~		.template-usertalkheader {
	.~~background_form_element~~ {		display: flex;
	display: ~~inline~~-~~block~~;		flex-direction: column;
	~~padding~~: 0.~~25em~~ 0~~.6em~~;		margin: 0.5rem 0;
	~~font-size~~: 10.~~2px~~;		gap: 0.25rem;
	~~font~~-~~family~~: ~~Verdana, Arial, Helvetica, sans-serif~~;		text-align: center;
	~~font-weight~~: ~~bold~~;		padding: 0.25rem 0.5rem;
	~~line~~-~~height~~: ~~1.35em~~;		border-width: 1px;
	~~text~~-~~align~~: ~~center~~;		border-style: solid;
	color: #~~2b333c~~;		background-color: #EEF2FF;
	~~cursor~~: ~~pointer~~;		border-color: #D6DAF0;
	~~user-select: none;~~		}

	~~/* Borders */~~		.template-usertalkheader .welcome {
	~~border: 3px double;~~		background-color: #D6DAF0;
	~~border~~-color: #~~c4cccc #acb5b5 #6f7777 #acb5b5~~;		padding: 0.25rem 0;
	~~border-radius~~: ~~4px~~;		}

	~~/* Safe linear gradient background */~~		.template-usertalkheader .section {
	~~background~~: ~~linear~~-~~gradient(to bottom, #e0e0e0~~ 0~~%, #c4c4c4 100%)~~;		display: flex;
			flex-direction: row;
	~~/* Smooth hover transition */~~		gap: 0.5rem;
	~~transition~~: ~~background 0.2s ease, border-color 0.2s ease~~;		align-items: center;
			justify-content: center;
	}		}

	~~/* Hover effect */~~		.template-usertalkheader .button {
	.~~background_form_element:hover~~ {		background-color: white;
	~~border~~-color: #~~aedf9a #94da78 #6ab94b #94da78~~;		padding: 0.25rem 0.5rem;
	~~background~~: ~~linear-gradient(to bottom, #dff2d0~~ 0~~%, #b4e184 100%)~~;		border: 1px solid #aaa;
			border-radius: 0.3rem;
	}		}

Editor at 18:26, 8 April 2026

2026-04-08T18:26:33Z

← Older revision		Revision as of 18:26, 8 April 2026
Line 1:		Line 1:
	/* ~~Button with linear~~ gradient ~~background~~ */		/* Fully compatible gradient button */
	.background_form_element {		.background_form_element {
	display: inline-block;		display: inline-block;
Line 12:		Line 12:
	user-select: none;		user-select: none;

	/* ~~Border styling~~ */		/* Borders */
	border: 3px double;		border: 3px double;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;		border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
	border-radius: 4px;		border-radius: 4px;

	/* ~~Linear~~ gradient background */		/* Safe linear gradient background */
	background: linear-gradient(to bottom, #e0e0e0 0%, #c4c4c4 100%);		background: linear-gradient(to bottom, #e0e0e0 0%, #c4c4c4 100%);

	/* Smooth hover transition */		/* Smooth hover transition */
	transition: ~~all~~ 0.2s ease;		transition: background 0.2s ease, border-color 0.2s ease;
	}		}

Editor at 18:26, 8 April 2026

2026-04-08T18:26:02Z

← Older revision		Revision as of 18:26, 8 April 2026
Line 1:		Line 1:
	.~~template-usertalkheader~~ {		/* Button with linear gradient background */
	display: ~~flex~~;		.background_form_element {
	~~flex~~-~~direction~~: ~~column~~;		display: inline-block;
	~~margin~~: ~~0.5rem 0~~;		padding: 0.25em 0.6em;
	~~gap~~: 0.~~25rem~~;		font-size: 10.2px;
	text-align: center;		font-family: Verdana, Arial, Helvetica, sans-serif;
	~~padding~~: ~~0.25rem 0.5rem~~;		font-weight: bold;
	~~border~~-~~width~~: ~~1px~~;		line-height: 1.35em;
	border~~-style~~: ~~solid~~;		text-align: center;
	~~background~~-color: #~~EEF2FF~~;		color: #2b333c;
	border-~~color~~: ~~#D6DAF0~~;		cursor: pointer;
	}		user-select: none;

			/* Border styling */
			border: 3px double;
			border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
			border-radius: 4px;

	~~.template-usertalkheader .welcome {~~		/* Linear gradient background */
	background-~~color:~~ #~~D6DAF0;~~		background: linear-gradient(to bottom, #e0e0e0 0%, #c4c4c4 100%);
	~~padding: 0.25rem~~ 0;
	}

	~~.template-usertalkheader .section {~~		/* Smooth hover transition */
	~~display: flex;~~		transition: all 0.2s ease;
	~~flex-direction: row;~~
	~~gap~~: 0.~~5rem;~~
	~~align-items: center;~~
	~~justify-content: center~~;
	}		}

	.~~template-usertalkheader .button~~ {		/* Hover effect */
	~~background~~-color: ~~white~~;		.background_form_element:hover {
	~~padding~~: 0~~.25rem 0.5rem;~~		border-color: #aedf9a #94da78 #6ab94b #94da78;
	~~border: 1px solid~~ #~~aaa;~~		background: linear-gradient(to bottom, #dff2d0 0%, #b4e184 100%);
	~~border-radius: 0.3rem~~;
	}		}

Editor: Created page with ".template-usertalkheader { display: flex; flex-direction: column; margin: 0.5rem 0; gap: 0.25rem; text-align: center; padding: 0.25rem 0.5rem; border-width: 1px; border-style: solid; background-color: #EEF2FF; border-color: #D6DAF0; } .template-usertalkheader .welcome { background-color: #D6DAF0; padding: 0.25rem 0; } .template-usertalkheader .section { display: flex; flex-direction: row; gap: 0.5rem; align-items: center; justify-content: center; }..."

2026-04-04T13:33:57Z

Created page with ".template-usertalkheader { display: flex; flex-direction: column; margin: 0.5rem 0; gap: 0.25rem; text-align: center; padding: 0.25rem 0.5rem; border-width: 1px; border-style: solid; background-color: #EEF2FF; border-color: #D6DAF0; } .template-usertalkheader .welcome { background-color: #D6DAF0; padding: 0.25rem 0; } .template-usertalkheader .section { display: flex; flex-direction: row; gap: 0.5rem; align-items: center; justify-content: center; }..."

New page

.template-usertalkheader {
display: flex;
flex-direction: column;
margin: 0.5rem 0;
gap: 0.25rem;
text-align: center;
padding: 0.25rem 0.5rem;
border-width: 1px;
border-style: solid;
background-color: #EEF2FF;
border-color: #D6DAF0;
}

.template-usertalkheader .welcome {
background-color: #D6DAF0;
padding: 0.25rem 0;
}

.template-usertalkheader .section {
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: center;
justify-content: center;
}

.template-usertalkheader .button {
background-color: white;
padding: 0.25rem 0.5rem;
border: 1px solid #aaa;
border-radius: 0.3rem;
}