containing the day names */
}
/* line 100, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar thead .name {
/* Cells | containing the day names */
border-bottom: 1px solid #808080;
padding: 2px;
text-align: center;
background: #D4D0C8;
color: #000000;
}
/* line 101, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar thead .weekend {
/* How a weekend day name shows in header */
color: #f00;
}
/* line 102, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar thead .hilite {
/* How do the buttons in header appear when hover */
border: 2px solid;
padding: 0px;
border-color: #FFFFFF #808080 #808080 #FFFFFF;
}
/* line 103, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar thead .active {
/* Active (pressed) buttons in header */
border-width: 1px;
padding: 2px 0px 0px 2px;
border-color: #808080 #FFFFFF #FFFFFF #808080;
}
/* The body part -- contains all the days in month. */
/* line 105, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody .day {
/* Cells | containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
/* line 106, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
/* line 107, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}
/* line 108, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #808080;
background: #D4D0C8;
color: #000000;
}
/* line 109, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody .rowhilite td {
background: #0A246A;
color: #FFFFFF;
}
/* line 110, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody td.hilite {
/* Hovered cells | */
padding: 1px 3px 1px 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}
/* line 111, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody td.active {
/* Active (pressed) cells | */
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: #808080 #FFFFFF #FFFFFF #808080;
}
/* line 112, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody td.selected {
/* Cell showing selected date */
font-weight: bold;
border: 1px solid;
border-color: #808080 #FFFFFF #FFFFFF #808080;
padding: 2px 2px 0px 2px;
background: #D4D0C8;
color: #000000;
}
/* line 113, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody td.weekend {
/* Cells showing weekend days */
color: #f00;
}
/* line 114, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody td.today {
/* Cell showing today date */
font-weight: bold;
color: #00f;
}
/* line 115, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody td.disabled {
color: GrayText;
}
/* line 116, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody .emptycell {
/* Empty cells (the best is to hide them) */
visibility: hidden;
}
/* line 117, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tbody .emptyrow {
/* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
/* line 119, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tfoot .footrow {
/* The |
in footer (only one right now) */
}
/* line 120, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tfoot .ttip {
/* Tooltip (status bar) cell | */
background: #D4D0C8;
padding: 1px;
border: 1px solid;
border-color: #808080 #FFFFFF #FFFFFF #808080;
color: #000000;
text-align: center;
}
/* line 121, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tfoot .hilite {
/* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #e4e0d8;
}
/* line 122, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar tfoot .active {
/* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
/* line 124, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border: 1px solid;
border-color: #FFFFFF #808080 #808080 #FFFFFF;
background: #D4D0C8;
color: #000000;
font-size: 90%;
padding: 1px;
z-index: 100;
}
/* line 125, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
/* line 127, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar .combo .label-IEfix {
width: 4em;
}
/* line 128, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar .combo .active {
padding: 0px;
border: 1px solid #000;
}
/* line 129, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar .combo .hilite {
background: #0A246A;
color: #FFFFFF;
}
/* line 130, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar td.time {
border-top: 1px solid #808080;
padding: 1px 0px;
text-align: center;
background-color: #D4D0C8;
}
/* line 131, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #D4D0C8;
}
/* line 134, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar td.time .ampm {
text-align: center;
}
/* line 135, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
/* line 136, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar td.time span.hilite {
border-color: #000;
background-color: #0A246A;
color: #FFFFFF;
}
/* line 137, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
/* Customization */
/* Editable drop down */
/* line 143, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.widget_container {
background-color: yellow;
}
/* line 145, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.widget_container .MXW_Spin_table {
background-color: fuchsia;
width: auto;
}
/*
* Restricted textarea widget
* Needs a class on the containing element for absolute positioning of the text counter
*/
/* line 163, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.MXW_RTE_container {
position: relative;
}
/* line 165, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.MXW_RTE_container .MXW_Spin_table {
width: 100%;
}
/* line 168, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.MXW_RTE_container textarea {
margin-top: 0 !important;
padding-right: 35px !important;
}
/* line 172, D:\LaragonData\www\cms\project\src\less\tng\wdg.less */
.MXW_RTE_container input {
position: absolute;
top: 3px;
right: 3px;
width: 35px !important;
height: auto !important;
padding: 3px 3px !important;
text-align: right;
background-color: rgba(255, 255, 255, 0.5) !important;
font-weight: normal !important;
font-style: italic !important;
font-size: 14px !important;
color: gray !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
}
/********************************************************************************
*********************************************************************************
TNG Calendar (tng/cal.less)
Calendar classes as outputted by PHP
.main_cal = global styles
.detail_cal = common styles for month, week and day
.nugget_cal = the calendar nugget
.month_cal/.week_cal/.day_cal/.year_cal = specific layouts
.nav_cal = the navigation elements row
.days_cal = the weekdays row
.weeks_cal = a row containing the days for that week
.none_cal = a global day cell
.weekend_cal
.hasevent_cal
*********************************************************************************
********************************************************************************/
/* Common styles to both nugget and detail views */
/* line 25, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.main_cal {
line-height: normal;
/* All links in calendar */
}
/* line 28, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.main_cal a {
color: inherit;
text-decoration: none;
}
/* line 31, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.main_cal a:hover {
text-decoration: none;
}
/* Global top nav row << date >> */
/* line 38, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nav_cal {
top: var(--cms-toolbar-height);
z-index: 1;
background-color: var(--cms-color-bkg);
}
/* line 44, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nav_cal th {
line-height: 3em;
text-align: center;
/* Nav arrows */
/* Top nav title (the date) */
}
/* line 47, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nav_cal th a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
color: var(--cms-color-brand);
}
/* line 56, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nav_cal th a:before {
font-style: normal;
font-variant: normal;
font-family: "Font Awesome 5 Pro";
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 1.5em;
}
/* line 62, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nav_cal th a:hover {
color: white;
background-color: var(--cms-color-brand);
}
/* line 68, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nav_cal th:first-child a:before {
content: '\f053';
}
/* line 71, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nav_cal th:last-child a:before {
content: '\f054';
}
/* line 75, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nav_cal th:not(.np_cal) {
line-height: normal;
vertical-align: middle;
font-weight: bold;
}
/* line 82, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.overlay-canvas .nav_cal {
top: 0px;
}
/* Global weekdays row M T W T F S S */
/* line 90, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.days_cal {
line-height: 3em;
text-align: center;
}
/* Global days in the other month */
/* line 99, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.othermonth_cal > div {
color: red;
opacity: 0.5;
}
/* DIV contaner of event data in the cell: hour and event name*/
/********************************************************************************
Common styles for the detail views (year, month, week, day)
******************************************************************************* */
/* line 114, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal {
table-layout: fixed;
width: 100%;
/* Borders */
border-top: 1px solid var(--cms-color-border);
border-bottom: 1px solid var(--cms-color-border);
/* General padding on calendar cells */
/* The generic calendar cell */
/* Effect to display a big background number for the empty days */
/* Day header (has date and optional utility links) */
/*
Contaier for individual events. To this one we attach the custom class.
Refactor the PHP to be all contained in a A tag
*/
/* "see more..." container */
/* Cell has event */
/* Selected date */
/* Cell is today */
}
/* line 121, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal th,
.detail_cal td {
border-right: 1px solid var(--cms-color-border);
border-bottom: 1px solid var(--cms-color-border);
}
/* line 124, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal th:last-child,
.detail_cal td:last-child {
border-right: none;
}
/* line 128, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal tr:last-child td {
border-bottom: none;
}
/* line 134, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .weeks_cal th,
.detail_cal .hour_cal th,
.detail_cal .weeks_cal td,
.detail_cal .hour_cal td {
padding: 3px 5px;
}
/* line 159, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .none_cal {
position: relative;
}
/* line 161, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .none_cal:hover {
/* Show the day header utility links on hover */
}
/* line 163, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .none_cal:hover .mw_top_cal > a {
visibility: visible;
}
/* line 170, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .none_cal:not(.hasevent_cal) {
text-align: end;
}
/* line 172, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .none_cal:not(.hasevent_cal):after {
display: block;
content: attr(data-day);
font-size: 7em;
font-weight: 700;
line-height: .8;
letter-spacing: -0.08em;
text-align: end;
pointer-events: none;
overflow: hidden;
opacity: 0.02;
}
/* line 188, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .mw_top_cal {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px dotted var(--cms-color-border);
margin-bottom: 10px;
}
/* line 194, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .mw_top_cal .mw_top_cal_date {
font-weight: bold;
transform: scale(1.1);
}
/* line 198, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .mw_top_cal .mw_top_cal_icon {
visibility: hidden;
}
/* line 206, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .mw_top_cal a {
opacity: 0.5;
}
/* line 208, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .mw_top_cal a:hover {
color: var(--cms-color-brand);
opacity: 1;
}
/* line 219, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .event_cal {
padding-bottom: .2em;
margin-bottom: .2em;
border-bottom: 1px dotted var(--cms-color-border);
font-size: 0.88em;
}
/* line 225, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .event_cal:last-child {
border-style: none;
}
/* line 229, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .event_cal div {
display: inline;
}
/* line 233, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .event_cal .htitle_cal {
font-weight: bold;
}
/* line 236, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .event_cal .location {
opacity: 0.5;
}
/* line 242, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .seemore_cal {
text-align: right;
}
/********************************************************************************
Month specific styles
******************************************************************************* */
/* line 261, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.month_cal .weeks_cal td {
height: 13vh;
width: 14%;
}
/********************************************************************************
Week specific styles
******************************************************************************* */
/* line 271, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.week_cal .weeks_cal td {
height: 22.5vh;
width: 33%;
}
/********************************************************************************
Day specific styles
******************************************************************************* */
/* line 280, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.day_cal {
/* Hours column */
/* Event data column */
}
/* line 281, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.day_cal .np_cal {
width: 10ch;
}
/* line 286, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.day_cal .hour_cal > .htitle_cal {
text-align: center;
}
/* line 288, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.day_cal .hour_cal > .htitle_cal:last-child {
color: silver;
}
/* line 292, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.day_cal .event_cal {
font-size: 1em;
border-bottom-style: solid;
}
/********************************************************************************
Year specific styles
******************************************************************************* */
/* line 303, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.year_cal {
border-bottom: none;
}
/* line 305, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.year_cal.detail_cal {
background-color: var(--cms-body-background);
position: sticky;
top: 55px;
z-index: 2;
}
/* line 311, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.year_cal .nav_cal {
top: calc(55px + 41px);
}
/* line 314, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.year_cal section {
border-bottom: 1px solid var(--cms-color-border);
border-right: 1px solid var(--cms-color-border);
}
/********************************************************************************
Year/Month/Week/Day/Today switcher. IS this deprecated?
******************************************************************************* */
/* line 332, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.view_switch_cal {
background-color: red !important;
text-align: center;
margin: 20px;
background-color: red;
}
/********************************************************************************
CALENDAR NUGGET
table.main_cal.nugget_cal
tr.nav_cal
tr.days_cal
tr.weeks_cal
td.none_cal
.hasevent_cal
.weekend_cal
.othermonth_cal
.selected_cal
******************************************************************************* */
/* The calendar table */
/* line 355, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal {
width: 100%;
user-select: none;
/* Globals for the TH/TD cells. Width is 100%/7 or 8 depending if the weeks column exists */
/* The TR navigation row, always has a bottom border */
/* The M T W T F S S row */
/* The actual TD cells holding the date */
/* Fade out dates in other months */
/* Styling of dates that have events */
/* Today's date */
}
/* line 359, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal th,
.nugget_cal td {
width: 14.28%;
}
/* line 371, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal .days_cal {
opacity: 0.4;
}
/* line 375, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal .none_cal {
--chart: 0%;
--color: red;
position: relative;
/* Blank element that forces the TD to a responsive square */
/* Pie chart behind and around the number */
/* DIV containing the cell content */
}
/* line 381, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal .none_cal:before {
display: block;
content: '';
width: 100%;
padding-bottom: 100%;
}
/* line 389, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal .none_cal:after {
--hole: 80%;
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle closest-side, #ffffff 0, #ffffff var(--hole), transparent calc(var(--hole) + 1%), transparent 100%), conic-gradient(var(--color) 0%, var(--color) var(--chart), transparent 0%, transparent 100%);
background-color: gray;
border-radius: 50%;
transform: scale(0.85);
}
/* line 417, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal .none_cal > div {
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: flex;
align-items: center;
justify-content: center;
}
/* line 427, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal .none_cal > div > a {
/* Date cells that have clickable events have an A */
}
/* line 434, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal .othermonth_cal:after {
opacity: 0.3;
}
/* line 440, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal .hasevent_cal a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-weight: bold;
color: var(--cms-color-brand);
border-radius: 50%;
}
/* line 449, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.nugget_cal .hasevent_cal a:hover {
color: white;
background-color: var(--cms-color-brand);
}
/* Responsive
******************************************************************************* */
@media (max-width: 768px) {
/* Detail calendar (not nugget) */
/* line 474, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal {
/* Remove weekday names from month layout */
/* Hide all days by default and set global proprties */
/* show only days that have events */
/* Day view - the TR containing the day row */
}
/* line 475, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .nav_cal {
display: table;
width: 100%;
}
/* line 477, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .days_cal {
display: none;
}
/* line 479, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .weeks_cal {
display: block;
}
/* line 481, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .weeks_cal td {
display: none;
}
/* line 484, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .weeks_cal .hasevent_cal {
display: block;
width: 100%;
height: auto;
}
/* line 495, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .event_cal {
padding: 10px !important;
}
/* line 500, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .hour_cal {
display: block;
padding-left: 3px;
padding-right: 3px;
background-color: white;
/* The left & right hours column, events have time anyway */
/* Hide all td tags, to hide cells without content */
/* Show the td tags with events */
}
/* line 511, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .hour_cal > .htitle_cal {
display: none;
}
/* line 515, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .hour_cal td {
display: none;
}
/* line 519, D:\LaragonData\www\cms\project\src\less\tng\cal.less */
.detail_cal .hour_cal .event_cal {
display: block;
overflow: auto;
margin-bottom: 0px;
}
}
|