/* CORE CSS */ .eventCalendar-hidden { display: none; } .eventCalendar-wrap { position: relative; overflow: hidden; border: 1px solid #ddd !important; box-shadow: none !important; border-radius: 4px !important; font-family: inherit; } .eventCalendar-arrow { position: absolute; z-index: 5; top: 3px; } .eventCalendar-monthWrap { position: absolute; top: 0; left: 0; z-index: 2; } .eventCalendar-currentMonth { z-index: 1; } .eventCalendar-daysList { display: table; width: 100%; background: #fff !important; border: none !important; } .eventCalendar-showAsWeek { display: block; } .eventCalendar-daysList li { display: table-cell; } .eventCalendar-dayWithEvents { background: rgba(0, 0, 0, 0.15); } .eventCalendar-current { background: rgba(0, 0, 0, 0.35); } .eventCalendar-showAsWeek li { display: block; float: left; width: 14.28%; height: 20px; } .eventCalendar-daysList a { padding: 0; display: block; text-align: center; font-size: 8px; min-width: 7px; } .eventCalendar-loading { display: block; min-width: 100px; height: 40px; line-height: 40px; } .eventCalendar-list { position: relative; z-index: 1; } .eventCalendar-oldEventList { z-index: 2; } .eventCalendar-subtitle { padding-left: 5px; font-weight: bold; font-size: 120%; } /* заголовок */ .eventCalendar-currentTitle { background-color: #138DA5 !important; border: none !important; padding: 10px 0 !important; margin: 0 6px; padding-top: 5px; } .eventCalendar-monthTitle { display: block; text-align: center; width: 100%; margin: 0 auto; font-size: 1.1rem !important; text-transform: uppercase; letter-spacing: 1px; } .eventCalendar-day-header { background: #f4f4f4 !important; border-bottom: 1px solid #eee !important; color: #666 !important; text-transform: uppercase !important; font-size: 10px; padding: 10px 0 !important; } /* Список событий */ .eventCalendar-list li { border-bottom: 1px solid #f0f0f0 !important; padding: 15px !important; } .eventCalendar-eventTitle { color: #007bff !important; font-size: 16px !important; font-weight: 500 !important; } /* Скрытый блок описания */ .eventCalendar-eventDesc { padding: 15px !important; background-color: #f9f9f9 !important; border-left: 4px solid #138DA5 !important; margin-top: 10px !important; } /* Кнопка */ .bt { background: #138DA5 !important; border: none !important; border-radius: 2px !important; box-shadow: none !important; padding: 8px 20px !important; text-transform: uppercase; font-size: 12px !important; } /* Стрелки навигации */ .eventCalendar-prev { left: 20px !important; margin-top: 10px !important; } .eventCalendar-next { right: 20px !important; margin-top: 10px !important; } /* Сообщение об отсутствии событий */ .eventCalendar-list .eventCalendar-noEvents { display: flex; align-items: center; justify-content: center; min-height: 80px; padding: 20px !important; text-align: center; background-color: #ccc !important; color: #fff !important; border-radius: 4px; margin: 10px !important; } .eventCalendar-noEvents p { margin: 0 !important; font-size: 1.1rem; } /* Выравнивание иконок и текста */ .uca-date-icon { display: flex !important; align-items: center !important; gap: 10px; margin-bottom: 8px; } .bg-blue_calendar, .bg-blue_clock, .bg-blue_map { float: none !important; display: flex !important; } .uca-date-icon::before { content: ""; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; flex-shrink: 0; } .uca-date-txt { line-height: 1 !important; display: inline-block !important; vertical-align: middle !important; } /* Логика для текущего числа */ .eventCalendar-wrap .eventCalendar-daysList li.today { background: #1a94a6 !important; color: #fff !important; } .eventCalendar-wrap .eventCalendar-daysList li.today a { color: #fff !important; } .eventCalendar-wrap .eventCalendar-daysList li.eventCalendar-day-header.today-header { color: #1a94a6 !important; font-weight: bold; } .eventCalendar-wrap .eventCalendar-daysList li.eventCalendar-day.today { background: #1a94a6 !important; background-color: #1a94a6 !important; background-image: none !important; } .eventCalendar-wrap .eventCalendar-daysList li.eventCalendar-day.today a { background: #1a94a6 !important; background-color: #1a94a6 !important; color: #ffffff !important; display: block; } .eventCalendar-wrap .eventCalendar-daysList li.today:before, .eventCalendar-wrap .eventCalendar-daysList li.today:after { display: none !important; } /* Прошедшие события */ html body .eventCalendar-wrap .eventCalendar-daysList li.eventCalendar-day.eventCalendar-dayWithEvents.past-event { background: #d1d1d1 !important; background-color: #d1d1d1 !important; background-image: none !important; border-color: #bcbcbc !important; } html body .eventCalendar-wrap .eventCalendar-daysList li.eventCalendar-day.eventCalendar-dayWithEvents.past-event a { background: #d1d1d1 !important; background-color: #d1d1d1 !important; color: #777 !important; } .eventCalendar-wrap .eventCalendar-daysList li.past-event:before, .eventCalendar-wrap .eventCalendar-daysList li.past-event:after { display: none !important; } /* Будущие события */ div.eventCalendar-wrap ul.eventCalendar-daysList li.eventCalendar-day.eventCalendar-dayWithEvents.future-event, div.eventCalendar-wrap ul.eventCalendar-daysList li.eventCalendar-day.eventCalendar-dayWithEvents.future-event a { background: #48c9b0 !important; background-color: #48c9b0 !important; background-image: none !important; color: #ffffff !important; } /* Cегодняшние события */ div.eventCalendar-wrap ul.eventCalendar-daysList li.eventCalendar-day.eventCalendar-dayWithEvents.today-event, div.eventCalendar-wrap ul.eventCalendar-daysList li.eventCalendar-day.eventCalendar-dayWithEvents.today-event a { background: #138DA5 !important; background-color: #138DA5 !important; background-image: none !important; color: #ffffff !important; } /* Дополнительные отступы и навигация */ .eventCalendar-wrap .eventCalendar-arrow { margin: 0 10px; } /* Оформление иконок в описании */ .eventCalendar-eventDesc .uca-date-row { display: flex; align-items: center; margin-bottom: 8px; font-size: 14px; color: #444; } .eventCalendar-eventDesc .uca-date-row i { color: #1a94a6 !important; margin-right: 10px; font-size: 16px; display: flex; } .eventCalendar-eventDesc .uca-date-row span { line-height: 1.2; } /* Дата и бейдж */ .eventCalendar-wrap time { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 8px; gap: 10px; } .eventCalendar-wrap time em { font-size: 0.95rem !important; color: #666 !important; font-style: normal; line-height: 1; } .eventCalendar-wrap time small { background-color: #48c9b0 !important; color: #fff !important; font-size: 0.85rem !important; padding: 3px 10px !important; border-radius: 4px !important; font-weight: 500; line-height: 1; margin: 0 !important; } /* Заголовок в списке */ .eventCalendar-wrap .eventCalendar-eventTitle { font-size: 1.25rem !important; color: #191919 !important; font-weight: 600; margin-top: 5px; } .eventCalendar-wrap .eventCalendar-eventTitle:hover { color: #1a94a6 !important; text-decoration: none !important; }