Template:Banner-main/styles.css: Difference between revisions

From Gulf States Flood Help
No edit summary
No edit summary
Line 38: Line 38:
}
}
.sol-main-banner-button {
.sol-main-banner-button {
width: 150px;
width: 200px;
height: 50px;
height: 50px;
margin-bottom: 1em;
margin-bottom: 1em;
background-color: red;
background-color: orange;
}
}

Revision as of 15:27, 13 December 2024

.sol-main-banner {
	background-color: yellow;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	position: relative;
}
.sol-main-banner img {
	max-width: 948px;
	height: 100%;
}
.sol-main-banner-title {
	position: absolute;
	top: -23px;
	left: -26px;
}
.sol-main-banner-tagline {
	position: absolute;
	bottom: 32px;
	left: 40px;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.2em;
	font-family: Merriweather;
	color: #333;
	text-shadow: 
	  1px 1px 4px white,
      0 0 1em #eee,
      0 0 0.2em #ddd;
}
.sol-main-banner-block {
	position: absolute;
	top: 1em;
	right: 1em;
}
.sol-main-banner-button {
	width: 200px;
	height: 50px;
	margin-bottom: 1em;
	background-color: orange;
}