Difference between revisions of "Template:WLC-Milwaukee/CSS"

 
(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