Difference between revisions of "Template:Main Page Header"

From Bible Wiki, www.natnee.com
Jump to navigation Jump to search
 
Line 1: Line 1:
<div style="margin:0 0 10px; position:relative; overflow:hidden;">
 
 
{{#css:
 
{{#css:
 
   body.page-Main_Page h1.firstHeading { display:none; }
 
   body.page-Main_Page h1.firstHeading { display:none; }
   #header_img_wrapper img {
+
   #header {
     height: auto;
+
    margin:0 0 10px; position:relative; overflow:hidden;
     width: 100%;
+
     background-color: #539FF3;  
 +
     background-image: linear-gradient(#539FF3, #539FF3, #426F0B);  
 +
    height: 180px
 
   }
 
   }
 +
 
   #header_text{ background:none; padding:10px 0 0; margin:0; color:#FFF; font-size:42px; line-height:49px;}
 
   #header_text{ background:none; padding:10px 0 0; margin:0; color:#FFF; font-size:42px; line-height:49px;}
 
   #header_text_div{ position:absolute; top:13%; left:2%; z-index:1; text-align:center;}
 
   #header_text_div{ position:absolute; top:13%; left:2%; z-index:1; text-align:center;}
 
   #header_links { width:100%; height:36px; position:absolute; bottom:0; left:0;}
 
   #header_links { width:100%; height:36px; position:absolute; bottom:0; left:0;}
 
   .header-links {float:right; margin:9px 14px 0 0; padding:0 13px 0 0; border-right:1px dotted #5DC5F5; }
 
   .header-links {float:right; margin:9px 14px 0 0; padding:0 13px 0 0; border-right:1px dotted #5DC5F5; }
   .header-links span{ color:#FFF; font-size:16px; }
+
  .header-links:first-child { border-right:none; margin-right:10px; padding-right: 0 }
   @media only screen and (max-width: 1180px) {
+
   .header-links span{ color:#FFF; font-size:16px; }  
 +
   @media only screen and (max-width: 768px) {
 
     #sub_header_text{ display: none }
 
     #sub_header_text{ display: none }
  }
+
    #header { height: 76px }
  @media only screen and (max-width: 768px) {
 
 
     #header_text{ font-size:22px; line-height:5px;top:0}
 
     #header_text{ font-size:22px; line-height:5px;top:0}
 
     .header-links {float:right; margin:9px 5px 0 0; padding:0 10px 0 0; border-right:1px dotted #5DC5F5;}
 
     .header-links {float:right; margin:9px 5px 0 0; padding:0 10px 0 0; border-right:1px dotted #5DC5F5;}
Line 23: Line 25:
 
     #header_text{ font-size:16px; line-height:3px;top:0}
 
     #header_text{ font-size:16px; line-height:3px;top:0}
 
     #header_text_div{ top:0; height:56px }
 
     #header_text_div{ top:0; height:56px }
     #header_links{ height: 56px; bottom:-10px; margin-top:3px }
+
     #header_links{ height: auto; bottom:0; margin-top:3px }
 
     .header-links {margin-top:0px}
 
     .header-links {margin-top:0px}
 
   }
 
   }
 
   @media only screen and (max-width: 520px) {
 
   @media only screen and (max-width: 520px) {
 
     .header-links { margin-top:-5px }
 
     .header-links { margin-top:-5px }
     #header_links { bottom:-30px }
+
     #header_text_div { height: auto }
 
   }
 
   }
 
}}
 
}}
<div id="header_img_wrapper" style="position:relative; overflow:hidden;">[[Image:header.png|link=|alt=Bible Wiki header]]</div>
+
<div id="header">
 +
<div id="header_img_wrapper" style="position:relative; overflow:hidden;"></div>
 
   <div id="header_text_div">
 
   <div id="header_text_div">
 
     <div id="header_text">Welcome to [[Bible Wiki|<span style="color:#FFF;">Bible Wiki</span>]]</div>
 
     <div id="header_text">Welcome to [[Bible Wiki|<span style="color:#FFF;">Bible Wiki</span>]]</div>

Latest revision as of 04:43, 12 June 2020