Template:Page Header/style.css: Difference between revisions

From KB42
Created page with " .header_container { position: relative; border:1px solid gray; } .header_img { } .header_text_container { position: absolute; top: 1px; width: 100%; font-size: 20px; text-align:center; clear:both; background-repeat:no-repeat; border-radius:5px; } .header_text_size { font-size:162%; border:0; margin:0; color:#000; }"
 
No edit summary
 
(39 intermediate revisions by the same user not shown)
Line 2: Line 2:
.header_container {
.header_container {
   position: relative;
   position: relative;
  border:1px solid gray;
}
}


.header_img {
.header_img {
    
 
}
.header_img_grad {
   width: 100%;
  height: 225px;
  z-index: 5;
  background-image:
  linear-gradient(90deg, rgba(0,0,0,1), rgba(0, 0, 0, .90), rgba(0, 0, 0,0), rgba(0,0,0,0));
}
.header_container {
position: absolute;
top: 1px;
width: 100%;
bottom: 300px;
font-size: 20px;
text-align:center;
border:0px #888;
clear:both; 
background-repeat:no-repeat;
}
 
.text_container {
width: 60%;
padding: 2em 0 1em 0
}
}


.header_text_container {
.title_text01 {
position: absolute;
font-size:1.75em;  
top: 1px;
border:0px #FFF;  
width: 100%;
margin:0;
font-size: 20px;
text-align:center;
clear:both;
background-repeat:no-repeat;
border-radius:5px;
}
}


.header_text_size {
.title_text02 {
font-size:162%;
font-size:1em;  
border:0;
border:0px #FFF;  
margin:0;
margin: 0em;
color:#000;
}
}

Latest revision as of 03:42, 10 September 2025

.header_container {
  position: relative;
}

.header_img {

}
.header_img_grad {
  width: 100%;
  height: 225px;
  z-index: 5;
  background-image: 
   linear-gradient(90deg, rgba(0,0,0,1), rgba(0, 0, 0, .90), rgba(0, 0, 0,0), rgba(0,0,0,0));
}
.header_container {
position: absolute; 
top: 1px; 
width: 100%; 
bottom: 300px; 
font-size: 20px; 
text-align:center; 
border:0px #888; 
clear:both;  
background-repeat:no-repeat; 
}

.text_container {
width: 60%; 
padding: 2em 0 1em 0
}

.title_text01 {
font-size:1.75em; 
border:0px #FFF; 
margin:0;
}

.title_text02 {
font-size:1em; 
border:0px #FFF; 
margin: 0em;
}