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

 
(22 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
#content { background-color: rgba(0,0,0,0); margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { background-color: rgba(0,0,0,0); margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
  
 +
/* Reset Body Color */
 +
body
 +
{
 +
  height: 100%;
 +
  background-color: white;
 +
}
 +
 +
body a:link {
 +
    text-decoration: none !important;
 +
}
 +
 +
body a:visited {
 +
    text-decoration: none !important;
 +
}
 +
 +
body a:hover {
 +
    text-decoration: none  !important;
 +
}
 +
 +
body a:active {
 +
    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