first commit
This commit is contained in:
227
media/system/css/fields/calendar-rtl.css
Normal file
227
media/system/css/fields/calendar-rtl.css
Normal file
@ -0,0 +1,227 @@
|
||||
/**
|
||||
* @copyright (C) 2016 Open Source Matters, Inc. <https://www.joomla.org>
|
||||
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
||||
*/
|
||||
|
||||
.js-calendar {
|
||||
box-shadow: 0 0 15px 4px rgba(0,0,0,.15) !important;
|
||||
}
|
||||
|
||||
.calendar-container {
|
||||
--fallback-url: url("../../images/select-bg-rtl.svg");
|
||||
z-index: 1100 !important;
|
||||
float: left;
|
||||
min-width: 160px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
background-color: var(--calendar-bg, #fff);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.calendar-container .nav {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.calendar-container table {
|
||||
z-index: 1100 !important;
|
||||
max-width: 268px;
|
||||
padding: 3px;
|
||||
margin-top: 2px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
table-layout: fixed;
|
||||
border-collapse: separate;
|
||||
background-color: var(--calendar-bg, #fff);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* The main calendar widget. DIV containing a table. */
|
||||
div.calendar-container table th, .calendar-container table td {
|
||||
padding: 8px 0;
|
||||
line-height: 1.1em;
|
||||
text-align: center;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
div.calendar-container table body td {
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
div.calendar-container table td.title { /* This holds the current "month, year" */
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.calendar-container table thead td.headrow { /* Row <TR> containing navigation buttons */
|
||||
color: #000;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.calendar-container table thead td.name { /* Cells <TD> containing the day names */
|
||||
color: #000;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar-container table thead td.weekend { /* How a weekend day name shows in header */
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar-container table tbody td.day { /* Cells <TD> containing month days dates */
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.wn {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.hilite { /* Hovered cells <TD> */
|
||||
color: #fff;
|
||||
background: #999;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.day {
|
||||
min-width: 38px;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.day.wn {
|
||||
text-align: center;
|
||||
background-color: var(--calendar-week-bg, #f4f4f4);
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.day.selected { /* Cell showing today date */
|
||||
color: #fff;
|
||||
background: #3071a9;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.today {
|
||||
position: relative;
|
||||
width: auto;
|
||||
height: 100%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.today:after {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
bottom: 3px;
|
||||
left: 3px;
|
||||
height: 3px;
|
||||
content: "";
|
||||
background-color: #46a546;
|
||||
border-radius: 1.5px;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.today.selected:after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.day:hover {
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
background: #3d8fd7;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.day:hover:after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar-container table tbody .disabled {
|
||||
color: #999;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.calendar-container table tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar-container table tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.calendar-container .calendar-head-row td {
|
||||
padding: 4px 0 !important;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.calendar-container .day-name {
|
||||
padding-top: .5rem;
|
||||
font-size: .7rem;
|
||||
font-weight: bold;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.calendar-container .time td {
|
||||
padding: 15px 3px 10px 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.calendar-container td.time-title {
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.calendar-container .time td select {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 5px 9px 3px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: var(--calendar-select-color, #212529);
|
||||
background-color: var(--calendar-select-bg-color, #f0f4fb);
|
||||
background-image: var(--calendar-select-bg-url, var(--fallback-url));
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
background-size: max(100%, 58rem);
|
||||
border: 1px solid #cdcdcd;
|
||||
border-radius: .25rem;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
.buttons-wrapper {
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.buttons-wrapper .btn {
|
||||
min-width: 60px;
|
||||
padding: 0 16px;
|
||||
margin-left: 0;
|
||||
line-height: 2.375rem;
|
||||
color: var(--calendar-buttons-color, #495057);
|
||||
border: 1px solid var(--calendar-buttons-color, #495057);
|
||||
box-shadow: 1px 0 1px 1px rgba(0,0,0,.25);
|
||||
}
|
||||
|
||||
.buttons-wrapper .btn:hover {
|
||||
color: #fff;
|
||||
background: #1a466b;
|
||||
}
|
||||
|
||||
.buttons-wrapper .btn:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.time .time-title {
|
||||
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='24' height='24' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1024 544v448q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224v-352q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z'/%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
/* Fix cursor on js-btn and time select */
|
||||
.calendar-container select,
|
||||
.calendar-container .js-btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
1
media/system/css/fields/calendar-rtl.min.css
vendored
Normal file
1
media/system/css/fields/calendar-rtl.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.js-calendar{-webkit-box-shadow:0 0 15px 4px rgba(0,0,0,.15)!important;box-shadow:0 0 15px 4px rgba(0,0,0,.15)!important}.calendar-container{--fallback-url:url(../../images/select-bg-rtl.svg);background-color:var(--calendar-bg,#fff);border-radius:5px;float:left;list-style:none;min-width:160px;padding:0;z-index:1100!important}.calendar-container .nav{display:table-cell}.calendar-container table{background-color:var(--calendar-bg,#fff);border-collapse:separate;border-radius:5px;margin-left:auto;margin-right:auto;margin-top:2px;max-width:268px;padding:3px;table-layout:fixed;z-index:1100!important}.calendar-container table td,div.calendar-container table th{-webkit-box-shadow:none;box-shadow:none;line-height:1.1em;padding:8px 0;text-align:center}div.calendar-container table body td{line-height:2em}div.calendar-container table td.title{text-align:center;vertical-align:middle}.calendar-container table thead td.headrow{background:#fff;color:#000}.calendar-container table thead td.name{border-bottom:1px solid #fff;color:#000;text-align:center}.calendar-container table thead td.weekend{color:#999}.calendar-container table tbody td.day{text-align:right}.calendar-container table tbody td.wn{background:#fff}.calendar-container table tbody td.weekend{color:#999}.calendar-container table tbody td.hilite{background:#999;color:#fff}.calendar-container table tbody td.day{border:0;cursor:pointer;font-size:12px;min-width:38px}.calendar-container table tbody td.day.wn{background-color:var(--calendar-week-bg,#f4f4f4);text-align:center}.calendar-container table tbody td.day.selected{background:#3071a9;border:0;color:#fff}.calendar-container table tbody td.today{font-weight:700;height:100%;position:relative;width:auto}.calendar-container table tbody td.today:after{background-color:#46a546;border-radius:1.5px;bottom:3px;content:"";height:3px;left:3px;position:absolute;right:3px}.calendar-container table tbody td.today.selected:after{background-color:#fff}.calendar-container table tbody td.day:hover{background:#3d8fd7;color:#fff;cursor:pointer}.calendar-container table tbody td.day:hover:after{background-color:#fff}.calendar-container table tbody .disabled{background-color:#fafafa;color:#999}.calendar-container table tbody .emptycell{visibility:hidden}.calendar-container table tbody .emptyrow{display:none}.calendar-container .calendar-head-row td{border-bottom:none;padding:4px 0!important}.calendar-container .day-name{border-bottom:none;font-size:.7rem;font-weight:700;padding-top:.5rem}.calendar-container .time td{border-bottom:none;padding:15px 3px 10px 0}.calendar-container td.time-title{display:block;margin-top:20px}.calendar-container .time td select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--calendar-select-bg-color,#f0f4fb);background-image:var(--calendar-select-bg-url,var(--fallback-url));background-position:0;background-repeat:no-repeat;background-size:max(100%,58rem);border:1px solid #cdcdcd;border-radius:.25rem;color:var(--calendar-select-color,#212529);display:block;font-size:16px;font-weight:400;line-height:1.5;padding:5px 9px 3px;width:100%}.buttons-wrapper{margin-bottom:0!important;padding:5px;width:100%}.buttons-wrapper .btn{border:1px solid var(--calendar-buttons-color,#495057);-webkit-box-shadow:1px 0 1px 1px rgba(0,0,0,.25);box-shadow:1px 0 1px 1px rgba(0,0,0,.25);color:var(--calendar-buttons-color,#495057);line-height:2.375rem;margin-left:0;min-width:60px;padding:0 16px}.buttons-wrapper .btn:hover{background:#1a466b;color:#fff}.buttons-wrapper .btn:last-child{margin-left:0}.time .time-title{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1024 544v448q0 14-9 23t-23 9H672q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224V544q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5T1281.5 1561 896 1664t-385.5-103T231 1281.5 128 896t103-385.5T510.5 231 896 128t385.5 103T1561 510.5 1664 896z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.calendar-container .js-btn,.calendar-container select{cursor:pointer}
|
||||
BIN
media/system/css/fields/calendar-rtl.min.css.gz
Normal file
BIN
media/system/css/fields/calendar-rtl.min.css.gz
Normal file
Binary file not shown.
227
media/system/css/fields/calendar.css
Normal file
227
media/system/css/fields/calendar.css
Normal file
@ -0,0 +1,227 @@
|
||||
/**
|
||||
* @copyright (C) 2016 Open Source Matters, Inc. <https://www.joomla.org>
|
||||
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
||||
*/
|
||||
|
||||
.js-calendar {
|
||||
box-shadow: 0 0 15px 4px rgba(0,0,0,.15) !important;
|
||||
}
|
||||
|
||||
.calendar-container {
|
||||
--fallback-url: url("../../images/select-bg.svg");
|
||||
z-index: 1100 !important;
|
||||
float: left;
|
||||
min-width: 160px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
background-color: var(--calendar-bg, #fff);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.calendar-container .nav {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.calendar-container table {
|
||||
z-index: 1100 !important;
|
||||
max-width: 268px;
|
||||
padding: 3px;
|
||||
margin-top: 2px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
table-layout: fixed;
|
||||
border-collapse: separate;
|
||||
background-color: var(--calendar-bg, #fff);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* The main calendar widget. DIV containing a table. */
|
||||
div.calendar-container table th, .calendar-container table td {
|
||||
padding: 8px 0;
|
||||
line-height: 1.1em;
|
||||
text-align: center;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
div.calendar-container table body td {
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
div.calendar-container table td.title { /* This holds the current "month, year" */
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.calendar-container table thead td.headrow { /* Row <TR> containing navigation buttons */
|
||||
color: #000;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.calendar-container table thead td.name { /* Cells <TD> containing the day names */
|
||||
color: #000;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.calendar-container table thead td.weekend { /* How a weekend day name shows in header */
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar-container table tbody td.day { /* Cells <TD> containing month days dates */
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.wn {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.hilite { /* Hovered cells <TD> */
|
||||
color: #fff;
|
||||
background: #999;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.day {
|
||||
min-width: 38px;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.day.wn {
|
||||
text-align: center;
|
||||
background-color: var(--calendar-week-bg, #f4f4f4);
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.day.selected { /* Cell showing today date */
|
||||
color: #fff;
|
||||
background: #3071a9;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.today {
|
||||
position: relative;
|
||||
width: auto;
|
||||
height: 100%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.today:after {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
bottom: 3px;
|
||||
left: 3px;
|
||||
height: 3px;
|
||||
content: "";
|
||||
background-color: #46a546;
|
||||
border-radius: 1.5px;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.today.selected:after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.day:hover {
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
background: #3d8fd7;
|
||||
}
|
||||
|
||||
.calendar-container table tbody td.day:hover:after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.calendar-container table tbody .disabled {
|
||||
color: #999;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.calendar-container table tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar-container table tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.calendar-container .calendar-head-row td {
|
||||
padding: 4px 0 !important;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.calendar-container .day-name {
|
||||
padding-top: .5rem;
|
||||
font-size: .7rem;
|
||||
font-weight: bold;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.calendar-container .time td {
|
||||
padding: 15px 3px 10px 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.calendar-container td.time-title {
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.calendar-container .time td select {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 5px 9px 3px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: var(--calendar-select-color, #212529);
|
||||
background-color: var(--calendar-select-bg-color, #f0f4fb);
|
||||
background-image: var(--calendar-select-bg-url, var(--fallback-url));
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-size: max(100%, 58rem);
|
||||
border: 1px solid #cdcdcd;
|
||||
border-radius: .25rem;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
.buttons-wrapper {
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.buttons-wrapper .btn {
|
||||
min-width: 60px;
|
||||
padding: 0 16px;
|
||||
margin-right: 0;
|
||||
line-height: 2.375rem;
|
||||
color: var(--calendar-buttons-color, #495057);
|
||||
border: 1px solid var(--calendar-buttons-color, #495057);
|
||||
box-shadow: 1px 1px 1px 0 rgba(0,0,0,.25);
|
||||
}
|
||||
|
||||
.buttons-wrapper .btn:hover {
|
||||
color: #fff;
|
||||
background: #1a466b;
|
||||
}
|
||||
|
||||
.buttons-wrapper .btn:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.time .time-title {
|
||||
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='24' height='24' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1024 544v448q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224v-352q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z'/%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
/* Fix cursor on js-btn and time select */
|
||||
.calendar-container select,
|
||||
.calendar-container .js-btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
1
media/system/css/fields/calendar.min.css
vendored
Normal file
1
media/system/css/fields/calendar.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.js-calendar{-webkit-box-shadow:0 0 15px 4px rgba(0,0,0,.15)!important;box-shadow:0 0 15px 4px rgba(0,0,0,.15)!important}.calendar-container{--fallback-url:url(../../images/select-bg.svg);background-color:var(--calendar-bg,#fff);border-radius:5px;float:left;list-style:none;min-width:160px;padding:0;z-index:1100!important}.calendar-container .nav{display:table-cell}.calendar-container table{background-color:var(--calendar-bg,#fff);border-collapse:separate;border-radius:5px;margin-left:auto;margin-right:auto;margin-top:2px;max-width:268px;padding:3px;table-layout:fixed;z-index:1100!important}.calendar-container table td,div.calendar-container table th{-webkit-box-shadow:none;box-shadow:none;line-height:1.1em;padding:8px 0;text-align:center}div.calendar-container table body td{line-height:2em}div.calendar-container table td.title{text-align:center;vertical-align:middle}.calendar-container table thead td.headrow{background:#fff;color:#000}.calendar-container table thead td.name{border-bottom:1px solid #fff;color:#000;text-align:center}.calendar-container table thead td.weekend{color:#999}.calendar-container table tbody td.day{text-align:right}.calendar-container table tbody td.wn{background:#fff}.calendar-container table tbody td.weekend{color:#999}.calendar-container table tbody td.hilite{background:#999;color:#fff}.calendar-container table tbody td.day{border:0;cursor:pointer;font-size:12px;min-width:38px}.calendar-container table tbody td.day.wn{background-color:var(--calendar-week-bg,#f4f4f4);text-align:center}.calendar-container table tbody td.day.selected{background:#3071a9;border:0;color:#fff}.calendar-container table tbody td.today{font-weight:700;height:100%;position:relative;width:auto}.calendar-container table tbody td.today:after{background-color:#46a546;border-radius:1.5px;bottom:3px;content:"";height:3px;left:3px;position:absolute;right:3px}.calendar-container table tbody td.today.selected:after{background-color:#fff}.calendar-container table tbody td.day:hover{background:#3d8fd7;color:#fff;cursor:pointer}.calendar-container table tbody td.day:hover:after{background-color:#fff}.calendar-container table tbody .disabled{background-color:#fafafa;color:#999}.calendar-container table tbody .emptycell{visibility:hidden}.calendar-container table tbody .emptyrow{display:none}.calendar-container .calendar-head-row td{border-bottom:none;padding:4px 0!important}.calendar-container .day-name{border-bottom:none;font-size:.7rem;font-weight:700;padding-top:.5rem}.calendar-container .time td{border-bottom:none;padding:15px 3px 10px 0}.calendar-container td.time-title{display:block;margin-top:20px}.calendar-container .time td select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--calendar-select-bg-color,#f0f4fb);background-image:var(--calendar-select-bg-url,var(--fallback-url));background-position:100%;background-repeat:no-repeat;background-size:max(100%,58rem);border:1px solid #cdcdcd;border-radius:.25rem;color:var(--calendar-select-color,#212529);display:block;font-size:16px;font-weight:400;line-height:1.5;padding:5px 9px 3px;width:100%}.buttons-wrapper{margin-bottom:0!important;padding:5px;width:100%}.buttons-wrapper .btn{border:1px solid var(--calendar-buttons-color,#495057);-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,.25);box-shadow:1px 1px 1px 0 rgba(0,0,0,.25);color:var(--calendar-buttons-color,#495057);line-height:2.375rem;margin-right:0;min-width:60px;padding:0 16px}.buttons-wrapper .btn:hover{background:#1a466b;color:#fff}.buttons-wrapper .btn:last-child{margin-right:0}.time .time-title{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1024 544v448q0 14-9 23t-23 9H672q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224V544q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5T1281.5 1561 896 1664t-385.5-103T231 1281.5 128 896t103-385.5T510.5 231 896 128t385.5 103T1561 510.5 1664 896z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.calendar-container .js-btn,.calendar-container select{cursor:pointer}
|
||||
BIN
media/system/css/fields/calendar.min.css.gz
Normal file
BIN
media/system/css/fields/calendar.min.css.gz
Normal file
Binary file not shown.
39
media/system/css/fields/joomla-field-media.css
Normal file
39
media/system/css/fields/joomla-field-media.css
Normal file
@ -0,0 +1,39 @@
|
||||
joomla-field-media .field-media-preview {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
max-width: 356px;
|
||||
height: 180px;
|
||||
padding: 10px;
|
||||
overflow: hidden;
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-width: 1px 1px 0;
|
||||
border-radius: 0.25rem 0.25rem 0 0;
|
||||
}
|
||||
|
||||
joomla-field-media .field-media-preview-icon {
|
||||
width: 7rem;
|
||||
height: 7rem;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgba(0,0,0,.25)' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z'/%3E%3C/svg%3E");
|
||||
background-size: 7rem;
|
||||
}
|
||||
|
||||
joomla-field-media .field-media-input {
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
|
||||
joomla-field-media .button-clear {
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
joomla-field-media img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
1
media/system/css/fields/joomla-field-media.min.css
vendored
Normal file
1
media/system/css/fields/joomla-field-media.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
joomla-field-media .field-media-preview{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#f2f2f2;border:solid rgba(0,0,0,.15);border-radius:.25rem .25rem 0 0;border-width:1px 1px 0;display:-webkit-box;display:-ms-flexbox;display:flex;height:180px;justify-content:center;max-width:356px;overflow:hidden;padding:10px}joomla-field-media .field-media-preview-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgba(0,0,0,.25)' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z'/%3E%3C/svg%3E");background-size:7rem;height:7rem;width:7rem}joomla-field-media .field-media-input{border-top-left-radius:0}joomla-field-media .button-clear{border-top-right-radius:0}joomla-field-media img{max-height:100%;max-width:100%}
|
||||
BIN
media/system/css/fields/joomla-field-media.min.css.gz
Normal file
BIN
media/system/css/fields/joomla-field-media.min.css.gz
Normal file
Binary file not shown.
46
media/system/css/fields/joomla-field-permissions.css
Normal file
46
media/system/css/fields/joomla-field-permissions.css
Normal file
@ -0,0 +1,46 @@
|
||||
joomla-field-permissions .joomla-icon::after {
|
||||
display: inline-block;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
line-height: 1.5;
|
||||
content: "";
|
||||
}
|
||||
|
||||
joomla-field-permissions .joomla-icon.joomla-field-permissions__allowed::after {
|
||||
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23111' d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/%3E%3C/svg%3E") no-repeat;
|
||||
}
|
||||
|
||||
joomla-field-permissions .joomla-icon.joomla-field-permissions__denied::after {
|
||||
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23111' d='M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z'/%3E%3C/svg%3E") no-repeat;
|
||||
}
|
||||
|
||||
joomla-field-permissions .joomla-icon.joomla-field-permissions__spinner {
|
||||
-webkit-animation: spin 2s infinite linear;
|
||||
animation: spin 2s infinite linear;
|
||||
}
|
||||
|
||||
joomla-field-permissions .joomla-icon.joomla-field-permissions__spinner::after {
|
||||
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23111' d='M526 1394q0 53-37.5 90.5t-90.5 37.5q-52 0-90-38t-38-90q0-53 37.5-90.5t90.5-37.5 90.5 37.5 37.5 90.5zm498 206q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-704-704q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm1202 498q0 52-38 90t-90 38q-53 0-90.5-37.5t-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-964-996q0 66-47 113t-113 47-113-47-47-113 47-113 113-47 113 47 47 113zm1170 498q0 53-37.5 90.5t-90.5 37.5-90.5-37.5-37.5-90.5 37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zm-640-704q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm530 206q0 93-66 158.5t-158 65.5q-93 0-158.5-65.5t-65.5-158.5q0-92 65.5-158t158.5-66q92 0 158 66t66 158z'/%3E%3C/svg%3E") no-repeat;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
1
media/system/css/fields/joomla-field-permissions.min.css
vendored
Normal file
1
media/system/css/fields/joomla-field-permissions.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
joomla-field-permissions .joomla-icon:after{content:"";display:inline-block;height:1rem;line-height:1.5;width:1rem}joomla-field-permissions .joomla-icon.joomla-field-permissions__allowed:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23111' d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/%3E%3C/svg%3E") no-repeat}joomla-field-permissions .joomla-icon.joomla-field-permissions__denied:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23111' d='M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z'/%3E%3C/svg%3E") no-repeat}joomla-field-permissions .joomla-icon.joomla-field-permissions__spinner{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}joomla-field-permissions .joomla-icon.joomla-field-permissions__spinner:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23111' d='M526 1394q0 53-37.5 90.5T398 1522q-52 0-90-38t-38-90q0-53 37.5-90.5T398 1266t90.5 37.5T526 1394zm498 206q0 53-37.5 90.5T896 1728t-90.5-37.5T768 1600t37.5-90.5T896 1472t90.5 37.5 37.5 90.5zM320 896q0 53-37.5 90.5T192 1024t-90.5-37.5T64 896t37.5-90.5T192 768t90.5 37.5T320 896zm1202 498q0 52-38 90t-90 38q-53 0-90.5-37.5T1266 1394t37.5-90.5 90.5-37.5 90.5 37.5 37.5 90.5zM558 398q0 66-47 113t-113 47-113-47-47-113 47-113 113-47 113 47 47 113zm1170 498q0 53-37.5 90.5T1600 1024t-90.5-37.5T1472 896t37.5-90.5T1600 768t90.5 37.5T1728 896zm-640-704q0 80-56 136t-136 56-136-56-56-136 56-136T896 0t136 56 56 136zm530 206q0 93-66 158.5T1394 622q-93 0-158.5-65.5T1170 398q0-92 65.5-158t158.5-66q92 0 158 66t66 158z'/%3E%3C/svg%3E") no-repeat}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
|
||||
BIN
media/system/css/fields/joomla-field-permissions.min.css.gz
Normal file
BIN
media/system/css/fields/joomla-field-permissions.min.css.gz
Normal file
Binary file not shown.
66
media/system/css/fields/joomla-field-simple-color.css
Normal file
66
media/system/css/fields/joomla-field-simple-color.css
Normal file
@ -0,0 +1,66 @@
|
||||
joomla-field-simple-color {
|
||||
display: block;
|
||||
}
|
||||
joomla-field-simple-color .hidden {
|
||||
display: none;
|
||||
}
|
||||
joomla-field-simple-color .visually-hidden {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
}
|
||||
joomla-field-simple-color button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
background: none;
|
||||
border: solid 1px #ccc;
|
||||
border-radius: 3px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
joomla-field-simple-color .btn-close {
|
||||
width: auto;
|
||||
padding: 0 6px;
|
||||
margin-top: -4px;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
joomla-field-simple-color .nocolor {
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggRDQENU0dyawAAACZJREFUGNNjPHXqDAMSMDY2ROYyMeAFNJVm/Pv3LzL/7Nnzg8VpAKebCGpIIxHBAAAAAElFTkSuQmCC") !important;
|
||||
}
|
||||
joomla-field-simple-color .simplecolors-panel .swatch {
|
||||
margin: 0 4px 4px 0;
|
||||
}
|
||||
joomla-field-simple-color .swatch:hover,
|
||||
joomla-field-simple-color .swatch.active {
|
||||
border-color: rgba(82, 168, 236, 0.8);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||
}
|
||||
joomla-field-simple-color .simplecolors-panel[data-open=""] {
|
||||
display: block;
|
||||
}
|
||||
joomla-field-simple-color .simplecolors-panel {
|
||||
position: absolute;
|
||||
z-index: 12;
|
||||
display: none;
|
||||
float: left;
|
||||
padding: 6px 2px 2px 6px;
|
||||
margin: 1px 0 0;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
1
media/system/css/fields/joomla-field-simple-color.min.css
vendored
Normal file
1
media/system/css/fields/joomla-field-simple-color.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
joomla-field-simple-color{display:block}joomla-field-simple-color .hidden{display:none}joomla-field-simple-color .visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}joomla-field-simple-color button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid #ccc;border-radius:3px;height:20px;overflow:hidden;vertical-align:middle;width:20px}joomla-field-simple-color .btn-close{font-size:1rem;line-height:1.5;margin-top:-4px;padding:0 6px;text-align:center;vertical-align:middle;width:auto}joomla-field-simple-color .nocolor{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggRDQENU0dyawAAACZJREFUGNNjPHXqDAMSMDY2ROYyMeAFNJVm/Pv3LzL/7Nnzg8VpAKebCGpIIxHBAAAAAElFTkSuQmCC")!important}joomla-field-simple-color .simplecolors-panel .swatch{margin:0 4px 4px 0}joomla-field-simple-color .swatch.active,joomla-field-simple-color .swatch:hover{border-color:rgba(82,168,236,.8);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}joomla-field-simple-color .simplecolors-panel[data-open=""]{display:block}joomla-field-simple-color .simplecolors-panel{background-clip:padding-box;background-color:#fff;border:1px solid #ddd;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);display:none;float:left;margin:1px 0 0;padding:6px 2px 2px 6px;position:absolute;z-index:12}
|
||||
BIN
media/system/css/fields/joomla-field-simple-color.min.css.gz
Normal file
BIN
media/system/css/fields/joomla-field-simple-color.min.css.gz
Normal file
Binary file not shown.
23
media/system/css/fields/joomla-media-select.css
Normal file
23
media/system/css/fields/joomla-media-select.css
Normal file
@ -0,0 +1,23 @@
|
||||
joomla-field-mediamore details {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin: 0 0 0 .5rem;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #c9c9c9;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
joomla-field-mediamore label.input-group-text {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
joomla-field-mediamore summary {
|
||||
padding: 1rem;
|
||||
font-weight: 500;
|
||||
background-color: #e3e3e3;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
joomla-field-mediamore details .form-group {
|
||||
margin: 1rem !important;
|
||||
}
|
||||
1
media/system/css/fields/joomla-media-select.min.css
vendored
Normal file
1
media/system/css/fields/joomla-media-select.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
joomla-field-mediamore details{background:#f5f5f5;border:1px solid #c9c9c9;border-radius:.25rem;bottom:0;margin:0 0 0 .5rem;position:absolute}joomla-field-mediamore label.input-group-text{width:auto}joomla-field-mediamore summary{background-color:#e3e3e3;border-radius:.25rem;font-weight:500;padding:1rem}joomla-field-mediamore details .form-group{margin:1rem!important}
|
||||
BIN
media/system/css/fields/joomla-media-select.min.css.gz
Normal file
BIN
media/system/css/fields/joomla-media-select.min.css.gz
Normal file
Binary file not shown.
88
media/system/css/fields/switcher.css
Normal file
88
media/system/css/fields/switcher.css
Normal file
@ -0,0 +1,88 @@
|
||||
.switcher {
|
||||
position: relative;
|
||||
width: 18rem;
|
||||
height: 28px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.switcher input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
inset-inline-start: 0;
|
||||
z-index: 2;
|
||||
width: 62px;
|
||||
height: 28px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.switcher input:checked {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.switcher input:checked + label {
|
||||
z-index: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.switcher input:not(:checked) + label {
|
||||
z-index: 3;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.switcher input:focus ~ .toggle-outside {
|
||||
border-color: var(--focus);
|
||||
-webkit-box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.25);
|
||||
box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.25);
|
||||
}
|
||||
|
||||
.switcher label {
|
||||
position: absolute;
|
||||
inset-inline-start: 0;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
min-width: 6rem;
|
||||
height: 100%;
|
||||
margin-bottom: 0;
|
||||
-webkit-margin-start: 70px;
|
||||
margin-inline-start: 70px;
|
||||
line-height: 28px;
|
||||
text-align: start;
|
||||
-webkit-transition: opacity 0.25s ease;
|
||||
transition: opacity 0.25s ease;
|
||||
}
|
||||
|
||||
.switcher .toggle-outside {
|
||||
position: absolute;
|
||||
inset-inline-start: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 58px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background: #d3d3d3;
|
||||
border: 1px solid rgba(0, 0, 0, 0.18);
|
||||
-webkit-transition: 0.2s ease all;
|
||||
transition: 0.2s ease all;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.switcher input ~ input:checked ~ .toggle-outside {
|
||||
background: #2f7d32;
|
||||
}
|
||||
|
||||
.switcher .toggle-inside {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background: #fff;
|
||||
-webkit-transition: 0.4s ease all;
|
||||
transition: 0.4s ease all;
|
||||
}
|
||||
|
||||
.switcher input ~ input:checked ~ .toggle-outside .toggle-inside {
|
||||
left: 30px;
|
||||
}
|
||||
1
media/system/css/fields/switcher.min.css
vendored
Normal file
1
media/system/css/fields/switcher.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.switcher{height:28px;margin:0;position:relative;width:18rem}.switcher input{cursor:pointer;height:28px;inset-inline-start:0;margin:0;opacity:0;position:absolute;top:0;width:62px;z-index:2}.switcher input:checked{z-index:1}.switcher input:checked+label{opacity:1;z-index:0}.switcher input:not(:checked)+label{opacity:0;z-index:3}.switcher input:focus~.toggle-outside{border-color:var(--focus);-webkit-box-shadow:0 0 0 .2rem rgba(26,70,107,.25);box-shadow:0 0 0 .2rem rgba(26,70,107,.25)}.switcher label{-webkit-margin-start:70px;display:inline-block;line-height:28px;margin-bottom:0;margin-inline-start:70px;min-width:6rem;text-align:start;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;width:auto}.switcher .toggle-outside,.switcher label{height:100%;inset-inline-start:0;position:absolute}.switcher .toggle-outside{background:#d3d3d3;border:1px solid rgba(0,0,0,.18);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .2s ease;transition:all .2s ease;width:58px}.switcher input~input:checked~.toggle-outside{background:#2f7d32}.switcher .toggle-inside{background:#fff;height:28px;left:0;position:absolute;-webkit-transition:all .4s ease;transition:all .4s ease;width:28px}.switcher input~input:checked~.toggle-outside .toggle-inside{left:30px}
|
||||
BIN
media/system/css/fields/switcher.min.css.gz
Normal file
BIN
media/system/css/fields/switcher.min.css.gz
Normal file
Binary file not shown.
Reference in New Issue
Block a user