Difference between revisions of "Template:Month"

From Nookipedia, the Animal Crossing wiki
m (Shortening month names to improve mobile display)
(Update to new design)
Line 1: Line 1:
{| align="center" style="border:2px solid #{{ColorPrimary}}; {{roundy}}; background:#FFFFFF; width:99%; margin: 5px; -moz-border-radius: 10px;"
+
<!-- DESKTOP TEMPLATE -->
 +
<div class="nomobile">
 +
{| align="center" style="font-size: 0.9em; border:2px solid #{{ColorSecondary}}; {{roundy|10px}}; background:#fff; width:99%; margin: 5px; -moz-border-radius: 10px;"
 
|-
 
|-
| width="8%" style="{{roundyleft}}; text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{winter}}"| [[January|Jan]]
+
| width="8%" style="font-family: Coustard; {{roundyleft|7px}}; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|January=2px solid|#default=0px solid}} #bbd9f6; background:#{{#switch: {{CURRENTMONTHNAME}}|January=e8f2fc|#default=d7d6f5}}"| [[January|<span style="color:#262390;">Jan</span>]]
| width="8%" style="text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{winter}}"| [[February|Feb]]
+
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|February=2px solid|#default=0px solid}} #bbd9f6; background:#{{#switch: {{CURRENTMONTHNAME}}|February=e8f2fc|#default=d7d6f5}}"| [[February|<span style="color:#262390;">Feb</span>]]
| width="8%" style="text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{spring}}"| [[March|Mar]]
+
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|March=2px solid|#default=0px solid}} #f372ac; background:#{{#switch: {{CURRENTMONTHNAME}}|March=fde8f1|#default=fdcece}}"| [[March|<span style="color:#ab0707;">Mar</span>]]
| width="8%" style="text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{spring}}"| [[April|Apr]]
+
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|April=2px solid|#default=0px solid}} #f9b9d4; background:#{{#switch: {{CURRENTMONTHNAME}}|April=fde8f1|#default=fdcece}}"| [[April|<span style="color:#ab0707;">Apr</span>]]
| width="8%" style="text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{spring}}"| [[May]]
+
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|May=2px solid|#default=0px solid}} #f372ac; background:#{{#switch: {{CURRENTMONTHNAME}}|May=fde8f1|#default=fdcece}}"| [[May|<span style="color:#ab0707;">May</span>]]
| width="8%" style="text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{summer}}"| [[June|Jun]]
+
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|June=2px solid|#default=0px solid}} #43cfef; background:#{{#switch: {{CURRENTMONTHNAME}}|June=e8f9fd|#default=d0f3fb}}"| [[June|<span style="color:#0e89a4;">Jun</span>]]
| width="8%" style="text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{summer}}"| [[July|Jul]]
+
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|July=2px solid|#default=0px solid}} #43cfef; background:#{{#switch: {{CURRENTMONTHNAME}}|July=e8f9fd|#default=d0f3fb}}"| [[July|<span style="color:#0e89a4;">Jul</span>]]
| width="8%" style="text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{summer}}"| [[August|Aug]]
+
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|August=2px solid|#default=0px solid}} #43cfef; background:#{{#switch: {{CURRENTMONTHNAME}}|August=e8f9fd|#default=d0f3fb}}"| [[August|<span style="color:#0e89a4;">Aug</span>]]
| width="8%" style="text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{fall}}"| [[September|Sep]]
+
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|September=2px solid|#default=0px solid}} #f9d9b8; background:#{{#switch: {{CURRENTMONTHNAME}}|September=fdf2e7|#default=fbe8d0}}"| [[September|<span style="color:#a4610e;">Sep</span>]]
| width="8%" style="text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{fall}}"| [[October|Oct]]
+
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|October=2px solid|#default=0px solid}} #f9d9b8; background:#{{#switch: {{CURRENTMONTHNAME}}|October=fdf2e7|#default=fbe8d0}} "| [[October|<span style="color:#a4610e;">Oct</span>]]
| width="8%" style="text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{fall}}"| [[November|Nov]]
+
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|November=2px solid|#default=0px solid}} #f9d9b8; background:#{{#switch: {{CURRENTMONTHNAME}}|November=fdf2e7|#default=fbe8d0}} "| [[November|<span style="color:#a4610e;">Nov</span>]]
| width="8%" style="{{roundyright}}; text-align:center; border:0px solid #{{ColorPrimary}}; background:#{{winter}}"| [[December|Dec]]
+
| width="8%" style="font-family: Coustard; {{roundyright|7px}}; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|December=2px solid|#default=0px solid}} #bbd9f6; background:#{{#switch: {{CURRENTMONTHNAME}}|December=e8f2fc|#default=d7d6f5}}"| [[December|<span style="color:#262390;">Dec</span>]]
|}
+
|}</div>
<noinclude>[[Category:Templates]]</noinclude>
+
<!-- MOBILE TEMPLATE -->
 +
<div class="onlymobile">
 +
{| align="center" style="font-size: 0.9em; border:2px solid #{{ColorSecondary}}; {{roundy|10px}}; background:#fff; width:99%; margin: 5px; -moz-border-radius: 10px;"
 +
|-
 +
| width="8%" style="font-family: Coustard; {{roundytl|7px}}; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|January=2px solid|#default=0px solid}} #bbd9f6; background:#{{#switch: {{CURRENTMONTHNAME}}|January=e8f2fc|#default=d7d6f5}}"| [[January|<span style="color:#262390;">Jan</span>]]
 +
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|February=2px solid|#default=0px solid}} #bbd9f6; background:#{{#switch: {{CURRENTMONTHNAME}}|February=e8f2fc|#default=d7d6f5}}"| [[February|<span style="color:#262390;">Feb</span>]]
 +
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|March=2px solid|#default=0px solid}} #f372ac; background:#{{#switch: {{CURRENTMONTHNAME}}|March=fde8f1|#default=fdcece}}"| [[March|<span style="color:#ab0707;">Mar</span>]]
 +
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|April=2px solid|#default=0px solid}} #f9b9d4; background:#{{#switch: {{CURRENTMONTHNAME}}|April=fde8f1|#default=fdcece}}"| [[April|<span style="color:#ab0707;">Apr</span>]]
 +
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|May=2px solid|#default=0px solid}} #f372ac; background:#{{#switch: {{CURRENTMONTHNAME}}|May=fde8f1|#default=fdcece}}"| [[May|<span style="color:#ab0707;">May</span>]]
 +
| width="8%" style="font-family: Coustard; {{roundytr|7px}} text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|June=2px solid|#default=0px solid}} #43cfef; background:#{{#switch: {{CURRENTMONTHNAME}}|June=e8f9fd|#default=d0f3fb}}"| [[June|<span style="color:#0e89a4;">Jun</span>]]
 +
|-
 +
| width="8%" style="font-family: Coustard; {{roundybl|7px}} text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|July=2px solid|#default=0px solid}} #43cfef; background:#{{#switch: {{CURRENTMONTHNAME}}|July=e8f9fd|#default=d0f3fb}}"| [[July|<span style="color:#0e89a4;">Jul</span>]]
 +
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|August=2px solid|#default=0px solid}} #43cfef; background:#{{#switch: {{CURRENTMONTHNAME}}|August=e8f9fd|#default=d0f3fb}}"| [[August|<span style="color:#0e89a4;">Aug</span>]]
 +
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|September=2px solid|#default=0px solid}} #f9d9b8; background:#{{#switch: {{CURRENTMONTHNAME}}|September=fdf2e7|#default=fbe8d0}}"| [[September|<span style="color:#a4610e;">Sep</span>]]
 +
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|October=2px solid|#default=0px solid}} #f9d9b8; background:#{{#switch: {{CURRENTMONTHNAME}}|October=fdf2e7|#default=fbe8d0}} "| [[October|<span style="color:#a4610e;">Oct</span>]]
 +
| width="8%" style="font-family: Coustard; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|November=2px solid|#default=0px solid}} #f9d9b8; background:#{{#switch: {{CURRENTMONTHNAME}}|November=fdf2e7|#default=fbe8d0}} "| [[November|<span style="color:#a4610e;">Nov</span>]]
 +
| width="8%" style="font-family: Coustard; {{roundybr|7px}}; text-align:center; border:{{#switch: {{CURRENTMONTHNAME}}|December=2px solid|#default=0px solid}} #bbd9f6; background:#{{#switch: {{CURRENTMONTHNAME}}|December=e8f2fc|#default=d7d6f5}}"| [[December|<span style="color:#262390;">Dec</span>]]
 +
|}</div><noinclude>[[Category:Templates]]</noinclude>

Revision as of 09:02, October 6, 2020