/* remotefilename=/style/subscription.css
 *
 *	Copyright © 2025 by The Race To Space Project.  All rights reserved.
 *
 *	$Id: /style/subscription.css,v $
 */
/**
*	CSS rulesets for subscription pages
*
*	Author:			Fred Koschara
*	Creation Date:	August fifth, 2025
*	Last Modified:	September 26, 2025 @ 7:57 am
*
*	Revision History:
*	   Date		  by		Description
*	2025/09/26	wfredk	add a visible pulse to the <input> itself
*	2025/09/26	wfredk	use correct sbscrEmail name matching input field
*	2025/09/26	wfredk	use HTML "placeholder" attribute for input field
*	2025/08/05	wfredk	original development, from confirmSubscription.php
*/

/* Normal placeholder look */
#sbscrEmail::placeholder
{	font-family:Scribbles,cursive;
	font-style:oblique;
	opacity:1;	/* Firefox dims placeholders by default; force full opacity */
}

/* Add a visible pulse on the INPUT itself */
#sbscrEmail.attention
{	animation:fieldPulse 1.1s ease-in-out infinite;
	outline:3px dashed magenta;	/* DEBUG: remove after verifying */
}

/* Attention effect only when we add .attention in JS */
#sbscrEmail.attention::placeholder,
#sbscrEmail.attention::-moz-placeholder,
#sbscrEmail.attention:-ms-input-placeholder	/* legacy IE11 */
{	animation:subscrBlink 1s steps(1) infinite;
	font-family:Scribbles,cursive;
	font-style:oblique;
	opacity:1;
}

@keyframes fieldPulse
{	0% { box-shadow:0 0 0 0 rgba(255,255,0,.9); }
	70% { box-shadow:0 0 0 8px rgba(255,255,0,0); }
	100% { box-shadow:0 0 0 0 rgba(255,255,0,0); }
}

@keyframes subscrBlink
{	0% { opacity:1; }
	50% { opacity:.2; }
	100% { opacity:1; }
}

#emailAddr
{	background-color:darkGray;
	border:2px inset;
	border-radius:0;
	box-shadow:none;
}
.PassColorChanged
{	color:#ff6666;
}
.PassColorUnchanged
{	color:#101010;
}
.subscrButtonRow
{	border:0;
	margin:auto;
	padding:20px;
}

/* EOF: subscription.css */