(19 intermediate revisions by the same user not shown) | |||
Line 28: | Line 28: | ||
body a:active { | body a:active { | ||
text-decoration: none !important; | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | .header-image-container | ||
+ | { | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | align-items: center; | ||
+ | position: relative; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .header-image-container img | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .header-image-text | ||
+ | { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | align-items: center; | ||
+ | align-content: center; | ||
+ | top: 0; | ||
+ | line-height: 9vmin; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .header-image-text h1 | ||
+ | { | ||
+ | font-size: 8vmin !important; | ||
+ | color: white; | ||
+ | margin: 0 auto; | ||
+ | text-transform: uppercase; | ||
+ | text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.41); | ||
+ | font-weight: bold !important; | ||
+ | } | ||
+ | |||
+ | .header-dark{ | ||
+ | color: black !important; | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | |||
+ | .dark-overlay | ||
+ | { | ||
+ | background-color: rgba(75, 75, 75, 0.75); | ||
+ | background-blend-mode: difference; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 00:19, 18 October 2018