Main Page: Difference between revisions

No change in size ,  25 July 2014
m
Testing for a balance in heading position between desktop and mobile views
m (Removed extraneous __NOTITLE__ because it no longer works)
m (Testing for a balance in heading position between desktop and mobile views)
Line 32: Line 32:
<div style="overflow: hidden;">[[File:HILLDEP bar.png|link=|alt=]]</div>
<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 tavolozza.png|30px|link=|alt=]]</div>
<div style="position: absolute; left: -12px; top: -11px; width: 30px; height: 30px;">[[File:HILLDEP tavolozza.png|30px|link=|alt=]]</div>
<div style="position: absolute; left: 45px; top: -17px;"><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="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="border: ; background: #fff; padding: 10px;">{{SV:Current featured picture}}<div style="clear: both; margin: -0.8em;">&nbsp;</div></div><!-- Featured pic ends -->
<div style="border: ; background: #fff; padding: 10px;">{{SV:Current featured picture}}<div style="clear: both; margin: -0.8em;">&nbsp;</div></div><!-- Featured pic ends -->
{| style="width: 100%; background: transparent; border-spacing: 0; table-layout: fixed;"
{| style="width: 100%; background: transparent; border-spacing: 0; table-layout: fixed;"
Line 40: Line 40:
<div style="overflow: hidden;">[[File:HILLDEP bar.png|link=|alt=]]</div>
<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: -12px; top: -11px; width: 30px; height: 30px;">[[File:HILLDEP stella.png|30px|link=|alt=]]</div>
<div style="position: absolute; left: 45px; top: -17px;"><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="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%;">
<div style="font-size: 110%; line-height: 160%;">
{{SV:Current featured article}}<br /><br /></div></div></div>{{-}}
{{SV:Current featured article}}<br /><br /></div></div></div>{{-}}
Line 48: Line 48:
<div style="overflow: hidden;">[[File:HILLDEP bar.png|link=|alt=]]</div>
<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: -12px; top: -11px; width: 30px; height: 30px;">[[File:HILLDEP puntointerrogativo.png|30px|link=|alt=]]</div>
<div style="position: absolute; left: 45px; top: -17px;"><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="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 -->
<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="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="position: absolute; left: 45px; top: -17px;"><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="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__