Main Page: Difference between revisions

From A KoL Wiki
← Older editNewer edit →
m moons padding
Make two column layout responsive
Line 9: Line 9:
|}
|}


{| style="border-spacing:8px;margin:0px -8px;"
<div class="main-page-columns-container">
|class="MainPageBG" style="width:60%;border:1px solid #63A886;vertical-align:top;" bgcolor="#F5FFFA"|
 
{| width="100%" cellpadding=2 cellspacing=5 style="vertical-align:top;" bgcolor="#F5FFFA"
  <!-- Left column -->
|-
  <div style="flex:1 1 60%; border:1px solid #63A886; background-color:#F5FFFA;">
|<devtracker></devtracker>
    {| width="100%" cellpadding=2 cellspacing=5 style="vertical-align:top;" bgcolor="#F5FFFA"
{| cellpadding=0 cellspacing=0 width="100%" style="border:1px solid #63A886;" bgcolor="#CFFBE3"
    |-
|<h2 style="border:none;margin:0;font-family:sans-serif;font-size:120%;text-align:left;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">'''Today's Featured Article:'''</h2>
    |<devtracker></devtracker>
|style="text-align:right;margin-left:5px;margin-right:5px;" class="plainlinks"|''[{{fullurle:Template:FEATURE {{featuredarticle}}|action=edit}} edit]''&nbsp;
    {| cellpadding=0 cellspacing=0 width="100%" style="border:1px solid #63A886;" bgcolor="#CFFBE3"
|}
    |<h2 style="border:none;margin:0;font-family:sans-serif;font-size:120%;text-align:left;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">'''Today's Featured Article:'''</h2>
|-
    |style="text-align:right;margin-left:5px;margin-right:5px;" class="plainlinks"|''[{{fullurle:Template:FEATURE {{featuredarticle}}|action=edit}} edit]''&nbsp;
|{{FEATURE {{featuredarticle}}}}<div align="right" style="font-size: small;">''[[:Category:Featured Articles|read more...…]]''</div>
    |}
|-
    |-
|
    |{{FEATURE {{featuredarticle}}}}<div align="right" style="font-size: small;">''[[:Category:Featured Articles|read more...…]]''</div>
{| cellpadding="0" cellspacing="0" width="100%" style="border:1px solid #63A886;" bgcolor="#CFFBE3"
    |-
|<h2 style="border:none;margin:0;font-family:sans-serif;font-size:120%;text-align:left;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">'''Today in KoL History:'''</h2>
    |
|style="text-align:right;margin-left:5px;margin-right:5px;" class="plainlinks"|''[{{fullurle:Template:DATE {{CURRENTMONTHNAME}} {{CURRENTDAY}}|action=edit}} edit]''&nbsp;
    {| cellpadding="0" cellspacing="0" width="100%" style="border:1px solid #63A886;" bgcolor="#CFFBE3"
|}
    |<h2 style="border:none;margin:0;font-family:sans-serif;font-size:120%;text-align:left;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">'''Today in KoL History:'''</h2>
|-
    |style="text-align:right;margin-left:5px;margin-right:5px;" class="plainlinks"|''[{{fullurle:Template:DATE {{CURRENTMONTHNAME}} {{CURRENTDAY}}|action=edit}} edit]''&nbsp;
|{{DATE {{CURRENTMONTHNAME}} {{CURRENTDAY}}}}
    |}
|}
    |-
<!-- Start of right-column -->
    |{{DATE {{CURRENTMONTHNAME}} {{CURRENTDAY}}}}
|class="MainPageBG" style="width:45%;border:1px solid #6386A8;vertical-align:top" bgcolor="#F5FAFF"|
    |}
{| width="100%" cellpadding=2 cellspacing=5 style="vertical-align:top;" bgcolor="#F5FAFF"
  </div>
|
 
{| cellpadding=0 cellspacing=0 width="100%" style="border:1px solid #6386A8;" bgcolor="#CFE3FB"
  <!-- Right column -->
|<h2 style="border:none;margin:0;font-family:sans-serif;font-size:120%;text-align:left;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">'''So You'd Like To:'''</h2>
  <div style="flex:1 1 40%; border:1px solid #6386A8; background-color:#F5FAFF;">
|style="text-align:right;margin-left:5px;margin-right:5px;" class="plainlinks"|''[{{fullurle:Template:Quicklinks|action=edit}} edit]''&nbsp;
    {| width="100%" cellpadding=2 cellspacing=5 style="vertical-align:top;" bgcolor="#F5FAFF"
|}
    |
|-
    {| cellpadding=0 cellspacing=0 width="100%" style="border:1px solid #6386A8;" bgcolor="#CFE3FB"
|{{quicklinks}}
    |<h2 style="border:none;margin:0;font-family:sans-serif;font-size:120%;text-align:left;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">'''So You'd Like To:'''</h2>
|-
    |style="text-align:right;margin-left:5px;margin-right:5px;" class="plainlinks"|''[{{fullurle:Template:Quicklinks|action=edit}} edit]''&nbsp;
|
    |}
{| cellpadding=0 cellspacing=0 width="100%" style="border:1px solid #6386A8;" bgcolor="#CFE3FB"
    |-
|<h2 style="border:none;margin:0;font-family:sans-serif;font-size:120%;text-align:left;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">'''Editors:'''</h2>
    |{{quicklinks}}
|style="text-align:right;margin-left:5px;margin-right:5px;" class="plainlinks"|''[{{fullurle:Template:Editlinks|action=edit}} edit]''&nbsp;
    |-
|}
    |
|-
    {| cellpadding=0 cellspacing=0 width="100%" style="border:1px solid #6386A8;" bgcolor="#CFE3FB"
|{{editlinks}}
    |<h2 style="border:none;margin:0;font-family:sans-serif;font-size:120%;text-align:left;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">'''Editors:'''</h2>
|}
    |style="text-align:right;margin-left:5px;margin-right:5px;" class="plainlinks"|''[{{fullurle:Template:Editlinks|action=edit}} edit]''&nbsp;
|}
    |}
    |-
    |{{editlinks}}
    |}
  </div>
 
</div>
<!-- End flexbox -->
 
{| style="width:100%;border:1px solid #8663A8" bgcolor="#F3DFFB"
{| style="width:100%;border:1px solid #8663A8" bgcolor="#F3DFFB"
|style="text-align:center;padding:.1em;font-size:90%;margin: 0;"|'''[http://www.kingdomofloathing.com/ The Kingdom of Loathing]'''  &nbsp; • &nbsp; '''[http://forums.kingdomofloathing.com/ Forums of Loathing]'''
|style="text-align:center;padding:.1em;font-size:90%;margin: 0;"|'''[http://www.kingdomofloathing.com/ The Kingdom of Loathing]'''  &nbsp; • &nbsp; '''[http://forums.kingdomofloathing.com/ Forums of Loathing]'''
Retrieved from "https://wiki.kingdomofloathing.com/Main_Page"