[hideprofile][html]<style>
.forum-table-container {
background-image: url(https://upforme.ru/uploads/0019/49/95/2/114311.jpg); /* Фон подложки */
color: #2e2d2d;
padding: 20px;
text-align: center;
border-radius: 10px;
font-family: American Typewriter , sans-serif;
}
.forum-table-header {
text-align: center;
font-family: American Typewriter , serif;
font-size: 40px;
font-weight: bold;
margin-bottom: 20px;
text-transform: uppercase;
}
.forum-table-columns {
display: flex;
text-align: center;
border-radius: 10px;
gap: 15px;
}
.forum-table-column {
flex: 1;
text-align: center !important;
background-color: #dddddd;
color: #2e2d2d;
border-radius: 10px;
padding: 15px;
}
.forum-table-column h3 {
text-align: center;
font-size: 18px;
font-weight: bold;
border-radius: 10px;
text-transform: uppercase;
margin-top: 0;
}
.forum-table-column hr {
border: none;
text-align: center;
height: 1px;
background-color: #2e2d2d;
margin: 10px 0;
}
.forum-table-column ul {
list-style-type: none;
padding: 0;
text-align: center;
margin: 0;
}
.forum-table-column li {
margin-bottom: 10px;
text-align: center;
}
.forum-table-footer {
background-color: #dddddd;
color: #2e2d2d;
border-radius: 10px;
text-align: center;
padding: 10px;
margin-top: 20px;
font-weight: bold;
}
.forum-table-footer .highlight {
font-weight: bold;
text-align: center;
}
/* Базовая сетка */
.calendar {
display: flex;
flex-wrap: wrap;
gap: 20px;
font-family: American Typewriter, sans-serif;
font-size: 14px;
line-height: 1.2;
}
.month {
width: 220px;
border: 1px solid #ccc;
border-radius: 6px;
overflow: hidden;
background: #fff;
}
.month h3 {
text-align: center;
background: #deae1c;
color: #fff;
margin: 0;
padding: 6px 8px;
font-size: 16px;
}
.weekdays, .days {
display: grid;
grid-template-columns: repeat(7, 1fr);
}
.weekdays div {
background: #f0f0f0;
text-align: center;
font-weight: bold;
padding: 4px 0;
border-bottom: 1px solid #e6e6e6;
}
.days div {
text-align: center;
padding: 6px 0;
border: 1px solid #f3f3f3;
}
.empty { background: #fafafa; }
/* Подсветка праздников и переносов */
.holiday {
background: #ffd9d9;
color: #900;
font-weight: bold;
}
.observed {
background: #e6f1ff;
color: #003366;
font-weight: bold;
}
/* Легенда */
.legend {
width: 100%;
display: flex;
gap: 16px;
align-items: center;
margin-bottom: 10px;
font-size: 13px;
}
.legend .mark {
display: inline-block;
width: 14px; height: 14px;
border: 1px solid #ccc;
margin-right: 6px;
vertical-align: middle;
}
.legend .mark.h { background: #ffd9d9; border-color: #f0a0a0; }
.legend .mark.o { background: #e6f1ff; border-color: #b8d1ff; }
</style>
<div class="forum-table-container">
<div class="forum-table-column">
<h1>Календарь 1920 года</h1>
<hr>
<ul>
<li>1 января (чт) — Новый год ★</li>
<li>22 февраля (вс) — День рождения Вашингтона ★; 23 февраля (пн) — перенесённый праздничный день ★ </li>
<li>30 мая (вс) — День украшения могил / День памяти ★; 31 мая (пн) — перенесённый праздничный день ★</li>
<li>4 июля (вс) — День независимости ★; 5 июля (пн) — перенесённый праздничный день ★</li>
<li>6 сентября (пн) — День труда ★</li>
<li>11 ноября (чт) — День перемирия (общенациональная памятная дата)</li>
<li>25 ноября (чт) — День благодарения ★</li>
<li>25 декабря (сб) — Рождество ★; 24 декабря (пт) — перенесённый праздничный день ★</li>
</ul>
</div>
</div>
<div class="forum-table-footer">
<div class="legend">
<span><span class="mark h"></span>Гос. праздник США</span>
<span><span class="mark o"></span>Перенос (если праздник выпал на выходной)</span>
</div>
<div class="calendar">
<!-- Январь -->
<div class="month">
<h3>Январь 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="holiday" title="Новый год">1</div><div>2</div><div>3</div><div>4</div>
<div>5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div><div>11</div>
<div>12</div><div>13</div><div>14</div><div>15</div><div>16</div><div>17</div><div>18</div>
<div>19</div><div>20</div><div>21</div><div>22</div><div>23</div><div>24</div><div>25</div>
<div>26</div><div>27</div><div>28</div><div>29</div><div>30</div><div>31</div><div class="empty"></div>
</div>
</div>
<!-- Февраль -->
<div class="month">
<h3>Февраль 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div>1</div>
<div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div>
<div>9</div><div>10</div><div>11</div><div>12</div><div>13</div><div>14</div><div>15</div>
<div>16</div><div>17</div><div>18</div><div>19</div><div>20</div><div>21</div><div class="holiday" title="День рождения Джорджа Вашингтона">22</div>
<div class="observed" title="День рождения Джорджа Вашингтона (перенос)">23</div><div>24</div><div>25</div><div>26</div><div>27</div><div>28</div><div>29</div>
</div>
</div>
<!-- Март -->
<div class="month">
<h3>Март 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div>
<div>8</div><div>9</div><div>10</div><div>11</div><div>12</div><div>13</div><div>14</div>
<div>15</div><div>16</div><div>17</div><div>18</div><div>19</div><div>20</div><div>21</div>
<div>22</div><div>23</div><div>24</div><div>25</div><div>26</div><div>27</div><div>28</div>
<div>29</div><div>30</div><div>31</div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div>
</div>
</div>
<!-- Апрель -->
<div class="month">
<h3>Апрель 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div class="empty"></div><div class="empty"></div><div class="empty"></div><div>1</div><div>2</div><div>3</div><div>4</div>
<div>5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div><div>11</div>
<div>12</div><div>13</div><div>14</div><div>15</div><div>16</div><div>17</div><div>18</div>
<div>19</div><div>20</div><div>21</div><div>22</div><div>23</div><div>24</div><div>25</div>
<div>26</div><div>27</div><div>28</div><div>29</div><div>30</div><div class="empty"></div><div class="empty"></div>
</div>
</div>
<!-- Май -->
<div class="month">
<h3>Май 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div>1</div><div>2</div>
<div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div>
<div>10</div><div>11</div><div>12</div><div>13</div><div>14</div><div>15</div><div>16</div>
<div>17</div><div>18</div><div>19</div><div>20</div><div>21</div><div>22</div><div>23</div>
<div>24</div><div>25</div><div>26</div><div>27</div><div>28</div><div>29</div><div class="holiday" title="День поминовения">30</div>
<div class="observed" title="День поминовения (перенос)">31</div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div>
</div>
</div>
<!-- Июнь -->
<div class="month">
<h3>Июнь 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div class="empty"></div><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div>
<div>7</div><div>8</div><div>9</div><div>10</div><div>11</div><div>12</div><div>13</div>
<div>14</div><div>15</div><div>16</div><div>17</div><div>18</div><div>19</div><div>20</div>
<div>21</div><div>22</div><div>23</div><div>24</div><div>25</div><div>26</div><div>27</div>
<div>28</div><div>29</div><div>30</div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div>
</div>
</div>
<!-- Июль -->
<div class="month">
<h3>Июль 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div class="empty"></div><div class="empty"></div><div class="empty"></div><div>1</div><div>2</div><div>3</div><div class="holiday" title="День независимости">4</div>
<div class="observed" title="День независимости (перенос)">5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div><div>11</div>
<div>12</div><div>13</div><div>14</div><div>15</div><div>16</div><div>17</div><div>18</div>
<div>19</div><div>20</div><div>21</div><div>22</div><div>23</div><div>24</div><div>25</div>
<div>26</div><div>27</div><div>28</div><div>29</div><div>30</div><div>31</div><div class="empty"></div>
</div>
</div>
<!-- Август -->
<div class="month">
<h3>Август 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div>1</div>
<div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div>
<div>9</div><div>10</div><div>11</div><div>12</div><div>13</div><div>14</div><div>15</div>
<div>16</div><div>17</div><div>18</div><div>19</div><div>20</div><div>21</div><div>22</div>
<div>23</div><div>24</div><div>25</div><div>26</div><div>27</div><div>28</div><div>29</div>
<div>30</div><div>31</div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div>
</div>
</div>
<!-- Сентябрь -->
<div class="month">
<h3>Сентябрь 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div class="empty"></div><div class="empty"></div><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div>
<div class="holiday" title="День труда">6</div><div>7</div><div>8</div><div>9</div><div>10</div><div>11</div><div>12</div>
<div>13</div><div>14</div><div>15</div><div>16</div><div>17</div><div>18</div><div>19</div>
<div>20</div><div>21</div><div>22</div><div>23</div><div>24</div><div>25</div><div>26</div>
<div>27</div><div>28</div><div>29</div><div>30</div><div class="empty"></div><div class="empty"></div><div class="empty"></div>
</div>
</div>
<!-- Октябрь -->
<div class="month">
<h3>Октябрь 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div>1</div><div>2</div><div>3</div>
<div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div>
<div>11</div><div>12</div><div>13</div><div>14</div><div>15</div><div>16</div><div>17</div>
<div>18</div><div>19</div><div>20</div><div>21</div><div>22</div><div>23</div><div>24</div>
<div>25</div><div>26</div><div>27</div><div>28</div><div>29</div><div>30</div><div>31</div>
</div>
</div>
<!-- Ноябрь -->
<div class="month">
<h3>Ноябрь 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div>
<div>8</div><div>9</div><div>10</div><div class="holiday" title="День перемирия">11</div><div>12</div><div>13</div><div>14</div>
<div>15</div><div>16</div><div>17</div><div>18</div><div>19</div><div>20</div><div>21</div>
<div>22</div><div>23</div><div>24</div><div class="holiday" title="День благодарения">25</div><div>26</div><div>27</div><div>28</div>
<div>29</div><div>30</div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div><div class="empty"></div>
</div>
</div>
<!-- Декабрь -->
<div class="month">
<h3>Декабрь 1920</h3>
<div class="weekdays"><div>Пн</div><div>Вт</div><div>Ср</div><div>Чт</div><div>Пт</div><div>Сб</div><div>Вс</div></div>
<div class="days">
<div class="empty"></div><div class="empty"></div><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div>
<div>6</div><div>7</div><div>8</div><div>9</div><div>10</div><div>11</div><div>12</div>
<div>13</div><div>14</div><div>15</div><div>16</div><div>17</div><div>18</div><div>19</div>
<div>20</div><div>21</div><div>22</div><div>23</div><div class="observed" title="Рождество (перенос)">24</div><div class="holiday" title="Рождество">25</div><div>26</div>
<div>27</div><div>28</div><div>29</div><div>30</div><div>31</div><div class="empty"></div><div class="empty"></div>
</div>
</div>
</div>
</div>
</div>
[/html]
























