/* MG250923 changed mdb data table to eb-x-table */
.eb-message-container {
max-height: 40rem;
overflow-y: auto;
}
.eb-x-table-header .last .eb-x-table-filter, .eb-x-table-header .last .eb-x-table-colsort { /* done like this cos with :last-child it would always trigger while we might want/need it only in certain situations */
margin-right: .5rem;
}
/* MG250827 enabled old-style v5 statistics page, cos some customers need it obviously */
.eb-x-table-data.eb-stats-module, .eb-x-table-data.eb-stats-volume {
font-size: .9rem;
line-height: 1.2;
}
.eb-x-table-data.eb-stats-module .cell:first-child {
padding-left: 2rem;
}
.eb-x-table-data.eb-stats-volume {
font-size: .8rem;
}
.eb-x-table-data.eb-stats-volume .cell:first-child {
padding-left: 4rem;
}
.eb-statistics-container .eb-x-table > .row > .cell {
border-color: transparent;
line-height: 1.2;
}
.eb-stats-data {
border: 1px solid var(--eb-thumb-border-color);
border-radius: .5rem;
background-color: var(--eb-thumb-background-color);
width: 99%;
}
.eb-statistics-container .icon-m {
transform: translate(0,2px);
margin-right: .2rem;
}
/* MG250719 added facility to put certain extended adl options to the "front page" (in non-wizard mode only, i suppose) */
.eb-export-frontpage .eb-x-table-data {
margin-bottom: .5rem;
}
/* MG250717 modal translator dialogue for multilanguage text fields */
.eb-translate-language {
margin: .2rem 0;
position: relative;
}
.eb-translate-language em.icon-b {
visibility: hidden;
}
.eb-translate-language:hover em.icon-b {
visibility: visible;
}
.eb-translate-language em.icon-b-chevron-double-left, .eb-translate-language em.icon-b-chevron-double-right {
position: absolute;
top: .2rem;
right: 1rem;
background-color: var(--eb-titlebar-background);
border-radius: 2rem;
padding: .3rem;
font-size: .55rem;
margin-left: .3rem;
cursor: pointer;
}
.eb-translate-language em.icon-b-chevron-double-left {
margin-right: 1.3rem;
}
.eb-translate-source em.icon-b-chevron-double-right, .eb-translate-target em.icon-b-chevron-double-left {
font-weight: bold;
}
.eb-translate-controls {
margin-top: .5rem;
}
.eb-translate-controls button {
margin-top: .3rem;
}
.eb-translate-language.eb-translate-target label::before {
font: normal normal normal 1em/1 "eb-bootstrap";
content: "\ea46";
display: inline-block;
font-size: .75rem;
padding-right: .2rem;
}
.eb-translate-language.eb-translate-source label::after {
font: normal normal normal 1em/1 "eb-bootstrap";
content: "\ea46";
display: inline-block;
font-size: .75rem;
padding-left: .2rem;
}
/* MG250715 messing around with missing type-to-find feature for mdb dropdowns without a search field (v5-style functionality requested) */
body.eb-no-drops .select-dropdown-container {
display: none;
}
/* MG250715 return of the inline alert monsters (no modal dlg, but unobtrustive in the left btn of a pane) */
.eb-inline-alert {
display: flex;
position: absolute;
left: 0;
bottom: 0;
padding: .5rem 1rem;
font-weight: bold;
opacity: 0;
transition: opacity .5s linear;
}
.modal-dialog .eb-inline-alert {
margin-bottom: 1rem;
}
.eb-inline-alert.show {
opacity: 1;
}
.eb-inline-alert.show.unshow {
opacity: 0;
}
.eb-inline-alert .icon-b.icon-b-x {
padding-left: .5rem;
font-weight: bold !important;
font-size: 1.2rem;
margin-top: .2rem;
color: var(--eb-mdb-theme-color);
}
.eb-inline-alert.success {
color: var(--bs-info);
}
.eb-inline-alert.warning {
color: var(--bs-warning);
}
.eb-inline-alert.error {
color: var(--bs-danger);
}
/* MG250714 some missing styles for selected records, mostly in the list view */
.eb-data-item[marked="tentative"] {
border: 1px solid rgba(var(--eb-primary-color-rgb), 0.75);
background: var(--eb-primary-color-rgb-opaque) !important;
}
.eb-data-item[marked="dragorigin"] {
border: 1px solid rgba(var(--eb-primary-color-rgb), 0.75);
background: var(--eb-primary-color-rgb-opaque) !important;
}
.x-list-table .eb-data-item[marked="tentative"] .cell {
background-color: var(--eb-primary-color-rgb-opaque) !important;
}
.x-list-table .eb-data-item[marked="dragorigin"] .cell {
background-color: var(--eb-primary-color-rgb-opaque) !important;
}
/* MG250714 moodboard widget */
.widget-mood-board .image {
display: none;
}
.widget-mood-board.stage-0 .image.stage-1 {
display: inline-block;
max-width: 150px;
}
.widget-mood-board.stage-0 .image.stage-1 img {
max-width: 250px;
max-height:250px;
}
.widget-mood-board.stage-1 .image.stage-1-selected {
display: inline-block;
}
.widget-mood-board.stage-1 .image.stage-1-hidden {
visibility: hidden;
}
.widget-mood-board.stage-1 .image.stage-1-selected.landscape img {
width: 100%;
height: auto;
}
.widget-mood-board.stage-1 .image.stage-1-selected.portrait img {
width: auto;
height: 100%;
}
.widget-mood-board-data-container {
width: 67%;
height: 100%;
overflow-y: auto;
position: absolute;
}
.stage-0 .widget-mood-board-data-container {
width: 100%;
}
.widget-mood-board-controls {
position: absolute;
top: .5rem;
bottom: .2rem;
width: 28%;
right: 1rem;
}
.widget-mood-board-controls .widget-buttons {
position: absolute;
bottom: .2rem;
}
.stage-0 .widget-mood-board-controls {
width: 0%;
visibility: hidden;
}
.widget-mood-board-controls .select-wrapper {
margin-bottom: 1rem;
}
.widget-mood-board.stage-1 .image.stage-2-selected {
display: block;
width: 105px;
height: 70px;
z-index: 2;
position: absolute;
left: 0;
top: 0;
transform: translate(20px,20px);
}
.widget-mood-board .stage-1 span {
width: 100%;
display: inline-block;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: .7rem;
}
.widget-mood-board.stage-1 .stage-1 span {
display: none;
}
.image img {
width: 100%;
height: 100%;
}
.widget-mood-board.stage-1 .image.stage-3-selected {
display: block;
width: 105px;
height: 70px;
z-index: 3;
position: absolute;
left: 0;
top: 0;
transform: translate(115px,73px);
}
.widget-mood-board.stage-1 .image.stage-4-selected {
display: block;
width: 105px;
height: 70px;
z-index: 4;
position: absolute;
left: 0;
top: 0;
transform: translate(65px,117px);
}
.widget-mood-board .widget-stage-thumbs img {
display: none;
max-height: 70px;
padding: .05rem;
cursor: pointer;
transform: scale(1);
transition: transform .5s;
}
.widget-mood-board .widget-stage-thumbs img.show-substage {
display: inline;
}
.widget-mood-board .widget-stage-thumbs img.widget-thumb-selected {
transform: scale(1.1);
transition: transform .5s;
}
/* MG250713 moodboard widget end */
.eb-col-pin {
background-color: transparent;
position: absolute;
right: 0;
top: 0;
width: 15px;
height: 15px;
clip-path: polygon(0 0, 100% 100%,0 100%);
transform: rotate(180deg);
cursor: pointer;
z-index: 2;
}
.colheader:hover .eb-col-pin {
background-color: var(--bs-info);
opacity: 1;
}
.colheader .eb-col-pin.pinned {
background-color: var(--bs-info);
opacity: .5;
}
.x-list-table .eb-data-item[marked="true"] .cell {
background-color: var(--eb-primary-color-rgb-opaque) !important;
}
.css_titel .datawrapper span {
width: 100%;
}
/* MG250526 amend definition in xlist.css which targets the header row, while i suppose it should not */
.x-list-table .colheader.css_titel span {
display: inline;
}
.eb-tabheader-container > div {
height: calc(100% - 2px);
background-color: var(--eb-primary-color);
}
.eb-data-item.eb-alt-title-alt span.alt {
display: inline-block;
}
.eb-data-item.eb-alt-title-def span.alt, .eb-data-item.eb-alt-title-alt span.def {
display: none;
}
/* MG250517 in case some info text is shown on the "usage purpose" page concerning restrictions of downloading the original quality */
.adlbox .note {
margin: 0 1rem -1rem -1rem;
}
/* MG250514 amend 100% popover height on (i) in tiles view */
.eb-popover-iteminfo {
inset: 16px auto auto 0px !important;
}
/* MG250510 heavy problems with bootstrap's performance in the priv managers with gazillions of checkboxes */
.eb-priv-table.eb-std-checkboxes .icon-b {
font-size: .85rem; /* MG250514 .9rem makes chrxxxe based browsers already throw up */
display: block;
margin-bottom: .6rem;
}
.tab-toolbar .eb-control-buttons.eb-secondary-controls {
right: 22rem;
}
.form-control .exportsheet {
margin-top: .3rem;
}
.eb-filter {
border-left: 2px solid transparent;
border-radius: 0;
}
.eb-filter.active {
border-left: 2px solid #3d5dcf; /* unfortunately no css var yet */
}
/* MG250505 unused example for smaller font size in slider knob in personal settings for setting "send mail interval" */
/*.range.eb-thumb-always-active input[name="setting-118"] + .thumb .thumb-value {
font-size: 10px;
}*/
.eb-data-edit.form-control.eb-focusable-control.eb-data-type-1 {
padding-top: .2rem;
}
.eb-thes-container > .eb-thes-config-controls {
display: none;
}
.eb-priv-table.xhead {
position: fixed;
z-index: 2;
margin-top: -2rem;
}
.eb-priv-table.xhead th:last-child {
width: 4rem;
}
.eb-priv-table.xbody {
margin-top: 2.5rem;
}
.eb-priv-container .datatable.eb-super-dense table th, .eb-priv-container .datatable.eb-super-dense table td {
padding: .75rem .85rem;
}
.nofc .form-check {
margin-top: .2rem;
}
/* MG250415 without the padding, the buttons were rather hard to click on, and in many cases the thesaurus selector dropdown opened (in case more than one thes of a kind was available) */
.eb-thes-root [class*="btn-outline-"] .icon-b {
padding: .5rem;
right: .25rem;
}
.eb-thes-root [class*="btn-outline-"] .icon-b-search {
right: 1.9rem !important;
}
/* MG250414 improved handling of defined search symbolic image a bit */
.eb-defsearch-img {
position: relative;
}
.eb-defsearch-img .icon-b-trash, .eb-defsearch-img:hover .icon-b-trash.hide {
display: none;
}
.eb-defsearch-img:hover .icon-b-trash {
display: inline;
position: absolute;
top: .1rem;
right: .4rem;
background-color: var(--eb-mdb-theme-background);
padding: .2rem;
border-radius: 1rem;
opacity: .8;
}
.eb-modal-body-comment {
font-size: .8rem;
}
/* MG250331 this'n'that, mostly some small tweaks for widget 19 (request folders) and widget 15 (dataspaces)*/
.dropdown-item.dropdown-item-text.eb-centered-note {
text-align: center;
font-size: .8rem;
font-style: italic;
padding: 0;
pointer-events: none;
}
.eb-thread-create button {
position: absolute;
margin-top: -3.1rem;
white-space: nowrap;
margin-left: -11rem;
}
.eb-priv-container .form-group + i.icon-b-x {
float: right;
margin-top: -1.8rem;
margin-right: .2rem;
font-size: 1.5rem;
font-weight: bold;
cursor: pointer;
z-index: 2;
position: relative;
}
.widget-request-folders.empty h4 .icon-b {
visibility: hidden;
}
.widget-request-folders:not(.empty) .info-user-action {
display: none;
}
.widget-header h4 .icon-b {
transform: translate(2px,2px);
}
.widget-request-folders .eb-folder-name {
white-space: nowrap;
text-overflow: ellipsis;
}
.widget-request-folders .eb-request-select-container {
max-width: 15rem;
}
.widget-request-folders .eb-widget-request-folders-user th, .widget-request-folders .eb-widget-request-folders-admin th {
white-space: nowrap;
}
.file-ccfexport-container {
min-height: 400px;
}
.eb-message-nomessage {
margin: 0 0 1rem 1rem;
}
.eb-thread-theme h5 {
max-width: 75%;
}
.eb-thread-theme h5 .eb-thread-title {
white-space: inherit;
}
.widget-body .card-title {
overflow: hidden;
}
#widgets-container .widget-request-folders .info-user-action.top {
position: absolute;
margin-top: -1.3rem;
font-size: .8rem;
}
/* MG250303 better visualization of the group spreader status in the keypriv matrix */
.eb-groupspread-active .form-check-input[type="checkbox"]:checked {
opacity: .5;
}
.eb-groupspread-active .eb-priv-groupspread-active .form-check-input[type="checkbox"]:checked {
opacity: 1;
}
/* MG250227 remove / change some antics or whatever from / of mdb date time fields */
.eb-search-container .invalid-feedback {
display: none !important;
}
.eb-search-container .form-outline .form-control.is-invalid ~ .form-label,
.was-validated .form-outline .form-control:invalid ~ .form-notch .form-notch-leading,
.was-validated .form-outline .form-control:invalid ~ .form-notch .form-notch-middle,
.was-validated .form-outline .form-control:invalid ~ .form-notch .form-notch-trailing,
.form-outline .form-control.is-invalid ~ .form-notch .form-notch-leading,
.form-outline .form-control.is-invalid ~ .form-notch .form-notch-middle,
.form-outline .form-control.is-invalid ~ .form-notch .form-notch-trailing {
color: inherit;
border-color: inherit;
}
.datetimepicker-toggle-button {
right: -5px;
top: 49%;
}
/* MG250226 expand inline links to other records of the form [xxx] */
a.eb-data-link {
cursor: pointer;
}
a.eb-data-link::before {
font-family: 'eb-bootstrap';
content: "\ea5e";
padding-right: .15rem;
}
.chip a.eb-data-link::before {
content: "";
padding-right: 0;
}
/* MG250218 "trans"parent colors are created from the opaque ones via js in 105.htt */
/* improved access inheritance in module configurator - was completely stupid before */
.eb-fieldconfig-portal {
background-color: var(--bs-warning-trans) !important;
}
.eb-x-table > .row > .cell :not(form-check).eb-access-inherit::before {
border-radius: 2rem;
line-height: 2rem;
padding: .5rem;
}
.eb-x-table > .row > .cell :not(form-check).eb-access-inherit.active::before {
background-color: var(--eb-btn-primary-bgcolor);
color: var(--eb-btn-primary-color);
}
/* MG250214 not really used icons, just placeholders for the "embedded" mode where eyebase runs inside an iframe of a cms host system */
.icon-b-medapro::before {
content: "\ea67";
}
.icon-b-cms img {
position: absolute;
left: 0;
width: 32px;
height: 32px;
margin-top: -3px;
}
/* MG250211 some stuff for the list value editor - allow to show deleted records (i.e. in the trash) containing list values */
.eb-x-table-header .eb-x-table-colsort.eb-x-table-arrow-left {
left: .4rem;
right: auto;
}
.eb-search-tt {
display: none;
}
body.user-s .eb-search-tt, body.user-d .eb-search-tt {
display: inherit;
}
.eb-workpane-tiles .eb-item-in-trash, .eb-workpane-xlist .eb-item-in-trash, .eb-item-in-trash .eb-workpane-detail .bild, .eb-item-in-trash .eb-workpane-detail .eb-data-field:not(.imgcontainer) {
background-color: var(--bs-warning-trans);
}
.eb-workpane-tiles .eb-item-in-admin-trash, .eb-workpane-xlist .eb-item-in-admin-trash, .eb-item-in-admin-trash .eb-workpane-detail .bild, .eb-item-in-admin-trash .eb-workpane-detail .eb-data-field:not(.imgcontainer) {
background-color: var(--bs-info-trans);
}
.icon-b-trash.eb-trash-info {
display: none;
}
.eb-item-in-trash .icon-b-trash.eb-trash-info, .eb-item-in-admin-trash .icon-b-trash.eb-trash-info {
display: block;
position: absolute;
left: .2rem;
bottom: .1rem;
background-color: rgba(255,255,255,.5);
padding: .2rem;
border-radius: 10px;
cursor: pointer;
}
.eb-item-in-trash .starbox, .eb-item-in-trash .eb-btn-download, .eb-item-in-trash .eb-btn-magnify,
.eb-item-in-admin-trash .starbox, .eb-item-in-admin-trash .eb-btn-download, .eb-item-in-admin-trash .eb-btn-magnify {
pointer-events: none;
opacity: .5;
}
.eb-item-in-trash .chip, .eb-item-in-admin-trash .chip {
opacity: .5;
}
.eb-item-in-trash .mini, .eb-item-in-admin-trash .mini {
display: none;
}
/* MG250121 re-implementation of dataspace widget */
.accordion-item h2 .dropdown-dots {
visibility: hidden;
padding: 9px 0 14px;
}
.avatar-32 {
min-width: 32px; /* otherwise squeezes to an egg! */
}
.nav-link.warning {
color: var(--bs-warning);
}
.nav-link.info {
color: var(--bs-info);
}
.nav-link.danger {
color: var(--bs-danger);
}
.accordion-item h2:hover .dropdown-dots, .accordion-item h2:hover+h2 .dropdown-dots, .accordion-item.btn-on .accordion-header .dropdown-dots {
visibility: visible;
}
.accordion-header.eb-dataspace-controls {
display: inline-block;
width: calc(100% - 31px);
}
.accordion-header.eb-dataspace-filters {
display: inline-block;
width: 30px;
}
.accordion-header.eb-dataspace-filters .dropdown-dots {
margin-left: 7px;
}
.eb-data-space .badge-notification.eb-thread-unread {
background-color: var(--bs-success);
}
.eb-data-space .badge-notification.eb-thread-read {
background-color: var(--bs-dark);
}
.eb-thread-title {
float: left;
}
.eb-thread-title em {
font-weight: normal;
}
.card.fixed-bottom {
z-index: 1; /* .fixed-bottom set to 1030 in _position.scss and overlaps with the drag handles between workpanes */
}
.eb-pane-right .fixed-bottom {
bottom: var(--lower-height);
left: auto;
width: var(--right-width);
}
.eb-pane-left .fixed-bottom {
right: auto;
width: var(--left-width);
}
.eb-pane-lower .fixed-bottom {
left: var(--left-width);
width: calc(100% - var(--left-width) - var(--col1-width) - var(--right-width) - var(--col2-width));
}
.eb-pane-center .fixed-bottom { /* for workspace 5 */
right: auto;
left: calc(var(--left-width) + var(--col1-width));
width: calc(100% - var(--left-width) - var(--col1-width) - var(--right-width) - var(--col2-width));
bottom: var(--lower-height);
}
.eb-pane-col1 .fixed-bottom {
left: calc(var(--left-width));
right: auto;
width: var(--col1-width);
bottom: var(--lower-height);
}
.eb-pane-col2 .fixed-bottom {
left: auto;
right: calc(var(--right-width));
width: var(--col2-width);
bottom: var(--lower-height);
}
accordion.eb-no-transitions .accordion-button::after, .accordion-item.eb-no-transitions .accordion-collapse {
transition: none !important;
}
.widget-data-spaces .eb-workpane {
display: block;
padding: 0;
}
.widget accordion .card {
width: 100% !important;
}
.eb-chat-msg {
max-width: 533px;
}
.eb-msg-sender .eb-thread-admin {
margin-left: .3rem;
margin-top: .13rem;
}
.shadow-1-strong.eb-chat-msg-referenced {
box-shadow: 0 0 1rem .2rem var(--bs-primary) !important;
}
.shadow-1-strong.eb-chat-msg-highlight {
box-shadow: 0 0 1rem .2rem var(--bs-info) !important;
}
.eb-chat-threads {
display: block;
height: calc(100% - 4rem);
overflow-y: auto;
}
.eb-chat-msg .note {
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
cursor: pointer;
}
.justify-content-start .eb-chat-msg .note {
margin-top: 0;
}
.eb-chat-msg .eb-msg-sender {
display: flex;
margin: -6px 0 0;
font-size: .6rem;
font-weight: bold;
}
.eb-chat-msg .note .eb-msg-sender {
margin: -5px 0;
white-space: nowrap;
}
.eb-chat-msg .note+.eb-msg-sender {
margin: 0;
}
.eb-chat-msg .note .eb-msg-itemtitle, .eb-chat-media .note .eb-msg-itemtitle {
display: flex;
font-size: .6rem;
font-weight: bold;
margin: 0;
}
.eb-drag-container .eb-msg-itemtitle {
display: block;
}
.eb-chat-msg .eb-msg-remove, .eb-chat-file .eb-msg-remove {
display: flex;
margin: -10px 0 -4px calc(100% - 8px);
font-weight: bold;
cursor: pointer;
visibility: hidden;
}
.eb-chat-file .eb-msg-remove {
margin-bottom: -10px;
}
.eb-chat-msg .note + .eb-msg-remove {
margin-top: -3px;
}
.eb-chat-msg:hover .eb-msg-remove, .eb-chat-media .eb-msg-remove {
visibility: visible;
}
.eb-chat-container div:last-child {
margin-bottom: 10px;
}
.eb-chat-media {
height: var(--eb-chat-media-height);
overflow-y: auto;
display: none;
}
.eb-chat-media-active .eb-chat-media {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
padding-top: 1rem;
}
.eb-chat-media-active .eb-chat-threads {
height: calc(100% - 4rem - var(--eb-chat-media-height));
}
.shadow-1-strong.eb-chat-file-highlight {
box-shadow: 0 0 1rem .2rem var(--bs-primary) !important;
}
.eb-chat-file img.landscape, .eb-chat-msg img.landscape {
width: 100px;
height: auto;
}
.eb-chat-file img.portrait, .eb-chat-msg img.portrait {
height: 100px;
width: auto;
}
.btn.eb-btn-busy {
pointer-events: none;
opacity: .5;
}
.btn.eb-btn-busy .spinner-border.hide {
display: block !important;
}
.btn.eb-btn-busy .icon-b {
display: none;
}
.btn.btn-sm.eb-btn-busy .spinner-border.hide {
margin: 0 !important;
width: .8rem;
height: .8rem;
}
.eb-charcolor-0 { color: var(--eb-color70-color) !important; background-color: var(--eb-color70-background) !important; }
.eb-charcolor-1 { color: var(--eb-color71-color) !important; background-color: var(--eb-color71-background) !important; }
.eb-charcolor-2 { color: var(--eb-color72-color) !important; background-color: var(--eb-color72-background) !important; }
.eb-charcolor-3 { color: var(--eb-color73-color) !important; background-color: var(--eb-color73-background) !important; }
.eb-charcolor-4 { color: var(--eb-color74-color) !important; background-color: var(--eb-color74-background) !important; }
.eb-charcolor-5 { color: var(--eb-color75-color) !important; background-color: var(--eb-color75-background) !important; }
.eb-charcolor-6 { color: var(--eb-color76-color) !important; background-color: var(--eb-color76-background) !important; }
.eb-charcolor-7 { color: var(--eb-color77-color) !important; background-color: var(--eb-color77-background) !important; }
.eb-charcolor-8 { color: var(--eb-color78-color) !important; background-color: var(--eb-color78-background) !important; }
.eb-charcolor-9 { color: var(--eb-color79-color) !important; background-color: var(--eb-color79-background) !important; }
/* MG250110 (reluctant) return of the looking glass. either as a modal layover in the main window (.eb-detail-medres) or as a separate window with a new workspace (12) - .eb-web-view */
.eb-web-view .eb-pane-closer {
display: none !important;
}
.eb-generic-medres .eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip) .imgcontainer {
width: 100% !important;
}
.eb-generic-medres .eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip).itemcontainer:not(.eb-show-keyframes) .fieldcontainer {
display: none;
}
.eb-generic-medres .eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip).itemcontainer.eb-show-keyframes .fieldcontainer .eb-data-field:not(.css_keyframes) {
display: none !important;
}
.eb-generic-medres .eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip).itemcontainer.eb-show-keyframes .fieldcontainer .eb-data-field.css_keyframes {
margin-top: 0;
}
.eb-generic-medres .eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip).itemcontainer.eb-show-keyframes .fieldcontainer .eb-data-field.css_keyframes .form-control {
overflow-y: auto;
}
.eb-web-view .eb-btn-sbar, .eb-generic-medres .toolbar-languages, .eb-generic-medres .dataspace-tab, .eb-generic-medres .field-tabs {
display: none;
}
.eb-detail-medres .starbox, .eb-detail-medres .v-box, eb-detail-medres .eb-x256-revert,
.eb-detail-xassoc .starbox, .eb-detail-xassoc .v-box, eb-detail-xassoc .eb-x256-revert {
visibility: hidden;
}
.eb-detail-xassoc .icon-b-download::before {
content: "\ea5f";/*ea40*/
}
.eb-assocselector-item .icon-b-zoom-in {
margin-top: -.2rem;
}
.eb-detail-medres .imgcontainer .filename-ext {
visibility: visible;
position: absolute;
right: 0;
bottom: 0;
}
.eb-detail-medres.eb-generic-medres .itemcontainer:not(.eb-show-keyframes) .bild {
border-color: transparent;
}
.eb-enabled {
pointer-events: all;
}
.toolbar-title { /* MG250110 first use of the toolbar title in v6! :-) */
font-weight: bold;
}
.toolbar-title.smaller {
font-size: .8rem;
}
.toolbar-title small {
display: block;
}
.filename-ext a::before {
content: "\ea0f";
font-family: 'eb-bootstrap';
font-size: .5rem;
padding-right: .2rem;
}
.css_keyframes .form-control {
scroll-behavior: smooth !important;
}
.keyframe-inner {
text-align: center;
}
/* MG241209 new option in viewmode configurator - allow to set a default medres viewode that is used when opening a record via the (reintroduced) looking glass symbol */
.eb-workpane-detail .eb-container {
margin: 0 !important;
}
body:not(.eb-magnifier-controls) .eb-viewmodeconfig-data .eb-x-table .eb-medres, body:not(.eb-magnifier-controls) .bild .icon-b-zoom-in, body:not(.eb-magnifier-controls) .eb-btn-magnify, .eb-detail-medres .eb-btn-magnify, .eb-detail-xassoc .eb-btn-magnify, .eb-detail-medres:not(.eb-generic-medres) .eb-btn-keyframes {
display: none;
}
body.eb-magnifier-controls .css_symbol .thumbnail {
cursor: pointer;
}
.eb-viewmode-vmdir-result .eb-x-table > .row > .cell.eb-medres {
display: none;
}
.eb-detail-medres .eb-data-actions, .eb-detail-medres .eb-btn-viewmodes, .eb-detail-medres .eb-btn-size,
.eb-detail-xassoc .eb-data-actions, .eb-detail-medres .eb-btn-viewmodes, .eb-detail-xassoc .eb-btn-size {
display: none;
}
.eb-detail-medres .chip, .eb-detail-xassoc .chip {
pointer-events: none;
}
.eb-detail-medres .eb-btn-medres-close, .eb-detail-xassoc .eb-btn-medres-close {
background-color: transparent !important;
display: inline !important;
box-shadow: none;
padding: 0;
}
.eb-detail-medres .eb-btn-medres-close .icon-b, .eb-detail-xassoc .eb-btn-medres-close .icon-b {
font-size: 27px;
}
.eb-detail-medres .field-tabs::before {
background-color: transparent;
}
.eb-lo-detail.eb-pane-layout-editor .eb-btn-size {
z-index: 5;
}
.eb-lo-viewmode .tab-titlebar, .eb-pane-layout-editor .tab-titlebar {
pointer-events: none;
}
.eb-pane-modal.eb-detail-medres .imgcontainer > div, .eb-pane-modal.eb-detail-medres .bild, /*.eb-pane-modal.eb-detail-medres .eb-medres-handle,*/
.eb-pane-modal.eb-pane-layout-editor .imgcontainer > div, .eb-pane-modal.eb-pane-layout-editor .bild, .eb-pane-modal.eb-pane-layout-editor .eb-medres-handle{
height: 100% !important;
}
.eb-pane-modal.eb-pane-layout-editor .eb-data-actions, .eb-pane-modal.eb-pane-layout-editor .eb-control-buttons .btn-group {
opacity: .2;
pointer-events: none;
}
.eb-lo-detail.eb-pane-modal.eb-pane-layout-editor .eb-btn-viewmodes {
display: none;
}
.eb-lo-detail.eb-pane-modal.eb-pane-layout-editor .eb-modal-layout-save {
display: inline-flex !important;
}
.eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip) .imgcontainer .bild { /* MG241220 heed the additional border round the .bild container, which makes the whole sizing arithmetics a mess */
width: calc(100% - 2px) !important;
}
.eb-hellip::after {
content: "\2026";
}
/* didn't figure out how to bring the zoom button (right top) into front in modal mode, as setting z-index to 1045 (like a few lines above to 5) didn't work, so this is an ugly crook which would be nice to having it fixed. :-) */
/*.eb-pane-modal.eb-lo-detail.eb-pane-layout-editor .eb-btn-size {
z-index: 1045;
}*/
.eb-pane-modal.eb-cloaker {
margin-right: 64px;
background-color: transparent;
}
/* MG241204 added missing def for menus with only one entry */
.dropdown-menu > li:first-child:last-child, .dropdown-menu > li:first-child:last-child .dropdown-item, .eb-overview-filter .sidenav-collapse > li:first-child:last-child {
border-top-left-radius: .45rem;
border-top-right-radius: .45rem;
border-bottom-left-radius: .45rem;
border-bottom-right-radius: .45rem;
}
/* MG241204 rcsv export button near the top fulltext input */
#_overview .topbar__search .icon-b.eb-export-rcsv {
position: relative;
cursor: pointer;
border-radius: 2rem;
margin-left: .3rem;
pointer-events: auto;
}
.eb-export-rcsv.dropdown-toggle::after {
margin-left: .2rem;
}
#_overview .topbar__search .icon-b.eb-export-rcsv.eb-all-fields {
color: var(--eb-btn-primary-color);
background-color: var(--eb-btn-primary-bgcolor);
}
#_overview .topbar__search .icon-b.eb-export-rcsv.eb-edit-fields {
color: var(--eb-topbar-color);
background-color: var(--bs-warning);
}
.eb-highlight-control {
background-color: var(--bs-success) !important;
color: var(--eb-topbar-color) !important;
transition: background-color 1s linear, color 1s linear;
}
.eb-highlight-control-fade {
color: var(--eb-topbar-search-color) !important;
background-color: inherit !important;
}
/* MG241128 add owner info to list of pin template, in case the template has been defined by someone else (e.g. a group admin)
.pin-memo em {
display: block;
width: 100%;
text-align: right;
font-size: .6rem;
}
/* MG241114 removing the "password forgotten" and/or "request account" options from the login dialog leaves it rather strange looking due to the min height.
however, the min height makes sense for other purposes of the html construct, e.g. the message that a pin does not exist or has expired. so only do this in case we're actually dealing with a login scenario. */
.eb-lo-login .login-page__form-main {
min-height: auto;
}
/* MG241016 "key moval" is a new (albeit exotic) feature that allows for a key to be moveed to a different folder branch at a certain date */
.eb-keyprops-entry .icon-b-c-remove, .eb-keyprops-entry .icon-b-c-add {
float: right;
margin: -1.5rem .5rem;
cursor: pointer;
}
.eb-keyprops-entry .icon-b-c-add {
margin-right: 1.7rem;
}
.eb-keyprops-controls input {
width: 95%;
}
.eb-kp-keymoval .form-group {
width: 20rem;
display: inline-block;
}
/* MG240919 eXternal OIDC workflow - allow to use local eyebase resources in logged-out state to perform custom operations depending on data returned by an auth provider */
.eb-xoidc-list {
max-height: 400px;
overflow: auto;
}
.eb-xoidc-list div {
padding: .3rem 0;
border-radius: 5px;
font-size: 1.3rem;
cursor: pointer;
}
.eb-xoidc-list div:hover {
font-weight: bold;
background-color: rgba(0,0,0,.05);
}
.eb-xoidc-list div::after {
content: "\a0\2713";
/*content: "\a0\1f5f8";*/
visibility: hidden;
color: var(--eb-btn-primary-bgcolor);
text-shadow: var(--eb-btn-primary-bgcolor) 1px 0 10px;
}
.eb-xoidc-list div.eb-xoidc-selected::after {
visibility: visible;
}
.eb-xoidc-list div.eb-xoidc-selected {
font-weight: bold;
}
.eb-xoidc .mb-3 {
margin-top: 1rem;
text-align: center;
}
.eb-xoidc .btn-primary {
width: 100%;
}
/* MG240911 otherwise the "perfect" scrollbars are placed over keyword term chooser */
.eb-show-hits {
z-index: 1036;
}
/* MG240905 "transformer" stuff to turn eyebase into sth else */
.eb-usagenotes .form-label::after {
font: normal normal normal 1em/1 'eb-bootstrap';
content: "\ea0d";
}
.eb-usagenotes .form-label {
z-index: 1;
}
.eb-usagenotes.eb-multilingual .form-label::after {
content: "\ea6b \ea0d";
}
.eb-workpane-detail .form-outline .form-control ~ .form-label {
pointer-events: auto;
z-index: 1;
}
/* MG240901 some more ui fiddling and twiddling, this time with zapping stuff (panes and folder trees) out of view... */
.eb-zapped-left .eb-workspace-bar.left, .eb-zapped-right .eb-workspace-bar.right,
.eb-zapped-col1 .eb-workspace-bar.col1, .eb-zapped-col2 .eb-workspace-bar.col2,
.eb-zapped-col3 .eb-workspace-bar.col3, .eb-zapped-col4 .eb-workspace-bar.col4,
.eb-zapped-col5 .eb-workspace-bar.col5, .eb-zapped-lower .eb-workspace-bar.lower {
pointer-events: none;
}
.eb-zapped-left .eb-pane-left .tab-titlebar .nav-tabs, .eb-zapped-left .eb-pane-left .tab-titlebar .eb-tab-selector, .eb-zapped-left .eb-pane-left .tab-content,
.eb-zapped-right .eb-pane-right .tab-titlebar .nav-tabs, .eb-zapped-right .eb-pane-right .tab-titlebar .eb-tab-selector, .eb-zapped-right .eb-pane-right .tab-content,
.eb-zapped-col1 .eb-pane-col1 .tab-titlebar .nav-tabs, .eb-zapped-col1 .eb-pane-col1 .tab-titlebar .eb-tab-selector, .eb-zapped-col1 .eb-pane-col1 .tab-content,
.eb-zapped-col2 .eb-pane-col2 .tab-titlebar .nav-tabs, .eb-zapped-col2 .eb-pane-col2 .tab-titlebar .eb-tab-selector, .eb-zapped-col2 .eb-pane-col2 .tab-content,
.eb-zapped-col3 .eb-pane-col3 .tab-titlebar .nav-tabs, .eb-zapped-col3 .eb-pane-col3 .tab-titlebar .eb-tab-selector, .eb-zapped-col3 .eb-pane-col3 .tab-content,
.eb-zapped-col4 .eb-pane-col4 .tab-titlebar .nav-tabs, .eb-zapped-col4 .eb-pane-col4 .tab-titlebar .eb-tab-selector, .eb-zapped-col4 .eb-pane-col4 .tab-content,
.eb-zapped-col5 .eb-pane-col5 .tab-titlebar .nav-tabs, .eb-zapped-col5 .eb-pane-col5 .tab-titlebar .eb-tab-selector, .eb-zapped-col5 .eb-pane-col5 .tab-content {
visibility: hidden;
}
.eb-thes-container-fcu {
position: absolute;
top: 0;
}
.eb-thes-container-fcu .eb-thes-panel {
margin-left: -15px;
width: 1.5rem;
}
.eb-thes-container-fcu .eb-detachable-title {
visibility: hidden;
}
.eb-thes-container-fcu .key-container {
height: 0;
overflow: hidden;
transition: width 2s height 4s;
}
.eb-thes-container-fcu .eb-thes-selector {
padding-left: 2px;
padding-right: 0;
}
.eb-thes-container-fcu .icon-b-search, .eb-thes-container-fcu .icon-b-menu4, .eb-thes-container-fcu .eb-thes-selector::after {
display: none;
}
/* MG240821 changed the upload progress bar a bit cos it now displays some more info rather than only the percentage of uploaded data */
.progress-info {
width: 300px;
height: 15px;
text-align: center;
line-height: 15px;
color: #333;
margin-top: -15px;
}
.progress-bar {
background-color: var(--ck-color-link-fake-selection);
}
/* MG240715 perfect scrollbar handles have 1035, the drag container had 1000 */
.eb-drag-container {
z-index: 1036;
}
/* MG240715 more (useless) stuff for the brand configurator! */
.container-fluid.no-modal {
padding: 0 !important;
}
.container-fluid.no-modal .login-page__inner {
max-width: 100%;
height: 100%;
top: 50%;
border-radius: 0 !important;
}
.container-fluid.no-modal .login-page__inner legend {
display: block;
}
.container-fluid.no-modal header, .container-fluid.top-modal header {
border-radius: 0 !important;
}
.container-fluid.no-modal .login-page__form-inner {
max-width: 430px;
margin-left: calc(50% - 215px);
}
.container-fluid.no-header header {
display: none;
}
.container-fluid.top-header .login-page__header {
position: absolute;
width: 100%;
top: 0;
}
.eb-brandconfig .table {
background-color: transparent;
}
.eb-table-super-dense .form-check {
padding-top: 0;
padding-bottom: 0;
}
/* MG240714 smuggle some more text into the blue notification box in the export dialogue, if needed */
.eb-size-note span {
display: inline-block;
margin-top: 1rem;
}
.eb-size-note p {
margin-bottom: 0;
font-style: italic;
}
/* MG240714 a config in styles/_source/mdbootstrap/src/mdb/scss/custom/settings/accounts.scss prevents the quicklist buttons from being shown in search results. this is OK for the account manager, but in other cases they should be shown. */
.eb-lo-searchresult .mini > div > :not(.eb-popover) {
display: inline-block;
}
.eb-lo-searchresult [ctxmodule="504"] .mini > div > :not(.eb-popover) {
display: none;
}
/* MG240612 mailconfig stuff */
.eb-mailconfig-files .form-control, .eb-mailconfig-expanders .form-control, .eb-mailconfig-xdata .form-control {
margin: .5rem 0 0 0;
}
.eb-x-table-cell-top > .row > .cell {
vertical-align: top;
}
.eb-xdata-group {
display: flex;
margin-bottom: .5rem;
}
.eb-xdata-group textarea {
height: 10rem;
font-family: Lucida Console;
font-size: .7rem;
}
.xdata-media {
max-height: 10rem;
width: auto;
}
.eb-xdata-group .form-group {
width: 100%; /* otherwise gets too narrow - dunno why */
}
.eb-xdata-group span {
margin: .2rem;
}
.eb-dropdown-imgbox {
display: inline-block;
}
.eb-dropdown-imgbox img {
max-height: 3rem;s
}
.cell-right .dropdown button {
position: absolute;
right: 0;
}
.eb-mt-expander-img {
max-width: 5rem;
max-height: 3rem;
}
.mt-text textarea[is-html="true"] {
font-family: lucida console;
font-size: .7rem;
}
.eb-x-table-data .eb-btn-auxiliary button {
padding-left: .475rem;
}
.eb-keyprops-mailtext .eb-keyprops-mt-status {
display: none;
}
.eb-keyprops-mailtext .eb-keyprops-mt-status[is-master="master"], .eb-keyprops-mailtext .eb-keyprops-mt-status[is-attached="attached"], .eb-keyprops-mailtext .eb-keyprops-mt-status[is-default="default"], .eb-keyprops-mailtext .eb-keyprops-mt-status[is-other="other"], .eb-keyprops-mailtext .eb-keyprops-mt-status[is-default-unused="default-unused"] {
display: inline;
}
.eb-mt-status {
right: 0;
font-family: Lucida Console;
}
.ps--active-y .eb-x-table { /* MG240622 make the x-table heed perfect scrollbar handles */
/* width: calc(100% - .9375rem);*/
}
/* MG240607 not sure if this is a problem with all left-bound switches in tables, bunt in the mail configurator it looks shifted out of place, to the left... sorry for the amateur fix! */
.eb-mailconfig-text .form-switch, .eb-keyprops-mail .form-switch {
padding: 0 2.5rem 0;
}
/* MG240605 prevent overspill of super long words or tables in text fields in the generic layout */
.eb-generic-layout .eb-data-field .form-control {
overflow-x: auto;
}
/* MG240603 stuff for the mailtext configurator */
.eb-mailconfig .textarea-x-large {
height: 10rem;
}
/* MG240517 date/time field support in modal dialogs (currently used in request folder access widget (19)) */
#_dialogcontainer .half-width {
width: 50%;
}
/* MG250318 autorows for squeezing widgets right into the container */
#widgets-container.eb-widget-autorows-1 .widget.eb-widget-container {
height: calc(var(--wc-height) - 2rem);
}
#widgets-container.eb-widget-autorows-2 .widget.eb-widget-container {
height: calc(var(--wc-height) / 2 - 2rem);
}
#widgets-container.eb-widget-autorows-3 .widget.eb-widget-container {
height: calc(var(--wc-height) / 3 - 2rem);
}
/* MG240515 for super-wide monitors, a 4-col widget layout is desirable (i.e. was requested) */
#widgets-container.eb-widget-autocols-4 .widget {
width: calc(1 / 4 * 100%);
}
#widgets-container.eb-widget-autocols-1 {
max-width: 2000px;
}
#widgets-container.eb-widget-autocols-2 {
max-width: 2400px;
}
#widgets-container.eb-widget-autocols-3 {
max-width: 3000px;
}
#widgets-container.eb-widget-autocols-4 {
max-width: 3600px;
}
/* MG240513 new implementation of the v5 hint system */
.eb-hint table td {
padding: .2rem;
}
.eb-hint em {
font-weight: bold;
padding: 0 .5rem;
}
.eb-dialog-persist {
position: absolute;
left: 1rem;
}
/* MG240507 some config mess in the widget user/group7type-centric priv assignment tool where the table was looking ugly (divs under .text-center were much wider than needed etc.)
quite sure that this is rubbish and there's a better way to do it. the css is applied in script/ajxr/widgets_byuser.htt, widgets_bygroup.htt and widgets_bytype.htt */
.eb-x-table-checkers-only .cell.text-center .form-check {
width: 2rem;
}
.eb-x-table-checkers-only .cell.text-center.narrow {
width: 2rem;
}
.eb-widget-ugt-current a {
font-weight: bold;
}
/* show a trashcan symbol in the above mentioned tool to remove single widget configurations */
.eb-widgetconfig-page .icon-b-trash {
visibility: hidden;
}
.eb-widgetconfig-page .eb-widget-ugt-configured .icon-b-trash {
visibility: visible;
cursor: pointer;
}
/* MG240506 new group priv spreader in paginated key priv manager */
.datatable table td.eb-priv-groupspread-active {
background-color: var(--bs-secondary);
}
/* MG240424 we (or better: i) use pre-tags as containers for text to be used literally, e.g. html code or shell commands etc.
in view mode (as opposed to edits), this was rather useless till now.
now htmlspecialchars is applied, and some minor (though certainly improvable!) styling is applied */
.eb-data-field pre, .datacolumn pre, .eb-preview-table-cell pre {
margin-bottom: 0;
border: 1px dotted #eee;
border-radius: .3rem;
background-color: var(--eb-thumb-background-color);
padding: .3rem .4rem .6rem .4rem
}
.datacolumn pre, .datacolumn .chip, .eb-preview-table-cell pre, .eb-preview-table-cell .chip {
display: inline-flex;
}
/* MG240423 enable white-space wrapping in datatables in the detailview sidebar (mostly needed for google cloud vision data) */
.eb-sidebar .datatable table th, .eb-sidebar .datatable table td {
white-space: inherit;
}
/* MG240415 not sure why mdb sets this to 99.9%, but at least in the checkbox matrix of the folder priv tool it always results in a useless h-scroller being shown */
.eb-priv-container .datatable-inner {
max-width: 100%;
}
/* MG240415 some stuff for ckeditor v5 */
.eb-use-ckeditor .ck-editor__main {
height: calc(100% - var(--ckedit-controls-height));
}
.eb-use-ckeditor .ck-content {
height: 100%;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
.ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
border-radius: .45rem;
}
/* MG240408 eb-x-table column filtering */
.eb-x-table .cell:hover .eb-x-table-filter {
visibility: visible;
}
.eb-x-table .eb-x-table-filter {
cursor: pointer;
}
.eb-x-table .eb-x-table-filter::before {
font: normal normal normal 32px/1 'eb-bootstrap';
content: "\ea34";
font-size: 1rem;
}
.eb-x-table-header.inputs .eb-x-table-header-h .eb-x-table-filter {
top: 26%;
}
.eb-x-table-header.inputs .eb-x-table-filter-input {
margin-top: -.3rem;
}
.eb-x-table-header.inputs .eb-x-table-filter-input .icon-b-x {
/*top: 17%;*/ /* MG241004 obviously not needed anymore? */
}
.eb-x-table-header .eb-x-table-filter {
position: absolute;
right: 1rem;
top: 52%;
transform: translateY(-50%);
cursor: pointer;
line-height: 0.8;
visibility: hidden;
}
.eb-x-table-filter-input {
position: absolute;
left: .1rem;
top: 0;
right: 1rem;
bottom: 0;
}
.eb-x-table-filter-input .form-outline .form-control {
margin-top: .5rem;
background-color: var(--eb-x-table-header-color);
}
.eb-x-table-filter-input .icon-b-x {
position: absolute;
right: .2rem;
top: calc(50% - .5rem);
color: var(--eb-mdb-theme-color);
font-size: 1.2rem;
font-weight: bold;
cursor: pointer;
}
/* MG240324 tentative function to show historical data edits */
.eb-data-altered .form-control, .eb-data-altered .form-control .chip {
color: var(--bs-info);
}
.eb-data-altered .form-notch > div {
border-color: var(--bs-info) !important;
}
/* MG240320 allow to highlight the fields that reside on a detail view tab in the viewmode configurator's field list */
.eb-vm-ontab-highlight {
font-weight: bold;
}
.eb-vm-ontab-highlight-all::after {
font: normal normal normal 1em/1 'eb-bootstrap';
content: "\ea5c";
padding-left: .4rem;
padding-top: .27rem;
}
/*.eb-vm-ontab-highlight .form-check-input[type="checkbox"]:checked {
background-color: var(--bs-info);
border-color: var(--bs-info);
}*/
/* MG240319 allow to refine the scope of displayed users to single groups in the folder-centric keypriv tool */
.eb-priv-group-ref, .eb-priv-user-ref {
border-radius: 2rem;
padding: .5rem;
margin-left: -.6rem;
}
.eb-group-filter {
border-radius: 2rem;
background-color: var(--eb-btn-primary-bgcolor);
color: var(--eb-btn-primary-color);
padding: 0 .4rem;
}
.eb-keyprivs-selected-gid {
background-color: var(--eb-btn-primary-bgcolor);
color: var(--eb-btn-primary-color);
}
/* MG240314 image and comment facility for defined searches (to be used with the new "themes" widget) */
.eb-search-defined .icon-b-chat-square-dots-fill {
opacity: .35;
}
.eb-search-defined .icon-b-chat-square-dots-fill[active="active"] {
opacity: 1;
}
.eb-defsearch-img {
text-align: center;
}
.eb-defsearch-img.landscape img {
width: 50px;
height: auto;
}
.eb-defsearch-img.landscape {
max-height: 50px;
}
.eb-defsearch-img.portrait img {
width: auto;
height: 50px;
}
/* MG240312 try to make chips look somehow reasonable in table-style search results, even when the line height is restricted to minimum. they were cut off as of yet. happens e.g. with url fields */
.eb-context-xlist .x-list-table .eb-data-item .cell[ftype="3"] .datawrapper, .eb-context-xlist .x-list-table .eb-data-item .cell[ftype="19"] .datawrapper {
height: auto !important;
}
.eb-context-xlist .x-list-table .eb-data-item .cell[ftype="3"], .eb-context-xlist .x-list-table .eb-data-item .cell[ftype="19"] {
padding-top: 0;
padding-bottom: 0;
}
/* MG240223 just some testing to visualize fields in the detail view that have some info on rollover */
.eb-datafield-comment .form-notch-trailing {
border-right-color: var(--bs-info) !important;
border-right-width: .5rem !important;
}
/* MG240223 disable any .form-control elements in fields marked as readonly. it was possible to open a dropdown though .form-group was marked with the class. */
/* there's one more definition with .eb-datafield-readonly further down below btw, only one of the has obviously been moved to its "proper" place */
.eb-datafield-readonly .form-outline {
pointer-events: none;
}
/* MG240213 joint fields configurator (accessible via field editor) */
.eb-jointfields-container {
max-height: 500px;
overflow-y: auto;
}
/* MG240201 currently used only in the complex dialog to create a new relation */
.eb-dlg2-message label {
color: var(--eb-mdb-theme-color);
}
span.tagged-highlighted::before {
text-decoration: underline;
color: var(--eb-primary-color);
}
/* MG240131 needed to lock a relation field thru which files are uploaded atm */
.eb-fiveup-pending {
pointer-events: none;
opacity: .7;
background-color: var(--eb-drag-active-cell-background) !important;
}
.eb-fiveup-pending ~ * {
pointer-events: none;
opacity: .7;
}
/* MG240127 as research clients don't have any entries in their personal menus other than reset workspace and log out, there's no need to show the separator there */
.user-rc .eb-workspace-separator {
display: none;
}
/* MG240126 just to get the blend selector controls in some nice place, this is cloned from the search result control buttons. not nice, i know, please repair, thanks :-) */
.eb-blend-controls {
position: absolute;
right: calc(var(--eb-spacing-base) * 2);
margin: 0 calc(0px - (var(--eb-spacing-base) / 2));
}
.eb-blend-inverted-on {
text-decoration: underline;
}
/* MG240125 in some circumstances, the self-resizing statistics element of mdbootstrap in the detail view resizes a bit too much and spills out of the field. this adds a scroller instead. */
.eb-generic-layout .css_item_stats .form-control {
overflow-y: auto;
}
/* MG240123 in some scenarios WK prefers the secondary text in list options (derived from the alt text) to be shown inline rather than below the main text */
/* probably a personal setting or whatever. currently not used. */
body.eb-secondary-text-inline .select-option-secondary-text::before {
content: ", ";
}
body.eb-secondary-text-inline .select-option-secondary-text {
display: inline;
font-size: inherit;
color: #262626;
}
/* MG240122 max height for modal messages */
.eb-modal-body-message {
max-height: 400px;
overflow-y: auto;
}
/* MG240121 (see also comment down below of same date) the thes controls showed up right on toop of the pane rather than near the element if a branch was opened and hovered over, thus becoming inaccessible.
i didn't find any reasonable way to amend this with css alone, so there's a new mouseover handler correcting the top property of the config bar. seems to work rather nicely.
for this to work, the top margin is best set to zero. makes it easier to handle. */
.thes-symbols .branch.open > label + em + .eb-thes-config-controls {
margin-top: 0;
}
/* MG240110 as this field is on the page with the "pre-sized" (gvc) fields, where the contents are rendered in a size to make them fit into their container, this is another glorious exception to make the content scrollable again... */
.css_download_history .form-control {
overflow-y: auto;
}
.widget-request-folders .chip {
max-width: fit-content;
}
/* MG231221 hide the top bar cog from research clients, no mail notification etc. */
.user-rc #eb-admin-menu, .user-rc .eb-notify-by-mail {
display: none !important;
}
/* MG231215 some advanced download wizard mode "wizardry" (or not) */
.eb-modal-data-container[export-extended-mode="wizard-mode"] .adlbox {
padding-left: 1rem;
}
.eb-modal-data-container[export-extended-mode="wizard-mode"] .form-outline, .eb-modal-data-container[export-extended-mode="wizard-mode"] .form-no-switch {
margin-left: -1rem;
}
.eb-modal-data-container[export-extended-mode="wizard-mode"] .textinfo.adl_title {
font-size: .825rem;
font-weight: 600;
color: #343434;
margin-top: -.8rem;
margin-left: -.8rem;
}
.eb-modal-data-container[export-extended-mode="wizard-mode"] .eb-x-table>.row>.cell {
border-bottom: transparent;
padding: .5rem 0;
}
/* MG231212 favorites in the pinboard widget */
.eb-widget12-favorite {
color: var(--bs-info);
}
.eb-modal-widget12-favorite-container .chip {
display: inline-block;
}
.eb-modal-widget12-favorite-container .chip .icon-b {
font-size: .9rem;
line-height: 2.1rem;
}
/* MG231203 re-activated the more detailed function for move/copy evaluation on item / folder dragging */
.eb-drag-copy[status="permit"] .drag-counter-inner::before {
content: "+";
}
.eb-drag-copy.eb-drag-mc-partial[status="permit"] .drag-counter-inner::before {
content: "(+) ";
}
/* MG231123 new entry in the account manager's sidebar - registered (mobile) devices */
.eb-device-active {
color: var(--bs-info);
}
/* MG231115 checkboxes in the info rollover of the SEL */
.eb-item-extinfo .data-icon {
padding: 0;
}
/* MG231115 make indeterminate checkboxes also show their state when they don't have the focus (_form-check.scss) */
.eb-indeterminate .form-check-input[type="checkbox"]:indeterminate, .eb-indeterminate .form-check-input[type="checkbox"][indeterminate] {
background-color: #3D5DCF;
border-color: #3D5DCF;
}
.eb-indeterminate .form-check-input[type="checkbox"]:indeterminate::after, .eb-indeterminate .form-check-input[type="checkbox"][indeterminate]::after {
content: '';
position: absolute;
height: .875rem;
z-index: 1;
display: block;
border-radius: 0;
background-color: #fff;
}
/* MG231102 some stuff for the "create account" dialogue */
.eb-email-invalid-msg, .eb-email-exists-msg {
display: none;
color: var(--bs-danger);
font-size: .7rem;
margin-bottom: -1.1rem;
}
.eb-email-invalid .eb-email-invalid-msg, .eb-email-exists .eb-email-exists-msg {
display: block;
}
.eb-email-invalid .form-notch-leading, .eb-email-invalid .form-notch-middle, .eb-email-invalid .form-notch-trailing, .eb-email-exists .form-notch-leading, .eb-email-exists .form-notch-middle, .eb-email-exists .form-notch-trailing {
border-color: var(--bs-danger) !important;
}
.eb-email-invalid label, .eb-email-exists label {
color: var(--bs-danger) !important;
}
/* MG231024 WK wants the badge for relations and versions in the detail view (the blue one with the number in it) a bit larger... as this is not really possible, i changed the badges to buttons (this definition is actually a copy of .eb-btn-add in edit mode) and move them one level higher via js (to avoid re-programming of the dynamic field generation in r_dfields.inc) */
.eb-relation-search, .eb-version-search {
font-weight: 600;
line-height: 1;
padding: 0.185rem 0.45rem !important;
font-size: 1.1rem;
position: absolute;
top: 4px;
right: 4px;
}
/* MG231023 some (weak) attempt at making the param list modal window for defined searches look a bit nicer */
table.eb-sp-table tbody {
font-weight: bold;
}
span.sp-no-module-selection {
font-weight: normal;
}
span.sp-section {
text-decoration: underline;
font-weight: normal;
}
span.sp-column::before {
content: "\a";
white-space: pre;
}
span.sp-junc {
display: block;
font-weight: normal;
margin: .3rem 0;
}
span.sp-cjunc, span.sp-fjunc, span.sp-tjunc {
font-weight: normal;
}
/* MG231010 dataspaces widget start */
.eb-data-space.eb-workpane {
padding: 0;
}
body.eb-enable-dataspace-controls i.eb-widget-dataspace.qna {
display: block;
}
i.eb-widget-dataspace.qna {
display: none;
}
.icon-b-dataspace-generic::before {
content: "\ea1c";
font-size: 2rem;
}
.icon-b-dataspace-item::before {
content: "\ea68";
font-size: 2rem;
}
.icon-b-dataspace-item {
cursor: pointer;
}
.icon-b-dataspace-generic, .icon-b-dataspace-item {
display: block;
}
.eb-dataspace-qnaid {
visibility: hidden;
width: 1%;
}
.sequence-1 .eb-dataspace-qnaid {
visibility: visible;
text-align: center;
}
.eb-dataspace-qnaid img {
width: 100px;
}
.icon-b-reply::before {
content: "\ea16";
}
.eb-dataspace-name {
width: 100%;
}
.eb-dataspace-container .export {
white-space: nowrap;
}
.eb-dataspace-controls.active .eb-dataspace-toggler .icon-b {
transform: rotate(180deg);
}
.widget-data-spaces .table > .eb-dataspace-entry:not(caption) > * > *, .widget-data-spaces .table > .eb-dataspace-answer:not(caption) > * > *, table td .eb-dataspace-label {
padding: 0;
}
.eb-dataspace-entry td {
vertical-align: top;
padding: .5rem 2rem;
}
.eb-dataspace-qtheme {
display: none;
}
.eb-dataspace-no-themes {
display: none;
}
.eb-dataspace-themes td {
padding: 0 .5rem .7rem 1.5rem;
}
.eb-dataspace-container .chip {
display: inline-block;
}
.eb-dataspace-filtered {
display: none;
}
.eb-dataspace-container .chip .eb-chip-image {
width: auto;
height: auto;
}
.eb-dataspace-container .chip .eb-chip-image .icon-b {
font-size: .9rem;
}
.sequence-1 .eb-dataspace-qtheme {
display: inline;
margin-right: .5rem;
}
.widget-data-spaces td.status .icon-b {
visibility: hidden;
}
.eb-dataspace-thread-remove {
float: right;
font-size: 1.5rem;
margin-left: .2rem;
}
.eb-dataspace-thread-finish {
float: right;
font-size: 1.5rem;
margin-right: .5rem;
}
.widget-data-spaces td.status.status-open:hover .icon-b, .widget-data-spaces td.status.status-open:focus .icon-b {
visibility: visible;
cursor: pointer;
}
.widget-data-spaces td.status-open {
cursor: pointer;
}
.widget-data-spaces td.status.status-open:hover .icon-b {
visibility: visible;
}
.widget-data-spaces .question strong {
font-weight: normal;
}
.widget-data-spaces .question.sequence-1 strong {
font-weight: bold;
}
.widget-data-spaces .question.sequence-1 td {
border-top: 1px dashed #ccc;
}
table.eb-data-space .eb-dataspace-controls .export .icon-b {
transform: rotate(0);
cursor: pointer;
display: inline;
font-size: 1.2rem;
visibility: hidden;
}
.eb-dataspace-controls.admin .icon-b-question-circle {
visibility: hidden !important;
}
table.eb-data-space[eb-dataspace-status="open"] .eb-dataspace-controls > .export .icon-b-question-circle,
table.eb-data-space[eb-dataspace-zip="available"] .eb-dataspace-controls > .export .icon-b-download,
table.eb-data-space[eb-dataspace-export="available"] .eb-dataspace-controls > .export .icon-b-chat-square-dots-fill {
visibility: visible;
}
.eb-data-space .icon-b-download.eb-export-busy small,
.eb-data-space .icon-b-chat-square-dots-fill.eb-export-busy small {
position: absolute;
margin-left: -1rem;
}
.eb-data-space .icon-b-download.eb-export-busy::before,
.eb-data-space .icon-b-chat-square-dots-fill.eb-export-busy::before {
color: transparent;
}
.eb-data-space .export .icon-b {
padding-left: 1rem;
padding-right: 0;
}
.eb-data-space tr td {
border-bottom-width: 0;
}
.eb-data-space .sequence-1 td {
border-top: 1px dashed #eee;
}
/* MG181122 show the left/right question/reply icons */
.widget-data-spaces td.status .icon-b.icon-b-chevron-double-left, .widget-data-spaces td.status .icon-b.icon-b-chevron-double-right {
visibility: visible;
cursor: pointer;
}
/* MG181116 place the qna question type icon centered so that it looks nicer with the qna id below it */
/* show the reply icon only either with the last question (if not yet answered) or the last answer of a qna thread */
.widget-data-spaces .question.question-answered .icon-b-reply, .widget-data-spaces .question.question-answered .icon-b-edit {
display: none !important;
}
/* show different icon/icon title combinations for several different status */
.widget-data-spaces .question.author-is-admin .icon-b-edit, .widget-data-spaces .question.author-is-asker .icon-b-reply {
display: none !important;
}
.widget-data-spaces .answer.author-is-admin .icon-b-reply, .widget-data-spaces .answer.author-is-asker .icon-b-edit, .widget-data-spaces .eb-dataspace-entry .icon-b-c-remove {
display: none !important;
}
.widget-data-spaces .answer.entry-unanswered {
display: none !important;
}
/* MG190109 sorry for this chaos - this here is needed to show a whole conversation in "show only unanswered questions" mode rather than just the last entry */
.widget-data-spaces .entries-unanswered .question-unanswered, .widget-data-spaces .entries-unanswered .answer-answered {
display: table-row !important;
visibility: visible;
cursor: pointer;
}
/* show a "remove thread" icon for qna admins, only if a qna thread has been marked as "locked" */
/* MG190109 added 2 selectors */
.widget-data-spaces .question.question-answered.sequence-1.author-is-admin .status-locked:hover .icon-b-c-remove,
.widget-data-spaces .question.question-unanswered.not-answered-at-all.sequence-1.author-is-asker td:hover .icon-b-c-remove, /* MG220118 [38369] allow authors to remove as-of-yet unanswered public questions */
.widget-data-spaces .question.question-is-private.sequence-1.author-is-asker td:hover .icon-b-c-remove,
.widget-data-spaces .question.sequence-1.author-is-admin td:hover .icon-b-c-remove {
display: inline !important;
visibility: visible;
}
body.eb-enable-dataspace-controls i.eb-widget-dataspace.qna {
display: block;
position: absolute;
bottom: .1rem;
background-color: rgba(255,255,255,.5);
padding: .2rem;
border-radius: 10px;
cursor: pointer;
}
body.eb-enable-dataspace-controls .eb-workpane-tiles i.eb-widget-dataspace.qna, body.eb-enable-dataspace-controls .eb-workpane-srmaps i.eb-widget-dataspace.qna {
left: 1.5rem;
margin-bottom: 1px; /* due to the versioning icon being one pix higher */
}
body.eb-enable-dataspace-controls .eb-workpane-tiles i.eb-widget-dataspace.qna.qna-v-0, body.eb-enable-dataspace-controls .eb-workpane-srmaps i.eb-widget-dataspace.qna.qna-v-0 {
left: .2rem;
}
body.eb-enable-dataspace-controls .eb-workpane-xlist i.eb-widget-dataspace.qna {
bottom: 0;
left: .2rem;
}
body.eb-enable-dataspace-controls button i.eb-widget-dataspace.qna {
position: relative;
padding: 0;
}
.eb-container .eb-widget-dataspace:hover + .mini {
visibility: hidden;
}
/* show the confidential checkbox only during the first "run" of the qna roundabout */
.eb-qna-container .qna-confidential {
display: none;
}
.eb-qna-container .qna-confidential.qna-sequence-1, .eb-qna-container .qna-confidential.qna-sequence--1 { /* MG190115 the "-1" version is for questions to items where we open the dlg to start a "fresh" conversation */
display: table-row;
}
/* show the previous question along with the previous answer in case a new question is asked */
.eb-qna-container .qna-prev-question.qna-is-answer, .eb-qna-container .qna-prev-question.qna-is-new-question, .eb-qna-container .qna-answer.qna-is-new-question {
display: none;
}
/* change the question/answer field labels depending on a q being answered or a new q being asked */
.eb-qna-container .qna-question .qna-question.qna-is-question, .eb-qna-container .qna-question .qna-answer.qna-is-answer {
display: none;
}
.eb-qna-container .qna-answer .qna-answer.qna-is-question, .eb-qna-container .qna-answer .qna-question.qna-is-answer {
display: none;
}
/* question mark button in toolbar of detail view */
.dataspace-tab::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 50%;
width: 1px;
margin-top: -8px;
height: 60%;
background-color: var(--eb-line-color-default);
}
.dataspace-tab {
position: relative;
padding-left: 0.35rem;
}
/* MG231010 dataspaces widget end */
/* MG231004 no idea why the multilingual labels behave a bit differently in the profile editor (which now has multi lang support, too), so here's another crook. sorry! */
.eb-profile-content-data .form-label {
padding-right: .2rem;
}
.eb-profile-content-data .form-label::after {
margin-left: .2rem;
}
/* MG230928 a bit awkward, but these definitions allow us to use the .data-table - which is employed for the file download matrix - also for a new "simple" download mode that only shows the "select all" checkboxes for each quality */
.exportsheet .datatable table th .descr {
white-space: normal;
}
.datatable.eb-export-simplemode table th {
max-width: 500px;
}
.file-export-container .eb-export-sumsize {
display: none;
}
.file-export-container .eb-export-simplemode .eb-export-sumsize {
display: inline-block;
}
.file-export-container .eb-export-simplemode .eb-export-sumsize > div::before {
content: "(";
}
.file-export-container .eb-export-simplemode .eb-export-sumsize > div::after {
content: ")";
}
.exportsheet .eb-export-simplemode .datatable-body .form-check, .exportsheet .eb-export-simplemode .datatable-header .form-check {
display: inline-block;
}
.eb-export-simplemode.eb-export-dsize {
display: none;
}
.eb-export-simplemode thead .fixed-cell {
display: block;
}
.eb-export-simplemode thead .fixed-cell .d-block, .eb-export-simplemode thead .fixed-cell .form-check {
display: inline !important;
}
.eb-export-simplemode thead .form-check .form-check-input {
margin-left: 0;
}
.eb-export-simplemode thead .fixed-cell .text-center {
text-align: left !important;
}
/* MG230927 at last enabled the display of "instant files" in search results, albeit not as chips but as simple hyperlinks */
.x-list-table .eb-instant-file, .eb-popover-iteminfo .eb-instant-file {
padding: 0 .2rem;
}
.x-list-table .eb-instant-file::before, .eb-popover-iteminfo .eb-instant-file::before {
font: normal normal normal 1em/1 'eb-bootstrap';
content: "\ea6c";
padding-right: .2rem;
}
/* MG230920 change label and border colors in case data has been edited in upload profiles or the several configurators. should be a new css var probably. */
.table-info .form-group.eb-data-edited .form-label, .table-info .form-group.eb-data-edited .form-label {
color: #666 !important;
}
.table-info .form-group.eb-data-edited .form-notch div, .table-info .form-group.eb-data-edited input[type="checkbox"].eb-data-edited {
border-color: #666 !important;
}
/* MG2309xx amend display problem of vfolders in list mode - or so */
.eb-vfolder.has_cover.landscape {
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
}
.eb-vfolder.has_cover.portrait {
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
}
/* MG230829 the [00] content in the colsort element was intended not to be shown, but act as a hidden placeholder to reserve the space of its actual content (when the field is sorted by, e.g. [1])
so that in automatic list mode the column doesn't get too narrow to be able to show the [1], which results in overlapping the sort arrow. unfortunately, the css (already in xlist.scss) was not really fit for the job, so here's a redefintion. sorry. */
.eb-xlist-header .colsort.hidden::before { /* changed .hide to .hidden (which results in visibility: hidden) to actually consume the space it's supposed to, but doesn't get shown */
content: "[00]";
}
.eb-xlist-header .colsort::before { /* remove the content cos in this case the element receives some textContent */
content: "";
}
/* MG230828 to make initial sorting (from an "unsorted" state) visually more understandable (and not pretending an already existing sort direction), i dim the arrow a bit. if there's a better idea of how to visualize this, i'm all for it, though. :-) */
.eb-xlc-start {
opacity: 50%;
}
/* MG230827 when records are deleted and cards of them care in widgets, the "home" function shows quite a lot of rubbish; this makes everything disappear apart from the image */
.eb-x-home .col-info {
display: none;
}
.eb-x-home .d-flex {
display: block !important;
}
/* MG230826 make the bordered container round the data table in the key priv manager only so high that no 2nd scrollbar (in the pane) appears. hide overflow is a prerequistite */
.eb-priv-no-datatable .eb-priv-resizecontainer {
overflow: auto;
max-height: auto !important;
}
.eb-priv-resizecontainer {
overflow: hidden;
}
/* MG230825 made a class out of that rather than injecting the css into the dynstyles container */
.eb-hide-zeroitems em[ic="0"] {
visibility: hidden;
}
.eb-search-selected::before {
content: "\ea03" !important;
}
.eb-request-header .chip {
cursor: default;
}
/* MG230714 clicktagupload qr code, shown in account editor's sidebar */
.eb-ctu-qrcode {
width: 100%;
}
/* MG230710 obviously the definitions for medium and large textarea fields are too big. wanted are 9 and 15 lines */
.eb-workpane.eb-workpane-detail.eb-generic-layout .eb-textarea-short {
height: 5rem !important;
resize: none;
}
.eb-workpane.eb-workpane-detail.eb-generic-layout .eb-textarea-medium {
height: 14rem !important;
resize: none;
}
.eb-workpane.eb-workpane-detail.eb-generic-layout .eb-textarea-large {
height: 23rem !important;
resize: none;
}
/* MG230708 make the assoc search badge in the detail view field label better clickable (was only accessible on its lower half) */
.eb-workpane .form-outline.eb-shifted-label {
margin-top: -1rem;
padding-top: 1rem;
}
.eb-workpane .form-outline.eb-shifted-label .form-label {
margin-top: 1rem;
}
.eb-workpane .form-outline.eb-shifted-label .form-notch {
margin-top: 1rem;
padding-bottom: 1rem;
}
.eb-workpane .form-outline.eb-shifted-label .btn {
margin-top: 1rem;
}
/* MG230627 trying to create a "simple" export dialog by just hiding the checkbox matrix for the single files */
.eb-export-simplemode .datatable-body {
display: none;
}
/* MG230625 "list based file" function that allows to assign a media record (usually an image) to a record without by using a certain list value */
.eb-lbf-dropzone {
position: relative;
display: inline-block;
}
.eb-lbf-dropzone img {
max-width: 5rem;
height: auto;
}
.eb-lbf-dropzone .icon-b-x {
position: absolute;
font-weight: bold;
color: black;
cursor: pointer;
right: .2rem;
top: .2rem;
visibility: hidden;
font-size: 2rem;
background-color: rgba(0,0,0,.2);
border-radius: 1rem;
}
.eb-lbf-dropzone:hover .icon-b-x {
visibility: visible;
}
/* MG230621 the copyright "speech bubble" didn't work anymore in the v6 export dialog, so changed it to use the same markup as e.g. in the tiles view, and formatted it somehow - with room for improvement of course ;-) */
.file-export-container .eb-popover {
float: right;
margin-top: -1rem;
position: relative;
}
/* MG230609 mark keys that are blocked from access and are only visible to be able to request access */
.eb-key-only-visible {
opacity: .7;
font-style: italic;
}
/* MG230607 not really needed atm, but the "picture frame" widget could be used as a background for the widget pane, and that's just some testing here. */
.eb-widget-transparent-background .widget-inner {
background-color: rgba( 240, 240, 240, .1 );
}
.widget.eb-widget-container.eb-widget-is-background, #widgets-container[class*="autocols"] .widget.eb-widget-container.eb-widget-is-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.widget.eb-widget-container.eb-widget-is-background:hover, #widgets-container[class*="autocols"] .widget.eb-widget-container.eb-widget-is-background:hover {
z-index: 0;
}
.eb-widget-fixed-body {
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.widget-body .eb-item-slide {
position: absolute;
height: 100%;
}
/* MG230602 no quicklist in the account detail page */
/*.eb-lo-account .eb-btn-download {
display: none;
}*/
/* MG230525 borderless widgets - looming up for sure when certain installations approach the v6 upgrade */
.eb-widget-borderless:not(.eb-detached-widget) .widget-body {
padding: 0 !important;
margin-top: -15px;
border-radius: 4px;
height: 100%
}
.eb-widget-borderless:not(.eb-detached-widget) .dropdown-dots {
visibility: hidden;
}
.eb-widget-borderless:not(.eb-detached-widget):hover .dropdown-dots {
visibility: visible;
}
/* MG230522 thanx for the great new icons! :-) */
/* PH230606 no it is NOT missing ;-) */
/*.icon-b-hyperlink::before { this definition seems to be missing
content: "\ea79";
}*/
.icon-b.icon-b-phone::before { /* icon-m-31 is not a child of icon-b, therefore would need an exception in the code; and the font size is different, so the .icon-m would be shown way too small */
font-family: 'eb-module' !important;
content: "\ea0f";
}
/*.eb-ddicon-repexp::before {
content: "\ea7a";
}
.eb-ddicon-eyesync::before {
content: "\ea7c";
}
.eb-ddicon-presenter::before { /* not sure about this one (star)?
content: "\ea57";
}
.eb-ddicon-ftp::before {
content: "\ea7b"; /* not sure about this one (traffic)?
}
.eb-ddicon-test::before {
content: "\ea7e";
}
.eb-ddicon-repository::before { /* only used to activate repository mode
content: "\ea76";
}
.eb-ddicon-zip::before { /* only used for the "download installation zip" function in repository mode
content: "\ea47";
}*/
.eb-repo-mode #eb-user-menu, .eb-repo-mode #eb-user-menu .icon-b-person::before {
color: var(--bs-danger);
}
/* MG230514 file qualities: show an action button (open in new tab in view mode, remove quality in edit mode if a quality can be removed) in the sidebar on qualities */
/*.eb-detail-sidebar-q-action {
position: absolute;
right: 0;
top: 0;
background-color: var(--eb-btn-primary-bgcolor);
border: none;
border-radius: 0 .45rem .45rem 0;
height: 100%;
color: var(--eb-btn-primary-color);
padding: .45rem .5rem 0 .4rem;
cursor: pointer;
}*/
.eb-qualities input.form-control {
padding-right: 2.1rem;
}
.accordion-item .alert-info {
padding: 0;
}
/* MG230512 just testing to add some visual info into the tabs when records with versions are opened. learnt about content: attr() which really is neat stuff! :-) */
.nav-tabs .nav-link.eb-current-version::before {
font: normal normal normal .8em/1 'eb-bootstrap';
content: "\ea57";
margin-left: -.5rem;
margin-right: .2rem;
}
.nav-tabs .nav-link.eb-other-version::before {
content: attr(eb-data-before);
margin-left: -.5rem;
margin-right: .2rem;
font-size: .7rem;
font-style: italic;
font-weight: normal;
}
/* MG230509 some fiddling around with the tiles view in "research (x) mode" */
/*.eb-x-content .eb-context .eb-container .bildtext {
text-align: left;
}*/
.eb-x-content .eb-context-tiles .bild img.landscape {
width: auto !important;
}
/*.eb-x-content .eb-container .bild {
border-radius: 1rem;
overflow: hidden;
display: block;
}*/
/*.eb-x-content .eb-container .mini {
display: none !important;
}*/
/*.eb-x-content .eb-container {
border: 0;
cursor: pointer;
}*/
.eb-x-content .toolbar-languages, .eb-x-content .eb-btn-sbar {
display: none;
}
/* MG230505 another uglification of the detail view - highlight fields in case sth went wrong during save */
.form-group.eb-detail-invalid-data .form-notch div {
border-color: orange !important;
}
.form-group.eb-detail-invalid-data label, .form-group.eb-data-edited.eb-detail-invalid-data label {
color: orange !important;
}
/* MG230503 somehow amend the ugly "no results" display in list mode */
.table.x-list-table.eb-show-no-results {
width: 100%;
}
.eb-show-no-results .cell .datawrapper {
height: auto !important;
}
.eb-show-no-results .css_symbol {
min-width: 0;
max-width: 0;
width: 0;
}
.eb-show-no-results .css_versions {
max-width: auto;
width: 100%;
/*vertical-align: middle;*/
padding-top: 2rem; /* not elegant but looks better, but just a lack of knowhow on my side */
}
/* MG230503 shot myself in the foot here when removing the seemingly useless old patch.css from v6 :-) */
/* MG180423 show only keys that have certain attributes set - and their parents up to the root node */
div[ctxthesid].tagged-only span {
display: none;
}
div[ctxthesid].tagged-only span.tagged-only {
display: block;
font-style: italic;
}
div[ctxthesid].tagged-only span.tagged-only.tagged-inlist {
font-style: normal;
}
/* MG230428 youtube configurator ("social media services") */
.resetoauth-NEW {
display: none;
}
.eb-smsconfig-keybox .t-key-, .eb-smsconfig-uploadbox .t-upload- {
display: none;
}
.cell.eb-playlist-profile {
min-width: 30rem;
}
.eb-smsconfig-autodelete, .eb-smsconfig-autoimport {
padding: .5rem;
}
/* taken and adapted from patch.css */
.sms-image {
max-width: 120px;
max-height: 120px;
}
.eb-smsconfig-container .unhide-hide, .eb-smsconfig-container .unhide-unhide, .eb-smsconfig-container.eb-smsconfig-unhide .hide-hide, .eb-smsconfig-container .hide-hidden, .eb-smsconfig-container .unhide-hidden {
display: none !important;
}
.eb-smsconfig-container div.row.eb-smsconfig-hidden {
display: none;
}
.eb-smsconfig-container.eb-smsconfig-unhide div.row.eb-smsconfig-hidden {
display: table-row;
}
.eb-smsconfig-container.eb-smsconfig-unhide .unhide-hide {
display: block !important;
}
/* MG230422 is there a reason why the titlebar for login, pw reset etc. is explicitly hidden via _login.scss? i can't think of an application where an area shown in "modal" mode would require the title bar. */
/* with this, every other pane shown in this mode (now just added an "invalid pin" message) needs to be added to some css file */
.eb-pane-modal .tab-titlebar {
display: none;
}
.eb-invalidpin-close-l[l="x"] { display: none; }
.eb-invalidpin-close-x[l="l"] { display: none; }
/* MG230422 rename keywords right during data edit */
.chip.eb-chip-pointer {
cursor: pointer;
}
/* MG230422 requested by PN and made a user setting out of it - allow the thes headers in the navigation pane to be sticky */
.eb-thes-container-navigation.sticky .eb-thes-root {
position: sticky;
top: 0;
background-color: var(--eb-mdb-theme-background);
z-index: 20;
}
/* MG230419 the .eb-workpane class in the message box allows to open all records in the list of one message entry so that they can be "flicked" thru - but it had a padding which made the display odd. */
.eb-message-container .eb-workpane {
padding: 0;
display: inline;
}
/* required fields. red and a star is maybe a bit dramatic, but it should be visible. note however that the enforcement of such fields is only active in case the data module is configured appropriately, i.e. not "soft forced". in standard installations, only the webperson data module is not "soft forced" */
/*.fieldcontainer .eb-required label.form-label {
color: red !important;
}*/
/*.eb-required label::after {
content: " (*)";
}*/
/* MG230419 for the installation tester */
.eb-ztest-mail-encpwd {
min-width: 20rem;
}
.eb-snippet-sql {
height: 20rem;
font-family: lucida console;
font-size: .7rem;
}
.eb-snippet-sql.eb-snippet-fullheight {
height: 40rem;
}
.eb-sqd-input {
height: 10rem;
font-family: lucida console;
font-size: .8rem;
}
.eb-sqd-command, .eb-ztest-sqdresult .cell {
font-family: lucida console;
font-size: .7rem;
}
.eb-cell-50 .cell {
width: 50% !important;
}
.eb-cell-width-52 {
width: 52% !important;
}
.eb-cell-width-16 {
width: 16% !important;
}
textarea.resource {
min-height: 25rem !important;
font-family: lucida console;
font-size: smaller;
}
/* MG241125 used internally and can be ignored */
.eb-ddicon-sss::before {
content: "\ea67";
}
.eb-ddicon-ccc::before {
content: "\ea57";
}
/* MG241125 used internally, but can be ignored - end */
/* MG230418 in case download via email is enforced, the mail address replaces the size notification in the export dialog. not sure if the .note-info styling is really what's needed in that case, that's why i added the .eb-size-note class, too. */
.eb-size-note .form-group {
margin: .7rem 0 0 0;
}
.modal-footer .eb-export-openopts, .modal-footer .eb-ccfexport-openopts { /* extended options handle when moved into the dialog footer */
position: absolute;
padding: 0 0 0 1.5rem !important;
left: 0;
}
/* MG230415 new combolist priv and thesaurus priv editor ... */
/* by default, we don't show the read priv for combo lists. it is always set because otherwise doesn't make any sense (well - yet). to keep the logic intact, the columns are there but not shown */
.cell.eb-listconfig-read {
display: none !important;
}
.eb-listconfig-data.eb-listconfig-read .cell.eb-listconfig-read {
display: table-cell !important;
}
.eb-theskey-default::before { /* just sth to mark the "default thes key" (a new feature requested by somebody i have forgotten) */
color: green !important; /* important cos there are some .n-start definitions that set the color of "normal" thes text - dunno why, really */
}
.eb-mdb-tooltip-shift {
margin-left: 1rem !important;
}
/* in addition to the row-toggler definition in _tables.scss. can't use the .row class on tr tags as this destroy the table layout and places all tds vertically instead of horizontally */
table > tbody > tr.toggle-row-active > .cell > .icon-b {
transform: rotate(180deg);
}
/* MG230413 while fiddling with my cassette database i felt that the color labels in the search result list are a bit "shaved off", so ... remove this if it's considered to be rubbish :-) */
.item-labelled .bildtext > span, .x-list-table.contains-item-labelled .datacolumn.css_titel span {
padding: .04rem .5rem;
border-radius: 1rem;
}
.x-list-table .item-labelled .cell.datacolumn .datawrapper {
padding: .04rem 0 0 .04rem;
}
.item-labelled .bildtext > span {
padding: calc(var(--eb-spacing-base) / 2); /* MG231105 orig padding / border radius (defined as ".eb-container .bildtext span" in thumbnails.scss) but seems too clunky with the labels active */
border-radius: .45rem;
}
.item-labelled.eb-color-remove .bildtext > span, .item-labelled.eb-color-remove .datacolumn.css_titel span {
background-image: repeating-linear-gradient( -45deg, #eee, #eee 10px, #f9f9f9 10px, #f9f9f9 20px ) !important;
color: var(--eb-mdb-theme-color);
}
/* MG230413 thes editor */
/*.thes-symbols .eb-thes-config-controls {
display: none;
margin: 0;
position: absolute;
transform: translate(3rem,0);
padding: 0 .4rem;
border-radius: 3rem;
box-shadow: 0 0 1rem .2rem rgba(61,93,207,0.5);
background-color: var(--eb-mdb-theme-background);
}*/
/* MG240121 see entry near top with same date */
/*.thes-symbols .branch.open > label + em + .eb-thes-config-controls {
margin: -1.5rem 0 0 0;
}*/
/*.eb-thes-config-controls .icon-b {
width: 1.4rem;
cursor: pointer;
}*/
/*.eb-thes-config-controls .icon-b:hover {
font-weight: bold;
}*/
.key-container label:hover + em + .eb-thes-config-controls, .key-container em:hover + .eb-thes-config-controls, .key-container .eb-thes-config-controls:hover { /* MG230512 removed as it leads to confusing results when more than one key is selected: , .key-container label[marked="true"] + em + .eb-thes-config-controls {*/
display: block;
}
/*.branch em, .leaf em {
padding-left: 0.15em;
left: 0;
}*/
/* MG230410 quality / watermark manager */
.eb-quality-watermark-preview {
text-align: center;
}
.eb-quality-watermark-preview img {
max-width: 50px;
max-height: 50px;
}
.eb-modal-data-container #watermark-picture {
max-height: 400px;
}
div.table > .row.qm-main, div.table > .row.qm-web, div.table > .row.qm-compressed, div.table > .row.qm-auxiliary, div.table > .row.qm-show- {
display: none;
}
div.table > .toggle-row.qm-main-1024, div.table > .toggle-row.qm-web-512, div.table > .toggle-row.qm-web-container, div.table > .toggle-row.qm-compressed-256, div.table > .toggle-row.qm-auxiliary-8192, div.table > .toggle-row.qm-show-dynamic, div.table > .toggle-row.qm-show-container {
display: table-row;
}
div.table > .row-hidden-active.qm-main-1024, div.table > .row-hidden-active.qm-web-512, div.table > .row-hidden-active.qm-web-container, div.table > .row-hidden-active.qm-compressed-256, div.table > .row-hidden-active.qm-auxiliary-8192, div.table > .row-hidden-active.qm-show-dynamic, div.table > .row-hidden-active.qm-show-container {
display: table-row;
}
.eb-quality-container .alert + div {
margin-top: -2.5rem;
}
/* MG230330 chips are overridden in cards by .widget .card definitions. WK wants some avatar and the name of the user who lats edited a record */
/* for whatever reason, it is not possible to use divs inside p-tags in cards, they get moved out into a separate element in the dom tree, absolutely no idea what is happening here. spans work, though */
/* just some fiddling to check if chips can be used for this feature at all. if not, can be ditched or changed or whatever. */
.widget .card .chip {
overflow: hidden;
background-color: transparent;
border: 1px solid rgba(100,100,100,.1);
font-size: .6rem;
cursor: default;
}
.widget .card .chip:hover {
color: inherit;
}
.chip img, .widget .card .chip img {
width: inherit;
height: inherit;
border-radius: 100%;
margin: 0 8px 0 -12px;
}
/* MG230329 new wish of WK - show module icons in some widget config dropdowns to refined displayed data. list of available modules is built in code/w_widgets.inc, see $saIcon there, and expanded into the widgets via widget.modselect */
/* the span/img stuff is a bit of a mess unfortunately and can be done a lot smarter for sure. - and yes, i know that the icons still should be loaded differently. :-) */
/*.widget .eb-widget-modselect span {
height: 2rem;
width: 2rem;
display: inline-block;
padding: .2rem;
border-radius: .5rem;
}*/
/*.widget .eb-widget-modselect a:hover {
background-color: transparent;
}*/
/*.widget .eb-widget-modselect span:hover {
background-color: #3D5DCF;
}*/
/*.widget .eb-widget-modselect span.eb-widget-module-selected {
background-color: rgba( 61, 93, 207, .2 );
}*/
/* MG230327 profile template configurator stuff. uconv and file sections can be accessed via alt-click on the admin menu entry */
.eb-template-uconv-messages {
display: inline-block;
overflow-y: scroll;
max-height: 20rem;
width: 100%;
}
.eb-template-file-content {
height: 50rem;
font-family: lucida console;
}
/* MG230329 as the file param table in the profile configurator is no eb-x-table, the .cell elements are styled differently, which in turn makes the inherit controls (only shown when handling profile templates) out of place */
.eb-profile-content-file .eb-profile-template {
vertical-align: middle;
}
/* MG230317 exports/reports importer log config mess, really ugly stuff here. can be done better for sure, sorry :-) */
/*.eb-repexp-range-container * {
display: inline-block;
}
.eb-repexp-range-container > .eb-x-table-sm > .row > .cell {
padding: .1rem .5rem;
}
.eb-repexp-range-container > .eb-x-table-sm, .eb-repexp-range-container > .eb-x-table-sm label {
margin-bottom: 0;
}
.eb-repexp-range-container > .eb-x-table-sm .range {
margin-top: .5rem;
}
.eb-repexp-range-container > .eb-x-table-sm .form-check {
padding: 0;
padding-left: 1.5rem;
}*/
/* MG230315 new eyebase feature - data field mirroring on folders */
.eb-data-field .chip.eb-detail-mirror-trigger {
color: var(--bs-danger);
}
.eb-data-field.eb-detail-mirror-mirrored {
background-color: #fec;
/*background-color: var(--bs-warning);*/
}
/* MG230311 report selector modal dialog. in case of many reports, this gets too high. would be of course a better idea to refine all content of variable height in modals to a max height, but i couldn't find any css rule for that. */
/* other example of this would be the "join files" dialog for multiple PDFs */
.eb-reportlist {
max-height: 400px;
overflow-y: auto;
}
.eb-reportlist-description {
font-style: italic;
}
/* MG230305 file location manager */
.eb-fileloc-dir-exists::before {
color: var(--bs-success);
font-weight: bold;
}
.eb-fileloc-dir-notexists::before {
color: var(--bs-danger);
}
.eb-modal-fileloc-container {
max-height: 21rem;
overflow-y: auto;
}
/* MG230302 no better idea atm how to indent the folder names in the user-centric priv config tool */
/*.eb-priv-indent-1 { margin-left: .4rem; }
.eb-priv-indent-2 { margin-left: .8rem; }
.eb-priv-indent-3 { margin-left: 1.2rem; }
.eb-priv-indent-4 { margin-left: 1.6rem; }
.eb-priv-indent-5 { margin-left: 2rem; }
.eb-priv-indent-6 { margin-left: 2.4rem; }
.eb-priv-indent-7 { margin-left: 2.8rem; }
.eb-priv-indent-8 { margin-left: 3.2rem; }
.eb-priv-indent-9 { margin-left: 3.6rem; }
.eb-priv-indent-10 { margin-left: 4rem; }*/
/* MG230221 just a test to make the button and link colors configurable - one of the most popular things for customers to change */
/* currently the var names to be adjusted must be listed in r_brand.inc, but that should be derived / parsed from a config file maybe */
/*:root {*/
/*--eb-btn-primary-color: #fff;
--eb-btn-primary-bgcolor: #3D5DCF;*/
/*
--eb-x-table-color: #fff;
--eb-x-table-bgcolor: #3D5DCF;
--eb-btn-warning-color: #fff;
--eb-btn-warning-bgcolor: #ffa900;
--eb-link-color: #3D5DCF;
*/
/*}*/
/*.btn-primary, .btn-primary.disabled, .btn-primary:hover, .btn-primary:focus {
background-color: var(--eb-btn-primary-bgcolor);
color: var(--eb-btn-primary-color);
}*/
/*
a {
color: var(--eb-link-color);
}
.btn-warning, .btn-warning.disabled, .btn-warning:hover, .btn-warning:focus {
background-color: var(--eb-btn-warning-bgcolor);
color: var(--eb-btn-warning-color);
}
.eb-xlist-header .colheader, .eb-x-table-header .cell.h {
background-color: var(--eb-x-table-bgcolor);
color: var(--eb-x-table-color);
}
*/
/* MG230220 also keep landcape images in the trashcan reasonably small */
/*.eb-atomic-container .icon.landscape img {
width: auto;
max-height: 3rem;
}*/
/* MG230219 no admin menu etc. (empty anyways) for research users / clients */
.user-x #eb-admin-menu, .user-x #eb-message-box, #eb-language-menu {
display: none !important;
}
/* MG231128 instead, add a language dropdown to change the ui lang accordingly */
.user-x #eb-language-menu {
display: flex !important;
}
/* MG230215 use the login page as brand configurator (background image, logo, topbar color, favicon */
.eb-lo-login:not(.eb-brandconfig) .eb-brandconfig {
display: none;
}
.eb-lo-login.eb-brandconfig .eb-login {
display: none;
}
.eb-brandconfig.eb-topbar-color-select {
position: absolute;
right: 0;
top: 0;
max-width: 20rem;
transform: translate(2.2rem,-2rem);
border-color: transparent;
background-color: transparent;
cursor: pointer;
}
.eb-brandconfig.eb-topbar-color-select input {
width: 2rem;
height: 2rem;
}
.eb-topbar-color-description {
position: absolute;
}
.eb-brandconfig-select-images {
position: absolute;
right: .4rem;
top: .4rem;
}
.eb-colorpicker input {
height: 2rem;
padding-top: .5rem !important;
padding-bottom: .5rem !important;
}
.eb-brandconfig .eb-colorpicker { /* just toying round with the color boxes, nothing serious */
padding: 0;
}
.eb-brandconfig .cell {
padding: .2rem;
}
/* can be positioned MUCH smarter than that, i'm sure!: :-) */
.eb-example-text {
float: right;
margin-top: 1.5rem;
font-weight: bold;
color: var(--eb-topbar-color);
}
/* MG230202 in case the title field is not the first in the field sequence, and one of the positioned fields on tab 2 of the default viewmode are on the first position, this field gets shifted up, while the title field gets shifted down, due to this rule:
.eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip) .form-group + .form-group {
margin-top: 1.25rem;
}
ugly stuff but to amend it (not professionally of course) the .eb-detail-gvcfield elements all get the 1.25rem and the title field loses it (cos it is supposed to be on the top pos of tab 2 on the default detail view)
*/
.eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip) .d-tab-2.eb-detail-gvcfield {
margin-top: 1.25rem;
}
/* MG231024 added some stuff to make larger logos possible than only 37px high (because of the way they were used in the login window's header bar) */
.login-page__header-brand, .topbar__brand {
display: flex;
}
.login-page__header-brand .eb-brand-link, .topbar__brand .eb-brand-link {
display: flex;
align-items: center;
min-width: var(--eb-topbar-logo-canvas-width);
height: 64px;
}
.brand__logo {
max-height: 60px; /* maybe a var? */
max-width: calc(var(--eb-topbar-logo-canvas-width) - 10px);
}
/* MG230704 obviously without effect, and the first field's top border lies .3rem below the file container's top border due to ".eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip) .fieldcontainer" in detail.scss, line 23 */
.eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip).itemcontainer .css_titel {
/* margin-top: 0;*/
}
/* MG230201 field editor */
.eb-field-readonly {
font-style: italic;
}
/* MG230131 some testing stuff for the changed / simplified layout for "research" purposes, triggered by .eb-x-content on the body element and some workspace configuration */
/*.eb-overview-filter .eb-sidenav-filter {
padding: 0;
margin: 0;
}*/
/*.eb-overview-filter .eb-sidenav-filter .sidenav-item {
display: inline-block;
}*/
/*.eb-overview-filter .sidenav-link .eb-tag-color, .eb-overview-filter .sidenav-link:hover .eb-tag-color {
visibility: hidden;
}*/
.eb-overview-filter .eb-refine-params {
/*color: var(--eb-topbar-color);*/
/*background-color: var(--eb-topbar-bgcolor);*/
position: absolute;
z-index: 4;
width: 100%;
}
/*.eb-overview-filter .sidenav-collapse {
position: fixed;
left: 0;
right: 0;
/*background-color: var(--eb-topbar-bgcolor);
}*/
/*.eb-overview-filter .sidenav-item .sidenav-item {
color: var(--eb-topbar-color);
background-color: var(--eb-topbar-bgcolor);
}*/
/*body.eb-x-content #_overview .container-fluid {
height: 33% !important;
}*/
/*.eb-overview-filter, .eb-overview-widget {
display: none;
}*/
/*body.eb-x-content .eb-overview-filter {
height: 16%;
display: block;
}
body.eb-x-content .eb-overview-widget {
height: 50%;
display: block;
overflow-y: auto;
}*/
body.eb-x-content .eb-overview-widget .eb-widget-container {
height: 100%;
position: relative;
}
/*.eb-overview-widget .widget-inner, .eb-overview-widget .card {
color: var(--eb-topbar-color);
background-color: var(--eb-topbar-bgcolor);
}*/
/*.eb-overview-widget .widget .card img {
max-width: 40px;
max-height: 40px;
}*/
.eb-x-content .widget-inner h4 + .dropdown-dots {
display: none;
}
/* logically maybe not in the same area as the stuff above, but for now - switch off some of the top controls (configurators etc.) */
.eb-x-content #eb-show-create, .eb-x-content #eb-admin-menu {
display: none !important;
}
/* MG230127 dropdown focus in edit view */
/*.eb-column-edit.eb-focus-notch > .form-notch .form-notch-leading {
border-top-color: #3D5DCF;
border-bottom-color: #3D5DCF;
border-left-color: #3D5DCF;
}*/
/*.eb-column-edit.eb-focus-notch > .form-notch .form-notch-trailing {
border-color: #3D5DCF;
border-left-color: rgb(61, 93, 207);
}*/
/*.eb-column-edit.eb-focus-notch > .form-notch .form-notch-middle {
border-color: #3D5DCF;
}*/
/*.eb-modal-assoc-container .eb-widget-container {
position: relative;
}*/
/* MG230126 "generic viewmode configuration" - adjust styled elements in the generic viewmodes depending on the media/field ratio chosen by the user, including font size adjustments */
.eb-gvc-no-transitions {
transition: none !important;
overflow: hidden !important; /* MG230419 was overflow-x: scroll but that triggered fast scrollbars in chrome which made the texts all too small. */
}
.eb-gvc-nowrap {
white-space: nowrap;
}
.eb-gvc-padding {
padding-top: .5rem !important;
}
.chip.eb-gvc-chip {
margin: 0;
height: 20px;
}
.chip.eb-gvc-chip .eb-chip-image {
width: 20px;
height: 20px;
}
.chip.eb-gvc-chip .eb-chip-image i {
font-size: 85%;
line-height: 1rem;
}
.chip.eb-gvc-chip div {
font-size: 90%;
}
/* MG230124 some test for eyebase without tabs and/or toolbars */
body.eb-no-tabs .tab-titlebar {
display: none;
}
body.eb-no-toolbars .tab-toolbar {
/*display: none;*/ /* MG230308 show the toolbar, but not as a fixed element, but in the .eb-context area and thus scroll it with the content */
}
body.eb-no-toolbars .eb-toolbar .eb-context {
top: 1rem;
}
/*.icon-b.icon-b-x.eb-pane-closer {
position: absolute;
right: .5rem;
top: .5rem;
font-size: 1.5rem;
cursor: pointer;
z-index: 20;
display: none;
}*/
/*body.eb-no-tabs .icon-b.icon-b-x.eb-pane-closer {
display: block;
}*/
/* MG230124 stuff for the field and relation editors */
.select-dropdown-container {
width: auto !important;
}
.eb-pane-modal .container {
max-width: 100%;
}
.icon-b.eb-set {
font-weight: bold;
}
.cell.eb-nowrap {
white-space: nowrap;
}
.cell.eb-module-icon img {
margin-top: -.8rem;
}
.eb-data-handle.eb-has-medres.eb-medres-cloak {
height: auto !important;
visibility: hidden;
position: absolute;
}
/* MG230111 desperate attempt to get rid of the dynamic fields (charts etc.) sizing problem when switching to edit mode where it messes up the generic (auto-size) layout (width: 50%) */
.eb-vartype-21 .form-control {
width: 98%;
}
/* MG230107 fix the tedious "arrow underneath the sub menu header" issue for context menus with sub-entries (e.g. "auto-arrange" in the widget context menu) */
a.eb-has-subentries {
margin-right: .8rem;
}
/*.dropdown-submenu > a::after {
margin-top: .5rem;
}*/
/* MG221222 replaced the verbose card texts (e.g."last edited by") by icons (e.g. icon-b-edit) on the widgets (at WK's request), and this is my desperate try to align the icons with the remaining text! */
/*.widget-body .card-text .icon-b {
transform: translate( 0, .2rem);
}*/
/* MG221119 let tables be wider than the containing widgets (currently user list (widget1), importer log (widget6)) */
div.table.eb-x-table-autowidth {
width: auto;
min-width: 100%;
}
/*div.table.eb-x-table-nowrap {
white-space: nowrap;
}*/
/* MG221213 small change in the "+" creation menu */
/*li.eb-workpane a.dropdown-item img {
width: 1.6rem;
margin-top: -.7rem;
padding-right: .4rem;
margin-left: -.7rem;
}*/
/* MG221213 remove the icon/font duality that prohibits the uniform use of icons for all module symbols */
/*.dropdown-item[id$="show-create_501"]::before, .icon-b-501::before { content: ""; margin: 0; top: 0; }
.dropdown-item[id$="show-create_502"]::before, .icon-b-502::before { content: ""; margin: 0; top: 0; }
.dropdown-item[id$="show-create_503"]::before, .icon-b-503::before { content: ""; margin: 0; top: 0; }
.dropdown-item[id$="show-create_504"]::before, .icon-b-504::before { content: ""; margin: 0; top: 0; }
.dropdown-item[id$="show-create_505"]::before, .icon-b-505::before { content: ""; margin: 0; top: 0; }
.dropdown-item[id$="show-create_506"]::before, .icon-b-506::before { content: ""; margin: 0; top: 0; }
.dropdown-item[id$="show-create_507"]::before, .icon-b-507::before { content: ""; margin: 0; top: 0; }
.dropdown-item[id$="show-create_508"]::before, .icon-b-508::before { content: ""; margin: 0; top: 0; }*/
/* MG221212 module configurator color / icon selector */
.eb-color-selector input {
float: left;
}
.eb-color-selector.eb-mdb-no-placeholder .form-notch {
display: none;
}
.eb-color-selector i {
float: right;
line-height: 2rem;
font-size: 1.3rem;
cursor: pointer;
}
/* MG221209 not sure if that's the right way to do this, but the "left column takes up all space" problem in the tables is just bugging me */
/*.eb-x-table .row > * {
width: auto;
}*/
.eb-lang-pad {
margin-bottom: 3px;
}
/* MG221126 more widget col widths */
/*.widget.col-20 .card{width:calc(1/5*100% - 0.725rem)}*/
/*.widget.col-17 .card{width:calc(1/6*100% - 0.725rem)}*/
/*.widget.col-14 .card{width:calc(1/7*100% - 0.725rem)}*/
/*.widget.col-fm .card{width:calc(1/6*100% - 0.725rem)}*/
.eb-pane-modal .widget.col-fm .card{width:calc(1/10*100% - 0.725rem)}
/* MG221125 special function to edit original_filename */
.eb-of-edit {
}
.eb-name-used .form-outline .form-control ~ .form-notch div, .eb-name-used .form-outline .form-control:focus ~ .form-notch div {
border-color: red;
}
.eb-name-available .form-outline .form-control ~ .form-notch div, .eb-name-available .form-outline .form-control:focus ~ .form-notch div {
border-color: green;
}
/* MG221108 sorry, but we need to have the sidebar working. */
/*.sidebar.opened {
transform: translate3d(calc(0px - 350px), 0, 0);
}
.sidebar {
right: calc(0px - 350px);
}*/
/*.eb-atomic-container .icon {
width: 8rem;
text-align: center;
}
.eb-atomic-container .icon.landscape img {
width: 100%;
height: auto;
}
.eb-atomic-container .icon.portrait img {
width: auto;
max-height: 50px;
}*/
/* MG221026 some more stuff for the listeditor */
/*.eb-ddicon-view::before {
content: "\ea5e";
}*/
/*.eb-ddicon-edit::before {
content: "\ea5d";
}*/
.eb-combolist-privconfig {
max-height: 480px;
}
/* somehow mark the default value of the list */
/*.eb-valueconfig-default {
background-color: var(--bs-info) !important;
}*/
/*.eb-valueconfig-default .form-control {
font-weight: bold;
font-style: italic;
}*/
.eb-valueconfig-label-s, .eb-combolist-unilingual .eb-valueconfig-label-m {
display: none;
}
.eb-combolist-unilingual .eb-valueconfig-label-s {
display: inline;
font-style: italic;
opacity: .8;
}
/* MG230626 extra column for "lbf" (list based file) controls that allow to attach files to records based on a list's values */
.eb-x-table-header > .cell.eb-combolist-lbf {
display: none;
}
.eb-x-table-header.eb-combolist-lbf > .cell.eb-combolist-lbf {
display: table-cell;
}
/* MG221026 2-line table header with input boxes for new values in the list value editor */
.eb-x-table-header .eb-x-table-header-input {
display: none;
}
.eb-x-table-header.inputs .eb-x-table-header-input {
display: block;
}
.eb-x-table-header.inputs .cell.h {
padding-right: 0 !important;
}
.eb-x-table-header.inputs .cell.h .eb-x-table-header-h {
padding-right: 2rem !important;
}
.eb-x-table-header.inputs .eb-x-table-header-h .eb-x-table-colsort {
top: 26%;
}
.eb-x-table-header.inputs .cell.h .eb-x-table-header-input {
padding: .4rem 1.63rem .4rem .95rem !important;
margin: .5rem -1rem -.8rem;
background-color: #fff;
}
.eb-x-table-header.inputs .cell.h .eb-x-table-header-input .icon-b {
padding: .6rem 0; /* .68rem @ home - damn */
color: #4f4f4f;
}
/* MG221024 edit combo values from inside the dropdown with an edit symbol */
.eb-dropdown-editable .select-option .select-option-text-icon {
visibility: hidden;
}
.eb-dropdown-editable .select-option:hover .select-option-text-icon {
visibility: visible;
}
/* MG221021 maybe this can be done in a better way, but in some places (like the combolist editor) dropdown selects are just too narrow and look ugly */
.eb-mw-10 {
min-width: 10rem;
}
/* when the originating select box is narrow, the dropdown that gets generated when opening it is too narrow, too, not heeding the length of longer entries in any way, which looks bad */
/* not in the mood to establish a mechanism that changes the width of the container after it's displayed, as this should be standard functionality */
.select-dropdown-container {
min-width: var(--eb-mdbopts-minwidth);
}
/* makes the thesaurus selector dropdown as wide as its container */
.eb-thes-root ul.dropdown-menu {
width: 100%;
}
/* MG221019 mimick some styles of the ck html editor to make the read-only text similar to the one shown in the editor */
/* MG231219 not needed anymore, as we now don't replace line feeds with
tags in bringonline for fields flagged to use the html editor */
/*.ck-content br {
display: none !important;
}*/
.ck-content .form-control {
font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 12px;
color: #333;
font-size: 13px;
line-height: 1.6;
word-wrap: break-word;
}
/* MG221019 icons as chip symbols */
.eb-chip-image .icon-b {
font-size: 1.3rem;
line-height: 2rem;
}
/* MG221018 add a "joker" that allows us to arbitrarily format some data fields different to others MG240712 now put to good use as a toggle to prevent fields from being edited */
img.b14 {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='black'%3E%3Cpath d='M181.336 149.336H170.672V170.672C170.672 194.192 151.536 213.336 128.0080000000001 213.336S85.344 194.192 85.344 170.672V149.336H74.68A21.352 21.352 0 0 1 53.344 128V53.336A21.352 21.352 0 0 1 74.68 32H181.344A21.352 21.352 0 0 1 202.68 53.336V128A21.352 21.352 0 0 1 181.344 149.336zM128 60.808A13.863999999999999 13.863999999999999 0 1 0 128 88.552A13.863999999999999 13.863999999999999 0 0 0 128 60.808zM149.336 138.664H106.672V170.664C106.672 182.44 116.24 192 128.008 192S149.344 182.44 149.344 170.664V138.664z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-size: 20px;
transform: rotate(180deg);
}
.layout-editor .css--joker, .layout-editor .imgcontainer.css--joker .eb-container {
background: repeating-linear-gradient( 135deg, transparent, #b6d6f6 5px, transparent 20px );
}
.eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip) .fieldcontainer { /* MG241218 small changes in the layout editor, to fix some problems with inconsistent media container resizing */
padding-top: 0;
}
/* MG230221 auto size text - almost needed now that we have the "technical details" tab with fields with auto-adjusted text size... */
img.b15 {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='black'%3E%3Cpath d='M202.277 213.766L160 171.532L160 203.311L160 235.091L157.545 237.545C154.298 240.793 149.702 240.793 146.455 237.545L144 235.091L144 192L144 148.909L146.455 146.455L148.909 144L192.002 144L235.095 144L237.548 146.646C240.735 150.085 240.734 154.357 237.545 157.545L235.091 160L203.322 160L171.554 160L213.777 202.3C252.045 240.638 256 244.904 256 247.845C256 252.206 252.195 256 247.823 256C244.851 256 240.722 252.172 202.277 213.766M18.455 109.545C15.266 106.357 15.265 102.085 18.452 98.646L20.905 96L52.686 96L84.468 96L42.234 53.723C4.901 16.352 0 11.088 0 8.369C0 4.055 3.961 0 8.175 0C11.15 0 15.266 3.816 53.723 42.234L96 84.468L96 52.88L96 21.292L98.452 18.646C101.744 15.094 106.256 15.094 109.548 18.646L112 21.292L112 64.191L112 107.091L109.545 109.545L107.091 112L64 112L20.909 112L18.455 109.545'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-size: 14px;
}
.layout-editor .css--autosize .field-cloaker {
background-color: rgba(40,140,255,.05) !important;
}
/* MG221017 replace hyperlinks in url fields in the data view with icons */
.eb-url::before {
content: "\ea5e";
font: normal normal normal 1em/1 'eb-bootstrap';
font-weight: bold;
font-size: 1.5rem;
}
.eb-url-mailto::before {
content: "\ea61";
}
.eb-url-tel::before {
content: "\ea1e";
}
.eb-url-map::before {
content: "\ea3d";
}
/* MG221013 invisible titles for widgets */
.widget-title-invisible {
margin-top: -30px;
}
.widget-title-invisible > button > .dropdown-dots i {
transform: rotate(90deg);
}
.widget-title-invisible .dropdown-dots button {
transform: translate(6px,17px);
z-index: 1;
}
.widget-title-invisible h4 {
visibility: hidden;
}
/* MG221010 don't know, but having buttons in modal dialogs wrapping over more than one line doesn't look good to me */
.modal-footer .modal__caption__center {
white-space: nowrap;
}
/* MG221006 no custom border for the ck html editor */
.form-group .cke_chrome {
border: 0px transparent none !important;
}
.eui-message {
margin: 4px 0 3px 0;
font-size: 0.75rem;
}
/*.eb-modal-body-message .form-group {
margin: 7px 0;
}*/
/* MG220929 passepartouts for folder covers */
.eb-vfolder-passepartout img.landscape {
background-size: auto 85%;
background-repeat: no-repeat;
background-position: center;
}
.eb-vfolder-passepartout img.portrait {
background-size: 90% auto;
background-repeat: no-repeat;
background-position: center;
}
/* this css from _search.scss(29) without the eb-esd-input part prevents the date selector controls from being shown */
.eb-search-field-extended .eb-esd-container .icon-b {
display: block;
}
/* amend out-of-place calendar icon in extended field search */
.eb-search-field-extended .eb-esd-container .datepicker-toggle-icon, .eb-search-field-extended .eb-esd-container .datetimepicker-toggle-icon {
right: .75rem;
top: -.4rem;
}
/* MG220927 chart data in search result list mode... */
div.table > .row > .cell.datacolumn.eb-chart-cell {
/* maybe get more space, but this resizes the legend of the chart beyond the visible space */
}
.eb-chart-cell span {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
}
/* MG220923 manual sort visual feedback */
.eb-workpane.eb-sort-manualsort .coldir, .eb-workpane.eb-sort-manualsort .colsort, .eb-workpane.eb-sort-manualsort .eb-xlc-container .icon-b-caret-up-fill, .eb-workpane.eb-sort-manualsort .eb-xlc-container .icon-b-caret-down-fill {
visibility: hidden !important;
}
/* MG220922 adl configurator */
/*.eb-adlconfig-multiple, .eb-adlconfig-multiple.table-hover > tbody > tr:hover, .eb-adlconfig-multiple.table-striped > tbody > tr:nth-of-type(2n+1) {
color: red !important;
}*/
/* just some help to get rid of the form notch for mdb fields (input, select) with no placeholder */
.eb-mdb-no-placeholder .form-notch .form-notch-middle {
display: none !important;
}
/* and of course an exception from that... */
.eb-mdb-no-placeholder .eb-override-placeholder .form-notch .form-notch-middle {
display: inline !important;
}
/* MG220920 user's personal account manager in the dropdown menu where e.g. the trashcan resides */
/*.eb-ddicon-person::before {
content: "\ea10";
}*/
[keepsquare] > .field-cloaker {
background-color: transparent !important;
}
/*[keepsquare] > .field-cloaker button {
margin: 2px 2px 0 0;
}*/
.field-cloaker .btn-dropdown {
margin: 2px 2px 0 0;
border-radius: 6px;
}
/* MG220818 show info in the recycle bin when an item cannot be restored atm */
.eb-no-restore {
opacity: .7;
font-style: italic;
}
.eb-no-restore .form-check {
/*display: none;*/ /* MG221110 show the checkbox as we might want to delete the item rather than restore it! */
}
.eb-no-restore-info {
display: none;
}
.eb-no-restore .eb-no-restore-info {
display: inline-block;
}
/* MG220818 this dodgy stuff here helps to properly format the mdb controls on the login page when autofill is activated and the field labels would be shown behind the field value. there's no means for a conventional check via js whether a field is auto-filled or not (apart from this pseudo class), so there you go... */
:autofill {
animation-name: activate;
animation-duration: .1s;
}
:-webkit-autofill {
animation-name: activate;
animation-duration: .1s;
}
@keyframes activate {
from { text-indent: 0; }
to { text-indent: 0; }
}
/* MG220817 make the workpane of search result lists be 100% height of their container (.eb-context) in case of file uploads so that the green area covers the whole panel area
rather than only the (collapsed) workpane in case there's only so few items in there that they don't fill at least the 100% provided by the container */
/*.eb-fiveup-drag-active .eb-workpane-tiles.eb-fiveup-enabled, .eb-fiveup-drag-active .eb-workpane-xlist.eb-fiveup-enabled {
min-height: 100%;
align-items: flex-start; /* MG220817 probably not right, but without this all tiles get stretched to 100% */
/*}*/
.eb-fiveup-home {
position: absolute;
background-color: #f9f9f9;
border: 2px solid green;
border-radius: 5px;
color: green;
padding: 0 10px;
font-weight: bold;
}
/* MG220817 show some upload arrow icon in the uploaders. dunno how to center it properly, that's why it's done stupidly with 5rem. (container has width of 14rem) */
.eb-upload-profile:not([class^=ia-enabled]) .eb-upload-upload::before {
font-size: 1.5rem;
}
.eb-upload-profile:not([class^=ia-enabled]) .eb-upload-upload {
visibility: visible;
transform: translate(5rem,0);
}
.eb-upload-profile.ia-enabled .eb-upload-upload {
display: none;
}
/* MG220817 don't show stars underneath the image in edit mode, as there's a separate field for it */
.eb-workpane-edit .starbox {
visibility: hidden;
}
/* MG230410 the margin round the starbox makes the field higher than the other one-line fields, which in turn make the layout editing a bit more clumsy */
.layout-editor .form-control .starbox {
margin: 0;
}
/* MG220817 scrollbar issue in text areas */
.eb-custom-layout .eb-data-field textarea.form-control.eb-textarea-show-scrollbars {
overflow-y: hidden !important;
}
.eb-custom-layout .eb-data-field textarea.form-control.eb-textarea-show-scrollbars:focus {
overflow-y: auto !important;
}
/* MG220721 tooltips showing info for each user in the viewmode configurator when hovering over the user's name */
.tooltip-inner .table {
background-color: transparent;
color: #fff;
margin-bottom: 0;
}
.tooltip-inner .table .icon-b {
padding: .3rem 0;
}
.tooltip-inner div.table > .row > .cell {
padding: .3rem;
border-bottom-style: none;
}
.tooltip-inner .table > :not(caption) > * {
padding: .5rem;
}
.tooltip-inner .eb-usage-area-keys i {
margin-left: .5rem;
}
.tooltip-inner hr { /* divider separating viewmode usage info for key-based views (folders, collections) from those for data modules */
margin: .3rem 0;
}
.eb-keyprops-changeprops {
display: none;
}
.eb-keyprops-changeprops .eb-keyprops-viewmode-public {
display: table-cell;
}
/* MG220719 some stuff for the viewmode access configurator */
/*.eb-viewmode-unconfigured {
color: red;
font-style: italic;
}*/
.eb-tooltip-wide .tooltip-inner {
max-width: 1000px;
text-align: left;
}
.eb-tooltip-wide .tooltip-inner .table.eb-no-icons { /* MG230306 not sure why, but wide html tooltips without icons are getting cut off left and right when a margin is set (which, i don't know, though) */
margin: 0;
}
.eb-tooltip-zindex .tooltip { /* MG230319 see _var_tt() in var.js for explanation */
z-index: 10001 !important;
}
/* MG221215 hide unneeded columns (depending on view mode area) from the viewmode configurator tables */
.eb-viewmode-vmdir-detail .cell.eb-vmconfig-result, .eb-viewmode-vmdir-detail .cell.eb-vmconfig-reporting,
.eb-viewmode-vmdir-result .cell.eb-vmconfig-detail, .eb-viewmode-vmdir-result .cell.eb-vmconfig-reporting,
.eb-viewmode-vmdir-reporting .cell.eb-vmconfig-result, .eb-viewmode-vmdir-reporting .cell.eb-vmconfig-detail {
display: none;
}
/* MG220718 the recalc stuff gets set during re-calculation of the mdb form notch width. the transition slows the process down to a level where activating/deactivating the labels by the code won't produce reliable results */
.select-label.active.recalc, .form-outline .form-control.active ~ .form-label.recalc {
transition: all 0s !important;
}
/* hide the upload profile and list-based field selector controls from result (and, later) reporting view modes */
.eb-vmcontext-result .cell.eb-vmconfig-detail, .eb-vmcontext-reporting .cell.eb-vmconfig-detail {
display: none;
}
/*.eb-thes-search-scroll-wrapper {
position: relative;
height: 25vh;
max-height: 25vh;
overflow: auto;
}*/
/*.eb-search-thesaurus .key-container {
overflow: visible;
}*/
.dropdown-item .icon-b-caret-up-fill {
display: none;
}
.dropdown-item.active .icon-b-caret-up-fill {
display: inline-block;
vertical-align: top;
}
.dropdown-item.active.desc .icon-b-caret-up-fill {
transform: rotate(180deg);
transition: transform 0.3s;
display: inline-block;
vertical-align: middle; /* the middle/top thing can surely be done smarter than i have here... */
}
.dropdown-item .icon-b-caret-up-fill::before {
font-size: .6rem;
}
.eb-priv-container .form-check-input[disabled] {
pointer-events: auto; /* otherwise next line is of no effect */
cursor: not-allowed;
}
.eb-widgets-relayed {
position: absolute;
right: .5rem;
top: 0;
cursor: pointer;
}
.eb-widgets-relayed i::before {
font-size: 2rem;
}
.eb-modal-pinselect-container {
max-height: 600px;
}
/*.dropdown-menu.scrollable {
max-height: 500px;
overflow-y: auto;
}*/
/*.eb-modal-uploader-simple, .eb-modal-uploader-advanced {
width: 100%;
min-height: 150px;
}*/
/*.eb-modal-widget12-list {
max-height: 300px;
}*/
/*.eb-modal-uploader-advanced strong::before {
content: "<";
margin-right: 2px;
}
.eb-modal-uploader-advanced strong::after {
content: ">";
margin-left: 2px;
}*/
/*.eb-upload-title.default .eb-upload-title-label {
display: none;
}*/
/* MG220707 sorry - used for the source field list in the "combined" field copier */
.v-top {
vertical-align: top;
}
.inline-block .form-check, .inline-block .select-wrapper {
display: inline-block; /* for the info symbol appended to the language switch in the field copiers */
}
/* MG220706 assoc selector modal dialog */
.eb-assocselector-result {
max-height: 300px;
}
.eb-assocselector-maxassocs {
color: var(--bs-info);
font-size: .8rem;
margin-left: 10px;
}
.eb-assocselector-container {
max-height: 150px;
overflow-y: auto;
}
/* MG220722 added some stuff in hindsight for the field copier modals */
.eb-fieldcopier2-selected {
max-height: 300px;
overflow: hidden;
}
.eb-fieldcopier2-selected div.table > .row > .cell {
padding: .3rem 0;
}
/* MG220704 not sure if the defsearch manager menu entry stays in the personal menu, but for now... */
/*.eb-ddicon-defsearches::before {
content: "\ea03";
}*/
/* ...and to make the debugger entry look a little nicer ;-) */
/*.eb-ddicon-debug::before {
content: "\ea1c";
}*/
/* MG220628 it seems that the [marked="true"] style for highlighting selected items is defined in _uploadfolders.scss.
table rows in the list view mode of search results are not highlighted anymore, because they don't have the class .eb-container set. setting this class changes the layout of the table cells,
so it seems to be better to add .eb-data-item to selector list of the definition in _uploadfolders.css. if there's a better way - please.
also the .v-folders aren't marked, so i've added these, too.
MG220715 added .branch and .leaf
*/
/*.eb-upload-profile[marked="true"], .eb-container[marked="true"], .eb-data-item[marked="true"], .v-folder[marked="true"], .branch label[marked="true"], .leaf label[marked="true"] {
border: 1px solid #3D5DCF;
background: rgba(61, 93, 207, 0.1);
box-shadow: 0 0 5px 0 #3D5DCF !important;
}*/
/*.branch label[marked="true"], .leaf label[marked="true"] {
border: 0px transparent; /* MG220715 otherwise the folder tree starts to jump */
/*}*/
/* MG220622 quite sure that there's already some other class for stuff like this. this class gets set in w_m_w/121/code/render/r_keyprops.inc */
/*.eb-keyprops-data {
padding: 5px;
}*/
/* MG220622 file name collision detection in key properties page */
.eb-name-used ~ .form-notch div, .eb-data-edited .eb-name-used ~ .form-notch div {
border-color: red !important;
}
.eb-name-used ~ .form-label, .form-group.eb-data-edited .eb-name-used ~ .form-label {
color: red !important;
}
.eb-name-available ~ .form-notch div {
border-color: green !important;
}
/* MG220615 hide the "create pin" ctx menu entry when opening the menu on a collection root node */
#contextmenu #ctx_collection_4194304[ctxid="-1"][ctxsubindex="1"] {
display: none;
}
/* MG220614 keyframe highlighting */
.eb-keyframe-hilite {
-webkit-animation: pulsate 2s linear infinite alternate;
-moz-animation: pulsate 2s linear infinite alternate;
animation: pulsate 2s linear infinite alternate;
}
@-webkit-keyframes pulsate {
0% { opacity: .1; }
20% { opacity: .3; }
40% { opacity: .5; }
60% { opacity: .7; }
80% { opacity: .9; }
100% { opacity: 1; }
}
@-moz-keyframes pulsate {
0% { opacity: .1; }
20% { opacity: .3; }
40% { opacity: .5; }
60% { opacity: .7; }
80% { opacity: .9; }
100% { opacity: 1; }
}
@keyframes pulsate {
0% { opacity: .1; }
20% { opacity: .3; }
40% { opacity: .5; }
60% { opacity: .7; }
80% { opacity: .9; }
100% { opacity: 1; }
}
.eb-keyframes-scene-container {
margin: 5px 0;
}
.eb-keyframes-scene .eb-keyframes-keyframe {
display: inline-block;
width: auto;
}
/* MG220531 extended search - thesauri and fields. sorry for the mess, it was a complete pain to transfer all this 20+ year old stuff from v5 */
/* quite sure that the absolute positioning etc. here is not really a good idea, but right now i need to make the damn thing work on a technical level */
/*.eb-search-field .eb-field-container {
position: absolute;
top: 0;
bottom: 30%;
}
.eb-search-thesaurus .eb-thes-container, .eb-search-field .eb-field-container {
position: absolute;
bottom: 50%;
height: 50%;
width: 95%;
overflow: auto;
border-bottom: 1px dotted #ccc;
}
.eb-search-field .eb-field-container {
bottom: 40%;
height: 60%;
}
.eb-search-keylist {
position: absolute;
top: 50%;
bottom: 30%;
border-bottom: 1px dotted #ccc;
}
.eb-search-field-controls, .eb-search-thes-controls {
position: absolute;
top: 60%;
bottom: 30%;
border-bottom: 1px dotted #ccc;
}
.eb-search-ft {
position: absolute;
top: 70%;
bottom: 0;
}*/
/*.eb-search-scope-flat, .eb-search-scope-deep {
display: none;
cursor: pointer;
}
.eb-search-scope-flat::before {
font-weight: bold;
content: "[-]";
}
.eb-search-scope-deep::before {
font-weight: bold;
content: "[+]";
}
.eb-search-scope-branch .eb-search-scope-flat, .eb-search-scope-branch .eb-search-scope-deep, .eb-search-scope-forecast {
display: inline;
margin: 0 3px;
}*/
/*.eb-search-field-extended {
padding: 5px;
border-radius: 5px;
margin-bottom: 5px;
}*/
/*.eb-search-field-extended > div {
margin: 3px 15px 3px 0;
}*/
/*.eb-search-field-extended .icon-b-x, .eb-search-field-extended .icon-b-c-add {
position: absolute;
right: 0;
margin: 3px;
cursor: pointer;
display: none;
}*/
/*.eb-search-field-operator .select-wrapper:not(.active), .eb-search-field-choice .select-wrapper:not(.active), .eb-search-field-choice .form-group:not(.active), .eb-search-field-choice .eb-esd-container:not(.active) {
display: none;
}*/
/*.eb-esd-container {
display: flex;
}*/
/*.eb-esd-range-container {
width: 30%;
}*/
/* MG220530 rather than styling the thes selector buttons with qualfiers using #_navigation, let's use .eb-thes-root */
/*.eb-thes-root .dropdown .btn {
width: 96.3%;
max-width: 360px;
}*/
/*.eb-thes-selector-modal, .eb-thes-root [class*="btn-outline-"] {
position: relative;
background-color: transparent;
padding-top: 0.2875rem;
padding-bottom: 0.2875rem;
padding-left: 0.75rem;
padding-right: 1rem;
border-radius: 0.5rem;
font-size: 0.95rem;
}
*//*.eb-thes-selector-modal .icon-b, .eb-thes-root [class*="btn-outline-"] .icon-b {
position: absolute;
right: .75em;
top: 50%;
transform: translateY(-50%);
}*/
/*.eb-thes-selector-modal .icon-b-search, .eb-thes-root [class*="btn-outline-"] .icon-b-search {
right: 2.4em;
}*/
.hidden { /* MG220601 in analogy to .hide */
visibility: hidden !important;
}
/* MG220530 end */
/* MG220524 some stuff for the export dialog */
/*.file-export-container {
max-height: 480px;
}*/
/* export controls are done with an mdb data table */
/*.eb-fixed div {
position: absolute;
background-color: #fff; so that the size boxes below the data table get hidden underneath the left-side label when h-scrolling (though only with many qualities)
z-index: 5;
top: 0;
}*/
/*.eb-export-dsize {
position: absolute;
left: 0;
right: 0;
height: 2rem;
white-space: nowrap;
}*/
/*.eb-export-dsize div {
display: inline-block;
line-height: 2rem;
}*/
/*.eb-export-dsize div div {
text-indent: 14px;
}*/
/* extended options dialogue, now squeezed into a "normal" mdb modal dialogue */
/*.adlbox {
width: 100%;
}*/
/*.modal-dialog.eb-modal-dialog-extended {
max-width: 850px;
}*/
/*.eb-modal-fadeout {
opacity: 0;
transition: opacity .5s;
z-index: 0;
}
.eb-modal-fadeout.eb-modal-fadein {
opacity: 1;
transition: opacity .5s;
}*/
/* a list of options displayed underneath the checkbox matrix. not necessarily has to be a table, though! */
/*.eb-export-controls {
margin-top: 2rem;
}*/
/* MG220504 stuff for the upload profile configurator */
/*.eb-create-assoc .eb-btn-add {
pointer-events: none;
opacity: .3;
}*/
.eb-create-assoc .chip {
display: none;
}
.eb-create-assoc .chip.eb-chip-placeholder {
visibility: visible;
display: flex !important;
}
.assoc.eb-create-assoc-instassoc .eb-create-assoc-acrec, .assoc.eb-create-assoc-acrec .eb-create-assoc-instassoc {
pointer-events: none;
opacity: .3;
}
.row-hidden.eb-fileloc-selector, .row-hidden.row-hidden-active.eb-fileloc-selector {
display: none;
}
.eb-profile-is-profile .eb-profile-template, .eb-profile-is-template .eb-profile-profile {
display: none !important;
}
/* MG230118 activated this again, as it shows rather important information. if a checkbox fof this type is ticked, it effectively prevents any import from being started unless data of both data types is detected in the puload folder */
/*.form-check.eb-create-assoc-instassoc {
background-color: rgba(0,206,209,0.4);
border-radius: 5px;
padding: 0 .3rem 0 1.6rem;
}*/
.--toolbar.eb-profile-nofile .eb-profile-page-file {
pointer-events: none;
opacity: .3;
}
.eb-coll-exists.eb-coll-, .eb-coll-deleted {
display: none;
}
.eb-coll-deleted.eb-coll- {
display: table-cell;
}
/* taken from eui.scss */
/*.table > .row > .cell.row-toggler, td.panelopener {
width: 40px;
padding: 10px 0;
}*/
/*.table > .row > .cell.row-toggler {
padding: 8px;
cursor: pointer;
vertical-align: middle;
color: #333;
text-align: center !important;
border-left: 1px solid white;
background-color: #dedede;
}*/
/*.table > .row.toggle-row > .cell.row-toggler i::before {
font: normal normal normal 1em/1 'eb-bootstrap';
font-family: 'eb-bootstrap' !important;
content: "\ea0a";
transform: rotate(0);
transition: transform 0.3s;
display: inline-block;
}*/
/*.table > .row.toggle-row-active > .cell.row-toggler {
background-color: #bebebe;
}
.table > .row.toggle-row-active > .cell.row-toggler i::before {
transform: rotate(180deg);
transition: transform 0.3s;
}*/
/*.table > .row.row-hidden.row-hidden-active {
display: table-row;
}*/
input.use_512 {
pointer-events: none;
opacity: 0.3;
}
/*.eb-input-narrow { smaller input boxes needed e.g. for the max x and y resolutions in the profile manager
width: 100px;
}*/
.eb-input-middle {
width: 300px;
}
.eb-inline-block { /* make the whole mdb field construct displayable "inline" to allow for constructs like "resx x resy" to appear in a single line */
display: inline-block;
}
/* MG170926 new support for qualities 1 and 2 for documents - implies to hide these controls for q512, which we achieve with this */
.table > .row.row-hidden.row-hidden-active.qm-doc.qm-compression-512, .table > .row.row-hidden.row-hidden-active.qm-doc.qm-resolution-512, .table > .row.row-hidden.row-hidden-active.qm-doc.qm-dpi-512, .table > .row.row-hidden.row-hidden-active.qm-doc.qm-imagick-512 {
display: none !important;
}
/* MG170309 return of "dpi" settings for pictures, qualities 1 and 2 => hide for 512 */
.table > .row.row-hidden.row-hidden-active.qm-dpi-512 {
display: none !important;
}
.form-label br { /* unfortunately, at least one field label (which resided in a separate table col) had a line break in its very long name. to be able to use its value in v6, too, the br gets hidden, and the const got an additional whitespace before the br */
display: none;
}
/* was defined in eui.less in v5 */
/*.table > .row.row-hidden {
display: none;
}*/
/* MG220502 thes filter text input */
.dropdown-item-no-hover .dropdown-item.thesfilter-4096 {
width: 250px;
}
.dropdown-item-no-hover .dropdown-item.active::before {
display: none;
}
.thesfilter-4096 .form-group {
width: 100%;
}
.eb-thesfilter-enter {
font-size: .7rem;
font-style: italic;
margin-right: 20%;
}
/* MG220502 keep the tab of the detail view in layout mode active, but disable its click events so that it doesn't do all kinds of strange things */
/*.eb-tab-muted {
pointer-events: none;
}*/
/*.eb-tab-muted .icon-b-x {
opacity: 0.3;
}*/
.eb-viewmode-container .thumb, .eb-quality-container .thumb {
z-index: 3;
}
/* MG220425 message box */
/*.eb-modal-content-footer { make "footer" content align to a checkboxed data table in the large modal dialogs (e.g. client message box)
margin: 10px 0 0 32px;
}*/
/*.eb-message-container {
height: 400px;
}*/
/* moved the badge a bit out of the way - sorry ;-) */
/*.topbar__nav .badge-notification {
transform: translate(10px,-10px);
}*/
/* MG220424 just playing around with the idea of making the 5-stars widget also usable for 1-4 stars */
/* MG220422 the mdb range selector is nice, but by default it doesn't show the currently set value while not interacting with the element. this allows to force the "thumb" to always be shown. */
/*.range.eb-thumb-always-active.disabled .thumb {
transform: scale(0);
}
.range.eb-thumb-always-active .thumb {
transform: scale(1);
}*/
/*.range.eb-range-collapse, .range.eb-range-plus { make the ranges in the personal settings only as wide as necessary
float: left;
}*/
/*.form-switch.eb-range-plus {
transform: translate(20px,0);
}*/
/*.eb-preferences-subgroup-first td {
border-color: transparent;
padding-top: 2rem;
padding-bottom: .4rem;
}*/
/*.eb-preferences-subgroup td {
border-color: transparent;
padding-top: .4rem;
padding-bottom: .4rem;
}*/
/*.eb-preferences-subgroup-last td {
padding-top: .4rem;
padding-bottom: 2rem;
}*/
/* MG220422 display/hide some workspace-related entries in the personal user menu */
.eb-single-workspace .eb-workspace-selector {
display: none;
}
.eb-resettable-workspace .eb-workspace-separator {
display: block !important;
}
/* MG220419 just found out that in the "stored searches" widget, the margin of the widget-section-header causes a useless x-scrollbar (of perfect scrollbar type) to be displayed - can quite surely be nicer done than this here, though. ;-) */
/*.widget-section-header {
margin-left: 0;
padding-left: 8px;
}*/
/* MG220418 folder privs. these are the 2 coloured columns. in v5, there's some alternative defintion for the "dark" skins. would be cool if suach a possibility could be taken into account right at the start. */
/* as the table is currently built using mdb datatables (which completely re-generate the whole markup, we can't address the columns directly, so... */
/*.eb-priv-group.eb-priv-group-active .icon-b-chevron-up {
transform: rotate(180deg);
transition: transform 0.2s;
}
.eb-priv-group .icon-b-chevron-up {
transform: rotate(0);
transition: transform 0.2s;
display: inline-block;
}*/
/*.eb-priv-table th:nth-child(18), .eb-priv-table td:nth-child(18) {
background-color: rgb(230, 243, 255);
}*/
/*.datatable.eb-no-pagination .datatable-pagination { display: none; }*/
/*.datatable.eb-wrap-td td {
white-space: normal;
}*/
/*.eb-priv-table th:nth-child(17), .eb-priv-table td:nth-child(17) {
background-color: #fff3f3;
}
.datatable.eb-super-dense table th, .datatable.eb-super-dense table td {
padding: 2px;
}
.eb-priv-table .form-check-input {
margin: 0;
}
.eb-priv-col-toggle {
cursor: pointer;
}*/
/*.datatable-inner { was the only way to get rid of the x-scrollbar in the key priv manager
max-width: 99.9%;
}*/
/*.eb-priv-table .fixed-cell .form-check {
padding-left: 0;
margin-bottom: -5px;
}*/
/* MG220417 multi-line text (separated by linefeed) in the small message dialogs */
.modal-text-block {
display: block;
}
/* MG220416 stuff for trashcan / archive */
.eb-x-table-data.v-slave {
display: none;
}
.eb-x-table-data.v-slave.show {
display: table-row;
}
.eb-x-table-data.v-master .icon-b-chevron-right {
transform: rotate(0);
transition: transform 0.2s;
}
.eb-x-table-data.v-master.show .icon-b-chevron-right {
transform: rotate(90deg);
transition: transform 0.2s;
}
/*.eb-x-table .cell.check, .eb-x-table .cell.icon {
width: 2rem;
}*/
/*.eb-x-table .cell.eb-x-table-fieldset {
display: none;
}*/
/* make the header sticky and look like the header of the list view (well more or less) */
/*.eb-x-table-header:nth-child(1) .cell {*/
/*position: -webkit-sticky; maybe not even needed anymore? */
/*position: sticky;
top: 0;
background-color: #000;
color: #fff;*/
/*z-index: 3; otherwise all input elements in the data rows are scrolled by *above* the header row, while text etc. is not */
/*}*/
/* MG220411 atomic (trashcan and archive) re-implementation */
/* as changing all functions that use the v5 div-table construct to mdb data tables would be a _huge_ undertaking
currently absolutely not worth the effort, try to make the current structure a bit more uniform and remove redundancies */
/* for lack of a better idea, use the cls name eb-x-table and derivates of it, e.g. eb-x-table-sortable to activate the sort controls, or eb-x-table-ranges to enable range select */
/* first up is the sorting and range select functions in those tables. */
/*.eb-x-table .eb-x-table-colsort {
visibility: hidden;
display: inline-block;
}*/
/*.eb-x-table.eb-x-table-sortable .cell:hover .eb-x-table-colsort, .eb-x-table.eb-x-table-sortable .eb-x-table-colsort.asc, .eb-x-table.eb-x-table-sortable .eb-x-table-colsort.desc {
visibility: visible;
}*/
/*.eb-x-table .eb-x-table-colsort {
cursor: pointer;
}*/
/*.eb-x-table .eb-x-table-colsort::before {
font: normal normal normal 32px/1 'eb-bootstrap';
content: "\ea07";
font-size: 1rem;
}*/
/*.eb-x-table .eb-x-table-colsort.desc {
transform: rotate(180deg);
transition: transform 0.3s;
}
.eb-x-table .eb-x-table-colsort.asc {
transform: rotate(0);
transition: transform 0.3s;
}*/
.eb-detail-readonly .eb-data-field {
font-style: italic;
}
.eb-archive-container .no-archive {
display: none;
}
.eb-atomic-data {
user-select: none;
}
.eb-x-table-data-insert .chip, .eb-modal-key-container .chip {
float: left;
}
/*.eb-x-table .cell.h {
white-space: nowrap;
}*/
/*.eb-x-table .cell i {
padding: 0 !important;
}*/
/*.eb-x-table.eb-x-table-fixed {
table-layout: fixed;
}*/
/*.eb-entry-counter { entry counter in the trashcan area selector
position: absolute;
right: .5rem;
}*/
.eb-atomic-items .active, .eb-atomic-folders .active, .eb-atomic-hidden .active {
padding-right: 4rem;
}
/* MG220410 needed to dynamically address the correct element in modal dialogs. position relative is needed for ps to work correctly */
.eb-modal-scrollbox {
position: relative !important;
}
.modal__container.eb-modal-resizable {
max-width: inherit;
}
/* MG220410 don't show the "no results" entry in an empty quicklist (or maybe the other way round - only for "real" searches?) */
/*.eb-workpane[ctxclass="quicklist"] .eb-no-results {
display: none;
}*/
/* MG220410 thes selector modal */
/*.eb-thes-selector-modal {
width: 100%;
}*/
/*.eb-thes-selector-modal .icon-b.icon-b-search {
right: 2.4em;
}
.eb-thes-selector-modal .icon-b {
position: absolute;
right: .75em;
top: 50%;
transform: translateY(-50%);
}*/
/* MG220408 temp fix for the much too big preview images in the chips (related items) */
/*.chip span {
width: 32px;
height: 32px;
}*/
/*.eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item.chip {
width: auto;
}*/
/*.eb-chip-placeholder {
visibility: hidden;
}*/
/* MG220407 some more widgets stuff - improved automatical arrangement (1,2,3 cols) with grid sorting */
/* MG220520 deactivated on request by PH .widget-header .dropdown-dots {
visibility: hidden;
}
.widget-header:hover .dropdown-dots {
visibility: visible;
}*/
/* MG220504 amend the "hidden dropdown menu" problem that arises after re-positioning widgets */
/*.eb-widget-container:hover {
z-index: 1;
}*/
/*#widgets-container .eb-widget-container {
height: 300px;
float: left;
margin: 5px;
}*/
/*#widgets-container.eb-widget-autocols-1 .eb-widget-container {
width: 98%;
position: relative;
}
#widgets-container.eb-widget-autocols-2 .eb-widget-container {
width: 48%;
position: relative;
}
#widgets-container.eb-widget-autocols-3 .eb-widget-container {
width: 31%;
position: relative;
}*/
/* MG220407 the perfect scrollbar overlaps our vertical drag handles between the several content panes; moving it to the left 1px amends this */
.eb-context .ps__rail-y {
margin-right: 1px !important;
}
/* MG220407 not really a great solution - in case the browser window is too narrow to display all configured panes in their intended size,
the center pane in the middle gets "lost" in that it has 0px width left. try to amend this for the moment with a min-width setting.
however, the workspace system would have a means to select the workspace to be used according to the screen size. doesn't help though when the browser window gets narrowed (or F12 activated, for the matter) */
.x-eb-pane-center {
min-width: 200px;
}
/* MG230703 added some lighter color for the center pane that gets sized automatically to the remainder of screen real estate, as otherwise it is not clear which one that is in case more than only left and right panes are active */
.x-eb-pane.x-eb-pane-center {
background-color: rgba(255,255,255,0.2);
}
/* MG220406 datatab dropdown selector for little space */
.field-tabs .eb-tab-dropdown {
display: inline;
}
/* MG220405 just testing if the cards could be used for stuff in the detail view, too - e.g. for displaying record versions */
/* .widget should of course not be part of the selector list here at all, but it appears that the cards depend on this class name to be displayed reasonably. */
.eb-workpane.eb-workpane-detail .widget {
height: 100% !important;
border: none;
box-shadow: none;
background-color: transparent;
overflow: visible;
}
.eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item .widget div {
margin-left: 0px !important;
margin-right: 0px !important;
}
/* MG220408 make the card title clickable */
.widget-body .card-title {
cursor: pointer;
}
/* perfect scrollbar in detail view text fields (read mode) - worked e.g. in thes fields, but not in long text fields, cos the latter are missing this - no idea why though. */
.form-control.perfect-scrollbar {
position: relative !important;
}
/*.eb-container {
padding: calc(var(--eb-spacing-base) * 2) 0 0 0;
}*/
/*.widget.eb-detached-widget .widget-body {
overflow: visible;
}*/
/* MG220403 "antidote" for detached widget containers. original def should be sth like .widget:not(.eb-detached-widget) */
/*.widget.eb-detached-widget {
height: auto !important;
}*/
/*.widget.eb-detached-widget.eb-pane-lower {
height: var(--lower-height) !important;
}*/
/* MG220402 custom grid sorter that also auto-scrolls */
/*.eb-modal-move {
cursor: move !important;
}*/
.eb-modal-draggable-grid {
transition: translate 0.3s ease; /* doesn't work though, no idea why */
}
/*.eb-modal-drag-cloaker {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba( 0, 0, 0, .1 );
}*/
/* MG220331 strangely, display:inherit makes the color boxes in the thes key ctx menu appear in-line. inline doesn't */
.dropdown-menu .form-group {
display: inherit;
}
/* MG220331 avoid text selection on widget (et al.) drag */
body.eb-no-text-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* need to set the z-index of the perfect scrollers for widgets to 0, otherwise they stay in front of overlapping parts */
/*.eb-widget-container .ps__rail-x, .eb-widget-container .ps__rail-y {
z-index: 0;
}*/
/* put widgets into front of the other widgets while dragging / resizing. some stacking logic would also be nice to have - if overlapping parts can't be avoided */
/*.eb-modal-drag-active {
z-index: 3000;
}*/
/* MG220330 some stuff for the table layout editor, .eb-preview-table-cell is experimental to display the contents of a table cell otherwise cut off, similar to excel etc. */
.eb-preview-table-cell {
position: absolute;
padding: .3rem .4rem !important;
border-radius: 5px;
border: 1px solid rgba(52,52,52,.2);
z-index: 1036;
overflow: hidden;
line-break: anywhere;
transform: translate(-.5rem,-.5rem);
line-height: 1.35;
font-size: .9rem;
}
/*.x-list-table .cell {
vertical-align: top;
}*/
/* MG220328 new means to set a flag on a contxt menu that switches entries on/off independent of bit access patterns. first used for the "remove filter" option that should be only available in case a thes is actually filtered (.eb-ctxmenu-flagged) */
/*.dropdown.eb-ctxmenu-flagged li.eb-hide-on-flagged {
display: none;
}
.dropdown li.eb-show-on-flagged {
display: none;
}
.dropdown.eb-ctxmenu-flagged li.eb-show-on-flagged {
display: block;
}*/
/* clear entry button near thes filter text box */
.thesfilter-4096 .eb-clear-entry {
position: absolute;
right: .2rem;
top: .5rem;
font-size: 1.3rem;
}
.dropdown-item.thesfilter-4096 input {
padding-right: 1.5rem;
}
/* MG220328 hide "edit viewmodes" buttons in fullscreen mode */
.eb-pane-modal .eb-viewmode-edit {
display: none;
}
/* MG220328 not sure why the filter sidenav doesn't rotate on its own */
/* as there's no "uncollapsed" class and the arrow by default points down, i did it this clumsy way */
/*.sidenav-link.collapsed .rotate-icon {
transform: rotate(0deg);
}
.sidenav-link .rotate-icon {
transform: rotate(180deg);
}*/
/* MG220327 sending stuff home - wherever that is */
.eb-x-home {
z-index: 1039;
}
/* MG220327 the mdb perfect scrollbar is really great, but it overlays out context menus / button dropdowns by using a z-index of 1035 */
.dropdown-menu.show, #_menucontainer.dropdown.show, #_dialogcontainer.show {
z-index: 1050;
}
/* MG220327 fiddled around with the widgets a bit. widgets can now be moved/resized with shift-mousedown, and the css old #widgetcontainer interfered with the coord calculation, so renamed the container */
/*#widgets-container .eb-widget-container {
position: absolute;
}*/
/* MG220327 strangely, the sidebar has a max width of 380px but expects a width of 320px when sliding in and out... this helps but i'm sure it doesn't amend the problem really */
/*.sidebar { max-width: 320px; }*/
/* MG220324 means to make the global/local progress bar on the login page not move the dialog box. mostly tentative, as the progress bar thing will be changed for sure */
.justify-content-center .eb-fiveup-local-progress {
width: auto;
position: absolute;
}
/* MG220323 small adjustment for the (needed) eb-workpane element in the top bar for creation of new records */
/*.topbar__nav .eb-workpane {
padding: 0;
}*/
/*.topbar__nav .dropdown-toggle::after {
color: #fff;
}*/
/* MG220317 keep the sidebar at the side when h-scrolling */
/*.sidebar.scrolling {
transition: none !important;
}*/
/* MG230711 added alt content in read mode, too */
.eb-alt-content .form-control, .datacolumn.eb-alt-content, .eb-item-extinfo .eb-alt-content {
opacity: .7;
font-style: italic;
}
/* MG220317 alternate text in edit mode for multilingual text fields which are empty in the current lang */
.eb-alt-text-content, .eb-alt-text-caliper {
position: absolute;
top: 0;
background-color: transparent;
z-index: 0;
border-radius: 5px;
opacity: .5;
}
.eb-alt-text-content {
padding: 8px 10px;
box-shadow: 0 0 .7rem .1rem rgba(0,0,200,.2);
display: none;
font-style: italic;
overflow: auto;
}
.eb-alt-text-caliper {
display: block;
visibility: hidden;
background-color: red;
padding-top: .33em;
padding-bottom: .33em;
padding-left: .75em;
padding-right: .75em;
font-size: .925rem;
font-weight: 400;
line-height: 1.6;
font-style: normal;
}
.form-control.active ~ .eb-alt-text-caliper div {
margin: 0;
padding: 0;
}
.eb-alt-text-caliper span {
border: 1px solid yellow;
}
.form-outline[x-data-length="0"] .eb-alt-text-content {
display: block;
}
.eb-field-focused .eb-alt-text-content {
top: auto;
z-index: 5;
background-color: white;
border: 1px solid #f0f0f0 !important;
display: block !important;
font-style: normal;
opacity: 1;
overflow: auto;
}
.eb-field-focused .eb-alt-text-content-hide .eb-alt-text-content {
display: none !important;
}
.eb-btn-add.eb-btn-arrange {
display: none;
font-size: .8rem;
color: #4f4f4f; /* no css var obviously, but as defined in buttons.scss, line 5 */
}
.eb-field-focused .eb-btn-arrange {
display: inline-block;
}
/* MG220316 detail view tabindex tool and field coloring */
.eb-data-field.css--color-1 .form-control, .eb-data-field.css--color-1 .form-control a {
color: var(--pf-01-color-f);
}
.eb-data-field.css--color-2 .form-control, .eb-data-field.css--color-2 .form-control a {
color: var(--pf-02-color-f);
}
.eb-data-field.css--color-3 .form-control, .eb-data-field.css--color-3 .form-control a {
color: var(--pf-03-color-f);
}
.eb-data-field.css--color-4 .form-control, .eb-data-field.css--color-4 .form-control a {
color: var(--pf-04-color-f);
}
.eb-data-field.css--color-5 .form-control, .eb-data-field.css--color-5 .form-control a {
color: var(--pf-05-color-f);
}
.eb-data-field.css--bold .form-control {
font-weight: var(--pf-fw-bold);
}
.eb-data-field.css--underline .form-control {
text-decoration: var(--pf-td-underline);
}
.eb-data-field.css--color-1.css--contrast .form-control {
color: var(--pf-01-color-i);
background-color: var(--pf-01-bgcolor-i);
}
.eb-data-field.css--color-2.css--contrast .form-control {
color: var(--pf-02-color-i);
background-color: var(--pf-02-bgcolor-i);
}
.eb-data-field.css--color-3.css--contrast .form-control {
color: var(--pf-03-color-i);
background-color: var(--pf-03-bgcolor-i);
}
.eb-data-field.css--color-4.css--contrast .form-control {
color: var(--pf-04-color-i);
background-color: var(--pf-04-bgcolor-i);
}
.eb-data-field.css--color-5.css--contrast .form-control {
color: var(--pf-05-color-i);
background-color: var(--pf-05-bgcolor-i);
}
/*.eb-field-focused div {
border-color: green !important;
}
.eb-field-focused .form-label {
color: green !important;
}*/
/* MG220410 disable the ugly highlighting for now */
/*.eb-hilite-control {
background-color: orange !important;
}*/
.eb-tabindex-display {
display: none;
}
/*.eb-tabindexing-active .eb-tabindex-display {
display: block;
position: absolute;
right: 5px;
top: 5px;
background-color: blue;
border-radius: 3px;
color: yellow;
font-weight: bold !important;
padding: 0 5px;
}*/
.eb-tabindexing-active .field-menu {
display: none;
}
.eb-tabindexing-active .field-cloaker {
cursor: pointer;
}
.field-cloaker ul.dropdown-menu {
cursor: pointer;
}
.field-cloaker ul.dropdown-menu label {
/*color: #343434 !important; might be some css var, but not the color of the element (e.g. field .css_titel) it is opened on */
text-decoration: none !important;
font-weight: normal !important;
}
.fs-set-tab-index span {
display: inline-block;
margin-left: 10px;
}
/* MG220303 filtering. sidenav still looks shit in eyebase cos there's no styles / icons as used in the demos on mdbootstrap.com, so there we go... */
/*.eb-sidenav-filter {
width: 100%;
position: absolute;
transition: all 0.3s linear 0s;
transform: translateX(0%);
}*/
.fas.fa-grin.fa-fw.me-3 {
/*border: 5px solid black;
width: 10px;
height: 10px;
border-radius: 5px;*/
display: none;
}
/*.eb-sidenav-filter .sidenav-link {
padding: .3rem 1.5rem;
}*/
/*.eb-refine-params > li > a.sidenav-link {
height: 2rem;
}*/
/*.eb-sidenav-filter .eb-icon-star::before {
font-family: 'eyebase_v5' !important;
content: "\ea6f";
}
.eb-sidenav-filter .eb-icon-star-outline::before {
font-family: 'eyebase_v5' !important;
content: "\ea6e";
}*/
/*.eb-tag-color {
position: absolute;
right: 23px;
margin-top: -2rem;
}*/
/*.sidenav-link .eb-icon {
margin-right: 4px;
}*/
/*.eb-sidenav-filter .eb-info {
margin: 5px;
font-style: italic;
}*/
/* dunno if the .nav-link active style is available also for .sidenav-link, i suppose not */
/*.sidenav-link.active {
border-left: .125rem solid #1266f1;
border-radius: 0;
}*/
/* MG220302 remove the 2nd icon defined in patch.css for the record version symbol, which is now implemented via i.b-file-copies */
.down-image::before, .down-document::before, .down-avmedia::before, .down-none::before {
content: "\ea0f";
}
div.v-box div::before, i.versions::before {
content: "";
}
/* also reset the "right" definition cos it makes the div spread all over to the right side and thus cloaks e.g. the stars */
.x-list-table div.v-box {
position: relative;
}
div.v-box {
right: auto;
}
div.v-box a {
color: #343434; /* some css var i suppose */
}
/* used in the version popover and assigned by _res_addversions in www/js/result.js */
.eb-current-version {
font-weight: bold !important;
}
/* MG220219 start to gain some experience with the modal dlg... bumpy road! surely most of this is not needed at all if properly done. */
.eb-modal-control-content {
display: none;
}
/*.modal__container {
max-width: 100%;
}*/
/*.modal-dialog {
pointer-events: all; /* wtf?
}*/
/* these 2 are scrollable via mdb.PerfectScrollbar */
/*.modal-dialog .eb-thes-container div[class*="thes-"].key-container { maybe use a fixed height here, too? otherwise the dlg gets higher when branches are opened and the inital thes was too short, or narrower during filtering or switching to alphabetic mode etc.
height: 250px;
}*/
/*.modal-dialog .eb-modal-key-container { fixed height - imo doesn't look good if the dlg resizes when adding more entries
height: 150px;
}*/
/* prevent smart folders from being used in the thes key selector */
/*.modal-dialog .eb-thes-container span[smart-folder="true"] {
display: none;
}*/
/* MG220216 not sure why the direct download filename extension links in the tiles view have a zindex of 5 in _thumbnails.scss */
/*.filename-ext {
z-index: 0;
}*/
/* MG220210 debugger - can be formatted a lot smarter i'm sure but i need that thing now */
.form-outline .form-control.eb-debug-value10 {
min-height: 7rem;
}
.form-outline .form-control.eb-debug-enter {
min-height: 8rem;
}
.eb-debug-table .form-outline .form-control, .table.eb-debug-table .form-group, .table.eb-debug-table .form-outline {
padding: 0 !important;
}
.eb-debug-table {
margin-bottom: 0;
}
.table.eb-debug-table .form-outline input, .table.eb-debug-table .form-outline textarea {
padding-right: 5px !important;
margin-left: 5px !important;
}
.table.eb-debug-table .form-control, .table.eb-debug-table .form-check {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.eb-debug-table .cell {
width: 50%;
}
.eb-debug-caliper .cell {
padding: 0 0 0 20px;
}
.--toolbar .eb-debug-table .cell {
width: 24%;
}
.table.eb-debug-table, .table.eb-debug-table input, .table.eb-debug-table textarea {
font-size: .75rem;
}
.--toolbar .eb-debug-input {
font-size: .7rem;
}
/* MG220209 prevent the keywords /search term dropdown to be shown while dragging stuff round the screen */
body[status="permit"] .eb-show-hits, body[status="nopermit"] .eb-show-hits {
display: none;
}
/* MG220207 multi editor */
/*.eb-datafield-readonly {
opacity: .3;
}*/
.eb-multieditor-modeselector, .eb-multieditor-active .eb-datafield-readonly .eb-multieditor-modeselector {
display: none;
}
.eb-data-field.pointer input, .eb-data-field.pointer textarea {
cursor: pointer !important;
}
.eb-multieditor-active .eb-multieditor-modeselector {
display: inline;
text-decoration: none;
color: inherit;
font-weight: bold;
cursor: pointer;
}
.eb-multieditor-active .eb-data-handle, .eb-multieditor-active .bildtext, .eb-multieditor-active .starbox, .eb-multieditor-active .v-box, .eb-multieditor-active .mini, .eb-multieditor-active .annotation-count {
visibility: hidden;
display: none;
}
.eb-multieditor-active .eb-container {
padding-bottom: 5px;
}
.eb-multieditor-active .bild {
display: block;
overflow-y: hidden; /* handled by perfectscrollbar */
}
.eb-multieditor-cq {
display: none;
}
.eb-multieditor-active .eb-multieditor-cq {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.eb-multieditor-compressed {
display: inline-block;
width: 120px;
height: 120px;
padding: 2px;
margin: 2px;
}
.eb-multieditor-compressed.landscape img {
width: 100%;
height: auto;
}
.eb-multieditor-compressed.portrait img {
height: 100%;
width: auto;
}
/* MG220204 limit the size of the fulltext search field in the "search" window */
/* maybe use another classname rather than topbar__search for this instance? */
/*.eb-simple-search .topbar__search {
min-width: 100%;
max-width: 100%;
}*/
/* MG220204 hide version icon in result list if no record versions are available */
.versions.vc0 {
display: none;
}
.eb-data-field label em.eb-v-chunk {
text-decoration: none;
}
label .eb-v-chunk [type="checkbox"] {
margin-right: 0;
}
.eb-v-chunk i {
display: none;
}
.eb-v-chunk.eb-v-chunk-info [type="checkbox"] {
display: none;
}
.eb-v-chunk.eb-v-chunk-info i {
display: inline;
}
.eb-v-chunk.eb-v-chunk-info i::after {
content: "\ea0d";
font-family: eb-bootstrap;
font-size: 1rem;
font-style: normal;
text-decoration: none;
color: #000;
}
/* MG220202 2nd icon in thes header, dropdown with hierarchical/alphabetical display options and thesaurus detach function */
/*#_navigation .dropdown .btn .icon-b.icon-b-search {
right: 2.2em;
}*/
.dropdown-item.eb-ctxmenuentry-inline {
margin: 0 -5px;
}
.dropdown-item.eb-ctxmenuentry-inline:hover, .dropdown-item.eb-ctxmenuentry-inline:focus {
color: inherit;
background: inherit;
}
.dropdown-item.eb-ctxmenuentry-inline a {
padding: 5px 7px;
border-radius: 3px;
margin: -5px 0;
}
dropdown-item.eb-ctxmenuentry-inline span {
width: 0.6em;
display: inline-block;
text-align: center;
}
.dropdown-item.eb-ctxmenuentry-inline a.eb-wrap:after {
content: "\A";
white-space: pre;
}
.dropdown-item.eb-ctxmenuentry-inline a:hover, .dropdown-item.eb-ctxmenuentry-inline a:focus {
color: #e9e9e9;
background: #3D5DCF;
}
/* MG220202 ugly styling for the new upload profile panel */
/*.eb-upload-container {
display: inline-block;
background-color: #5CB85C;
border-radius: 5px;
margin: 3px 1px;
}*/
/*.eb-upload-profile {
padding: 10px;
cursor: pointer;
border: 1px solid white;
margin: 1px;
border-radius: 5px;
}*/
/*.eb-upload-container.ia-enabled {
background-color: rgba(0,206,209,.4);
}
.eb-upload-container i {
visibility: hidden;
}
.eb-upload-container.ia-enabled i.ia-files-ok {
color: red;
}
.eb-upload-container.ia-enabled [ia-media-types~="image"] i.eb-upload-image {
visibility: visible;
}
.eb-upload-container.ia-enabled [ia-media-types~="document"] i.eb-upload-document {
visibility: visible;
}
.eb-upload-container.ia-enabled [ia-media-types~="audio"] i.eb-upload-audio {
visibility: visible;
}
.eb-upload-container.ia-enabled [ia-media-types~="video"] i.eb-upload-video {
visibility: visible;
}
.eb-upload-container.ia-enabled [ia-media-types~="avmedia"] i.eb-upload-avmedia {
visibility: visible;
}
.eb-upload-container.ar-pending {
background-color: rgba(185,166,250,.4);
}
.eb-upload-container.ar-active {
background-color: rgba(116,81,246,.4);
}
.eb-upload-profile.eb-fiveup-disabled {
background-color: rgba(128,128,128,.2);
font-style: italic;
}*/
/*.x256-hints {
font-size: .6rem;
margin: 5px;
position: absolute;
background: rgb(245, 245, 245) !important;
z-index: 4;
max-width: 500px;
padding: 5px !important;
border-radius: 5px;
}
.x256-hints, .x256-hints .table {
font-size: .6rem;
background: rgb(245, 245, 245) !important;
}*/
/*.eb-x256-revert {
position: absolute;
right: 0;
bottom: 3px;
cursor: pointer;
display: none;
}
.eb-fiveup-x256-revert .eb-x256-revert {
display: block;
}*/
/* remove trashcan symbol from menu cos it's the only symbol left i think, which does not make much sense, right? */
/*#ctx_album_64::before, #ctx_folder_64::before, #ctx_upload_4::before {
content: "";
padding: 0;
}*/
/* MG220131 new fiveup (file upload) implementation */
/*.eb-fiveup-drag-active .eb-fiveup-enabled {
background-color: rgba(0,128,0,.1) !important;
}*/
/*.eb-fiveup-drag-active .eb-fiveup-can-drop {
background-color: rgba(0,128,0,.4) !important;
}*/
body > .eb-fiveup-local-progress {
display: none;
}
.eb-fiveup-local-progress {
width: 100%;
height: 1px;
}
.eb-fiveup-local-progress div {
border-bottom: 1px solid rgba( 0,0,255,.2);
}
.eb-fiveup-local-progress.transferring div {
border-bottom: 1px solid rgba( 0,0,255,.5);
}
.eb-data-field > .eb-fiveup-local-progress {
margin: -7px 0 7px 10px;
padding-right: 21px;
}
label .eb-fiveup-local-progress {
position: relative;
display: inline-block;
transform: translate(-100%,4px);
}
.chip .eb-fiveup-local-progress {
/* no special formatting atm */
}
.imgcontainer .eb-container .eb-fiveup-local-progress {
position: absolute;
bottom: 2px;
}
.eb-fiveup-local-progress.success div {
border-color: green;
}
.eb-fiveup-local-progress.error div {
border-color: red;
}
/* MG220130 new-style personal folder markings with css vars instead of hard-coded values */
/* MG220316 also used for the detail view field coloring, but could be a different set of vars, too! */
/*:root {
--pf-01-bgcolor-f: inherit; --pf-01-color-f: inherit;
--pf-01-bgcolor-i: #000; --pf-01-color-i: #fff;
--pf-02-bgcolor-f: inherit; --pf-02-color-f: #facc00;
--pf-02-bgcolor-i: #facc00; --pf-02-color-i: #000;
--pf-03-bgcolor-f: inherit; --pf-03-color-f: #fa2200;
--pf-03-bgcolor-i: #fa2200; --pf-03-color-i: #fff;
--pf-04-bgcolor-f: inherit; --pf-04-color-f: #00aa55;
--pf-04-bgcolor-i: #00aa55; --pf-04-color-i: #fff;
--pf-05-bgcolor-f: inherit; --pf-05-color-f: #0099fa;
--pf-05-bgcolor-i: #0099fa; --pf-05-color-i: #fff;
--pf-fw-normal: normal;
--pf-fw-bold: bold;
--pf-td-none: none;
--pf-td-underline: underline;
}*/
/* MG220130 with mdb tooltips, the current styling to show the (i) sign for folders with remarks won't work anymore, as the title attribute gets emptied by mdb */
/*.branch label.eb-has-remark::after, .leaf label.eb-has-remark::after {
content: "\ea0d";
margin-left: 0.3em;
}*/
/* also not sure why the color of the (i) currently gets set to white when a folder is clicked. looks rather strange */
/*.branch label[marked="true"].eb-has-remark::after, .leaf label[marked="true"].eb-has-remark::after {
color: inherit !important;
}*/
/* MG220126 new class-based filter status indicator in the list view */
/* MG221114 new defs in tables.scss rendered this defunct, prefixed with "div.table .row" to make it "stronger" */
div.table .row.eb-data-item.eb-xlc-filter-pending {
opacity: .6 !important;
font-style: italic !important;
}
div.table .row.eb-data-item.eb-xlc-filter-pending .eb-xlc-fitler-busy em {
transform: scale(0.4,0.4);
height: 13px;
display: inline-block;
position: absolute;
}
div.table .row.eb-data-item.eb-xlc-filter-hidden {
display: none;
}
/* what would _really_ be nice if we'd get the "fa" symbols into our system, like e.g. to show a "x" rather than nothing. :-) */
.eb-playfield-extender {
position: absolute;
width: 50px;
height: 50px;
border: 1px solid transparent;
background-color: transparent;
}
/* MG220114 without this minimal tweak we get scrollbars for single-line data fields in the detail view layout editor, even when there shouldn't be one. maybe there's a cleaner/smarter solution to that */
/*.fieldcontainer .form-control {
font-size: .999rem;
}*/
/* MG220113 relation field clickable assoc counter - quite clumsy to make it clickable as it's hidden behind other parts of the mdb control! */
/*.eb-data-field label em {
cursor: pointer;
text-decoration: underline;
color: blue;
}*/
/*.eb-multilingual .form-label {
color: #1323ad !important; /* just some odd blue color for testing */
/*}*/
/*.eb-multilingual .form-notch div {
border-color: #1323ad !important; /* just some odd blue color for testing */
/*}*/
/* max number of assocs in ths field. not shown (i.e. not included in the generated html) if unlimited (i.e. -1), and only to be displayed in record edit mode */
/*.eb-relation-max-assocs {
display: none;
}*/
.eb-workpane-edit .eb-relation-max-assocs {
display: inline;
margin-left: .2rem;
}
/* MG220113 mdb styled radio buttons get all put into one single line, independent of the container's size. responsible is .btn-group, .btn-group-vertical in _button.group.scss */
.btn-group.eb-radio-btn {
display: inline-block; /* originally inline-flex, which produces the described behaviour */
}
/* MG211222 detached thesauri. just some testing, this is not yet carved in stone */
/*.eb-detached-thesaurus .eb-context {
margin: 0 0 0 10px;
}
.eb-detached-thesaurus .fcu-toggle {
display: none;
}*/
/* MG211214 the thesaurus selector dropdown ("Ordnerstruktur", "Sammlungen") won't show with overflow: auto, defined in forms.css, for whatever reason */
/*.eb-thes-container div[class*="thes-"] {
overflow: visible;
}*/
/*.eb-thes-container .eb-detached-toolbar {
display: none !important;
}*/
/*.eb-detached-thesaurus .eb-thes-root {
display: none !important;
}*/
/* MG211210 some fun at friday evening (21:01) */
/*.eb-detached-widget .widget {
box-shadow: none;
}*/
.eb-detached-widget.eb-pane-modal .widget-header {
display: block;
}
/* MG220709 introduced .eb-widget-header-preserve to be able to show the dots dropdown in detached mode when there's options in there other than "detach" and "close" */
/*.eb-detached-widget .widget-header:not(.eb-widget-header-preserve) {
display: none !important; /* MG220403 important cos otherwise gets overridden by .d-flex from _utilities.scss */
}*/
/*.eb-detached-widget .widget-header.eb-widget-header-preserve h4, .eb-detached-widget .widget-header.eb-widget-header-preserve .dropdown .eb-widget-default-entry {
display: none !important;
}*/
/*.eb-detached-widget .widget-header.eb-widget-header-preserve {
margin-top: -1.25rem;
}*/
/*.eb-detached-widget .widget-header.eb-widget-header-preserve .dropdown {
position: absolute;
right: .6rem;
top: -.3rem;
z-index: 3;
background-color: transparent;
}*/
/*.eb-detached-widget .widget-header.eb-widget-header-preserve .dropdown i {
transform: rotate(90deg);
}*/
/*.eb-detached-widget .tab-pane {
max-height: 100%;
overflow-y: auto;
}*/
.eb-modal-closer, .eb-modal-widget-closer {
position: absolute;
right: 20px;
top: 20px;
display: none;
}
.eb-pane-modal .eb-modal-closer {
display: block;
}
.eb-pane-modal.eb-detached-widget .eb-modal-widget-closer {
display: block;
}
/* MG211208 improved the htmldragger a bit with the use of transformations (and some code changes) */
#dragcontainer > div:not(.drag-counter) {
left: 0;
top: 0;
margin: 0;
padding: 0;
}
.drag-counter {
left: 0;
top: 0;
transform: translate(-20px,-20px);
}
/* MG211208 awful (atm) looking way to visualize the fact that when a "system tab" (like widgets, navigation etc.) gets closed, it appears as an entry in the user's personal menu from where it can be reopened. */
/* should be made looking nice - obviously :-)) - and of course the entries could be placed somewhere else, too */
.eb-show-hint {
background-color: rgba(0,255,0,.05);
transition: background-color 1s ease;
}
.eb-fade-hint {
background-color: transparent;
transition: background-color 1s ease;
}
/* MG211207 keyword entry selector , taken more or less from v5 */
/*.eb-show-hits {
background-color: #fff;
border-radius: 1px;
height: auto;
max-height: 320px;
padding: 0;
position: absolute;
width: auto;
left: 0;
top: 0;
z-index: 20;
overflow-y: auto;
}*/
/*.eb-show-hits > div {
padding: 8px 26px 8px 12px;
}*/
.eb-entry-selected {
background-color: #f0f0f0;
}
.eb-show-hits-modal { /* MG220518 make the keyword selector a bit more multi-purpose and also use it e.g. for the email address lookup in the modal pin mail window */
z-index: 1045;
}
/* MG211203 no mini div in detail view when we're editing data */
/*.eb-workpane-edit .eb-container .mini {
display: none;
}*/
/*.form-group.eb-data-edited .form-notch div, input[type="checkbox"].eb-data-edited { MG220419 the latter is to show changes on the checkboxes in the key priv manager
border-color: darkorange !important;
}*/
/* btn-style radio buttons - some style from forms.scss interferes with this, see dom inspector */
.btn-check {
position: absolute !important;
}
.eb-radio-btn, .eb-radio-btn:hover {
padding: 12px 10px;
box-shadow: none;
}
/* MG211202 as long as the checkboxes cater for never-ending trouble */
input[type="checkbox"].eb-data-edit {
position: relative;
margin: 13px 10px 8px;
/* border: 1px solid pink */; /* MG221129 deactivated - nobody ever noticed? */
}
.form-control .starbox {
position: relative;
bottom: auto;
text-align: left;
margin: 8px;
width: auto;
}
/* theskey selector opener */
/*.eb-btn-add {
position: absolute;
right: 6px;
line-height: .5rem;
padding: 5px 7px;
}*/
/* MG2112001 initial tests for input fields on the new edit mask. these get inserted into the already existing read-only mask and therefore currently circumvent the mdb field init mechanism */
.eb-data-edit:focus {
outline: none;
}
/*input[type="text"].eb-data-edit {
width: 100%;
height: 100%;
border: none;
padding: 7px 11px;
}
textarea.eb-data-edit {
width: 100%;
height: 100%;
border: none;
padding: 8px 11px;
}*/
/* MG211130 picture annotations stuff */
.eb-annotations-canvas {
position: fixed;
}
/*.annotation-count {
cursor: pointer;
}*/
/* MG211130 hide the mini div in case the data container is active (i.e. "marked"), otherwise drag select and other actions get rather clumsy */
/*[marked="true"] .bild:hover .mini {
visibility: hidden;
}*/
/* MG211129 make the modal pane opaque (with a css var? - which i don't have) MG241216 added .eb-cloaker as exclusion (for fullscreen detail viewmode edits) */
.eb-pane-modal:not(.eb-lo-modal):not(.eb-cloaker) {
background-color: white;
}
.eb-pane-modal .eb-context-tiles, .eb-pane-modal .eb-context-xlist {
overflow-y: auto;
}
/* MG211129 unify detail view and "medium resolution" view ("webversion") into one element */
.eb-data-handle.eb-has-medres {
height: 0 !important;
}
.eb-medres-file {
text-align: center;
}
.eb-medres-file.portrait img {
width: auto;
height: 100%;
}
.eb-medres-file.landscape img {
width: 100%;
height: auto;
}
/* MG230315 due to the padding on ".eb-workpane.eb-workpane-detail.eb-generic-layout .eb-data-item:not(.chip) .imgcontainer .eb-container" which amounts to "calc(var(--eb-spacing-base) * 2.25) 0 0 0",
the medres file is positioned too low so that when it gets activated it appears to "jump down" a few pixels. not sure why the img.eb-data-handle (whose position it takes) is obviously affected
differently from that padding. "un-doing" the padding via a negative margin-top of the same value positions the medres file again a few pixels too high, oddly enough.
as an intermediate fix a margin-top of -1.5rem has proven to be least harmful to achieve an optically stable display of the medres file.
*/
.eb-datafile-medres-margin {
margin-top: -22px !important;
}
.eb-datafile-medres-margin.eb-datafile-audio {
margin-top: 5px !important;
}
.eb-x-content .eb-datafile-medres-margin {
margin-top: -1.45rem !important;
}
/* MG211126 a very long and tedious fight with the mdb sidenav - 5 or 6 hours at least */
/*.sidenav {
z-index: 10 !important; default is 1035 which collides with message boxes etc.
}*/
.sidenav input[type="text"] {
font-size: .8rem;
}
/* MG211125 just some playing around with the sidebar */
/* MG220414 this must be positioned absolutely, as "fixed" glues it to the right side which doesn't work in multi-column setups where the detail view is not necessarily ending at the right browser edge.
this could be amended via css vars, too, but getting the sliding of the sidebar right (so that it won't start/stop sliding at the right window edge) is a nightmare. handling the v-scroll issue of the detail view is a walk in the park compared to that. */
/*.sidebar {
position: absolute;
top: 0;
min-height: 100%;
margin-right: 1px;
}*/
.eui-no-autoscroll {
overflow-x: hidden !important;
}
/* MG211124 prev/next buttons in the detail view */
/*.eb-control-buttons {
position: absolute;
right: 0;
}*/
/* MG211124 found on https://mdbootstrap.com/snippets/jquery/mdbootstrap/949045#css-tab-view - maybe there's some "official" style for this, too? */
/*.dropdown-submenu {
position: relative;
}*/
/*.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}*/
/*.dropdown-submenu:hover>.dropdown-menu {
display: block;
}
*/
/*.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}*/
/*.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}*/
/*.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}*/
/* MG211123 make a mdbootstrap dropdown scrollable when there's too many entries (can happen in the tab selector) */
.eb-tab-selector .dropdown-menu.show {
height: auto;
max-height: 600px; /* quite deliberate... just a test */
overflow-y: auto;
overflow-x: hidden;
}
/*.eb-workspace-bar.l:hover, .eb-workspace-bar.r:hover, .eb-workspace-bar.c:hover {
transform: scaleX(800%);
opacity: .2;
}*/
/*.eb-workspace-bar.v:hover {
transform: scaleY(800%);
opacity: .2;
}*/
/*#busy {
z-index: 5;
}*/
/*.eb-workpane-detail {
min-height: 100%; MG211111 makes the whole logical area "eyebase context sensitive", not just the part actually occupied by content - only for detail views, has bad side effects in the list and tiles views
}*/
/* layout editor stuff (search result list view, detail view) start */
.eb-workpane-xlist .table > :not(caption) > * > * {
padding: 0.3rem 0.5rem;
}
/* MG211112 in custom detail view layouts, where fields can be designed with not enough space to fully display the contents, we need to provide scrollbars i suppose */
/* when scrolling, the text slips in underneath the field's label, but it does the same for textarea fields on mdbootstrap's input field demo page, so... */
.eb-custom-layout .eb-data-field .form-control {
height: 100%;
overflow-y: auto;
}
/* MG250709 obviously spills over the chips if too many, as perfectscrollbar won't trigger
.eb-custom-layout .eb-data-field .form-control.eb-combo-container {
height: auto;
}
*/
.table.x-list-table {
width: 50px; /* MG220704 seems brutal, but a very small value appears to make the size of the table editable below approx. 95% of the container width */
}
/* tiles view cloaker */
.eb-tiles-cloaker {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,.2);
}
/* disable tiles resize css animation in layout editor */
.eb-context-tiles.eb-layout-edit .eb-container, .eb-context-tiles.eb-layout-edit .bild, .eb-context-tiles.eb-layout-edit img {
transition: none !important;
}
.layout-editor .eb-xlc-container {
display: none;
}
.datacolumn { overflow: hidden; } /* MG211111 stop content bleeding into neighbour columns */
/*.datacolumn.css_symbol, .datacolumn.css_symbol > * > * {
padding: 0.3rem 0 !important;
}*/
/*.datawrapper {
padding: 0 !important;
}*/
.datacolumn.css_symbol .datawrapper {
text-align: center !important;
}
/*div.eb-data-item[marked="true"], div.v-folder[marked="true"] { tentative, to make the highlighting of a selected row visible in the list view mode. currently this is only defined on eb-data-container, which we can't use in the list view due to its surrounding frame
background: rgba(61, 93, 207, 0.25);
}*/
.dd-active {
z-index: 20;
opacity: .5;
}
.eui-dragframe {
position: absolute;
z-index: 20;
border: 1px dashed blue;
}
/*.movelayout {
border: 1px dotted red;
}
.draglayout {
border: 1px dotted green;
}*/
.movelayout:hover {
z-index: 4;
}
.movelayout .form-outline { /* make the field borders size with the field in layout mode */
width: 100%;
height: 100%;
}
.movelayout .form-control {
height: 100%;
overflow: auto;
}
.movelayout .copyright {
display: none;
}
.movelayout .imgcontainer .bild {
width: 100%;
height: 100%;
}
.field-tabs.eb-layout-edit, .field-tabs.eb-layout-edit div:first-child, .eb-btn-sbar.eb-layout-edit, .eb-btn-sbar.eb-layout-edit:hover {
z-index: 5;
}
.field-tabs.eb-layout-edit button:first-child:hover {
cursor: ew-resize;
}
.field-tabs.eb-layout-edit .dropdown-menu {
z-index: 7;
}
.eb-layout-edit .css_symbol img {
width: 100%;
height: auto;
}
.eb-context-xlist.eb-layout-edit, .eb-context-tiles.eb-layout-edit {
overflow-y: hidden;
}
/*.itemcontainer .bild.eb-container {
float: none;
}*/
.itemcontainer div[comet="tail"] { /* replaces definition in patch.css */
background-color: orange !important;
}
.imgcontainer, .imgcontainer > div:first-child {
padding: 0; /* is defined via mdbootstrap but only when table classes are set, which we don't use in custom layout mode */
}
/*.imgcontainer .eb-container {
margin: 0;
}*/
.dropdown-menu label {
width: 100%;
}
/* do sth (weird) against the really huge padding in the detail view table */
.eb-workpane-detail .table > :not(caption) > * > * {
padding: 0.2rem;
}
.eb-custom-layout .form-outline { /* make the frames around fields keep the height of the custom design even if the contents are shorter */
height: 100%;
}
[data-src*=":"].comet-tail, [data-src="loading"].comet-tail { opacity: 1; }
.itemcontainer .d-tab { display: none !important; }
.itemcontainer .d-tab.d-tab-0 { display: block !important; }
.itemcontainer.d-tab-1 .d-tab.d-tab-1 { display: block !important; } /* should ideally be dynamically created dependent on the number of data tabs available */
.itemcontainer.d-tab-2 .d-tab.d-tab-2 { display: block !important; }
.itemcontainer.d-tab-3 .d-tab.d-tab-3 { display: block !important; }
.itemcontainer.d-tab-4 .d-tab.d-tab-4 { display: block !important; }
.itemcontainer.d-tab-5 .d-tab.d-tab-5 { display: block !important; }
.itemcontainer.d-tab-6 .d-tab.d-tab-6 { display: block !important; }
.itemcontainer.d-tab-7 .d-tab.d-tab-7 { display: block !important; }
.itemcontainer.d-tab-8 .d-tab.d-tab-8 { display: block !important; }
.itemcontainer.d-tab-9 .d-tab.d-tab-9 { display: block !important; }
.itemcontainer .eb-field-inactive { /* needed to hide fields configured to be hidden (by the current viewmode) in the layout editor */
visibility: hidden;
}
/*.field-tabs button {
margin-right: 5px;
}*/
/*.field-tabs .btn-group {
margin-right: 5px;
}
.field-tabs .btn-group button {
margin-right: 0;
}*/
/*.field-cloaker {
background-color: rgba( 0, 0, 0, .1 ) !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}*/
.field-cloaker button.field-menu {
position: absolute;
right: 0;
top: 0;
visibility: hidden;
}
.field-cloaker:hover button.field-menu {
visibility: visible;
}
/* layout editor stuff (search result list view, detail view) end */
.hide, .x-hide { display: none !important; } /* MG240626 added x-hide to have a 2nd variant to use for programmatical reasons */
/*#busy { position: fixed; justify-content: center; display: flex; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); }*/
#busy div {
font-weight: bold;
color: blue;
font-size: 10rem;
flex-direction: column;
display: flex;
}
#_tiles .container { display: inline-block; } /* MG210429 somehow got lost */
#function-explanation.active {
display: block;
}
/* MG210504 just an idea for a handle to drag around the content containers */
/*.tab-titlebar .eb-tab-selector {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
height: 23px;
}
.tab-titlebar .eb-tab-selector button {
padding: 0 5px;
height: 20px;
}*/
.eb-data-field.data-unset {
display: none !important;
}
/*.dropdown-menu.show { these get set in dropdowns.scss so that the dropdown won't be shown (hidden and 0)
visibility: visible;
opacity: 1;
display: block;
}*/
/*.eb-workpane { position: absolute; width: 100%; height: 100%; }*/
/*.eb-pane-upper .tab-titlebar, .eb-pane-modal .tab-titlebar { display: none; } *//* MG210505 no title bar in modal window(s) */
/*.eb-pane .tab-content { container of actual contents (i.e. below the tentative title bar)
width: 100%;
height: calc(100% - 30px);
position: absolute;
}*/
/*.eb-pane-upper .tab-content, .eb-pane-modal .tab-content {
height: 100%;
}
.eb-thes-container {
position: relative !important; /* MG210504 just as long as the coords of #folders is set in navigation.less
}*/
/* MG210515 added these just to have some icons to work with */
/*.f-start label[defsearch], .c-start label[defsearch] {
color: #7451f6;
}*/
/*.branch::before {
vertical-align: top; strangely, all branch icons are middle-aligned and thus can't be seen. don't know where the problem in the css hierarchy lies.
}*/
/*.f-start .branch:before, .f-start .leaf:before {
color: #7c7c7c;
}*/
/*.f-start .branch.closed[smart-folder="true"]:before {
content: "\ea8e";
}
.f-start .branch.open[smart-folder="true"]:before {
content: "\ea8f";
}*/
/*.f-start .leaf:before {
content: "\ea45";
}*/
/*.f-start .leaf[smart-folder="true"]:before {
content: "\ea86";
}*/
/*.c-start .branch:before, .c-start .leaf:before, .c-start span label, .c-start em {
color: #4687B3;
}
*/
/*.c-start .leaf:before {
content: "\ea26";
}
.c-start .branch.closed:before {
content: "\ea8d";
}
.c-start .branch.open:before {
content: "\ea8c";
}*/
/*.c-start label[marked="true"] {
background-color: #4687B3 !important;
}*/
/*.c-start *[smart-folder="true"] > label + em {
color: #7451f6;
}
.c-start *[smart-folder="true"] label[marked="true"] {
background-color: #7451f6 !important;
}*/
/*.u-start .leaf:before {
content: "\ea45";
}*/
/*.u-start span label, .u-start em, .u-start .leaf:before {
color: #008406;
}*/
/*.u-start label[marked="true"] {
background-color: #008406 !important;
}*/
/*.a-start .leaf:before {
content: "\ea97";
}*/
/*#trash {
margin: 10px 0 0 0;
font-weight: bold;
}*/
.t-start.indent span {
padding-left: 14px;
}
.t-start.indent label {
padding-left: 2px !important;
}
.t-start.indent label span {
display: inline !important;
padding: 0 1px !important;
}
.t-start.indent label:after {
content: "";
margin: 0;
}
.t-start.indent .leaf:before {
content: "\ea90";
font-size: 20px;
}
.n-start .branch:before, .n-start .leaf:before, .n-start span label, .n-start em {
color: #333;
}
.n-start .leaf.closed {
margin-left: 0; /* MG230412 however it seems that this is needed to make the display of branches and end-entries left-side bound, otherwise looks rather erratic */
}
.n-start .leaf {
/* padding-left: 10px;*//* MG220531 obviously not needed anymore */
}
.n-start .leaf:before {
content: "\ea15";
}
.n-start .branch.open > .leaf {
/* padding-left: 16px;*//* MG220531 obviously not needed anymore */
}
.n-start .branch.closed:before {
content: "\ea13"; /* MG220531 for lack of a better icon and / or the icon not being listed in demo.html */
}
.n-start .branch.open:before {
content: "\ea14"; /* MG220531 for lack of a better icon and / or the icon not being listed in demo.html */
}
/*.eb-workpane .eb-container {
float: left;
position: relative;
border: 1px solid #dedede !important;
margin: 8px;
padding: 2px 4px 32px 4px;
border-radius: 4px;
text-align: center;
box-sizing: content-box;
background-color: white;
}*/
.eui_info div { /* currently the info rollover has black text, just to test */
color: white;
}
/*.tab-toolbar {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 44px;
background-color: #fafafa;
border-bottom: 1px solid #f3f3f3;
}*/
/*.tab-toolbar .--toolbar {
margin: 3px 10px;
font-weight: bold;
}*/
/*.tab-toolbar .dropdown {
display: inline;
}*/
/*.tab-toolbar .toolbar-title {
display: inline-block;
line-height: 34px;
margin-right: 10px;
}*/
/*.eb-tabheader-container {
position: fixed;
background-color: #fafafa;
border-bottom: 1px solid #f3f3f3;
}*/
/*.eb-tabheader-container > div {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
}*/
/*.eb-xlist-header {
position: sticky;
position: -webkit-sticky;
top: 0;
left: 0;
visibility: hidden;
line-height: 2rem;
}*/
/*.eb-layout-edit .eb-xlist-header {
visibility: visible;
}
.eb-layout-edit .colsort, .eb-layout-edit .coldir {
visibility: hidden;
}*/
/*.eb-xlist-header .cell.colheader {
padding: 0;
overflow: hidden;
padding: 1px 2px 0 2px;
white-space: nowrap; /* so that the sort sequence and direction indicators won't get wrapped
}*/
/*.eb-xlist-header .cell.colheader span {
white-space: nowrap;
font-weight: bold;
padding: 0;
}*/
/*.eb-xlist-header.eb-xlist-header-clone {
position: absolute;
visibility: visible;
width: 100%;
height: 100%;
}
.eb-xlist-header.eb-xlist-header-clone div {
display: table-cell;
}*/
/*.eb-xlc-container {
position: fixed;
z-index: 3;
background-color: rgba(255,255,255,.2);
opacity: 0;
}*/
/*.eb-xlc-container div {
cursor: pointer;
}*/
/* alternative variant with xlc container inside table header */
/*.eb-xlc-container {
opacity: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background-color: rgba(255,255,255,.2);
}
.eb-xlc-container:hover {
opacity: 1;
}
.eb-xlc-container div {
position: absolute;
right: 0;
padding-right: 3px;
}
.eb-xlc-container .eb-icon:hover {
opacity: .4;
}
.eb-xlc-controls-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.eb-xlc-controls-container .form-group, .eb-xlc-controls-container .select-wrapper {
display: none;
/*z-index: 3;*/
/*}
.eb-xlc-controls-container input, .eb-xlc-controls-container select {
width: 100%;
height: 100%;
}
.eb-xlc-controls-container .form-group.xlc-active, .eb-xlc-controls-container .select-wrapper.xlc-active {
position: fixed;
display: block;*/
/*z-index: 3;*/
/*}*/
/*.eb-xlist-header .coldir, .eb-xlist-header .colsort {
display: inline-block !important;
position: relative;
}*/
/*.eb-xlist-header .coldir {
margin: 0 5px;
}*/
/*.eb-xlist-header .colsort {
font-style: italic;
}*/
/*.eb-xlist-header .colsort::before {
content: "[00]";
}*/
/*.eb-xlist-header .coldir::before {
font-family: 'eyebase_v5' !important;
content: "\ea1a";
}*/
/*.eb-xlc-sort-asc .coldir::before {
font-family: 'eyebase_v5' !important;
content: "\ea1a";
}
.eb-xlc-sort-desc .coldir::before {
font-family: 'eyebase_v5' !important;
content: "\ea18";
}*/
/*.eb-xlist-header-clone .eb-xlc-sort-asc .coldir, .eb-xlist-header-clone .eb-xlc-sort-asc .colsort, .eb-xlist-header-clone .eb-xlc-sort-desc .coldir, .eb-xlist-header-clone .eb-xlc-sort-desc .colsort {
visibility: visible;
}*/
/*.eb-xlist-header-clone .colsort::before {
content: "";
}*/
/*.eb-xlc-sort-hide .coldir {
visibility: hidden !important;
}*/
/*.eb-xlc-container .icon-b-chevron-up, .eb-xlc-container .icon-b-chevron-up.eb-xlc-up {
transform: translate(-4px,34px) rotate(0);
transition: transform 0.3s;
}
.eb-xlc-container .icon-b-chevron-up.eb-xlc-down {
transform: translate(-4px,34px) rotate(180deg);
transition: transform 0.3s;
}*/
/*.coldir.icon-b::before {
font: normal normal normal 1em/1 'eb-bootstrap';
font-family: 'eb-bootstrap' !important;
content: "\ea07" !important;
display: inline-block;
}*/
/*.eb-xlc-sort-asc .coldir.icon-b::before {
transform: rotate(0);
transition: transform 0.3s;
}
.eb-xlc-sort-desc .coldir.icon-b::before {
transform: rotate(180deg);
transition: transform 0.3s;
}*/
/*.eb-xlc-sort-hide .coldir::before {
font-family: 'eyebase_v5' !important;
content: "\ea18";
}*/
/*.eb-xlist-header-clone .coldir, .eb-xlist-header-clone.colsort {
visibility: hidden;
}*/
/*.eb-xlist-header-clone .coldir {
position: absolute;
right: 7px;
bottom: 0;
margin: 0;
}*/
.eb-rh-visible {
position: relative !important;
visibility: visible;
}
.eb-rh1-invisible {
display: none;
}
/* currently only used in the list view column filter content preview */
.spinner-border.spinner-border-small {
width: 1rem;
height: 1rem;
opacity: .5;
border: .1rem solid currentColor;
border-right-color: transparent;
}
.x-list-table .spinner-border {
position: absolute;
right: 0;
bottom: 0;
}
.table #cloakit {
padding: 0 !important
}
/* moved #tabwidgets (the "home button") out of the controls container cos the latter is obsolete, should be renamed later on when it is clear what we'll stick into the upper area */
/* the whole "upper controls" area (in 105.htt) is a huge mess and should be cleaned up thoroughly :-) */
/*#tabwidgets {
left: 300px;
top: 5px;
}*/
/*.eb-admin-controls {
left: 380px;
top: 5px;
position: absolute;
}*/
/*.eb-pane-lower .mini, .eb-pane-lower .starbox {
transform: scale(0.7) translateY(-32px) translateX(-7px);
}*/
/*.eb-pane-lower .bildtext { display: none; }*/
/*.dropdown-item.eb-current-vm { font-style: italic; font-weight: bold; } /* cheesy test */*/
.eb-invisibile { visibility: hidden !important; }
/*.eb-cloaker {
position: absolute;
opacity: .5;
background-color: white;
z-index: 3;
}*/
.captchacode img { margin: 0 10px 10px 0; }
/* MG210621 currently the contxt menu is rather unformatted - this is just to make it usable again */
/*#_menucontainer { background-color: #fff; }*/
/* MG210622 some small adaptations for the google maps result view */
/*.eb-context-srmaps .alert {
position: absolute;
bottom: 0;
margin-bottom: 0;
}*/
/*.eb-workpane-srmaps .eb-mapdiv {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}*/
/*.eb-workpane.eb-workpane-srmaps .eb-container {
visibility: hidden;
}
.eb-workpane.eb-workpane-srmaps .eb-mapdiv .eb-container {
visibility: visible;
}*/
/*.gm-style .gm-style-iw-d { overflow: hidden; }*/
/* fulltext matching term list */
.eb-showhits { position: absolute; background-color: #fff; width: auto; z-index: 3; }
.eb-hover { background-color: #ececec; }
/* MG210624 change display mode for -.datasheet on the detail view. "block" is not necessarily right, but "table-cell" does not work atm */
.eb-workpane-detail .datasheet {
display: block;
}
.imgcontainer { width: auto; }
.eb-workpane-detail .datasheet {
border-bottom: none;
padding: 5px 0;
}
/*.eb-active-hv {
background-color: #343434;
}*/
/* MG220126 this block can be ignored, it's just some "eye-candy" testing. can be activated by ctrl-click on the username in the top bar */
/*.eb-glass-controls .eb-context, .tab-toolbar {
background-color: rgba(255,255,255,.8);
}*/
.eb-glass-controls .tab-titlebar {
background-color: rgba(255,255,255,.6);
}
.eb-glass-controls .tab-content {
background-color: rgba(255,255,255,.9);
}
.eb-glass-controls .imgcontainer .eb-container, .eb-glass-controls .form-outline {
background-color: rgba(255,255,255,.2);
}
.eb-glass-controls .table {
background: transparent !important;
text-shadow: #fff 0px 0px 6px;
}
.eb-glass-controls .table > .row > .cell {
border-bottom: 1px solid rgba(255,255,255,.2);
}
body.eb-glass-controls {
background-image: url("/html/_default/mathew-schwartz-3SWQCLmxH1U-unsplash.jpg");
background-size: cover;
/*background-image: linear-gradient(135deg, #ddd 25%, transparent 25%, transparent 50%, #ddd 50%, #ddd 75%, transparent 75%, #fff);
background-size: 50px 50px;*/
}
/*
.eb-glass-controls .eb-pane-left .tab-content {
background-image: url("/html/v6y/sidenav4.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.eb-glass-controls .eb-lo-folder {
background-color: rgb(202, 99, 76);
background-image: url("/html/_default/folder1.jpg");
background-size: cover;
}
.eb-glass-controls .eb-lo-detail[data-id$=":501"] {
background-color: rgb(202, 99, 76);
background-image: url("/html/_default/login1.jpg");
background-size: cover;
}
.eb-glass-controls .eb-lo-detail[data-id$=":508"] {
background-color: rgb(202, 99, 76);
background-image: url("/html/_default/detail1.jpg");
background-size: cover;
}
.eb-glass-controls .eb-pane-center .eb-context-tiles .eb-container {
background-color: rgba(255,255,255,.2) !important;
}
*/
.eb-glass-controls .form-outline .form-control {
text-shadow: #fff 0px 0px 6px;
}
.eb-glass-controls .form-outline .form-control ~ .form-label {
text-shadow: #fff 0 0 3px;
}
.eb-glass-controls .eb-workpane-xlist .eb-tabheader-container {
background-color: #fafafa !important;
}
.eb-glass-controls .eb-pane-modal:not(.eb-lo-modal) {
background-image: url("/html/_default/mathew-schwartz-3SWQCLmxH1U-unsplash.jpg");
background-size: cover;
}
.eb-glass-controls .ck.ck-toolbar.ck-toolbar_grouping {
background-color: transparent;
}
}
/* end of "eye-candy" block */
/* MG230823 just having some "fun" toying around (during a coffee break), can be ignored */
body.eb-glass-controls .form-outline .form-control {
box-shadow: rgba(0,0,0,.2) 2px 2px 7px;
}
body.eb-glass-controls .form-outline .form-control ~ .form-notch div {
border-color: rgba(0,0,0,.1);
}
body.eb-glass-controls .chip {
background-color: transparent;
box-shadow: rgba(0,0,0,.2) 1px 1px 4px;
}
body.eb-glass-controls .eb-container, body.eb-glass-controls .eb-upload-profile, body.eb-glass-controls .eb-upload-profile .card-header {
background-color: rgba(255,255,255,.5);
border-color: transparent;
box-shadow: rgba(0,0,0,.2) 2px 2px 7px;
}
body.eb-glass-controls .eb-upload-profile .card-header {
background-color: rgba(255,255,255,.5) !important;
}
body.eb-glass-controls .mini-box, body.eb-glass-controls .mini > div, body.eb-glass-controls .popover, body.eb-glass-controls .table {
background-color: rgba(255,255,255,.8) !important;
}
body.eb-glass-controls .popover {
border: transparent;
}
body.eb-glass-controls .btn:not(.btn-warning):not(.btn-danger):not(.btn-primary):not(.btn-secondary):not([class*="outline"]) {
background-color: transparent;
}
body.eb-glass-controls .widget-inner {
background-color: transparent;
box-shadow: rgba(0,0,0,.2) 2px 2px 7px;
}
.eb-glass-controls .dropdown-menu, .eb-glass-controls .eb-overview-filter .sidenav-collapse {
background-color: rgba(255,255,255,.85);
}
.eb-glass-controls .widget .card {
box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
background-color: rgba(255,255,255,.3) !important;
}
.eb-glass-controls .color70 .bildtext > span, .eb-glass-controls .color70 .datacolumn.css_titel span {
background-color: transparent !important;
color: inherit;
box-shadow: 0px 0px 1px var(--eb-color70-background);
}
.eb-glass-controls .color71 .bildtext > span, .eb-glass-controls .color71 .datacolumn.css_titel span {
background-color: transparent !important;
color: inherit;
box-shadow: 0px 0px 1px var(--eb-color71-background);
}
.eb-glass-controls .color72 .bildtext > span, .eb-glass-controls .color72 .datacolumn.css_titel span {
background-color: transparent !important;
color: inherit;
box-shadow: 0px 0px 1px var(--eb-color72-background);
}
.eb-glass-controls .color73 .bildtext > span, .eb-glass-controls .color73 .datacolumn.css_titel span {
background-color: transparent !important;
color: inherit;
box-shadow: 0px 0px 1px var(--eb-color73-background);
}
.eb-glass-controls .color74 .bildtext > span, .eb-glass-controls .color74 .datacolumn.css_titel span {
background-color: transparent !important;
color: inherit;
box-shadow: 0px 0px 1px var(--eb-color74-background);
}
.eb-glass-controls .color75 .bildtext > span, .eb-glass-controls .color75 .datacolumn.css_titel span {
background-color: transparent !important;
color: inherit;
box-shadow: 0px 0px 1px var(--eb-color75-background);
}
.eb-glass-controls .color76 .bildtext > span, .eb-glass-controls .color76 .datacolumn.css_titel span {
background-color: transparent !important;
color: inherit;
box-shadow: 0px 0px 1px var(--eb-color76-background);
}
.eb-glass-controls .color77 .bildtext > span, .eb-glass-controls .color77 .datacolumn.css_titel span {
background-color: transparent !important;
color: inherit;
box-shadow: 0px 0px 1px var(--eb-color77-background);
}
.eb-glass-controls .color78 .bildtext > span, .eb-glass-controls .color78 .datacolumn.css_titel span {
background-color: transparent !important;
color: inherit;
box-shadow: 0px 0px 1px var(--eb-color78-background);
}
.eb-glass-controls .color79 .bildtext > span, .eb-glass-controls .color79 .datacolumn.css_titel span {
background-color: transparent !important;
color: inherit;
box-shadow: 0px 0px 1px var(--eb-color79-background);
}
.eb-glass-controls .form-outline .form-control ~ .form-label {
border: 0;
border-radius: 2rem;
padding: .3rem .5rem 0 .5rem;
background-color: rgba(255,255,255,.5);
}
.eb-glass-controls .eb-thes-selector {
box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
border: none;
}
/* MG231106 also to be ignored - some more colors for my cassette database... */
:root {
--eb-color82-background: #ffc0cb;
--eb-color82-color: #000;
--eb-color83-background: #40e0d0;
--eb-color83-color: #000;
--eb-color84-background: #fff;
--eb-color84-color: #000;
--eb-color85-background: #f5f5f5;
--eb-color85-color: #000;
--eb-color86-background: #a9a9a9;
--eb-color86-color: #fff;
--eb-color87-background: #000;
--eb-color87-color: #fff;
--eb-color88-background: transparent;
--eb-color88-color: #000;
}