Difference between revisions of "Template:Main Page Header"
Jump to navigation
Jump to search
| Line 7: | Line 7: | ||
} | } | ||
#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-links {float:right; margin:9px 14px 0 0; padding:0 13px 0 0; border-right:1px dotted #5DC5F5;} | + | #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 {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 span{ color:#FFF; font-size:16px; } | ||
@media only screen and (max-width: 1180px) { | @media only screen and (max-width: 1180px) { | ||
| Line 16: | Line 18: | ||
.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;} | ||
.header-links span{ font-size:12px; } | .header-links span{ font-size:12px; } | ||
| + | #header_links{ height: 56px; bottom:-5px } | ||
} | } | ||
| − | @media only screen and (max-width: | + | @media only screen and (max-width: 600px) { |
| − | #header_text{ font-size: | + | #header_text{ font-size:16px; line-height:3px;top:0} |
| + | #header_text_div{ top:0; height:56px } | ||
| + | #header_links{ height: 56px; bottom:-10px; margin-top:3px } | ||
| + | .header-links {margin-top:0px} | ||
| + | } | ||
| + | @media only screen and (max-width: 520px) { | ||
| + | .header-links { margin-top:-5px } | ||
| + | #header_links { bottom:-30px } | ||
} | } | ||
}} | }} | ||
<div id="header_img_wrapper" style="position:relative; overflow:hidden;">[[Image:header.png|link=|alt=Bible Wiki header]]</div> | <div id="header_img_wrapper" style="position:relative; overflow:hidden;">[[Image:header.png|link=|alt=Bible Wiki header]]</div> | ||
| − | <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> | ||
<p id="sub_header_text" style="margin:0; padding:10px 0 0; color:#FFF; font-size:18px; line-height:20px;">the [[Bible Wiki:Peer-review|<span style="color:#5DC5F5">peer-reviewed</span>]] [[Bible Wiki:Open-access|<span style="color:#5DC5F5">open-access</span>]] encyclopedia, <br />where knowledge is [[Bible Wiki:Curator|<span style="color:#5DC5F5">curated</span>]] by communities of experts.</p> | <p id="sub_header_text" style="margin:0; padding:10px 0 0; color:#FFF; font-size:18px; line-height:20px;">the [[Bible Wiki:Peer-review|<span style="color:#5DC5F5">peer-reviewed</span>]] [[Bible Wiki:Open-access|<span style="color:#5DC5F5">open-access</span>]] encyclopedia, <br />where knowledge is [[Bible Wiki:Curator|<span style="color:#5DC5F5">curated</span>]] by communities of experts.</p> | ||
</div> | </div> | ||
| − | <div | + | <div id="header_links"> |
<div class="header-links">[https://www.thesimpleanswers.com/enroll <span>Enroll as student</span>]</div> | <div class="header-links">[https://www.thesimpleanswers.com/enroll <span>Enroll as student</span>]</div> | ||
<div class="header-links">[https://www.thesimpleanswers.com <span>The Simple Answers</span>]</div> | <div class="header-links">[https://www.thesimpleanswers.com <span>The Simple Answers</span>]</div> | ||
