Difference between revisions of "Template:Banner/styles.css"

From Austin Improv Community Wiki
(Created page with ".banner-image { position: relative; overflow: hidden; max-width: 1800px; height: auto; margin-bottom: .6em; } .banner-image img { max-width: 100%; height: auto; width...")
 
Line 16: Line 16:
position: absolute;
position: absolute;
z-index: 2;
z-index: 2;
margin-top: 2.5em;
bottom: 5%;
color: white;
color: white;
min-width: 20em;
min-width: 20em;

Revision as of 16:58, 11 August 2022

.banner-image { position: relative; overflow: hidden; max-width: 1800px; height: auto; margin-bottom: .6em; }

.banner-image img { max-width: 100%; height: auto; width: auto; }

.banner-box { position: absolute; z-index: 2; bottom: 5%; color: white; min-width: 20em; text-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em; }

.banner-box-wide { width: 80%; }

.banner-box-left { left: 5%; text-align: left; }

.banner-box-right { right: 5%; text-align: right; }

.banner-box .name { font-size: 3em; white-space: nowrap; line-height: 1.2em; }

.banner-box .type { font-size: 2em; line-height: 1.2em; }