finra.wd1.myworkdayjobs.com/ by sridharsikha

/* ==UserStyle==
@name           finra.wd1.myworkdayjobs.com/en-US/FINRA/job/Rockville%2C-MD-(Job-Posting)/Summer-2024-Undergraduate-Intern---Member-Supervision...
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://finra.wd1.myworkdayjobs.com/") {
	/* Insert code here... */
	/* Job Site Interface Improvements */
	/* Add distinct background color to easily identify when styles are active */
	body {
		background-color: #f3f4f6 !important;
	}

	/* Add a subtle pattern to make the background more interesting */
	body::before {
		content: "" !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		opacity: 0.5 !important;
		z-index: -1 !important;
		background-image: linear-gradient(45deg, #e5e7eb 25%, transparent 25%),
		linear-gradient(-45deg, #e5e7eb 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, #e5e7eb 75%),
		linear-gradient(-45deg, transparent 75%, #e5e7eb 75%) !important;
		background-size: 20px 20px !important;
		background-position: 0 0, 0 10px, 10px -10px, -10px 0px !important;
	}

	/* Improve readability of job listings */
	.job-listing,
	.job-card,
	[class*="job-"] {
		max-width: 900px !important;
		margin: 1.5rem auto !important;
		padding: 1.5rem !important;
		border-radius: 8px !important;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
		transition: transform 0.2s ease-in-out !important;
		background-color: white !important;
	}

	/* Add hover effect for better interaction feedback */
	.job-listing:hover,
	.job-card:hover,
	[class*="job-"]:hover {
		transform: translateY(-2px) !important;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
	}

	/* Improve typography for better readability */
	.job-title,
	.position-title,
	h1[class*="title"] {
		font-size: 1.5rem !important;
		font-weight: 600 !important;
		color: #2c3e50 !important;
		margin-bottom: 1rem !important;
		line-height: 1.4 !important;
	}

	.job-description,
	.description,
	[class*="description"] {
		font-size: 1.1rem !important;
		line-height: 1.6 !important;
		color: #34495e !important;
		max-width: 70ch !important;
		/* Optimal line length for readability */
	}

	/* Improve salary and location visibility */
	.salary,
	.location,
	[class*="salary"],
	[class*="location"] {
		font-size: 1.1rem !important;
		color: #16a34a !important;
		font-weight: 500 !important;
		margin: 0.5rem 0 !important;
	}

	/* Better button styling */
	.apply-button,
	button[class*="apply"],
	a[class*="apply"] {
		background-color: #2563eb !important;
		color: white !important;
		padding: 0.75rem 1.5rem !important;
		border-radius: 6px !important;
		border: none !important;
		font-weight: 500 !important;
		cursor: pointer !important;
		transition: background-color 0.2s ease-in-out !important;
	}

	.apply-button:hover,
	button[class*="apply"]:hover,
	a[class*="apply"]:hover {
		background-color: #1d4ed8 !important;
	}

	/* Improve form inputs */
	input[type="text"],
	input[type="search"],
	input[type="email"],
	textarea {
		width: 100% !important;
		padding: 0.75rem !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 6px !important;
		font-size: 1rem !important;
		transition: border-color 0.2s ease-in-out !important;
		background-color: white !important;
	}

	input:focus,
	textarea:focus {
		outline: none !important;
		border-color: #2563eb !important;
		box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
	}

	/* Better filter and search section */
	.filters,
	.search-filters,
	[class*="filter"] {
		background-color: #f8fafc !important;
		padding: 1rem !important;
		border-radius: 8px !important;
		margin-bottom: 1.5rem !important;
	}

	/* Improve checkboxes and radio buttons */
	input[type="checkbox"],
	input[type="radio"] {
		width: 1.2rem !important;
		height: 1.2rem !important;
		margin-right: 0.5rem !important;
		accent-color: #2563eb !important;
	}

	/* Add responsive layout improvements */
	@media (max-width: 768px) {
		.job-listing,
		.job-card,
		[class*="job-"] {
			margin: 1rem !important;
			padding: 1rem !important;
		}

		.job-title,
		.position-title,
		h1[class*="title"] {
			font-size: 1.25rem !important;
		}

		.job-description,
		.description,
		[class*="description"] {
			font-size: 1rem !important;
		}
	}

	/* Dark mode support */
	@media (prefers-color-scheme: dark) {
		body {
			background-color: #1a1a1a !important;
		}

		body::before {
			opacity: 0.3 !important;
		}

		.job-listing,
		.job-card,
		[class*="job-"] {
			background-color: #1e293b !important;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
		}

		.job-title,
		.position-title,
		h1[class*="title"] {
			color: #e2e8f0 !important;
		}

		.job-description,
		.description,
		[class*="description"] {
			color: #cbd5e1 !important;
		}

		.filters,
		.search-filters,
		[class*="filter"] {
			background-color: #334155 !important;
		}

		input[type="text"],
		input[type="search"],
		input[type="email"],
		textarea {
			background-color: #1e293b !important;
			border-color: #475569 !important;
			color: #e2e8f0 !important;
		}
	}
}