Difference between revisions of "Template:Main Page Header"

From Nanopedia
Jump to: navigation, search
(Created page with "{{#css: .mainpage_box { float: left;width:30%; height:134px; background-color:#FCFCFC; margin:20px 0 10px 20px; border:1px solid #CECECE; overflow:hidden; } .mainpage_...")
 
Line 1: Line 1:
 +
<div style="min-width:640px; margin:0 0 43px; position:relative; overflow:hidden;">
 
{{#css:
 
{{#css:
     .mainpage_box { float: left;width:30%; height:134px; background-color:#FCFCFC; margin:20px 0 10px 20px; border:1px solid #CECECE; overflow:hidden; }
+
     #header_img_wrapper img {
    .mainpage_box h3 { text-align: center; font-size:19px; }
+
         height: auto;
 
+
        width: 100%;
 
 
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
 
         .mainpage_box h3 { padding:30px 0 5px; font-size:17px; }
 
    }
 
    @media only screen and (max-width: 767px) {
 
        .mainpage_box h3 { padding:20px 0 5px; font-size:15px; }
 
 
     }
 
     }
 
}}
 
}}
<div class="mainpage_box">
+
    <div id="header_img_wrapper" style="position:relative; overflow:hidden;">[[Image:header_img.png|link=|alt=Lumipediaheader]]</div>
        <h3>[[Encyclopedia_of_Luminescence|<span style="color:crimson;">Encyclopedia <br />of <br />Luminescence</span>]]</h3>
+
<div style="max-width:635px; position:absolute; top:13%; left:2%; z-index:1; text-align:center;">
</div>
+
         <h1 style="background:none; padding:10px 0 0; margin:0; color:#FFF; font-size:42px; line-height:49px;">Welcome to Encyclopedia of Luminescence</h1>
<div class="mainpage_box">
+
         <p style="margin:0; padding:10px 0 0; color:#FFF; font-size:18px; line-height:20px;">the peer-reviewed open-access encyclopedia. <br />Recording and Contentualizing the Science of Luminescence</p>
        <h3>[[Light_Years|<br /><span style="color:crimson;">Light Years</span>]]</h3>
+
    </div>
</div>
 
<div class="mainpage_box">
 
         <h3>[[Book Reviews Editorials Point of View|<span style="color:crimson;">Book Reviews <br />Editorials <br />Point of View</span>]]</h3>
 
</div>
 
 
 
<div class="mainpage_box">
 
         <h3>[[Conferences Meetings Schools|<span style="color:crimson;">Conferences <br />Meetings <br />Schools</span>]]</h3>
 
</div>
 
<div class="mainpage_box">
 
        <h3>[[Opportunities Jobs Fellowships|<span style="color:crimson;">Opportunities <br />Jobs <br />Fellowships</span>]]</h3>
 
</div>
 
<div class="mainpage_box">
 
        <h3>[[Instruments Technical Progress|<span style="color:crimson;">Instruments <br />Technical Progress</span>]]</h3>
 
</div>
 
  
<div class="mainpage_box">
+
    <div style="width:100%; height:36px; background-color:#1E6586; background-color:rgba(30, 101, 134, 0.6); position:absolute; bottom:0; left:0; border-top:1px solid #B5D1E8; border-top:1px solid rgba(181,209, 232, 0.6);">
        <h3>[[Who&#39;s Who|<br /><span style="color:crimson;">Who&#39;s Who</span>]]</h3>
+
    </div>
 
</div>
 
</div>

Revision as of 13:07, 2 March 2017

Welcome to Encyclopedia of Luminescence

the peer-reviewed open-access encyclopedia.
Recording and Contentualizing the Science of Luminescence