Main Page: Difference between revisions

Jump to navigation Jump to search
1,855 bytes removed ,  25 July 2014
m
Simplified the format: Should load quicker and should be consistent for Desktop and Mobile views
m (Testing different vertical alignment)
m (Simplified the format: Should load quicker and should be consistent for Desktop and Mobile views)
Line 29: Line 29:
<div style="margin-bottom: 20px; margin-top: 2px; padding: 20px; padding-top: 10px; padding-bottom: 20px; border: 1px solid #D5CFA7; border-radius:15px; background: #fff; overflow: hidden; position: relative; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.45);">
<div style="margin-bottom: 20px; margin-top: 2px; padding: 20px; padding-top: 10px; padding-bottom: 20px; border: 1px solid #D5CFA7; border-radius:15px; background: #fff; overflow: hidden; position: relative; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.45);">
<!--TEXT-->
<!--TEXT-->
<!-- Featured ends --><!-- Featured pic starts --><div style="position: relative; margin-top: 2px;">
<!-- Featured ends -->
<div style="overflow: hidden;">[[File:HILLDEP bar.png|link=|alt=]]</div>
<div style="background:#CECEF2; text-align:center; padding:1px; border-bottom:1px #B8C7D9 solid;"><h3 style="margin:.5em; margin-bottom:.1em; border-bottom:0; font-weight:bold;">Featured picture</h3></div>
<div style="position: absolute; left: -12px; top: -11px; width: 30px; height: 30px;">[[File:HILLDEP tavolozza.png|30px|link=|alt=]]</div>
<br/>{{SV:Current featured picture}}
<div style="position: absolute; left: 45px; top: -10px;"><h2 style="line-height: 32px; height: 32px; padding: 0; border-bottom: 0; font-size: 120%; color: #fff; font-weight: bold; text-shadow: #000 1px 1px 3px; ">Featured picture</h2></div></div>
<div style="background:#CECEF2; text-align:center; padding:1px; border-bottom:1px #B8C7D9 solid;"><h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold;">Featured article</h3></div>
<div style="border: ; background: #fff; padding: 10px;">{{SV:Current featured picture}}<div style="clear: both; margin: -0.8em;">&nbsp;</div></div><!-- Featured pic ends -->
<br/>{{SV:Current featured article}}<br/><br/>
{| style="width: 100%; background: transparent; border-spacing: 0; table-layout: fixed;"
<div style="background:#CECEF2; text-align:center; padding:1px; border-bottom:1px #B8C7D9 solid;"><h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold;">Did you know</h3></div>
|- style="vertical-align: top;"
<br/>{{Did you know (Main page)}}<br/><br/><br/>
| style="width: 65%; padding-right: 10px;" |<!-- Left column starts -->
<div style="position: relative; margin-top: -0px;">
<div style="overflow: hidden;">[[File:HILLDEP bar.png|link=|alt=]]</div>
<div style="position: absolute; left: -12px; top: -11px; width: 30px; height: 30px;">[[File:HILLDEP stella.png|30px|link=|alt=]]</div>
<div style="position: absolute; left: 45px; top: -10px;"><h2 style="line-height: 32px; height: 32px; padding: 0; border-bottom: 0; font-size: 120%; color: #fff; font-weight: bold; text-shadow: #000 1px 1px 3px;">Featured article </h2></div>
<div style="font-size: 110%; line-height: 160%;">
{{SV:Current featured article}}<br /><br /></div></div></div>{{-}}
<!-- Left column ends -->
| style="width: 35%; padding-left: 10px;" |<!-- Right colunn starts -->
<!-- DYK starts --><div style="position: relative; margin-top: -0px;">
<div style="overflow: hidden;">[[File:HILLDEP bar.png|link=|alt=]]</div>
<div style="position: absolute; left: -12px; top: -11px; width: 30px; height: 30px;">[[File:HILLDEP puntointerrogativo.png|30px|link=|alt=]]</div>
<div style="position: absolute; left: 45px; top: -10px;"><h2 style="line-height: 32px; height: 32px; padding: 0; border-bottom: 0; font-size: 120%; color: #fff; font-weight: bold; text-shadow: #000 1px 1px 3px; padding-bottom: 5px; ">Did you know...</h2></div></div>
<div style="border: background: #fff; padding: 15px 10px 10px 10px;">{{Did you know}}<div style="clear: both; margin: -0.8em;">&nbsp;</div></div><!-- DYK ends -->
|}
<!-- Other area starts --><div style="position: relative; margin-top: 2px;">
<!-- Other area starts --><div style="position: relative; margin-top: 2px;">
<div style="overflow: hidden;">[[File:HILLDEP bar.png|link=|alt=]]</div><div style="position: absolute; left: -12px; top: -11px; width: 30px; height: 30px;">[[File:HILLDEP molecola.png|30px|link=|alt=]]</div>
<div style="background:#CECEF2; text-align:center; padding:1px; border-bottom:1px #B8C7D9 solid;"><h3 style="margin:.5em; margin-top:.1em; border-bottom:0; font-weight:bold;">Get involved</h3></div>
<div style="position: absolute; left: 45px; top: -10px;"><h2 style="line-height: 32px; height: 32px; padding: 0; border-bottom: 0; font-size: 120%; color: #fff; font-weight: bold; text-shadow: #000 1px 1px 3px; ">Get involved</h2></div></div>
<div style="background: #fff; padding: 15px 10px 15px;">{{SV:Get involved}}</div></div><!-- Other area ends -->
<div style="background: #fff; padding: 15px 10px 15px;">{{SV:Get involved}}</div></div><!-- Other area ends -->
{{Main page interwiki}}__NOTOC__ __NOEDITSECTION__
{{Main page interwiki}}__NOTOC__ __NOEDITSECTION__

Navigation menu