/** * @version 4.2.2 * @package JEM * @subpackage JEM Calendar Module * @copyright (C) 2013-2024 joomlaeventmanager.net * @copyright (C) 2008-2009 Toni Smillie www.qivva.com * @license https://www.gnu.org/licenses/gpl-3.0 GNU/GPL */ /* Container div Width set the same as calendar width. Setting both margins to auto centres the calendar*/ /* .eventcalq { max-width: 220px; margin-left: auto; margin-right: auto; margin-bottom: 10px; font-family: inherit; } /* Overall calendar table properties */ .eventcalq table.mod_jemcalq_calendar { width: 100%; padding: 0; margin: 0; color: #616b76; text-align: center; background-color: #fff; } .eventcalq table.mod_jemcalq_calendar th, .eventcalq table.mod_jemcalq_calendar td { padding: 5px; /*### change value to your liking ###*/ margin: 0; } /* Blank cell properties */ .eventcalq td.mod_jemcalq { text-align: center; background-color: #f5f5f5; } /* Today cell properties */ .eventcalq td.mod_jemcalq_caltoday { text-align: center; background-color: #fff7df; } /* Today Event day cell hover Link / Visited */ .eventcalq td.mod_jemcalq_caltodaylink a:link, .eventcalq td.mod_jemcalq_caltodaylink a:visited { text-decoration: none; font-weight: bold; display: block; color: #608194; background-color: white; font-size: 14px; } /* Today Event day cell hover */ .eventcalq td.mod_jemcalq_caltodaylink a:hover { text-decoration: none; font-weight: bold; display: block; color: #ffffff; background-color: #0066ff; } /* Non-event day cell properties */ .eventcalq td.mod_jemcalq_calday { text-align: center; background-color: lightgoldenrodyellow; } .eventcalq td.mod_jemcalq_calday span.nolink { /* to get always same cell size */ display: block; } /* Event day cell properties (date cell with link) */ .eventcalq td.mod_jemcalq_caldaylink, .eventcalq td.mod_jemcalq_caltodaylink { text-align: center; background-color: white; } /* Event day cell hover Link / Visited */ .eventcalq td.mod_jemcalq_caldaylink a:link, .eventcalq td.mod_jemcalq_caldaylink a:visited { text-decoration: none; font-weight: bold; display: block; color: #608194; background-color: white; /* to get always same cell size */ } /* Event day cell hover */ .eventcalq td.mod_jemcalq_caldaylink a:hover { text-decoration: none; font-weight: bold; display: block; color: #ffffff; background-color: #229a43; /* to get always same cell size */ } /* Month heading properties */ .eventcalq caption.mod_jemcalq_calendar-month { color: white; background-color: #229a43; text-align: center; } /* Month heading Link / Visited properties */ .eventcalq caption.mod_jemcalq_calendar-month a, .eventcalq caption.mod_jemcalq_calendar-month a:link, .eventcalq caption.mod_jemcalq_calendar-month a:visited { color: white; } /* Month heading Hover properties */ .eventcalq caption.mod_jemcalq_calendar-month a:hover { color: white; text-decoration: none; } /* Day of week heading properties */ .eventcalq th.mod_jemcalq_daynames { text-align: center; color: #616b76; background: #fff7df; padding: 0; } /* Tooltips */ .tool-tip { float: left; background: #ffc; padding: 5px; max-width: 300px; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../templates/system/images/selector-arrow.png) no-repeat; color: #000000; } .tool-text { font-size: 100%; margin: 0; color: #000000; } /* Prevent problems with some site templates */ .eventcalq table.mod_jemcalq_calendar span.hasTip { margin: 0; }