Template:MonthTest: Difference between revisions

Revision as of 22:30, 21 September 2024

Month

Days
1	2	3	4	5	6	7	8	9	10
11	12	13	14	15	16	17	18	19	20

21

Jan	Feb	Mar	Apr	May	Jun
Jul	Aug	Sep	Oct	Nov	Dec

[Source]

@@ Line 1: / Line 1: @@
-<div class="" style="float:right; width: 23.8rem; border-top-left-radius: 10px; border-top-right-radius: 10px;">
+<div class="cal-base" style="">
-  <div class="" style="border-top-left-radius: 10px; border-top-right-radius: 10px; font-family: 'Bebas Neue', sans-serif; font-weight: lighter; margin-top: 0em; margin-bottom: -0.25em; font-size: 1.25em; text-align: center;  padding: var(--space-sm); color: #fff; line-height: var(--line-height-xs); pointer-events: none; width: 100%; background: var(--color-surface-3); min-height: 52px;">
+  <div class="cal-title" style="">
-  <h4 style="font-family: 'Bebas Neue', sans-serif; font-weight: lighter; color: white; margin-top: 0em; margin-bottom: -0.25em; font-size: 1.25em;">Month</h4>
+  <h4 style="">Month</h4>
   </div>
-  <table class="" style="width: 100%; margin-left:auto; margin-right:auto; background-color:var(--color-surface-2);">
+  <table class="cal-dates" style="">
   <tr>
      <th colspan="11">Days</th>
@@ Line 30: / Line 30: @@
      <td>[[January 20|20]]</td>
     </tr>
-  <table class="" style="width: 100%; margin-left:auto; margin-right:auto; background-color:var(--color-surface-2);">
+  <table class="cal-dates" style="">
     <tr style="text-align:center;>
      <td>[[January 21|21]]</td>
@@ Line 45: / Line 45: @@
     </tr>
   </table>
-  <div style="color: #ffffff; width: 100%; background-color: var(--color-surface-3);">
+  <div class="cal-month-maj" style="color: #ffffff; width: 100%; background-color: var(--color-surface-3);">
-    <table style="margin-left:auto; margin-right:auto; width:98%; font-weight:bold"">
+    <table class="cal-month-min" style="margin-left:auto; margin-right:auto; width:100%; font-weight:bold"">
-    <tr style="text-align:center; display: flex; text-align: center; width: 100%; margin-top: 5px; margin-bottom: 5px;line-height: 1.4rem;">
+    <tr class="cal-month-ind" style="text-align:center; display: flex; text-align: center; width: 100%; margin-top: 5px; margin-bottom: 5px;line-height: 1.4rem;">
      <td class="month_buttons" style="width: 17%; border-radius: 0.8rem; display: block; margin-right: 5px;margin-left: 5px; height: 1.5rem;">[[January|Jan]]</td>
      <td class="month_buttons" style="width: 17%; border-radius: 0.8rem; display: block; margin-right: 5px;margin-left: 5px; height: 1.5rem;">[[February|Feb]]</td>
@@ Line 55: / Line 55: @@
      <td class="month_buttons" style="width: 17%; border-radius: 0.8rem; display: block; margin-right: 5px;margin-left: 5px; height: 1.5rem;">[[June|Jun]]</td>
     </tr>
-    <tr style="text-align:center; display: flex; text-align: center; width: 100%; margin-top: 5px; margin-bottom: 5px;line-height: 1.4rem;">
+    <tr class="cal-month-ind" style="text-align:center; display: flex; text-align: center; width: 100%; margin-top: 5px; margin-bottom: 5px;line-height: 1.4rem;">
      <td class="month_buttons" style="width: 17%; border-radius: 0.8rem; display: block; margin-right: 5px;margin-left: 5px; height: 1.5rem;">[[July|Jul]]</td>
      <td class="month_buttons" style="width: 17%; border-radius: 0.8rem; display: block; margin-right: 5px;margin-left: 5px; height: 1.5rem;">[[August|Aug]]</td>