Difference between revisions of "Template:Main Page Header"
Jump to navigation
Jump to search
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | |||
{{#css: | {{#css: | ||
body.page-Main_Page h1.firstHeading { display:none; } | body.page-Main_Page h1.firstHeading { display:none; } | ||
| − | # | + | #header { |
| − | + | margin:0 0 10px; position:relative; overflow:hidden; | |
| − | + | 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-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 span{ color:#FFF; font-size:16px; } | + | #header_links { width:100%; height:36px; position:absolute; bottom:0; left:0;} |
| − | @media only screen and (max-width: | + | .header-links {float:right; margin:9px 14px 0 0; padding:0 13px 0 0; border-right:1px dotted #5DC5F5; } |
| + | .header-links:first-child { border-right:none; margin-right:10px; padding-right: 0 } | ||
| + | .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 } | |
| − | |||
#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;} | ||
.header-links span{ font-size:12px; } | .header-links span{ font-size:12px; } | ||
| + | #header_links{ height: 56px; bottom:-5px } | ||
| + | } | ||
| + | @media only screen and (max-width: 600px) { | ||
| + | #header_text{ font-size:16px; line-height:3px;top:0} | ||
| + | #header_text_div{ top:0; height:56px } | ||
| + | #header_links{ height: auto; bottom:0; margin-top:3px } | ||
| + | .header-links {margin-top:0px} | ||
} | } | ||
| − | @media only screen and (max-width: | + | @media only screen and (max-width: 520px) { |
| − | + | .header-links { margin-top:-5px } | |
| + | #header_text_div { height: auto } | ||
} | } | ||
}} | }} | ||
| − | <div id="header_img_wrapper" style="position:relative; overflow:hidden;"> | + | <div id="header"> |
| − | <div | + | <div id="header_img_wrapper" style="position:relative; overflow:hidden;"></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> | ||
Latest revision as of 04:43, 12 June 2020
Welcome to Bible Wiki
the peer-reviewed open-access encyclopedia,
where knowledge is curated by communities of experts.
