[html]
<!-- ========================================================= -->
<!-- АСТРОНОМИЧЕСКИЙ КАЛЕНДАРЬ ПОЛНОЛУНИЙ — 2015 ГОД -->
<!-- Время: США / Сент-Луис, Миссури (Central Time: CST / CDT) -->
<!-- ========================================================= -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=Oranienbaum&display=swap');
.luna-cal-container {
--frpg-banner-url: url('https://upforme.ru/uploads/0017/2a/64/36/637975.jpg');
--frpg-bg-main: #898d93;
--frpg-bg-card: #979b9f;
--frpg-text-title: #cfa75e;
--frpg-text-celeb: #181a26;
--frpg-color-accent: #334669;
--frpg-text-muted: #313942;
--frpg-color-tag: #181a26;
max-width: 980px;
margin: 16px auto;
background: var(--frpg-bg-main);
border: 1px solid rgba(24, 26, 38, 0.2);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
font-family: 'Arsenal', 'Segoe UI', Arial, sans-serif;
color: var(--frpg-text-celeb);
box-sizing: border-box;
padding: 16px;
border-radius: 4px;
}
.luna-cal-container * {
box-sizing: border-box;
}
/* Шапка с баннером */
.cal-banner-header {
background-image: linear-gradient(to right, rgba(24, 26, 38, 0.85) 0%, rgba(24, 26, 38, 0.65) 60%, rgba(24, 26, 38, 0.85) 100%), var(--frpg-banner-url);
background-size: cover;
background-position: center;
border-radius: 4px;
padding: 22px 24px;
margin-bottom: 16px;
border: 1px solid rgba(207, 167, 94, 0.35);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 14px;
box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.4);
}
.cal-title-wrap h2 {
font-family: 'Oranienbaum', Georgia, serif;
font-size: 23px;
letter-spacing: 1.5px;
margin: 0;
color: #ffffff;
text-transform: uppercase;
text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.cal-subtitle {
font-size: 12px;
color: #d1d5db;
margin-top: 4px;
letter-spacing: 0.5px;
}
.cal-subtitle span {
color: var(--frpg-text-title);
font-weight: 700;
}
.cal-year-badge {
font-family: 'Oranienbaum', Georgia, serif;
font-size: 22px;
font-weight: 700;
color: var(--frpg-text-title);
background: rgba(24, 26, 38, 0.7);
border: 1px solid rgba(207, 167, 94, 0.5);
padding: 6px 20px;
border-radius: 4px;
letter-spacing: 1px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
/* Сетка из 12 месяцев */
.cal-months-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
/* Карточка месяца */
.cal-month-card {
background: var(--frpg-bg-card);
border: 1px solid rgba(49, 57, 66, 0.25);
border-radius: 3px;
padding: 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cal-month-card:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
border-color: rgba(49, 57, 66, 0.4);
}
/* Заголовок месяца */
.cal-month-header {
display: flex;
align-items: baseline;
justify-content: space-between;
border-bottom: 1px solid rgba(49, 57, 66, 0.2);
padding-bottom: 5px;
margin-bottom: 8px;
}
.cal-month-name {
font-family: 'Oranienbaum', Georgia, serif;
font-size: 16px;
font-weight: 700;
color: var(--frpg-text-celeb);
letter-spacing: 0.8px;
text-transform: uppercase;
}
.cal-month-num {
font-size: 11px;
color: var(--frpg-color-accent);
font-weight: 700;
letter-spacing: 0.5px;
}
/* Таблица чисел */
.cal-matrix {
display: grid;
grid-template-columns: repeat(7, 1fr);
text-align: center;
gap: 2px;
margin-bottom: 10px;
font-size: 11.5px;
}
.cal-matrix .weekday {
font-size: 9.5px;
font-weight: 700;
color: var(--frpg-text-muted);
text-transform: uppercase;
padding: 2px 0 4px 0;
}
.cal-matrix .day {
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: var(--frpg-text-celeb);
font-weight: 600;
border-radius: 2px;
}
.cal-matrix .empty {
visibility: hidden;
}
/* Маркеры полнолуний */
.cal-matrix .fm {
background: var(--frpg-text-title);
color: var(--frpg-text-celeb) !important;
font-weight: 700;
border-radius: 50%;
box-shadow: 0 0 6px rgba(207, 167, 94, 0.7);
}
.cal-matrix .fm.supermoon {
background: #d89626;
color: #ffffff !important;
box-shadow: 0 0 8px rgba(216, 150, 38, 0.8);
}
.cal-matrix .fm.bloodmoon {
background: #8b261e;
color: #ffffff !important;
box-shadow: 0 0 8px rgba(139, 38, 30, 0.8);
}
.cal-matrix .fm.bluemoon {
background: var(--frpg-color-accent);
color: #ffffff !important;
box-shadow: 0 0 8px rgba(51, 70, 105, 0.8);
}
/* Инфо-блок под днями */
.cal-info-box {
background: rgba(24, 26, 38, 0.08);
border-left: 3px solid var(--frpg-color-accent);
padding: 7px 8px;
border-radius: 0 3px 3px 0;
}
.cal-info-box.gold { border-left-color: var(--frpg-text-title); }
.cal-info-box.super { border-left-color: #d89626; }
.cal-info-box.blood { border-left-color: #8b261e; }
.cal-info-box.blue { border-left-color: var(--frpg-color-accent); }
.cal-moon-name {
font-family: 'Oranienbaum', Georgia, serif;
font-size: 13.5px;
font-weight: 700;
color: var(--frpg-text-celeb);
line-height: 1.25;
margin-bottom: 2px;
}
.cal-moon-time {
font-size: 11px;
color: var(--frpg-color-accent);
font-weight: 700;
margin-bottom: 2px;
}
.cal-moon-meta {
font-size: 10px;
color: var(--frpg-text-muted);
line-height: 1.35;
}
.cal-tag-inline {
display: inline-block;
font-size: 9px;
text-transform: uppercase;
font-weight: 700;
padding: 1px 4px;
border-radius: 2px;
margin-top: 3px;
background: rgba(24, 26, 38, 0.12);
color: var(--frpg-color-tag);
}
.tag-sup { background: rgba(216, 150, 38, 0.2); color: #8a5700; }
.tag-blo { background: rgba(139, 38, 30, 0.2); color: #8b261e; }
.tag-blu { background: rgba(51, 70, 105, 0.2); color: var(--frpg-color-accent); }
/* Легенда */
.cal-legend {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 16px;
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid rgba(49, 57, 66, 0.25);
font-size: 11.5px;
color: var(--frpg-text-celeb);
font-weight: 600;
}
.cal-legend-item {
display: flex;
align-items: center;
gap: 6px;
}
.cal-dot {
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
}
@media (max-width: 840px) {
.cal-months-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
.cal-months-grid { grid-template-columns: 1fr; }
.cal-banner-header { flex-direction: column; align-items: flex-start; }
}
</style>
<div class="luna-cal-container">
<!-- Шапка с баннером -->
<div class="cal-banner-header">
<div class="cal-title-wrap">
<h2>Календарь полнолуний</h2>
<div class="cal-subtitle">Локация: <span>США, Сент-Луис (Миссури)</span> • Часовой пояс: <span>Central Time (CST / CDT)</span></div>
</div>
<div class="cal-year-badge">2015</div>
</div>
<!-- Сетка месяцев 2015 -->
<div class="cal-months-grid">
<!-- Январь 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Январь</span>
<span class="cal-month-num">01 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span><span class="day empty"></span><span class="day empty"></span>
<span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day fm">4</span>
<span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span>
<span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span>
<span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day">25</span>
<span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day">31</span>
</div>
<div class="cal-info-box gold">
<div class="cal-moon-name">Волчья Луна</div>
<div class="cal-moon-time">4 января (Вс) в 22:53 CST</div>
<div class="cal-moon-meta">Сизигийный коридор: 3 — 5 января</div>
<span class="cal-tag-inline">Обычная фаза</span>
</div>
</div>
<!-- Февраль 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Февраль</span>
<span class="cal-month-num">02 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span>
<span class="day">1</span>
<span class="day">2</span><span class="day fm">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span>
<span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span>
<span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span>
<span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span>
</div>
<div class="cal-info-box gold">
<div class="cal-moon-name">Снежная Луна</div>
<div class="cal-moon-time">3 февраля (Вт) в 17:09 CST</div>
<div class="cal-moon-meta">Сизигийный коридор: 2 — 4 февраля</div>
<span class="cal-tag-inline">Обычная фаза</span>
</div>
</div>
<!-- Март 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Март</span>
<span class="cal-month-num">03 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span>
<span class="day">1</span>
<span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day fm">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span>
<span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span>
<span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span>
<span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span>
<span class="day">30</span><span class="day">31</span>
</div>
<div class="cal-info-box">
<div class="cal-moon-name">Луна Червей</div>
<div class="cal-moon-time">5 марта (Чт) в 12:05 CST</div>
<div class="cal-moon-meta">Сизигийный коридор: 4 — 6 марта</div>
<span class="cal-tag-inline">Микролуние (Апогей)</span>
</div>
</div>
<!-- Апрель 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Апрель</span>
<span class="cal-month-num">04 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span><span class="day empty"></span>
<span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day fm bloodmoon">4</span><span class="day">5</span>
<span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span>
<span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span>
<span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span>
<span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span>
</div>
<div class="cal-info-box blood">
<div class="cal-moon-name">Розовая Луна • Затмение</div>
<div class="cal-moon-time">4 апреля (Сб) в 07:05 CDT</div>
<div class="cal-moon-meta">Сизигийный коридор: 3 — 5 апреля</div>
<span class="cal-tag-inline tag-blo">Кровавая Луна (Полное)</span>
</div>
</div>
<!-- Май 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Май</span>
<span class="cal-month-num">05 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span>
<span class="day">1</span><span class="day">2</span><span class="day fm">3</span>
<span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span>
<span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day">17</span>
<span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day">24</span>
<span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day">31</span>
</div>
<div class="cal-info-box gold">
<div class="cal-moon-name">Цветочная Луна</div>
<div class="cal-moon-time">3 мая (Вс) в 22:42 CDT</div>
<div class="cal-moon-meta">Сизигийный коридор: 2 — 4 мая</div>
<span class="cal-tag-inline">Обычная фаза</span>
</div>
</div>
<!-- Июнь 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Июнь</span>
<span class="cal-month-num">06 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day">1</span><span class="day fm">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day">7</span>
<span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span>
<span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day">21</span>
<span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span>
<span class="day">29</span><span class="day">30</span>
</div>
<div class="cal-info-box gold">
<div class="cal-moon-name">Земляничная Луна</div>
<div class="cal-moon-time">2 июня (Вт) в 11:19 CDT</div>
<div class="cal-moon-meta">Сизигийный коридор: 1 — 3 июня</div>
<span class="cal-tag-inline">Обычная фаза</span>
</div>
</div>
<!-- Июль 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Июль</span>
<span class="cal-month-num">07 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span><span class="day empty"></span>
<span class="day fm">1</span><span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span>
<span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span>
<span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span>
<span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span>
<span class="day">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day fm bluemoon">31</span>
</div>
<div class="cal-info-box blue">
<div class="cal-moon-name">Оленья & Голубая Луна</div>
<div class="cal-moon-time">1 июл в 21:20 & 31 июл в 05:43 CDT</div>
<div class="cal-moon-meta">Два полнолуния за один месяц</div>
<span class="cal-tag-inline tag-blu">Календарная Голубая Луна</span>
</div>
</div>
<!-- Август 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Август</span>
<span class="cal-month-num">08 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span>
<span class="day">1</span><span class="day">2</span>
<span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span>
<span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span>
<span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span>
<span class="day">24</span><span class="day">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day fm supermoon">29</span><span class="day">30</span>
<span class="day">31</span>
</div>
<div class="cal-info-box super">
<div class="cal-moon-name">Осетровая Луна • Суперлуние</div>
<div class="cal-moon-time">29 августа (Сб) в 13:35 CDT</div>
<div class="cal-moon-meta">Сизигийный коридор: 28 — 30 августа</div>
<span class="cal-tag-inline tag-sup">Перигей</span>
</div>
</div>
<!-- Сентябрь 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Сентябрь</span>
<span class="cal-month-num">09 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span>
<span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span>
<span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span>
<span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span>
<span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day">25</span><span class="day">26</span><span class="day fm bloodmoon">27</span>
<span class="day">28</span><span class="day">29</span><span class="day">30</span>
</div>
<div class="cal-info-box blood">
<div class="cal-moon-name">Урожайная Луна • Супер-затмение</div>
<div class="cal-moon-time">27 сентября (Вс) в 21:50 CDT</div>
<div class="cal-moon-meta">Сизигийный коридор: 26 — 28 сентября</div>
<span class="cal-tag-inline tag-blo">Суперлуние + Затмение</span>
</div>
</div>
<!-- Октябрь 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Октябрь</span>
<span class="cal-month-num">10 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span><span class="day empty"></span><span class="day empty"></span>
<span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day">4</span>
<span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span>
<span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span>
<span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day">25</span>
<span class="day">26</span><span class="day fm supermoon">27</span><span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day">31</span>
</div>
<div class="cal-info-box super">
<div class="cal-moon-name">Луна Охотника • Суперлуние</div>
<div class="cal-moon-time">27 октября (Вт) в 07:05 CDT</div>
<div class="cal-moon-meta">Сизигийный коридор: 26 — 28 октября</div>
<span class="cal-tag-inline tag-sup">Перигей</span>
</div>
</div>
<!-- Ноябрь 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Ноябрь</span>
<span class="cal-month-num">11 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span><span class="day empty"></span>
<span class="day">1</span>
<span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span><span class="day">7</span><span class="day">8</span>
<span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span><span class="day">14</span><span class="day">15</span>
<span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span><span class="day">21</span><span class="day">22</span>
<span class="day">23</span><span class="day">24</span><span class="day fm">25</span><span class="day">26</span><span class="day">27</span><span class="day">28</span><span class="day">29</span>
<span class="day">30</span>
</div>
<div class="cal-info-box gold">
<div class="cal-moon-name">Бобровая Луна</div>
<div class="cal-moon-time">25 ноября (Ср) в 16:44 CST</div>
<div class="cal-moon-meta">Сизигийный коридор: 24 — 26 ноября</div>
<span class="cal-tag-inline">Обычная фаза</span>
</div>
</div>
<!-- Декабрь 2015 -->
<div class="cal-month-card">
<div class="cal-month-header">
<span class="cal-month-name">Декабрь</span>
<span class="cal-month-num">12 / 2015</span>
</div>
<div class="cal-matrix">
<span class="weekday">Пн</span><span class="weekday">Вт</span><span class="weekday">Ср</span><span class="weekday">Чт</span><span class="weekday">Пт</span><span class="weekday">Сб</span><span class="weekday">Вс</span>
<span class="day empty"></span>
<span class="day">1</span><span class="day">2</span><span class="day">3</span><span class="day">4</span><span class="day">5</span><span class="day">6</span>
<span class="day">7</span><span class="day">8</span><span class="day">9</span><span class="day">10</span><span class="day">11</span><span class="day">12</span><span class="day">13</span>
<span class="day">14</span><span class="day">15</span><span class="day">16</span><span class="day">17</span><span class="day">18</span><span class="day">19</span><span class="day">20</span>
<span class="day">21</span><span class="day">22</span><span class="day">23</span><span class="day">24</span><span class="day fm">25</span><span class="day">26</span><span class="day">27</span>
<span class="day">28</span><span class="day">29</span><span class="day">30</span><span class="day">31</span>
</div>
<div class="cal-info-box gold">
<div class="cal-moon-name">Холодная Луна</div>
<div class="cal-moon-time">25 декабря (Пт) в 05:11 CST</div>
<div class="cal-moon-meta">Сизигийный коридор: 24 — 26 декабря</div>
<span class="cal-tag-inline">Рождественская Луна</span>
</div>
</div>
</div>
<!-- Легенда -->
<div class="cal-legend">
<div class="cal-legend-item">
<span class="cal-dot" style="background: var(--frpg-text-title);"></span>
<span>Полнолуние</span>
</div>
<div class="cal-legend-item">
<span class="cal-dot" style="background: #d89626;"></span>
<span>Суперлуние</span>
</div>
<div class="cal-legend-item">
<span class="cal-dot" style="background: #8b261e;"></span>
<span>Лунное затмение</span>
</div>
<div class="cal-legend-item">
<span class="cal-dot" style="background: var(--frpg-color-accent);"></span>
<span>Голубая Луна</span>
</div>
</div>
</div>
[/html]
