Edit File: fullcalendar.css
/*======================================================== DARK LAYOUT =========================================================*/ .btn, .fc .fc-button { display : inline-block; font-weight : 400; color : #626262; text-align : center; vertical-align : middle; -webkit-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; background-color : transparent; border : 0 solid transparent; padding : 0.9rem 2rem; font-size : 1rem; border-radius : 0.42rem; -webkit-transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn, .fc .fc-button { -webkit-transition : none; transition : none; } } .btn:hover, .fc .fc-button:hover { color : #626262; text-decoration : none; } .btn:focus, .fc .fc-button:focus, .btn.focus, .fc .focus.fc-button { outline : 0; box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.25); } .btn.disabled, .fc .disabled.fc-button, .btn:disabled, .fc .fc-button:disabled { opacity : 0.65; } a.btn.disabled, .fc a.disabled.fc-button, fieldset:disabled a.btn, fieldset:disabled .fc a.fc-button, .fc fieldset:disabled a.fc-button { pointer-events : none; } .btn-primary { color : #FFFFFF; background-color : #7367F0; border-color : #7367F0; } .btn-primary:hover { color : #FFFFFF; background-color : #5344ED; border-color : #4839EB; } .btn-primary:focus, .btn-primary.focus { box-shadow : 0 0 0 0.2rem rgba(136, 126, 242, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color : #FFFFFF; background-color : #7367F0; border-color : #7367F0; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color : #FFFFFF; background-color : #4839EB; border-color : #3E2DEA; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(136, 126, 242, 0.5); } .btn-secondary { color : #2A2E30; background-color : #B8C2CC; border-color : #B8C2CC; } .btn-secondary:hover { color : #2A2E30; background-color : #A2AFBC; border-color : #9AA9B7; } .btn-secondary:focus, .btn-secondary.focus { box-shadow : 0 0 0 0.2rem rgba(163, 172, 181, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color : #2A2E30; background-color : #B8C2CC; border-color : #B8C2CC; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color : #2A2E30; background-color : #9AA9B7; border-color : #93A2B1; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(163, 172, 181, 0.5); } .btn-success { color : #FFFFFF; background-color : #28C76F; border-color : #28C76F; } .btn-success:hover { color : #FFFFFF; background-color : #22A75D; border-color : #1F9D57; } .btn-success:focus, .btn-success.focus { box-shadow : 0 0 0 0.2rem rgba(72, 207, 133, 0.5); } .btn-success.disabled, .btn-success:disabled { color : #FFFFFF; background-color : #28C76F; border-color : #28C76F; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color : #FFFFFF; background-color : #1F9D57; border-color : #1D9251; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(72, 207, 133, 0.5); } .btn-info { color : #FFFFFF; background-color : #00CFE8; border-color : #00CFE8; } .btn-info:hover { color : #FFFFFF; background-color : #00ADC2; border-color : #00A1B5; } .btn-info:focus, .btn-info.focus { box-shadow : 0 0 0 0.2rem rgba(38, 214, 235, 0.5); } .btn-info.disabled, .btn-info:disabled { color : #FFFFFF; background-color : #00CFE8; border-color : #00CFE8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color : #FFFFFF; background-color : #00A1B5; border-color : #0096A8; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(38, 214, 235, 0.5); } .btn-warning { color : #2A2E30; background-color : #FF9F43; border-color : #FF9F43; } .btn-warning:hover { color : #2A2E30; background-color : #FF8B1D; border-color : #FF8510; } .btn-warning:focus, .btn-warning.focus { box-shadow : 0 0 0 0.2rem rgba(223, 142, 64, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color : #2A2E30; background-color : #FF9F43; border-color : #FF9F43; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color : #2A2E30; background-color : #FF8510; border-color : #FF7E03; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(223, 142, 64, 0.5); } .btn-danger { color : #FFFFFF; background-color : #EA5455; border-color : #EA5455; } .btn-danger:hover { color : #FFFFFF; background-color : #E63233; border-color : #E42728; } .btn-danger:focus, .btn-danger.focus { box-shadow : 0 0 0 0.2rem rgba(237, 110, 111, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color : #FFFFFF; background-color : #EA5455; border-color : #EA5455; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color : #FFFFFF; background-color : #E42728; border-color : #E21C1D; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(237, 110, 111, 0.5); } .btn-light { color : #2A2E30; background-color : #BABFC7; border-color : #BABFC7; } .btn-light:hover { color : #2A2E30; background-color : #A5ABB6; border-color : #9EA5B0; } .btn-light:focus, .btn-light.focus { box-shadow : 0 0 0 0.2rem rgba(164, 169, 176, 0.5); } .btn-light.disabled, .btn-light:disabled { color : #2A2E30; background-color : #BABFC7; border-color : #BABFC7; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color : #2A2E30; background-color : #9EA5B0; border-color : #979EAA; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(164, 169, 176, 0.5); } .btn-dark { color : #FFFFFF; background-color : #1E1E1E; border-color : #1E1E1E; } .btn-dark:hover { color : #FFFFFF; background-color : #0B0B0B; border-color : #050505; } .btn-dark:focus, .btn-dark.focus { box-shadow : 0 0 0 0.2rem rgba(64, 64, 64, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color : #FFFFFF; background-color : #1E1E1E; border-color : #1E1E1E; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color : #FFFFFF; background-color : #050505; border-color : black; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(64, 64, 64, 0.5); } .btn-outline-primary, .fc .fc-button { color : #7367F0; border-color : #7367F0; } .btn-outline-primary:hover, .fc .fc-button:hover { color : #FFFFFF; background-color : #7367F0; border-color : #7367F0; } .btn-outline-primary:focus, .fc .fc-button:focus, .btn-outline-primary.focus, .fc .focus.fc-button { box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.5); } .btn-outline-primary.disabled, .fc .disabled.fc-button, .btn-outline-primary:disabled, .fc .fc-button:disabled { color : #7367F0; background-color : transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .fc .fc-button:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .fc .fc-button:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .fc .show > .dropdown-toggle.fc-button { color : #FFFFFF; background-color : #7367F0; border-color : #7367F0; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .fc .fc-button:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .fc .fc-button:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .fc .show > .dropdown-toggle.fc-button:focus { box-shadow : 0 0 0 0.2rem rgba(115, 103, 240, 0.5); } .btn-outline-secondary { color : #B8C2CC; border-color : #B8C2CC; } .btn-outline-secondary:hover { color : #2A2E30; background-color : #B8C2CC; border-color : #B8C2CC; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow : 0 0 0 0.2rem rgba(184, 194, 204, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color : #B8C2CC; background-color : transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color : #2A2E30; background-color : #B8C2CC; border-color : #B8C2CC; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(184, 194, 204, 0.5); } .btn-outline-success { color : #28C76F; border-color : #28C76F; } .btn-outline-success:hover { color : #FFFFFF; background-color : #28C76F; border-color : #28C76F; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color : #28C76F; background-color : transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color : #FFFFFF; background-color : #28C76F; border-color : #28C76F; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(40, 199, 111, 0.5); } .btn-outline-info { color : #00CFE8; border-color : #00CFE8; } .btn-outline-info:hover { color : #FFFFFF; background-color : #00CFE8; border-color : #00CFE8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow : 0 0 0 0.2rem rgba(0, 207, 232, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color : #00CFE8; background-color : transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color : #FFFFFF; background-color : #00CFE8; border-color : #00CFE8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(0, 207, 232, 0.5); } .btn-outline-warning { color : #FF9F43; border-color : #FF9F43; } .btn-outline-warning:hover { color : #2A2E30; background-color : #FF9F43; border-color : #FF9F43; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow : 0 0 0 0.2rem rgba(255, 159, 67, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color : #FF9F43; background-color : transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color : #2A2E30; background-color : #FF9F43; border-color : #FF9F43; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(255, 159, 67, 0.5); } .btn-outline-danger { color : #EA5455; border-color : #EA5455; } .btn-outline-danger:hover { color : #FFFFFF; background-color : #EA5455; border-color : #EA5455; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color : #EA5455; background-color : transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color : #FFFFFF; background-color : #EA5455; border-color : #EA5455; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(234, 84, 85, 0.5); } .btn-outline-light { color : #BABFC7; border-color : #BABFC7; } .btn-outline-light:hover { color : #2A2E30; background-color : #BABFC7; border-color : #BABFC7; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow : 0 0 0 0.2rem rgba(186, 191, 199, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color : #BABFC7; background-color : transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color : #2A2E30; background-color : #BABFC7; border-color : #BABFC7; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(186, 191, 199, 0.5); } .btn-outline-dark { color : #1E1E1E; border-color : #1E1E1E; } .btn-outline-dark:hover { color : #FFFFFF; background-color : #1E1E1E; border-color : #1E1E1E; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow : 0 0 0 0.2rem rgba(30, 30, 30, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color : #1E1E1E; background-color : transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color : #FFFFFF; background-color : #1E1E1E; border-color : #1E1E1E; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow : 0 0 0 0.2rem rgba(30, 30, 30, 0.5); } .btn-link { font-weight : 400; color : #7367F0; text-decoration : none; } .btn-link:hover { color : #5E50EE; text-decoration : none; } .btn-link:focus, .btn-link.focus { text-decoration : none; box-shadow : none; } .btn-link:disabled, .btn-link.disabled { color : #B8C2CC; pointer-events : none; } .btn-lg { padding : 1rem 2.5rem; font-size : 1.25rem; border-radius : 0.4285rem; } .btn-sm { padding : 0.5rem 1.5rem; font-size : 0.7rem; border-radius : 0.4285rem; } .btn-block { display : block; width : 100%; } .btn-block + .btn-block { margin-top : 0.5rem; } input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block { width : 100%; } .fc .fc-header-toolbar { margin-bottom : 2rem; } .fc .fc-header-toolbar .bullets-group-1, .fc .fc-header-toolbar .bullets-group-2 { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; margin-left : 0; margin : 0.5rem auto; } .fc .fc-header-toolbar .bullets-group-2 { margin-bottom : 0; } .fc .fc-header-toolbar .fc-right div:first-child { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-pack : end; -webkit-justify-content : flex-end; -ms-flex-pack : end; justify-content : flex-end; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; } .fc .fc-header-toolbar .fc-right div:first-child h2 { font-weight : 400; font-size : 1.3rem; margin : 0 0.5rem; } .fc .fc-header-toolbar .fc-right .fc-button { border-radius : 50%; padding : 0.4rem 0.4rem; height : 24px; width : 24px; } .fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button { margin-right : 0.5rem; } .fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button .fc-icon { position : relative; top : -6px; left : -4px; } .fc .fc-header-toolbar .fc-right .fc-button.fc-next-button { margin-left : 0.5rem; } .fc .fc-header-toolbar .fc-right .fc-button.fc-next-button .fc-icon { position : relative; top : -6px; right : 3px; } .fc .fc-header-toolbar .fc-addNew-button { padding : 0.65rem 2rem; } .fc .fc-header-toolbar .fc-addNew-button:before { font-family : 'feather'; content : '\e8b1'; } .fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header { padding : 1px 0; } .fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header.fc-today { color : #FFFFFF; } .fc .fc-view-container .fc-body .fc-week table tbody .fc-day { cursor : pointer; } .fc .fc-view-container .fc-body .fc-week table tbody .fc-day.fc-today { background : transparent; } .fc .fc-view-container .fc-body .fc-week table tbody .fc-other-month { background-color : #F1F1F1; } .fc .fc-view-container .fc-body .fc-day-top.fc-today a { background-color : #7367F0; color : #FFFFFF; padding : 5px 10px; margin-top : 2px; margin-right : 2px; border-radius : 50%; } .fc .fc-view-container .fc-body .fc-not-end, .fc .fc-view-container .fc-body .fc-not-start { padding : 1px 8px !important; opacity : 1 !important; } .fc .fc-view-container .fc-body .fc-not-end .fc-title, .fc .fc-view-container .fc-body .fc-not-start .fc-title { padding-left : 1rem; } .fc .fc-view-container .fc-body .fc-not-start { margin-left : -6px !important; } .fc .fc-view-container .fc-body .fc-not-end { margin-right : -6px !important; } .fc .fc-view-container td, .fc .fc-view-container th { border-color : #E0E0E0; font-size : 1rem; } .fc .fc-button { padding : 0.6rem 1rem; height : auto; outline : none; text-shadow : none; background-color : #7367F0; color : #FFFFFF; } .fc .fc-button:not(:disabled).fc-button-active { background-color : #4839EB; } .fc .fc-button:focus { outline : none; box-shadow : none; } .fc .fc-event { background : #7367F0; border : 1px solid #5E50EE; padding : 1px 8px; border-radius : 1rem; border : none; padding-left : 1rem; } .fc .fc-event .fc-title { font-size : 0.85rem; color : #FFFFFF; } .modal-calendar .calendar-dropdown .dropdown-toggle { font-size : 1.2rem; } .modal-calendar .calendar-dropdown .dropdown-toggle:after { display : none; } .modal-calendar #cal-start-date:disabled { opacity : 0.5; } @media (max-width: 900px) { .fc .fc-header-toolbar { margin-bottom : 2rem; } .fc .fc-header-toolbar .bullets-group-1 [class*='category-'] { margin : 0.3rem 0; } } @media (max-width: 767.98px) { .fc .fc-header-toolbar { -webkit-box-orient : vertical; -webkit-box-direction : normal; -webkit-flex-direction : column; -ms-flex-direction : column; flex-direction : column; margin-bottom : 2rem; } .fc .fc-header-toolbar .bullets-group-1 { display : none; } .fc .fc-header-toolbar .fc-left { margin-bottom : 1rem; } .fc .fc-header-toolbar .fc-center { margin : 1 auto; margin-bottom : 0; } .fc .fc-header-toolbar .fc-right { margin : 1rem auto; } .fc .fc-header-toolbar .fc-right div:first-child { -webkit-box-pack : center; -webkit-justify-content : center; -ms-flex-pack : center; justify-content : center; } }
Back to File Manager