mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
tarifas acabado a falta de check duplicados y guardar tarifa acabado
This commit is contained in:
Jaime Jimenez
702
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap.css
Normal file
702
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap.css
Normal file
@ -0,0 +1,702 @@
|
||||
div.DTE div.DTE_Form_Error {
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
div.modal div.DTE div.DTE_Form_Error {
|
||||
display: none;
|
||||
float: left;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
}
|
||||
div.DTE_Field div.multi-value,
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.DTE_Field div.multi-value span,
|
||||
div.DTE_Field div.multi-restore span {
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover,
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
div.DTE_Field div:not([data-dte-e=msg-error]) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input.form-control {
|
||||
height: 30px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field div.help-block {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Inline.DTE_Processing:after {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.controls,
|
||||
div.DTE_Field_Type_radio div.controls {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.controls label,
|
||||
div.DTE_Field_Type_radio div.controls label {
|
||||
margin-left: 0.75em;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
padding: 1em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
float: none;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
flex: none;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
|
||||
padding: 0 0 4px 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
margin-top: -2px;
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
height: auto;
|
||||
}
|
||||
div.DTE div.editor_upload ul li button {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
div.DTE_Field_Type_datatable label.control-label {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.highlight {
|
||||
background-color: #3399ff !important;
|
||||
}
|
||||
table.dataTable tbody tr.highlight,
|
||||
table.dataTable tbody tr.noHighlight,
|
||||
table.dataTable tbody tr.highlight td,
|
||||
table.dataTable tbody tr.noHighlight td {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 52px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Namespace: DTED - DataTables Editor Display - Envelope
|
||||
*/
|
||||
div.DTED_Envelope_Wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 20px black;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
border-left: 1px solid #777;
|
||||
border-right: 1px solid #777;
|
||||
border-bottom: 1px solid #777;
|
||||
box-shadow: 3px 3px 10px #555;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: white;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
|
||||
right: 36px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTED_Envelope_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTED_Envelope_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
top: 10px;
|
||||
background: transparent;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
font-size: 21px;
|
||||
color: black;
|
||||
opacity: 0.2;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,779 @@
|
||||
div.DTE div.DTE_Form_Error {
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
div.modal div.DTE div.DTE_Form_Error {
|
||||
display: none;
|
||||
float: left;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
}
|
||||
div.DTE_Field div.multi-value,
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.DTE_Field div.multi-value span,
|
||||
div.DTE_Field div.multi-restore span {
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover,
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
div.DTE_Field div:not([data-dte-e=msg-error]) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input.form-control {
|
||||
height: 30px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field div.help-block {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Inline.DTE_Processing:after {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.controls,
|
||||
div.DTE_Field_Type_radio div.controls {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.controls label,
|
||||
div.DTE_Field_Type_radio div.controls label {
|
||||
margin-left: 0.75em;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
padding: 1em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
float: none;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
flex: none;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
|
||||
padding: 0 0 4px 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
margin-top: -2px;
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
height: auto;
|
||||
}
|
||||
div.DTE div.editor_upload ul li button {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
div.DTE_Field_Type_datatable label.control-label {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.highlight {
|
||||
background-color: #3399ff !important;
|
||||
}
|
||||
table.dataTable tbody tr.highlight,
|
||||
table.dataTable tbody tr.noHighlight,
|
||||
table.dataTable tbody tr.highlight td,
|
||||
table.dataTable tbody tr.noHighlight td {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 52px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Namespace: DTED - DataTables Editor Display - Envelope
|
||||
*/
|
||||
div.DTED_Envelope_Wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 20px black;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
border-left: 1px solid #777;
|
||||
border-right: 1px solid #777;
|
||||
border-bottom: 1px solid #777;
|
||||
box-shadow: 3px 3px 10px #555;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: white;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
|
||||
right: 36px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTED_Envelope_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTED_Envelope_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
top: 10px;
|
||||
background: transparent;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
font-size: 21px;
|
||||
color: black;
|
||||
opacity: 0.2;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
div.multi-value,
|
||||
div.multi-restore {
|
||||
padding: 0.5em;
|
||||
}
|
||||
div.multi-value span,
|
||||
div.multi-restore span {
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
margin: 0 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
max-width: 100%;
|
||||
flex: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input {
|
||||
margin: -5px 0 -10px !important;
|
||||
}
|
||||
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label,
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div {
|
||||
max-width: 100%;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_InputControl,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_InputControl {
|
||||
padding-top: 5px;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div label,
|
||||
div.DTE_Field_Type_radio div label {
|
||||
margin-bottom: 0.2em;
|
||||
margin-left: 0.75em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 20px;
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 0;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table {
|
||||
border: 1px solid #ced4da;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table thead th,
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table tbody td {
|
||||
border-top: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
justify-content: center;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap4.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap4.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,782 @@
|
||||
div.DTE div.DTE_Form_Error {
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
div.modal div.DTE div.DTE_Form_Error {
|
||||
display: none;
|
||||
float: left;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
}
|
||||
div.DTE_Field div.multi-value,
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.DTE_Field div.multi-value span,
|
||||
div.DTE_Field div.multi-restore span {
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover,
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
div.DTE_Field div:not([data-dte-e=msg-error]) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input.form-control {
|
||||
height: 30px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field div.help-block {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Inline.DTE_Processing:after {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.controls,
|
||||
div.DTE_Field_Type_radio div.controls {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.controls label,
|
||||
div.DTE_Field_Type_radio div.controls label {
|
||||
margin-left: 0.75em;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
padding: 1em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
float: none;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
flex: none;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
|
||||
padding: 0 0 4px 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
margin-top: -2px;
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
height: auto;
|
||||
}
|
||||
div.DTE div.editor_upload ul li button {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
div.DTE_Field_Type_datatable label.control-label {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.highlight {
|
||||
background-color: #3399ff !important;
|
||||
}
|
||||
table.dataTable tbody tr.highlight,
|
||||
table.dataTable tbody tr.noHighlight,
|
||||
table.dataTable tbody tr.highlight td,
|
||||
table.dataTable tbody tr.noHighlight td {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 52px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Namespace: DTED - DataTables Editor Display - Envelope
|
||||
*/
|
||||
div.DTED_Envelope_Wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 20px black;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
border-left: 1px solid #777;
|
||||
border-right: 1px solid #777;
|
||||
border-bottom: 1px solid #777;
|
||||
box-shadow: 3px 3px 10px #555;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: white;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
|
||||
right: 36px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTED_Envelope_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTED_Envelope_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
|
||||
top: 10px;
|
||||
background: transparent;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
font-size: 21px;
|
||||
color: black;
|
||||
opacity: 0.2;
|
||||
}
|
||||
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
div.multi-value,
|
||||
div.multi-restore {
|
||||
padding: 0.5em;
|
||||
}
|
||||
div.multi-value span,
|
||||
div.multi-restore span {
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
margin: 0 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
max-width: 100%;
|
||||
flex: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input {
|
||||
font-size: 1em;
|
||||
margin: -5px 0 -10px !important;
|
||||
}
|
||||
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label,
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div {
|
||||
max-width: 100%;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_InputControl,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_InputControl {
|
||||
padding-top: 5px;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div label,
|
||||
div.DTE_Field_Type_radio div label {
|
||||
margin-left: 0.75em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 20px;
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter {
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 0;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table {
|
||||
border: 1px solid #ced4da;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table thead th,
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper > table tbody td {
|
||||
border-top: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
justify-content: center;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap5.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bootstrap5.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
466
httpdocs/themes/vuexy/css/datatables-editor/editor.bulma.css
Normal file
466
httpdocs/themes/vuexy/css/datatables-editor/editor.bulma.css
Normal file
@ -0,0 +1,466 @@
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
div.modal-content {
|
||||
padding: 20px;
|
||||
background: white;
|
||||
border-radius: 5px;
|
||||
}
|
||||
div.modal-content div.modal-header {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
div.modal-content div.modal-footer {
|
||||
padding-top: 6px;
|
||||
}
|
||||
div.modal-content div.field.is-grouped {
|
||||
display: none;
|
||||
}
|
||||
div.modal-content div.dataTables_info {
|
||||
font-weight: 1;
|
||||
font-size: 0.8em;
|
||||
padding-left: 2px;
|
||||
}
|
||||
div.modal-content div.dataTables_info span.select-item {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE_Form_Buttons button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
div.card {
|
||||
border-color: #888;
|
||||
}
|
||||
|
||||
table.dataTable div.field {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
table.dataTable div.field input.input {
|
||||
padding: 0px;
|
||||
}
|
||||
table.dataTable div.field input.is-small {
|
||||
font-size: 1em;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div label,
|
||||
div.DTE_Field_Type_radio div label {
|
||||
margin-left: 0.75em;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bulma.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.bulma.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1279
httpdocs/themes/vuexy/css/datatables-editor/editor.dataTables.css
Normal file
1279
httpdocs/themes/vuexy/css/datatables-editor/editor.dataTables.css
Normal file
File diff suppressed because it is too large
Load Diff
1
httpdocs/themes/vuexy/css/datatables-editor/editor.dataTables.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.dataTables.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,590 @@
|
||||
div.DTE div.DTE_Form_Error {
|
||||
display: none;
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
div.DTE_Field div.multi-value,
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
padding: 0.75rem;
|
||||
}
|
||||
div.DTE_Field div.multi-value span,
|
||||
div.DTE_Field div.multi-restore span {
|
||||
display: block;
|
||||
color: #666;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover,
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
div.DTE_Field div.label {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
div.DTE_Field div.label:empty {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
div.reveal-modal button.close {
|
||||
position: absolute;
|
||||
top: -1.5em;
|
||||
right: -2.5em;
|
||||
}
|
||||
div.reveal-modal button.close.close-button {
|
||||
right: 1rem;
|
||||
top: 0.5rem;
|
||||
z-index: 100;
|
||||
}
|
||||
div.reveal-modal div.DTE_Header {
|
||||
position: relative;
|
||||
top: -0.5em;
|
||||
font-size: 2.05556rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
div.reveal-modal div.DTE_Form_Content {
|
||||
width: 75%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.reveal-modal div.DTE_Footer {
|
||||
position: relative;
|
||||
bottom: -0.5em;
|
||||
float: right;
|
||||
}
|
||||
div.reveal-modal div.DTE_Footer button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE_Inline div.DTE_Field > div {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input {
|
||||
height: 30px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field div.label:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
width: 100%;
|
||||
float: none;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
margin-top: -2px;
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
border-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload button.button,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE div.editor_upload ul li button {
|
||||
width: 63px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter input {
|
||||
height: 1.75rem;
|
||||
margin-bottom: 0.333rem;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-bottom: 0.5em;
|
||||
width: 100%;
|
||||
padding-right: 1em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 26px;
|
||||
right: 95px;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.foundation.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.foundation.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
865
httpdocs/themes/vuexy/css/datatables-editor/editor.jqueryui.css
Normal file
865
httpdocs/themes/vuexy/css/datatables-editor/editor.jqueryui.css
Normal file
@ -0,0 +1,865 @@
|
||||
div.DTE_Field input,
|
||||
div.DTE_Field textarea {
|
||||
box-sizing: border-box;
|
||||
background-color: white;
|
||||
-webkit-transition: background-color ease-in-out 0.15s;
|
||||
transition: background-color ease-in-out 0.15s;
|
||||
}
|
||||
div.DTE_Field input:focus,
|
||||
div.DTE_Field textarea:focus {
|
||||
background-color: #ffffee;
|
||||
}
|
||||
div.DTE_Field input[type=color],
|
||||
div.DTE_Field input[type=date],
|
||||
div.DTE_Field input[type=datetime],
|
||||
div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Field input[type=email],
|
||||
div.DTE_Field input[type=month],
|
||||
div.DTE_Field input[type=number],
|
||||
div.DTE_Field input[type=password],
|
||||
div.DTE_Field input[type=search],
|
||||
div.DTE_Field input[type=tel],
|
||||
div.DTE_Field input[type=text],
|
||||
div.DTE_Field input[type=time],
|
||||
div.DTE_Field input[type=url],
|
||||
div.DTE_Field input[type=week] {
|
||||
padding: 5px 4px;
|
||||
width: 100%;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.DTE_Field input[type=checkbox],
|
||||
div.DTE_Field input[type=radio] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Field select {
|
||||
padding: 5px 4px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #aaa;
|
||||
background: white;
|
||||
max-width: 100%;
|
||||
}
|
||||
div.DTE_Field label div.DTE_Label_Info {
|
||||
font-size: 0.85em;
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
div.DTE_Field label div.DTE_Label_Info:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Field div.DTE_Field_Info,
|
||||
div.DTE_Field div.DTE_Field_Message,
|
||||
div.DTE_Field div.DTE_Field_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1em;
|
||||
margin-top: 5px;
|
||||
}
|
||||
div.DTE_Field div.DTE_Field_Info:empty,
|
||||
div.DTE_Field div.DTE_Field_Message:empty,
|
||||
div.DTE_Field div.DTE_Field_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Field div.DTE_Field_Error {
|
||||
display: none;
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE_Field div.multi-value {
|
||||
display: none;
|
||||
border: 1px dotted #666;
|
||||
border-radius: 3px;
|
||||
padding: 5px;
|
||||
background-color: #fafafa;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.DTE_Field div.multi-value span {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
div.DTE_Field div.multi-value.multi-noEdit {
|
||||
border: 1px solid #ccc;
|
||||
cursor: auto;
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
div.DTE_Field div.multi-value.multi-noEdit:hover {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
div.DTE_Field.disabled {
|
||||
color: grey;
|
||||
}
|
||||
div.DTE_Field.disabled div.multi-value {
|
||||
cursor: default;
|
||||
border: 1px dotted #aaa;
|
||||
background-color: transparent;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
color: #3879d9;
|
||||
}
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_textarea textarea {
|
||||
padding: 3px;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
|
||||
div.DTE_Field.DTE_Field_Type_date img {
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_Input,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_Input {
|
||||
padding-top: 1px;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_Input > div > div {
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div:last-child,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_Input > div > div:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label {
|
||||
margin-left: 0.75em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter {
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter input {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons button {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_paginate {
|
||||
float: none;
|
||||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable table.dataTable.no-footer {
|
||||
border-bottom: 1px solid #aaa !important;
|
||||
}
|
||||
div.DTE_Field_Type_datatable table.dataTable thead th, div.DTE_Field_Type_datatable table.dataTable thead td {
|
||||
font-weight: normal;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
div.DTE_Field_Type_datatable table.dataTable tbody th:first-child,
|
||||
div.DTE_Field_Type_datatable table.dataTable tbody td:first-child {
|
||||
border-left: 1px solid #aaa;
|
||||
}
|
||||
div.DTE_Field_Type_datatable table.dataTable tbody th:last-child,
|
||||
div.DTE_Field_Type_datatable table.dataTable tbody td:last-child {
|
||||
border-right: 1px solid #aaa;
|
||||
}
|
||||
div.DTE_Field_Type_datatable table.dataTable tfoot th, div.DTE_Field_Type_datatable table.dataTable tfoot td {
|
||||
font-weight: normal;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollHead table.dataTable,
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollHead table.dataTable thead th,
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollHead table.dataTable thead td {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody {
|
||||
border: 1px solid #aaa !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody th:first-child,
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody th:last-child,
|
||||
div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
div.DTE_Body {
|
||||
padding: 52px 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info {
|
||||
padding: 1em 1em 0 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
position: relative;
|
||||
clear: both;
|
||||
padding: 5px 10%;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #f3f3f3;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
|
||||
float: left;
|
||||
width: 33%;
|
||||
padding-top: 3px;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
|
||||
float: right;
|
||||
width: 66%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
|
||||
padding: 5px 0 5px 10%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
|
||||
float: none;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
html[dir=rtl] div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
|
||||
float: right;
|
||||
}
|
||||
html[dir=rtl] div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
|
||||
float: left;
|
||||
}
|
||||
html[dir=rtl] div.DTE div.DTE_Form_Buttons button {
|
||||
float: left;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
padding: 5px 10%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
|
||||
padding: 5px 0 5px 10%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
|
||||
width: 35.5%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
|
||||
width: 64.5%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
padding: 5px 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
|
||||
padding: 5px 0%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
|
||||
width: 40%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
|
||||
width: 60%;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 580px) {
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
position: relative;
|
||||
clear: both;
|
||||
padding: 5px 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-top: 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
|
||||
float: none;
|
||||
width: auto;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block {
|
||||
padding: 5px 0;
|
||||
}
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label,
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label,
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.highlight {
|
||||
background-color: #FFFBCC !important;
|
||||
}
|
||||
table.dataTable tbody tr.highlight,
|
||||
table.dataTable tbody tr.noHighlight,
|
||||
table.dataTable tbody tr.highlight td,
|
||||
table.dataTable tbody tr.noHighlight td {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight {
|
||||
background-color: #f9f5c7;
|
||||
}
|
||||
table.dataTable.hover tbody tr:hover.highlight,
|
||||
table.dataTable.hover tbody tr.odd:hover.highlight,
|
||||
table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight,
|
||||
table.dataTable.display tbody tr.odd:hover.highlight,
|
||||
table.dataTable.display tbody tr.even:hover.highlight {
|
||||
background-color: #f6f2c5;
|
||||
}
|
||||
table.dataTable.order-column tbody tr.highlight > .sorting_1,
|
||||
table.dataTable.order-column tbody tr.highlight > .sorting_2,
|
||||
table.dataTable.order-column tbody tr.highlight > .sorting_3, table.dataTable.display tbody tr.highlight > .sorting_1,
|
||||
table.dataTable.display tbody tr.highlight > .sorting_2,
|
||||
table.dataTable.display tbody tr.highlight > .sorting_3 {
|
||||
background-color: #faf6c8;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_1 {
|
||||
background-color: #f1edc1;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_2 {
|
||||
background-color: #f3efc2;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_3 {
|
||||
background-color: #f5f1c4;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_1 {
|
||||
background-color: #faf6c8;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_2 {
|
||||
background-color: #fcf8ca;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_3 {
|
||||
background-color: #fefacb;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.highlight > .sorting_1,
|
||||
table.dataTable.display tbody tr.odd:hover.highlight > .sorting_1,
|
||||
table.dataTable.display tbody tr.even:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_1 {
|
||||
background-color: #eae6bb;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.highlight > .sorting_2,
|
||||
table.dataTable.display tbody tr.odd:hover.highlight > .sorting_2,
|
||||
table.dataTable.display tbody tr.even:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_2 {
|
||||
background-color: #ece8bd;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.highlight > .sorting_3,
|
||||
table.dataTable.display tbody tr.odd:hover.highlight > .sorting_3,
|
||||
table.dataTable.display tbody tr.even:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_3 {
|
||||
background-color: #efebbf;
|
||||
}
|
||||
table.dataTable tr.dte-inlineAdd td,
|
||||
table.dataTable tr.dte-inlineAdd th {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE {
|
||||
font-size: 0.91em;
|
||||
}
|
||||
div.DTE div.DTE_Header {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Body {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.DTE_Body div.DTE_Body_Content {
|
||||
overflow: hidden;
|
||||
}
|
||||
div.DTE div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
padding: 5px 5%;
|
||||
}
|
||||
div.DTE div.DTE_Footer {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Form_Error {
|
||||
padding-top: 1em;
|
||||
color: red;
|
||||
display: none;
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 12px;
|
||||
right: 2px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter {
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
float: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons button {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.jqueryui.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.jqueryui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,602 @@
|
||||
div.DTE div.DTE_Form_Error {
|
||||
display: none;
|
||||
color: #b11f1f;
|
||||
}
|
||||
div.DTE div.DTE_Form_Buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
div.DTE label {
|
||||
padding-top: 9px !important;
|
||||
align-self: flex-start;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
div.DTE div.eight.wide.field {
|
||||
flex-direction: column;
|
||||
}
|
||||
div.DTE div.DTE_Field_InputControl {
|
||||
width: 100%;
|
||||
margin: 0 !important;
|
||||
}
|
||||
div.DTE div.ui.message:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.DTE_Field div.ui.message {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field div.multi-value,
|
||||
div.DTE_Field div.multi-restore {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE_Field div.multi-value span,
|
||||
div.DTE_Field div.multi-restore span {
|
||||
display: block;
|
||||
color: #666;
|
||||
font-size: 0.85em;
|
||||
line-height: 1.35em;
|
||||
}
|
||||
div.DTE_Field div.multi-value:hover,
|
||||
div.DTE_Field div.multi-restore:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
div.DTE_Field div.multi-restore {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
div.DTE_Field:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
|
||||
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input[type=color],
|
||||
div.DTE_Inline div.DTE_Field input[type=date],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime],
|
||||
div.DTE_Inline div.DTE_Field input[type=datetime-local],
|
||||
div.DTE_Inline div.DTE_Field input[type=email],
|
||||
div.DTE_Inline div.DTE_Field input[type=month],
|
||||
div.DTE_Inline div.DTE_Field input[type=number],
|
||||
div.DTE_Inline div.DTE_Field input[type=password],
|
||||
div.DTE_Inline div.DTE_Field input[type=search],
|
||||
div.DTE_Inline div.DTE_Field input[type=tel],
|
||||
div.DTE_Inline div.DTE_Field input[type=text],
|
||||
div.DTE_Inline div.DTE_Field input[type=time],
|
||||
div.DTE_Inline div.DTE_Field input[type=url],
|
||||
div.DTE_Inline div.DTE_Field input[type=week] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error,
|
||||
div.DTE_Inline div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field_Error:empty,
|
||||
div.DTE_Inline div.DTE_Form_Error:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
div.DTE.DTE_Inline.ui.form label {
|
||||
display: none !important;
|
||||
}
|
||||
div.DTE.DTE_Inline.ui.form div.DTE_Field {
|
||||
width: 100%;
|
||||
margin: 0 !important;
|
||||
}
|
||||
div.DTE.DTE_Inline.ui.form div.DTE_Field div.DTE_Field_Input {
|
||||
width: 100% !important;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE.DTE_Inline.ui.form div.DTE_Field > div {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE.DTE_Inline.ui.form.DTE_Processing:after {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
|
||||
content: "×";
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
|
||||
color: black;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7); /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
|
||||
z-index: 10;
|
||||
}
|
||||
div.DTE_Bubble_Background > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
div.DTE_Bubble_Background > div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
|
||||
}
|
||||
|
||||
div.DTE_Bubble {
|
||||
z-index: 1001;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner {
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
padding: 1em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
|
||||
flex-direction: column;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
|
||||
justify-content: flex-start;
|
||||
width: 100% !important;
|
||||
float: none;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:first-child label {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE_Bubble div.DTE_Bubble_Triangle {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
}
|
||||
div.DTE div.editor_upload div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload div.row {
|
||||
display: table-row;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.DTE div.editor_upload div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload div.row + div.row div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
div.DTE div.editor_upload div.drop span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
div.DTE div.editor_upload div.rendered img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.drop {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.row.second {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.noDrop div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
div.DTE div.editor_upload.noClear div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.cell div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.DTE div.editor_upload.multi ul li button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
|
||||
div.DTE div.editor_upload button.btn,
|
||||
div.DTE div.editor_upload input[type=file] {
|
||||
height: auto;
|
||||
}
|
||||
div.DTE div.editor_upload ul li button {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable label {
|
||||
display: block !important;
|
||||
text-align: right;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter {
|
||||
display: block !important;
|
||||
text-align: left;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_filter input {
|
||||
width: 100% !important;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons {
|
||||
margin-bottom: 6px;
|
||||
width: 100%;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dt-buttons:empty {
|
||||
display: none;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
|
||||
display: block;
|
||||
}
|
||||
div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
|
||||
margin-top: 0.3em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
div.DTE.processing div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span,
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before,
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
div.DTE div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.highlight th,
|
||||
table.dataTable tbody tr.highlight td {
|
||||
background-color: #2185D0 !important;
|
||||
}
|
||||
table.dataTable tbody tr.highlight td,
|
||||
table.dataTable tbody tr.noHighlight td {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Processing_Indicator {
|
||||
top: 22px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox div.DTE_Field_InputControl,
|
||||
div.DTE_Field_Type_radio div.DTE_Field_InputControl {
|
||||
padding-top: 7px;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox > div > div,
|
||||
div.DTE_Field_Type_radio > div > div {
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox > div > div input,
|
||||
div.DTE_Field_Type_radio > div > div input {
|
||||
vertical-align: baseline !important;
|
||||
}
|
||||
div.DTE_Field_Type_checkbox > div > div label,
|
||||
div.DTE_Field_Type_radio > div > div label {
|
||||
margin-left: 0.75em;
|
||||
padding-top: 11px !important;
|
||||
}
|
||||
1
httpdocs/themes/vuexy/css/datatables-editor/editor.semanticui.min.css
vendored
Normal file
1
httpdocs/themes/vuexy/css/datatables-editor/editor.semanticui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
130
httpdocs/themes/vuexy/css/datatables-editor/scss/bubble.scss
Normal file
130
httpdocs/themes/vuexy/css/datatables-editor/scss/bubble.scss
Normal file
@ -0,0 +1,130 @@
|
||||
|
||||
// Bubble form editing
|
||||
// Very similar to the main form, but attached to a particular node and the
|
||||
// form layout is slightly different with the fields container and buttons
|
||||
// making up a table of a single row and two columns. This allows the buttons
|
||||
// to be removed from the display and under this condition the fields will
|
||||
// take up the full width available.
|
||||
div.DTE_Bubble {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
margin-top: -6px;
|
||||
opacity: 0;
|
||||
transition: top 0.5s ease-in-out 0s;
|
||||
|
||||
div.DTE_Bubble_Liner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
border: 1px solid black;
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
background-color: white;
|
||||
box-shadow: 0 12px 30px 0 rgba(0,0,0,.5);
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
padding: 1em;
|
||||
background: #fcfcfc;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
div.DTE_Bubble_Table {
|
||||
width: 100%;
|
||||
|
||||
> form {
|
||||
div.DTE_Form_Content {
|
||||
padding: 0;
|
||||
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
margin-bottom: 0.5em;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> label {
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> div {
|
||||
padding: 0;
|
||||
|
||||
input {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Form_Buttons {
|
||||
text-align: right;
|
||||
margin-top: 1em;
|
||||
|
||||
button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
div.DTE_Header + div.DTE_Form_Info,
|
||||
div.DTE_Header + div.DTE_Bubble_Table {
|
||||
padding-top: 42px;
|
||||
}
|
||||
|
||||
|
||||
div.DTE_Form_Error {
|
||||
float: none;
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Close {
|
||||
@include close-icon();
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Triangle {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -6px;
|
||||
background-color: white;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
&.below {
|
||||
div.DTE_Bubble_Liner {
|
||||
top: 10px;
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Triangle {
|
||||
top: 4px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Bubble_Background {
|
||||
@include overlay-background();
|
||||
}
|
||||
|
||||
100
httpdocs/themes/vuexy/css/datatables-editor/scss/datatable.scss
Normal file
100
httpdocs/themes/vuexy/css/datatables-editor/scss/datatable.scss
Normal file
@ -0,0 +1,100 @@
|
||||
|
||||
// Row highlighting on edit styles
|
||||
//
|
||||
// To change the colour of the highlight, simply modify the variable below and
|
||||
// recompile the SCSS stylesheet (if you don't have SASS installed, you can use
|
||||
// the online service at http://sassmeister.com/ .
|
||||
//
|
||||
// The DataTables styles below match the default DataTables stylesheet:
|
||||
// http://next.datatables.net/manual/styling/classes so you can retain the full
|
||||
// benefits of the DataTables styling options.
|
||||
|
||||
$table-row-highlight: #FFFBCC;
|
||||
|
||||
table.dataTable {
|
||||
tbody {
|
||||
tr.highlight {
|
||||
background-color: $table-row-highlight !important;
|
||||
}
|
||||
|
||||
tr.highlight,
|
||||
tr.noHighlight,
|
||||
tr.highlight td,
|
||||
tr.noHighlight td {
|
||||
@include background-transision();
|
||||
}
|
||||
}
|
||||
|
||||
&.stripe tbody,
|
||||
&.display tbody {
|
||||
tr.odd {
|
||||
&.highlight {
|
||||
background-color: shade($table-row-highlight, 2.35%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Hover classes - add "hover" class to the table to activate
|
||||
&.hover tbody,
|
||||
&.display tbody {
|
||||
tr:hover,
|
||||
tr.odd:hover,
|
||||
tr.even:hover {
|
||||
&.highlight {
|
||||
background-color: shade($table-row-highlight, 3.6%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Sort column highlighting - add "hover" class to the table to activate
|
||||
&.order-column,
|
||||
&.display {
|
||||
tbody {
|
||||
tr.highlight>.sorting_1,
|
||||
tr.highlight>.sorting_2,
|
||||
tr.highlight>.sorting_3 {
|
||||
background-color: shade($table-row-highlight, 2%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.display tbody,
|
||||
&.order-column.stripe tbody {
|
||||
tr.odd {
|
||||
&.highlight {
|
||||
>.sorting_1 { background-color: shade($table-row-highlight, 5.4%);}
|
||||
>.sorting_2 { background-color: shade($table-row-highlight, 4.7%);}
|
||||
>.sorting_3 { background-color: shade($table-row-highlight, 3.9%);}
|
||||
}
|
||||
}
|
||||
|
||||
tr.even {
|
||||
&.highlight {
|
||||
>.sorting_1 { background-color: shade($table-row-highlight, 2%); }
|
||||
>.sorting_2 { background-color: shade($table-row-highlight, 1.2%); }
|
||||
>.sorting_3 { background-color: shade($table-row-highlight, 0.4%); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.display tbody,
|
||||
&.order-column.hover tbody {
|
||||
tr:hover,
|
||||
tr.odd:hover,
|
||||
tr.even:hover {
|
||||
&.highlight {
|
||||
>.sorting_1 { background-color: shade($table-row-highlight, 8.2%); }
|
||||
>.sorting_2 { background-color: shade($table-row-highlight, 7.5%); }
|
||||
>.sorting_3 { background-color: shade($table-row-highlight, 6.3%); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr.dte-inlineAdd {
|
||||
td,
|
||||
th {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,63 @@
|
||||
|
||||
/*
|
||||
* Namespace: DTED - DataTables Editor Display - Envelope
|
||||
*/
|
||||
|
||||
div.DTED_Envelope_Wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
|
||||
// Create a shadow display at the top of the evelope to make it look like it has
|
||||
// come from under the element that it is attached to/ Left and right to give a
|
||||
// slight fade and the two ends
|
||||
div.DTED_Envelope_Shadow {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 20px black;
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5%;
|
||||
width: 90%;
|
||||
|
||||
border-left: 1px solid #777;
|
||||
border-right: 1px solid #777;
|
||||
border-bottom: 1px solid #777;
|
||||
box-shadow: 3px 3px 10px #555;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: white;
|
||||
|
||||
div.DTE_Processing_Indicator {
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
div.DTE_Footer {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
div.DTED_Envelope_Close {
|
||||
@include close-icon();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
div.DTED_Envelope_Background {
|
||||
@include overlay-background();
|
||||
}
|
||||
|
||||
|
||||
280
httpdocs/themes/vuexy/css/datatables-editor/scss/fields.scss
Normal file
280
httpdocs/themes/vuexy/css/datatables-editor/scss/fields.scss
Normal file
@ -0,0 +1,280 @@
|
||||
|
||||
$input-border: 1px solid #aaa;
|
||||
|
||||
$input-border: 1px solid #aaa;
|
||||
|
||||
// Generic field styling
|
||||
div.DTE_Field {
|
||||
input,
|
||||
textarea {
|
||||
box-sizing: border-box;
|
||||
background-color: white;
|
||||
-webkit-transition: background-color ease-in-out .15s;
|
||||
transition: background-color ease-in-out .15s;
|
||||
}
|
||||
|
||||
input:focus,
|
||||
textarea:focus {
|
||||
background-color: #ffffee;
|
||||
}
|
||||
|
||||
input[type="color"],
|
||||
input[type="date"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="email"],
|
||||
input[type="month"],
|
||||
input[type="number"],
|
||||
input[type="password"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="text"],
|
||||
input[type="time"],
|
||||
input[type="url"],
|
||||
input[type="week"] {
|
||||
padding: 5px 4px;
|
||||
width: 100%;
|
||||
|
||||
// Chrome 83 introduces some really ugly borders
|
||||
border: $input-border;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
select {
|
||||
padding: 5px 4px;
|
||||
border-radius: 3px;
|
||||
border: $input-border;
|
||||
background: white;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
label div.DTE_Label_Info {
|
||||
font-size: 0.85em;
|
||||
margin-top: 0.25em;
|
||||
|
||||
&:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field_Info,
|
||||
div.DTE_Field_Message,
|
||||
div.DTE_Field_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1em;
|
||||
margin-top: 5px;
|
||||
|
||||
&:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field_Error {
|
||||
display: none;
|
||||
color: #b11f1f;
|
||||
}
|
||||
|
||||
div.multi-value {
|
||||
display: none;
|
||||
border: 1px dotted #666;
|
||||
border-radius: 3px;
|
||||
padding: 5px;
|
||||
background-color: #fafafa;
|
||||
cursor: pointer;
|
||||
|
||||
span {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
&.multi-noEdit {
|
||||
border: 1px solid #ccc;
|
||||
cursor: auto;
|
||||
background-color: #fcfcfc;
|
||||
|
||||
&:hover {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: grey;
|
||||
|
||||
div.multi-value {
|
||||
cursor: default;
|
||||
border: 1px dotted #aaa;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
div.multi-restore {
|
||||
display: none;
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.25em;
|
||||
color: #3879d9;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Specific field type styling
|
||||
div.DTE_Field_Type_textarea {
|
||||
textarea {
|
||||
padding: 3px;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
border: $input-border;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field.DTE_Field_Type_date {
|
||||
img {
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_checkbox,
|
||||
div.DTE_Field_Type_radio {
|
||||
div.DTE_Field_Input {
|
||||
padding-top: 1px;
|
||||
|
||||
> div > div {
|
||||
margin-bottom: 0.25em;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
}
|
||||
|
||||
label {
|
||||
margin-left: 0.75em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field_Type_datatable {
|
||||
div.dataTables_info {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
|
||||
span.select-info {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_filter {
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
div.dt-buttons {
|
||||
padding-right: 1em;
|
||||
padding-bottom: 0.5em;
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:empty {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
float: none;
|
||||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
table.dataTable {
|
||||
&.no-footer {
|
||||
border-bottom: 1px solid #aaa !important;
|
||||
}
|
||||
|
||||
thead {
|
||||
th, td {
|
||||
font-weight: normal;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
th:first-child,
|
||||
td:first-child {
|
||||
border-left: 1px solid #aaa;
|
||||
}
|
||||
|
||||
th:last-child,
|
||||
td:last-child {
|
||||
border-right: 1px solid #aaa;
|
||||
}
|
||||
}
|
||||
|
||||
tfoot {
|
||||
th, td {
|
||||
font-weight: normal;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_scrollHead {
|
||||
table.dataTable,
|
||||
table.dataTable thead th,
|
||||
table.dataTable thead td {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody {
|
||||
border: 1px solid #aaa !important;
|
||||
border-radius: 3px;;
|
||||
|
||||
table.dataTable {
|
||||
border-bottom: none !important;
|
||||
|
||||
tbody {
|
||||
th:first-child,
|
||||
td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
th:last-child,
|
||||
td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
79
httpdocs/themes/vuexy/css/datatables-editor/scss/inline.scss
Normal file
79
httpdocs/themes/vuexy/css/datatables-editor/scss/inline.scss
Normal file
@ -0,0 +1,79 @@
|
||||
|
||||
// Inline form editing
|
||||
// Hide the label and allow the field to take the full width
|
||||
div.DTE_Inline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
|
||||
div.DTE_Inline_Field,
|
||||
div.DTE_Inline_Buttons {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
|
||||
div.DTE_Field {
|
||||
padding: 0;
|
||||
|
||||
>label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type="color"],
|
||||
input[type="date"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="email"],
|
||||
input[type="month"],
|
||||
input[type="number"],
|
||||
input[type="password"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="text"],
|
||||
input[type="time"],
|
||||
input[type="url"],
|
||||
input[type="week"] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Form_Buttons button {
|
||||
margin: -6px 0 -6px 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// Have the input types take up full space, taking into account the cell padding
|
||||
div.DTE_Field input[type="color"],
|
||||
div.DTE_Field input[type="date"],
|
||||
div.DTE_Field input[type="datetime"],
|
||||
div.DTE_Field input[type="datetime-local"],
|
||||
div.DTE_Field input[type="email"],
|
||||
div.DTE_Field input[type="month"],
|
||||
div.DTE_Field input[type="number"],
|
||||
div.DTE_Field input[type="password"],
|
||||
div.DTE_Field input[type="search"],
|
||||
div.DTE_Field input[type="tel"],
|
||||
div.DTE_Field input[type="text"],
|
||||
div.DTE_Field input[type="time"],
|
||||
div.DTE_Field input[type="url"],
|
||||
div.DTE_Field input[type="week"] {
|
||||
margin: -6px 0;
|
||||
}
|
||||
|
||||
div.DTE_Field_Error,
|
||||
div.DTE_Form_Error {
|
||||
font-size: 11px;
|
||||
line-height: 1.2em;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
|
||||
&:empty {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive integration
|
||||
span.dtr-data div.DTE_Inline {
|
||||
display: inline-table;
|
||||
}
|
||||
174
httpdocs/themes/vuexy/css/datatables-editor/scss/lightbox.scss
Normal file
174
httpdocs/themes/vuexy/css/datatables-editor/scss/lightbox.scss
Normal file
@ -0,0 +1,174 @@
|
||||
|
||||
|
||||
div.DTED_Lightbox_Wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -390px;
|
||||
width: 780px;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
|
||||
div.DTED_Lightbox_Container {
|
||||
display: table;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
div.DTED_Lightbox_Content_Wrapper {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
|
||||
div.DTED_Lightbox_Content {
|
||||
position: relative;
|
||||
box-shadow: 0 12px 30px 0 rgba(0,0,0,.5);
|
||||
border-radius: 6px;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
div.DTE {
|
||||
background: white;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #666;
|
||||
background: #fcfcfc;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
div.DTE_Header {
|
||||
right: 0;
|
||||
width: auto;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
div.DTE_Body_Content {
|
||||
box-sizing: border-box;
|
||||
background: #fcfcfc;
|
||||
}
|
||||
|
||||
div.DTE_Footer {
|
||||
right: 0;
|
||||
width: auto;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTED_Lightbox_Close {
|
||||
@include close-icon();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.DTED_Lightbox_Wrapper {
|
||||
div.DTE_Footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
div.DTE_Footer_Content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.DTE.inFormError div.DTE_Footer {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
div.DTED_Lightbox_Background {
|
||||
@include overlay-background();
|
||||
}
|
||||
|
||||
|
||||
body.DTED_Lightbox_Mobile {
|
||||
div.DTED_Lightbox_Background {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
div.DTED_Lightbox_Shown {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.DTED_Lightbox_Wrapper {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin-left: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
div.DTED_Lightbox_Container {
|
||||
display: block;
|
||||
height: 100%;
|
||||
|
||||
div.DTED_Lightbox_Content_Wrapper {
|
||||
display: block;
|
||||
height: 100%;
|
||||
|
||||
div.DTED_Lightbox_Content {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
height: 100% !important;
|
||||
|
||||
div.DTE {
|
||||
border-radius: 0;
|
||||
height: 100%;
|
||||
|
||||
div.DTE_Header {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
div.DTE_Body_Content {
|
||||
padding-bottom: 52px;
|
||||
}
|
||||
|
||||
div.DTE_Footer {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTED_Lightbox_Close {
|
||||
top: 11px;
|
||||
right: 15px;
|
||||
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen
|
||||
and (max-width: 780px) {
|
||||
body div.DTED_Lightbox_Wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen
|
||||
and (max-width: 580px) {
|
||||
body div.DTED_Lightbox_Wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
180
httpdocs/themes/vuexy/css/datatables-editor/scss/main.scss
Normal file
180
httpdocs/themes/vuexy/css/datatables-editor/scss/main.scss
Normal file
@ -0,0 +1,180 @@
|
||||
|
||||
|
||||
// The main form.
|
||||
// Most of the styles for display of the main form come from the display
|
||||
// controller (lightbox and envelope are the two built in options).
|
||||
div.DTE_Body {
|
||||
padding: 52px 0; // space for hte header and footer which are position: absolute
|
||||
|
||||
div.DTE_Body_Content {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
|
||||
div.DTE_Form_Info {
|
||||
padding: 1em 1em 0 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
|
||||
clear: both;
|
||||
padding: 5px 10%;
|
||||
border: 1px solid transparent;
|
||||
|
||||
&:after {
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #f3f3f3;
|
||||
}
|
||||
|
||||
>label {
|
||||
float: left;
|
||||
width: 33%;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
>div.DTE_Field_Input {
|
||||
float: right;
|
||||
width: 66%;
|
||||
}
|
||||
|
||||
// Field in error state
|
||||
&.DTE_Field_StateError { }
|
||||
|
||||
&.full {
|
||||
padding: 5px 0 5px 10%;
|
||||
}
|
||||
|
||||
&.block {
|
||||
>div.DTE_Field_Input {
|
||||
float: none;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
html[dir="rtl"] {
|
||||
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
|
||||
> label {
|
||||
float: right;
|
||||
}
|
||||
|
||||
>div.DTE_Field_Input {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE div.DTE_Form_Buttons button {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
// iPad in portrait
|
||||
@media only screen
|
||||
and (max-width : 768px) {
|
||||
div.DTE_Body {
|
||||
div.DTE_Body_Content {
|
||||
div.DTE_Field {
|
||||
padding: 5px 10%;
|
||||
|
||||
&.full {
|
||||
padding: 5px 0 5px 10%;
|
||||
|
||||
>label {
|
||||
width: 35.5%;
|
||||
}
|
||||
|
||||
>div.DTE_Field_Input {
|
||||
width: 64.5%;
|
||||
}
|
||||
}
|
||||
|
||||
&.block {
|
||||
>div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen
|
||||
and (max-width : 640px) {
|
||||
div.DTE_Body {
|
||||
div.DTE_Body_Content {
|
||||
div.DTE_Field {
|
||||
padding: 5px 0;
|
||||
|
||||
&.full {
|
||||
padding: 5px 0%;
|
||||
|
||||
>label {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
>div.DTE_Field_Input {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
&.block {
|
||||
>div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// For devices with smaller screens, the fields should be shown stacked
|
||||
@media only screen
|
||||
and (max-width : 580px) {
|
||||
div.DTE_Body {
|
||||
div.DTE_Body_Content {
|
||||
div.DTE_Field {
|
||||
position: relative;
|
||||
|
||||
clear: both;
|
||||
padding: 5px 0;
|
||||
|
||||
>label {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
>div.DTE_Field_Input {
|
||||
float: none;
|
||||
width: auto;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
&.full,
|
||||
&.block {
|
||||
padding: 5px 0;
|
||||
|
||||
>label,
|
||||
>div.DTE_Field_Input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
178
httpdocs/themes/vuexy/css/datatables-editor/scss/mixins.scss
Normal file
178
httpdocs/themes/vuexy/css/datatables-editor/scss/mixins.scss
Normal file
@ -0,0 +1,178 @@
|
||||
|
||||
|
||||
@function tint( $color, $percent ) {
|
||||
@return mix(white, $color, $percent);
|
||||
}
|
||||
|
||||
@function shade( $color, $percent ) {
|
||||
@return mix(black, $color, $percent);
|
||||
}
|
||||
|
||||
|
||||
@mixin border-radius ( $radius ) {
|
||||
-webkit-border-radius: $radius;
|
||||
-moz-border-radius: $radius;
|
||||
-ms-border-radius: $radius;
|
||||
-o-border-radius: $radius;
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin box-sizing($box-model) {
|
||||
-webkit-box-sizing: $box-model; // Safari <= 5
|
||||
-moz-box-sizing: $box-model; // Firefox <= 19
|
||||
box-sizing: $box-model;
|
||||
}
|
||||
|
||||
@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
|
||||
@if $inset {
|
||||
-webkit-box-shadow:inset $top $left $blur $color;
|
||||
-moz-box-shadow:inset $top $left $blur $color;
|
||||
box-shadow:inset $top $left $blur $color;
|
||||
} @else {
|
||||
-webkit-box-shadow: $top $left $blur $color;
|
||||
-moz-box-shadow: $top $left $blur $color;
|
||||
box-shadow: $top $left $blur $color;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin two-stop-gradient($fromColor, $toColor) {
|
||||
background-color: $toColor; /* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, $fromColor 0%, $toColor 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, $fromColor 0%, $toColor 100%); /* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, $fromColor 0%, $toColor 100%); /* IE10 */
|
||||
background-image: -o-linear-gradient(top, $fromColor 0%, $toColor 100%); /* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, $fromColor 0%, $toColor 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{nth( $fromColor, 1 )}', EndColorStr='#{nth( $toColor, 1 )}');
|
||||
}
|
||||
|
||||
@mixin three-stop-gradient($fromColor, $middleColor, $toColor) {
|
||||
background-color: $toColor; /* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, $fromColor, $middleColor, $toColor); /* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, $fromColor, $middleColor, $toColor); /* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, $fromColor, $middleColor, $toColor); /* IE10 */
|
||||
background-image: -o-linear-gradient(top, $fromColor, $middleColor, $toColor); /* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, $fromColor, $middleColor, $toColor);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{nth( $fromColor, 1 )}', EndColorStr='#{nth( $toColor, 1 )}');
|
||||
}
|
||||
|
||||
@mixin radial-gradient ($fromColor, $toColor ) {
|
||||
background: $toColor; /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, $fromColor), color-stop(1, $toColor)); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, $fromColor 0%, $toColor 100%); /* W3C Markup, IE10 Release Preview */
|
||||
}
|
||||
|
||||
@mixin keyframe ($animation_name) {
|
||||
@-webkit-keyframes #{$animation_name} {
|
||||
@content;
|
||||
}
|
||||
|
||||
@-moz-keyframes #{$animation_name} {
|
||||
@content;
|
||||
}
|
||||
|
||||
@-o-keyframes #{$animation_name} {
|
||||
@content;
|
||||
}
|
||||
|
||||
@keyframes #{$animation_name} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin animation ($duration, $animation) {
|
||||
-webkit-animation-duration: $duration;
|
||||
-webkit-animation-name: $animation;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-webkit-animation-direction: alternate;
|
||||
|
||||
-moz-animation-duration: $duration;
|
||||
-moz-animation-name: $animation;
|
||||
-moz-animation-fill-mode: forwards;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-moz-animation-timing-function: linear;
|
||||
-moz-animation-direction: alternate;
|
||||
|
||||
-o-animation-duration: $duration;
|
||||
-o-animation-name: $animation;
|
||||
-o-animation-fill-mode: forwards;
|
||||
-o-animation-iteration-count: infinite;
|
||||
-o-animation-timing-function: linear;
|
||||
-o-animation-direction: alternate;
|
||||
|
||||
animation-duration: $duration;
|
||||
animation-name: $animation;
|
||||
animation-fill-mode: forwards;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
@mixin close-icon () {
|
||||
position: absolute;
|
||||
top: 19px;
|
||||
right: 19px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
|
||||
&:after {
|
||||
content: '\00d7';
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&:after {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin overlay-background () {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@include radial-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7) );
|
||||
|
||||
z-index: 10;
|
||||
|
||||
// IE8- doesn't support RGBA and jQuery uses `filter:` for the fade-in
|
||||
// animation, so we need a child element that is used just for the display
|
||||
>div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
|
||||
// IE7-
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
|
||||
|
||||
// IE8
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
|
||||
}
|
||||
|
||||
// IE9 has both filter and rgba support, so we need a hack to disable the filter
|
||||
>div:not([dummy]) {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
|
||||
}
|
||||
}
|
||||
|
||||
@mixin background-transision () {
|
||||
-webkit-transition: background-color 500ms linear;
|
||||
-moz-transition: background-color 500ms linear;
|
||||
-ms-transition: background-color 500ms linear;
|
||||
-o-transition: background-color 500ms linear;
|
||||
transition: background-color 500ms linear;
|
||||
}
|
||||
|
||||
106
httpdocs/themes/vuexy/css/datatables-editor/scss/processing.scss
Normal file
106
httpdocs/themes/vuexy/css/datatables-editor/scss/processing.scss
Normal file
@ -0,0 +1,106 @@
|
||||
|
||||
div.DTE {
|
||||
div.DTE_Processing_Indicator {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 42px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
z-index: 20;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
&.processing {
|
||||
div.DTE_Processing_Indicator {
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.DTE_Field div.DTE_Processing_Indicator {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Field div.DTE_Processing_Indicator {
|
||||
top: 13px;
|
||||
right: 0;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
&.DTE_Inline {
|
||||
div.DTE_Processing_Indicator {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
font-size: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&.DTE_Bubble {
|
||||
div.DTE_Processing_Indicator {
|
||||
top: 10px;
|
||||
right: 14px;
|
||||
font-size: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
div.DTE_Processing_Indicator span,
|
||||
div.DTE_Processing_Indicator:before,
|
||||
div.DTE_Processing_Indicator:after {
|
||||
display: block;
|
||||
background: black;
|
||||
width: 0.5em;
|
||||
height: 1.5em;
|
||||
border: 1px solid rgba( 0, 0, 0, 0.4 );
|
||||
background-color: rgba( 0, 0, 0, 0.1 );
|
||||
|
||||
-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
animation: editorProcessing 0.9s infinite ease-in-out;
|
||||
}
|
||||
|
||||
div.DTE_Processing_Indicator:before,
|
||||
div.DTE_Processing_Indicator:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content: '';
|
||||
}
|
||||
|
||||
div.DTE_Processing_Indicator:before {
|
||||
left: -1em;
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
div.DTE_Processing_Indicator span {
|
||||
-webkit-animation-delay: -0.15s;
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
|
||||
div.DTE_Processing_Indicator:after {
|
||||
left: 1em;
|
||||
}
|
||||
|
||||
@-webkit-keyframes editorProcessing {
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
@keyframes editorProcessing {
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
40% {
|
||||
transform: scale(1, 1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
143
httpdocs/themes/vuexy/css/datatables-editor/scss/upload.scss
Normal file
143
httpdocs/themes/vuexy/css/datatables-editor/scss/upload.scss
Normal file
@ -0,0 +1,143 @@
|
||||
|
||||
div.DTE div.editor_upload {
|
||||
padding-top: 4px;
|
||||
|
||||
div.eu_table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.row {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
div.cell {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
div.cell + div.cell {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
div.row + div.row {
|
||||
div.cell {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
button.btn,
|
||||
input[type=file] {
|
||||
width: 100%;
|
||||
height: 2.3em;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
div.drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 3px dashed #ccc;
|
||||
border-radius: 6px;
|
||||
min-height: 4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 1em 2em;
|
||||
line-height: 1.1em;
|
||||
|
||||
&.over {
|
||||
border: 3px dashed #111;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
span {
|
||||
max-width: 75%;
|
||||
font-size: 0.85em;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
div.rendered {
|
||||
img {
|
||||
max-width: 8em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
&.noDrop {
|
||||
div.drop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.row.second {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.rendered {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
&.noClear {
|
||||
div.clearValue button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.multi {
|
||||
div.cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
div.drop {
|
||||
min-height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.clearValue {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
margin-top: 0.5em;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
button {
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -1.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user