From 87007302040e16c38a0a37ae65b1eb4ba51efaed Mon Sep 17 00:00:00 2001 From: Christopher Ng Date: Wed, 11 Jan 2023 00:02:24 +0000 Subject: Compress SASS output Signed-off-by: Christopher Ng --- apps/dashboard/css/dashboard.css | 41 +- apps/dashboard/css/dashboard.css.map | 2 +- apps/encryption/css/settings-personal.css | 17 +- apps/encryption/css/settings-personal.css.map | 2 +- apps/files/css/detailsView.css | 130 +- apps/files/css/detailsView.css.map | 2 +- apps/files/css/files.css | 1354 +------ apps/files/css/files.css.map | 2 +- apps/files/css/merged.css | 1865 +--------- apps/files/css/merged.css.map | 2 +- apps/files/css/mobile.css | 95 +- apps/files/css/mobile.css.map | 2 +- apps/files/css/upload.css | 264 +- apps/files/css/upload.css.map | 2 +- apps/files_external/css/settings.css | 185 +- apps/files_external/css/settings.css.map | 2 +- apps/files_sharing/css/icons.css | 92 +- apps/files_sharing/css/icons.css.map | 2 +- apps/files_sharing/css/mobile.css | 76 +- apps/files_sharing/css/mobile.css.map | 2 +- apps/files_sharing/css/public.css | 277 +- apps/files_sharing/css/public.css.map | 2 +- apps/files_sharing/css/publicView.css | 349 +- apps/files_sharing/css/publicView.css.map | 2 +- apps/settings/css/settings.css | 1475 +------- apps/settings/css/settings.css.map | 2 +- apps/user_status/css/user-status-menu.css | 105 +- apps/user_status/css/user-status-menu.css.map | 2 +- core/css/animations.css | 27 +- core/css/animations.css.map | 2 +- core/css/apps.css | 1643 +-------- core/css/apps.css.map | 2 +- core/css/fixes.css | 8 +- core/css/fixes.css.map | 2 +- core/css/functions.css | 37 - core/css/functions.css.map | 2 +- core/css/global.css | 51 +- core/css/global.css.map | 2 +- core/css/guest.css | 923 +---- core/css/guest.css.map | 2 +- core/css/header.css | 382 +- core/css/header.css.map | 2 +- core/css/icons.css | 207 +- core/css/icons.css.map | 2 +- core/css/inputs.css | 986 +---- core/css/inputs.css.map | 2 +- core/css/mobile.css | 175 +- core/css/mobile.css.map | 2 +- core/css/public.css | 75 +- core/css/public.css.map | 2 +- core/css/server.css | 4891 +------------------------ core/css/server.css.map | 2 +- core/css/styles.css | 1134 +----- core/css/styles.css.map | 2 +- core/css/systemtags.css | 87 +- core/css/systemtags.css.map | 2 +- core/css/toast.css | 112 +- core/css/toast.css.map | 2 +- core/css/tooltip.css | 126 +- core/css/tooltip.css.map | 2 +- core/css/variables.css | 23 - core/css/variables.css.map | 2 +- core/css/whatsnew.css | 33 +- core/css/whatsnew.css.map | 2 +- package.json | 2 +- 65 files changed, 65 insertions(+), 17246 deletions(-) diff --git a/apps/dashboard/css/dashboard.css b/apps/dashboard/css/dashboard.css index 2120a324e34..8254e415fb7 100644 --- a/apps/dashboard/css/dashboard.css +++ b/apps/dashboard/css/dashboard.css @@ -1,40 +1 @@ -#header { - background: transparent !important; - --color-header: rgba(24, 24, 24, 1); -} -#body-user.dashboard--dark #header { - --color-header: rgba(255, 255, 255, 1); -} -#header:before { - content: " "; - display: block; - position: absolute; - background-image: linear-gradient(180deg, var(--color-header) 0%, transparent 100%); - width: 100%; - height: 70px; - top: 0; - margin-top: -70px; - transition: margin-top var(--animation-slow); -} -#body-user.dashboard--scrolled #header:before { - margin-top: 0; -} -#body-user.theme--highcontrast #header { - background-color: var(--color-header) !important; -} -#body-user.theme--highcontrast #header:before { - display: none; -} - -#content { - padding-top: 0 !important; -} - -#appmenu li a.active::before, -#appmenu li:hover a::before, -#appmenu li:hover a.active::before, -#appmenu li a:focus::before { - display: none !important; -} - -/*# sourceMappingURL=dashboard.css.map */ +#header{background:rgba(0,0,0,0) !important;--color-header: rgba(24, 24, 24, 1)}#body-user.dashboard--dark #header{--color-header: rgba(255, 255, 255, 1)}#header:before{content:" ";display:block;position:absolute;background-image:linear-gradient(180deg, var(--color-header) 0%, transparent 100%);width:100%;height:70px;top:0;margin-top:-70px;transition:margin-top var(--animation-slow)}#body-user.dashboard--scrolled #header:before{margin-top:0}#body-user.theme--highcontrast #header{background-color:var(--color-header) !important}#body-user.theme--highcontrast #header:before{display:none}#content{padding-top:0 !important}#appmenu li a.active::before,#appmenu li:hover a::before,#appmenu li:hover a.active::before,#appmenu li a:focus::before{display:none !important}/*# sourceMappingURL=dashboard.css.map */ diff --git a/apps/dashboard/css/dashboard.css.map b/apps/dashboard/css/dashboard.css.map index 48ecf846dfc..3082aa8d3d4 100644 --- a/apps/dashboard/css/dashboard.css.map +++ b/apps/dashboard/css/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAAA;EACC;EACA;;AAEA;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAKF;EACC;;AAEA;EACC;;;AAMH;EACC;;;AAID;AAAA;AAAA;AAAA;EAIC","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAAA,QACC,oCACA,oCAEA,mCACC,uCAID,eACC,YACA,cACA,kBACA,mFACA,WACA,YACA,MACA,iBACA,4CAEA,8CACC,aAKF,uCACC,gDAEA,8CACC,aAMH,SACC,yBAID,wHAIC","file":"dashboard.css"} \ No newline at end of file diff --git a/apps/encryption/css/settings-personal.css b/apps/encryption/css/settings-personal.css index 9b795f05382..774b14a44ee 100644 --- a/apps/encryption/css/settings-personal.css +++ b/apps/encryption/css/settings-personal.css @@ -1,16 +1 @@ -/* Copyright (c) 2013, Sam Tuke, - This file is licensed under the Affero General Public License version 3 or later. - See the COPYING-README file. */ -#encryptAllError, -#encryptAllSuccess, -#recoveryEnabledError, -#recoveryEnabledSuccess { - display: none; -} - -/* icons for sidebar */ -.nav-icon-basic-encryption-module { - background-image: var(--icon-encryption-dark); -} - -/*# sourceMappingURL=settings-personal.css.map */ +#encryptAllError,#encryptAllSuccess,#recoveryEnabledError,#recoveryEnabledSuccess{display:none}.nav-icon-basic-encryption-module{background-image:var(--icon-encryption-dark)}/*# sourceMappingURL=settings-personal.css.map */ diff --git a/apps/encryption/css/settings-personal.css.map b/apps/encryption/css/settings-personal.css.map index 979a14d9aec..a2b352f3df0 100644 --- a/apps/encryption/css/settings-personal.css.map +++ b/apps/encryption/css/settings-personal.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["settings-personal.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIC;;;AAGD;AACA;EACC","file":"settings-personal.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["settings-personal.scss"],"names":[],"mappings":"AAIA,kFAIC,aAID,kCACC","file":"settings-personal.css"} \ No newline at end of file diff --git a/apps/files/css/detailsView.css b/apps/files/css/detailsView.css index 972c40726ef..847a14a4322 100644 --- a/apps/files/css/detailsView.css +++ b/apps/files/css/detailsView.css @@ -1,129 +1 @@ -.app-sidebar .detailFileInfoContainer { - min-height: 50px; - padding: 15px; -} - -.app-sidebar .detailFileInfoContainer > div { - clear: both; -} - -.app-sidebar .mainFileInfoView .icon { - display: inline-block; - background-size: 16px 16px; -} - -.app-sidebar .mainFileInfoView .permalink { - padding: 6px 10px; - vertical-align: top; - opacity: 0.6; -} -.app-sidebar .mainFileInfoView .permalink:hover, .app-sidebar .mainFileInfoView .permalink:focus { - opacity: 1; -} - -.app-sidebar .mainFileInfoView .permalink-field > input { - clear: both; - width: 90%; -} - -.app-sidebar .thumbnailContainer.large { - margin-left: -15px; - margin-right: -35px; /* 15 + 20 for the close button */ - margin-top: -15px; -} - -.app-sidebar .thumbnailContainer.large.portrait { - margin: 0; /* if we don't fit the image anyway we give it back the margin */ -} - -.app-sidebar .large .thumbnail { - width: 100%; - display: block; - background-repeat: no-repeat; - background-position: center; - background-size: 100%; - float: none; - margin: 0; - height: auto; -} - -.app-sidebar .large .thumbnail .stretcher { - content: ""; - display: block; - padding-bottom: 56.25%; /* sets height of .thumbnail to 9/16 of the width */ -} - -.app-sidebar .large.portrait .thumbnail { - background-position: 50% top; -} - -.app-sidebar .large.portrait .thumbnail { - background-size: contain; -} - -.app-sidebar .large.text { - overflow-y: scroll; - overflow-x: hidden; - padding-top: 14px; - font-size: 80%; - margin-left: 0; -} - -.app-sidebar .thumbnail { - width: 100%; - min-height: 75px; - display: inline-block; - float: left; - margin-right: 10px; - background-size: contain; - background-repeat: no-repeat; -} - -.app-sidebar .ellipsis { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} - -.app-sidebar .fileName { - font-size: 16px; - padding-top: 13px; - padding-bottom: 3px; -} - -.app-sidebar .fileName h3 { - width: calc(100% - 42px); /* 36px is the with of the copy link icon, but this breaks so we add some more to be sure */ - display: inline-block; - padding: 5px 0; - margin: -5px 0; -} - -.app-sidebar .file-details { - color: var(--color-text-maxcontrast); -} - -.app-sidebar .action-favorite { - vertical-align: sub; - padding: 10px; - margin: -10px; -} - -.app-sidebar .action-favorite > span { - opacity: 0.7 !important; -} - -.app-sidebar .detailList { - float: left; -} - -.app-sidebar .close { - position: absolute; - top: 0; - right: 0; - opacity: 0.5; - z-index: 1; - width: 44px; - height: 44px; -} - -/*# sourceMappingURL=detailsView.css.map */ +.app-sidebar .detailFileInfoContainer{min-height:50px;padding:15px}.app-sidebar .detailFileInfoContainer>div{clear:both}.app-sidebar .mainFileInfoView .icon{display:inline-block;background-size:16px 16px}.app-sidebar .mainFileInfoView .permalink{padding:6px 10px;vertical-align:top;opacity:.6}.app-sidebar .mainFileInfoView .permalink:hover,.app-sidebar .mainFileInfoView .permalink:focus{opacity:1}.app-sidebar .mainFileInfoView .permalink-field>input{clear:both;width:90%}.app-sidebar .thumbnailContainer.large{margin-left:-15px;margin-right:-35px;margin-top:-15px}.app-sidebar .thumbnailContainer.large.portrait{margin:0}.app-sidebar .large .thumbnail{width:100%;display:block;background-repeat:no-repeat;background-position:center;background-size:100%;float:none;margin:0;height:auto}.app-sidebar .large .thumbnail .stretcher{content:"";display:block;padding-bottom:56.25%}.app-sidebar .large.portrait .thumbnail{background-position:50% top}.app-sidebar .large.portrait .thumbnail{background-size:contain}.app-sidebar .large.text{overflow-y:scroll;overflow-x:hidden;padding-top:14px;font-size:80%;margin-left:0}.app-sidebar .thumbnail{width:100%;min-height:75px;display:inline-block;float:left;margin-right:10px;background-size:contain;background-repeat:no-repeat}.app-sidebar .ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-sidebar .fileName{font-size:16px;padding-top:13px;padding-bottom:3px}.app-sidebar .fileName h3{width:calc(100% - 42px);display:inline-block;padding:5px 0;margin:-5px 0}.app-sidebar .file-details{color:var(--color-text-maxcontrast)}.app-sidebar .action-favorite{vertical-align:sub;padding:10px;margin:-10px}.app-sidebar .action-favorite>span{opacity:.7 !important}.app-sidebar .detailList{float:left}.app-sidebar .close{position:absolute;top:0;right:0;opacity:.5;z-index:1;width:44px;height:44px}/*# sourceMappingURL=detailsView.css.map */ diff --git a/apps/files/css/detailsView.css.map b/apps/files/css/detailsView.css.map index d406f8f18c1..438d0db5fce 100644 --- a/apps/files/css/detailsView.css.map +++ b/apps/files/css/detailsView.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["detailsView.scss"],"names":[],"mappings":"AAAA;EACC;EACA;;;AAGD;EACC;;;AAID;EACC;EACA;;;AAGD;EACC;EACA;EACA;;AAEA;EAEC;;;AAGF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"detailsView.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["detailsView.scss"],"names":[],"mappings":"AAAA,sCACC,gBACA,aAGD,0CACC,WAID,qCACC,qBACA,0BAGD,0CACC,iBACA,mBACA,WAEA,gGAEC,UAGF,sDACC,WACA,UAGD,uCACC,kBACA,mBACA,iBAGD,gDACC,SAGD,+BACC,WACA,cACA,4BACA,2BACA,qBACA,WACA,SACA,YAGD,0CACC,WACA,cACA,sBAGD,wCACC,4BAGD,wCACC,wBAGD,yBACC,kBACA,kBACA,iBACA,cACA,cAGD,wBACC,WACA,gBACA,qBACA,WACA,kBACA,wBACA,4BAGD,uBACC,mBACA,uBACA,gBAGD,uBACC,eACA,iBACA,mBAGD,0BACC,wBACA,qBACA,cACA,cAGD,2BACC,oCAGD,8BACC,mBACA,aACA,aAGD,mCACC,sBAGD,yBACC,WAGD,oBACC,kBACA,MACA,QACA,WACA,UACA,WACA","file":"detailsView.css"} \ No newline at end of file diff --git a/apps/files/css/files.css b/apps/files/css/files.css index 8381cb44d69..c9fc2332f64 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -1,1353 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net - * @copyright Copyright (c) 2019, Fabian Dreßler - * - * This file is licensed under the Affero General Public License version 3 or later. - * See the COPYING-README file. - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -/* FILE MENU */ -.actions { - padding: 5px; - height: 100%; - display: inline-block; - float: left; -} - -.actions input, .actions button, .actions .button { - margin: 0; - float: left; -} - -.actions .button a { - color: #555; -} - -.actions .button a:hover, -.actions .button a:focus { - background-color: var(--color-background-hover); -} - -.actions .button a:active { - background-color: var(--color-primary-light); -} - -.actions.creatable { - position: relative; - display: flex; - flex: 1 1; -} -.actions.creatable .button:not(:last-child) { - margin-right: 3px; -} - -.actions.hidden { - display: none; -} - -#trash { - margin-right: 8px; - float: right; - z-index: 1010; - padding: 10px; - font-weight: normal; -} - -.newFileMenu .error, -.newFileMenu .error + .icon-confirm, -.files-fileList .error { - color: var(--color-error); - border-color: var(--color-error); -} - -/* FILE TABLE */ -.files-filestable { - position: relative; - width: 100%; - min-width: 250px; - display: block; - flex-direction: column; - /** - * This is a dirty hack as the sticky header requires us to use a different display type on the table element - */ -} -.emptycontent:not(.hidden) ~ .files-filestable { - display: none; -} -.files-filestable thead { - position: -webkit-sticky; - position: sticky; - top: 44px; - z-index: 60; - display: block; - background-color: var(--color-main-background-translucent); -} -.files-filestable tbody { - display: table; - width: 100%; -} -.files-filestable tbody tr[data-permissions="0"], -.files-filestable tbody tr[data-permissions="16"] { - background-color: var(--color-background-dark); -} -.files-filestable tbody tr[data-permissions="0"] td.filename .nametext .innernametext, -.files-filestable tbody tr[data-permissions="16"] td.filename .nametext .innernametext { - color: var(--color-text-maxcontrast); -} -.files-filestable tbody tr[data-e2eencrypted=true] { - pointer-events: none; -} - -.files-filestable.hidden { - display: none; -} - -/* fit app list view heights */ -.app-files #app-content > .viewcontainer { - min-height: 0%; - width: 100%; -} - -.app-files #app-content { - width: calc(100% - 300px); -} - -.file-drag, .file-drag .files-filestable tbody tr, .file-drag .files-filestable tbody tr:hover { - background-color: var(--color-primary-light) !important; -} - -.app-files #app-content.dir-drop { - background-color: var(--color-main-background) !important; -} - -.file-drag .files-filestable tbody tr, .file-drag .files-filestable tbody tr:hover { - background-color: transparent !important; -} - -.app-files #app-content.dir-drop .files-filestable tbody tr.dropping-to-dir { - background-color: var(--color-primary-light) !important; -} - -/* icons for sidebar */ -.nav-icon-files { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-folder-dark); -} - -.nav-icon-recent { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-recent-dark); -} - -.nav-icon-favorites { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-starred-dark); -} - -.nav-icon-sharingin, -.nav-icon-sharingout, -.nav-icon-pendingshares, -.nav-icon-shareoverview { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-share-dark); -} - -.nav-icon-sharinglinks { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-public-dark); -} - -.nav-icon-extstoragemounts { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-external-dark); -} - -.nav-icon-trashbin { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-delete-dark); -} - -.nav-icon-trashbin-starred { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-delete-#ff0000); -} - -.nav-icon-deletedshares { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-unshare-dark); -} - -.nav-icon-favorites-starred { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-starred-yellow); -} - -#app-navigation .nav-files a.nav-icon-files { - width: auto; -} - -/* button needs overrides due to navigation styles */ -#app-navigation .nav-files a.new { - width: 40px; - height: 32px; - padding: 0 10px; - margin: 0; - cursor: pointer; -} - -#app-navigation .nav-files a.new.hidden { - display: none; -} - -#app-navigation .nav-files a.new.disabled { - opacity: 0.3; -} - -.files-filestable tbody tr { - height: 51px; -} - -.files-filestable tbody tr:hover, -.files-filestable tbody tr:focus, -.files-filestable tbody .name:focus, -.files-filestable tbody tr:hover .filename form, -table tr.mouseOver td { - background-color: var(--color-background-hover); -} - -.files-filestable tbody tr:active, -.files-filestable tbody tr.highlighted, -.files-filestable tbody tr.highlighted .name:focus, -.files-filestable tbody tr.selected, -.files-filestable tbody tr.searchresult { - background-color: var(--color-primary-light); -} - -tbody a { - color: var(--color-main-text); -} - -span.conflict-path, span.extension, span.uploading, td.date { - color: var(--color-text-maxcontrast); -} - -span.conflict-path, span.extension { - -webkit-transition: opacity 300ms; - -moz-transition: opacity 300ms; - -o-transition: opacity 300ms; - transition: opacity 300ms; - vertical-align: top; -} - -tr:hover span.conflict-path, -tr:focus span.conflict-path, -tr:hover span.extension, -tr:focus span.extension { - opacity: 1; - color: var(--color-text-maxcontrast); -} - -table th, table th a { - color: var(--color-text-maxcontrast); -} - -table.multiselect th a { - color: var(--color-main-text); -} - -table th .columntitle { - display: block; - padding: 15px; - height: 50px; - box-sizing: border-box; - -moz-box-sizing: border-box; - vertical-align: middle; -} -table th .columntitle:focus-visible { - border-radius: 2px; -} - -table.multiselect th .columntitle { - display: inline-block; - margin-right: -20px; -} - -table th .columntitle.name { - padding-left: 0; - margin-left: 44px; -} - -table.multiselect th .columntitle.name { - margin-left: 0; -} - -table th .sort-indicator { - width: 10px; - height: 8px; - margin-left: 5px; - display: inline-block; - vertical-align: text-bottom; - opacity: 0.3; -} - -.sort-indicator.hidden, -.multiselect .sort-indicator, -table.multiselect th:hover .sort-indicator.hidden, -table.multiselect th:focus .sort-indicator.hidden { - visibility: hidden; -} - -.multiselect .sort, .multiselect .sort span { - cursor: default; -} - -table th:hover .sort-indicator.hidden, -table th:focus .sort-indicator.hidden { - visibility: visible; -} - -table th, -table td { - border-bottom: 1px solid var(--color-border); - text-align: left; - font-weight: normal; -} - -table td { - padding: 0 15px; - font-style: normal; - background-position: 8px center; - background-repeat: no-repeat; -} - -table th.column-name { - position: relative; - width: 9999px; /* not really sure why this works better than 100% … table styling */ - padding: 0; -} - -.column-name-container { - position: relative; - height: 50px; -} - -table th.column-selection { - padding-top: 2px; -} - -table th.column-size, table td.filesize { - text-align: right; -} - -table th.column-mtime, table td.date, -table th.column-last, table td.column-last { - -moz-box-sizing: border-box; - box-sizing: border-box; - position: relative; - /* this can not be just width, both need to be set … table styling */ - min-width: 130px; -} - -#app-content-recent, -#app-content-favorites, -#app-content-shareoverview, -#app-content-sharingout, -#app-content-sharingin, -#app-content-sharinglinks, -#app-content-deletedshares, -#app-content-pendingshares { - margin-top: 22px; -} -#app-content-recent thead, -#app-content-favorites thead, -#app-content-shareoverview thead, -#app-content-sharingout thead, -#app-content-sharingin thead, -#app-content-sharinglinks thead, -#app-content-deletedshares thead, -#app-content-pendingshares thead { - top: 0; -} - -table.multiselect thead th { - background-color: var(--color-main-background-translucent); - font-weight: bold; -} - -#app-content.with-app-sidebar table.multiselect thead { - margin-right: 27%; -} - -table.multiselect .column-name { - position: relative; - width: 9999px; /* when we use 100%, the styling breaks on mobile … table styling */ -} - -table.multiselect .column-mtime > a { - display: none; -} - -table td.selection, -table th.selection, -table td.fileaction { - width: 32px; - text-align: center; -} - -table td.filename a.name, -table td.filename p.name { - display: flex; - position: relative; /* Firefox needs to explicitly have this default set … */ - -moz-box-sizing: border-box; - box-sizing: border-box; - height: 50px; - line-height: 50px; - padding: 0; -} - -table td.filename .thumbnail-wrapper { - /* we need this to make sure flex is working inside a table cell */ - width: 0; - min-width: 50px; - max-width: 50px; - height: 50px; -} - -table td.filename .thumbnail-wrapper.icon-loading-small:after { - z-index: 10; -} -table td.filename .thumbnail-wrapper.icon-loading-small .thumbnail { - opacity: 0.2; -} - -table td.filename .thumbnail { - display: inline-block; - width: 32px; - height: 32px; - background-size: contain; - background-position: center; - background-repeat: no-repeat; - margin-left: 9px; - margin-top: 9px; - border-radius: var(--border-radius); - cursor: pointer; - position: absolute; - z-index: 4; -} - -table td.filename p.name .thumbnail { - cursor: default; -} - -table tr[data-has-preview=true] .thumbnail { - border: 1px solid var(--color-border); -} - -table:not(.view-grid) td.filename input.filename { - width: 70% !important; - margin-left: 48px !important; - cursor: text; -} - -table td.filename form { - margin-top: -40px; - position: relative; - top: -6px; -} - -table td.filename a, table td.login, table td.logout, table td.download, table td.upload, table td.create, table td.delete { - padding: 3px 8px 8px 3px; -} - -table td.filename .nametext, .modified, .column-last > span:first-child { - float: left; - padding: 15px 0; -} - -.modified, .column-last > span:first-child { - position: relative; - overflow: hidden; - text-overflow: ellipsis; - width: 110px; -} - -/* TODO fix usability bug (accidental file/folder selection) */ -table td.filename { - max-width: 0; -} -table td.filename .nametext { - width: 0; - flex-grow: 1; - display: flex; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - height: 100%; - z-index: 10; - padding: 0 20px 0 0; -} - -.hide-hidden-files .files-filestable .files-fileList tr.hidden-file, -.hide-hidden-files .files-filestable .files-fileList tr.hidden-file.dragging { - display: none; -} - -.files-fileList tr.animate-opacity { - -webkit-transition: opacity 250ms; - -moz-transition: opacity 250ms; - -o-transition: opacity 250ms; - transition: opacity 250ms; -} - -.files-fileList tr.dragging { - opacity: 0.2; -} - -table td.filename .nametext .innernametext { - text-overflow: ellipsis; - overflow: hidden; - position: relative; - vertical-align: top; -} - -/* for smaller resolutions - see mobile.css */ -table td.filename .uploadtext { - position: absolute; - font-weight: normal; - margin-left: 50px; - left: 0; - bottom: 0; - height: 20px; - padding: 0 4px; - padding-left: 1px; - font-size: 11px; - line-height: 22px; - color: var(--color-text-maxcontrast); - text-overflow: ellipsis; - white-space: nowrap; -} - -table td.selection { - padding: 0; -} - -/* File checkboxes */ -.files-fileList tr td.selection > .selectCheckBox + label:before { - opacity: 0.3; - margin-right: 0; -} - -/* Show checkbox with full opacity when hovering, checked, or selected */ -.files-fileList tr:hover td.selection > .selectCheckBox + label:before, -.files-fileList tr:focus td.selection > .selectCheckBox + label:before, -.files-fileList tr td.selection > .selectCheckBox:checked + label:before, -.files-fileList tr.selected td.selection > .selectCheckBox + label:before { - opacity: 1; -} - -/* Show checkbox with half opacity when selecting range */ -.files-fileList tr.halfselected td.selection > .selectCheckBox + label:before { - opacity: 0.5; -} - -/* Use label to have bigger clickable size for checkbox */ -.files-fileList tr td.selection > .selectCheckBox + label, -.select-all + label { - padding: 16px; -} -.files-fileList tr td.selection > .selectCheckBox:focus-visible + label, -.select-all:focus-visible + label { - background-color: var(--color-background-hover); - border-radius: var(--border-radius-pill); - outline: none !important; - border: 2px solid var(--color-primary) !important; - padding: 14px; -} - -.files-fileList tr td.selection > .selectCheckBox:focus-visible + label, -.select-all:focus-visible + label { - outline-offset: 0px; -} - -.files-fileList tr td.filename { - position: relative; - width: 100%; - padding-left: 0; - padding-right: 0; - -webkit-transition: background-image 500ms; - -moz-transition: background-image 500ms; - -o-transition: background-image 500ms; - transition: background-image 500ms; -} - -.files-fileList tr td.filename a.name label, -.files-fileList tr td.filename p.name label { - position: absolute; - width: 80%; - height: 50px; -} - -.files-fileList tr td.filename .favorite { - display: inline-block; - float: left; -} - -.files-fileList tr td.filename .favorite-mark { - position: absolute; - display: block; - top: -6px; - right: -6px; - line-height: 100%; - text-align: center; -} - -#uploadsize-message, #delete-confirm { - display: none; -} - -/* File actions */ -.fileactions { - z-index: 50; -} - -.busy .fileactions, .busy .action { - visibility: hidden; -} - -/* fix position of bubble pointer for Files app */ -.bubble, -#app-navigation .app-navigation-entry-menu { - min-width: 100px; -} - -/* force show the loading icon, not only on hover */ -.files-fileList .icon-loading-small { - opacity: 1 !important; - display: inline !important; -} - -.files-fileList .action.action-share-notification span, .files-fileList a.name { - cursor: default !important; -} - -/* - * Make the disabled link look not like a link in file list rows - */ -.files-fileList a.name.disabled * { - cursor: default; -} -.files-fileList a.name.disabled a, .files-fileList a.name.disabled a * { - cursor: pointer; -} -.files-fileList a.name.disabled:focus { - background: none; -} - -a.action > img { - height: 16px; - width: 16px; - vertical-align: text-bottom; -} - -a.action.action-editlocally img.icon { - filter: var(--background-invert-if-dark); -} - -/* Actions for selected files */ -.selectedActions { - position: relative; - display: inline-block; - vertical-align: middle; -} - -.selectedActions.hidden { - display: none; -} - -.selectedActions a { - display: inline; - line-height: 50px; - padding: 16px 5px; -} - -.selectedActions a.hidden { - display: none; -} - -.selectedActions a img { - position: relative; - vertical-align: text-bottom; - margin-bottom: -1px; -} - -.selectedActions .actions-selected .icon-more { - margin-top: -3px; -} - -.files-fileList td a a.action { - display: inline; - padding: 17px 8px; - line-height: 50px; - opacity: 0.3; -} -.files-fileList td a a.action.action-share { - padding: 17px 14px; -} -.files-fileList td a a.action.action-share.permanent:not(.shared-style) .icon-shared + span { - /* hide text of the share action */ - /* .hidden-visually for accessbility */ - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; -} -.files-fileList td a a.action.action-share .avatar { - display: inline-block; - vertical-align: middle; -} -.files-fileList td a a.action.action-menu { - padding-top: 17px; - padding-bottom: 17px; - padding-left: 14px; - padding-right: 14px; -} -.files-fileList td a a.action.no-permission:hover, .files-fileList td a a.action.no-permission:focus { - opacity: 0.3; -} -.files-fileList td a a.action.disabled:hover, .files-fileList td a a.action.disabled:focus, -.files-fileList td a a.action.disabled img { - opacity: 0.3; -} -.files-fileList td a a.action.disabled.action-download { - opacity: 0.7; -} -.files-fileList td a a.action.disabled.action-download:hover, .files-fileList td a a.action.disabled.action-download:focus { - opacity: 0.7; -} -.files-fileList td a a.action:hover, .files-fileList td a a.action:focus { - opacity: 1; -} -.files-fileList td a a.action:focus { - background-color: var(--color-background-hover); - border-radius: var(--border-radius-pill); -} -.files-fileList td a .fileActionsMenu a.action, .files-fileList td a a.action.action-share.shared-style { - opacity: 0.7; -} -.files-fileList td a .fileActionsMenu .action.permanent { - opacity: 1; -} - -.files-fileList .action.action-share.permanent.shared-style span:not(.icon) { - display: inline-block; - max-width: 70px; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: middle; - margin-left: 6px; -} - -.files-fileList .remoteAddress .userDomain { - margin-left: 0 !important; -} - -.files-fileList .favorite-mark.permanent { - opacity: 1; -} - -.files-fileList .fileActionsMenu a.action:hover, -.files-fileList .fileActionsMenu a.action:focus, -.files-fileList a.action.action-share.shared-style:hover, -.files-fileList a.action.action-share.shared-style:focus { - opacity: 1; -} - -.files-fileList tr a.action.disabled { - background: none; -} - -.selectedActions a.download.disabled, -.files-fileList tr a.action.action-download.disabled { - color: #000000; -} - -.files-fileList tr:hover a.action.disabled:hover * { - cursor: default; -} - -.summary { - color: var(--color-text-maxcontrast); - /* add whitespace to bottom of files list to correctly show dropdowns */ - height: 330px; -} - -.files-filestable .summary .filesummary { - width: 100%; - /* Width of checkbox and file preview */ - padding-left: 101px; -} - -/* Less whitespace needed on link share page - * as there is a footer and action menus have fewer entries. - */ -#body-public .summary { - height: 180px; -} - -.summary:hover, -.summary:focus, -.summary, -table tr.summary td { - background-color: transparent; -} - -.summary td { - border-bottom: none; - vertical-align: top; - padding-top: 20px; -} - -.summary td:first-child { - padding: 0; -} - -.hiddeninfo { - white-space: pre-line; -} - -table.dragshadow { - width: auto; - z-index: 2000; -} - -table.dragshadow td.filename { - padding-left: 60px; - padding-right: 16px; - height: 36px; - /* Override "max-width: 0" to prevent file name and size from overlapping */ - max-width: unset; -} - -table.dragshadow td.size { - padding-right: 8px; -} - -.mask { - z-index: 50; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: var(--color-main-background); - background-repeat: no-repeat no-repeat; - background-position: 50%; - opacity: 0.7; - transition: opacity 100ms; - -moz-transition: opacity 100ms; - -o-transition: opacity 100ms; - -ms-transition: opacity 100ms; - -webkit-transition: opacity 100ms; -} - -.mask.transparent { - opacity: 0; -} - -.newFileMenu { - font-weight: 300; - top: 100%; - left: -48px !important; - margin-top: 4px; - min-width: 100px; - z-index: 1001; - /* Center triangle */ -} -.newFileMenu::after { - left: 61px !important; -} - -.files-controls { - box-sizing: border-box; - position: -webkit-sticky; - position: sticky; - height: 54px; - padding: 0; - margin: 0; - background-color: var(--color-main-background-translucent); - z-index: 62; /* must be above the filelist sticky header and texteditor menubar */ - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: flex; - top: 0; - padding-top: 3px; -} -.files-controls .actions > div > .button, .files-controls .actions > div button, .files-controls .actions > .button, .files-controls .actions button { - box-sizing: border-box; - display: inline-block; - display: flex; - height: 44px; - width: 44px; - padding: 9px; - align-items: center; - justify-content: center; -} -.files-controls .actions > div .button.hidden, .files-controls .actions .button.hidden { - display: none; -} - -/* position controls for apps with app-navigation */ -.viewer-mode #app-navigation + #app-content .files-controls { - left: 0; -} - -.files-filestable .filename .action .icon, -.files-filestable .selectedActions a .icon, -.files-filestable .filename .favorite-mark .icon, -.files-controls .actions .button .icon { - display: inline-block; - vertical-align: middle; - background-size: 16px 16px; -} - -.files-filestable .filename .favorite-mark .icon-star { - background-image: none; -} -.files-filestable .filename .favorite-mark .icon-starred { - background-image: var(--icon-starred-yellow) !important; -} - -.files-filestable .filename .action .icon.hidden, -.files-filestable .selectedActions a .icon.hidden, -.files-controls .actions .button .icon.hidden { - display: none; -} - -.files-filestable .filename .action .icon.loading, -.files-filestable .selectedActions a .icon.loading, -.files-controls .actions .button .icon.loading { - width: 15px; - height: 15px; -} - -.app-files .actions .button.new { - position: relative; -} - -.breadcrumb { - align-items: center; -} -.breadcrumb .icon-home { - border-radius: var(--border-radius); -} - -.breadcrumb .canDrop > a, -.files-filestable tbody tr.canDrop { - background-color: rgba(0, 130, 201, 0.3); -} - -.dropzone-background { - background-color: rgba(0, 130, 201, 0.3); -} -.dropzone-background :hover { - box-shadow: none !important; -} - -.notCreatable { - margin-left: 12px; - margin-right: 44px; - margin-top: 12px; - color: var(--color-main-text); - overflow: auto; - min-width: 160px; - height: 54px; -} -.notCreatable:not(.hidden) { - display: flex; -} -.notCreatable .icon-alert-outline { - top: -15px; - position: relative; - margin-right: 4px; -} - -.quota-navigation-item { - margin: 0 !important; - border: none; - border-radius: 0; - background-color: transparent; - z-index: 1; - height: 44px; - display: flex !important; - flex-direction: column; -} -.quota-navigation-item__text { - height: 30px; -} -.quota-navigation-item[href="#"], .quota-navigation-item[href="#"] * { - cursor: default !important; -} -.quota-navigation-item__container { - height: 5px; - border-radius: var(--border-radius); -} - -/* GRID */ -.files-filestable.view-grid:not(.hidden) { - /* HEADER and MULTISELECT */ - /* MAIN FILE LIST */ - /* Center align the footer file number & size summary */ -} -.files-filestable.view-grid:not(.hidden) thead tr { - display: block; - border-bottom: 1px solid var(--color-border); - background-color: var(--color-main-background-translucent); -} -.files-filestable.view-grid:not(.hidden) thead tr th { - width: auto; - border: none; -} -.files-filestable.view-grid:not(.hidden) tbody { - display: grid; - grid-template-columns: repeat(auto-fill, 160px); - justify-content: space-around; - row-gap: 15px; - margin: 15px 0; -} -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) { - display: block; - position: relative; - height: 190px; - border-radius: var(--border-radius); -} -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted { - background-color: transparent; -} -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .fileactions, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .fileactions, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .fileactions, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .fileactions, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .fileactions, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .fileactions, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .fileactions { - background-color: var(--color-background-hover); -} -.files-filestable.view-grid:not(.hidden) tbody td { - display: inline; - border-bottom: none; - /* No space for filesize and date in grid view */ - /* Position actions menu below file */ -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper { - min-width: 0; - max-width: none; - position: absolute; - width: 160px; - height: 160px; - padding: 14px; - top: 0; - left: 0; - z-index: -1; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper .thumbnail { - width: calc(100% - 2 * 14px); - height: calc(100% - 2 * 14px); - background-size: contain; - margin: 0; - border-radius: var(--border-radius); - background-repeat: no-repeat; - background-position: center; - /* Position favorite star related to checkbox to left and 3-dot menu below - * Position is inherited from the selection while in grid view - */ -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper .thumbnail .favorite-mark { - padding: 14px; - left: auto; - top: -22px; - right: -22px; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .uploadtext { - width: 100%; - margin: 0; - top: 0; - bottom: auto; - height: 28px; - padding-top: 4px; - padding-left: 28px; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name { - height: 100%; - border-radius: var(--border-radius); - overflow: hidden; - cursor: pointer !important; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext { - display: flex; - height: 44px; - margin-top: 146px; - text-align: center; - line-height: 44px; - padding: 0; - /* No space for extension in grid view */ -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .innernametext { - display: inline-block; - text-align: center; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext:before { - content: ""; - flex: 1; - min-width: 14px; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext:after { - content: ""; - flex: 1; - min-width: 44px; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .extension { - display: none; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions { - height: initial; - margin-top: 146px; - display: flex; - align-items: center; - position: absolute; - right: 0; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions .action { - padding: 14px; - width: 44px; - height: 44px; - display: flex; - align-items: center; - justify-content: center; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions .action:not(.action-menu) { - display: none; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-share-container.hidden { - display: block !important; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-share-container.hidden .action-share img { - padding: 6px; - border-radius: 50%; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-restore-container.hidden { - display: block !important; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-comment-container.hidden { - display: block !important; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename form { - padding: 3px 14px; - border-radius: var(--border-radius); -} -.files-filestable.view-grid:not(.hidden) tbody td.filename form input.filename { - width: 100%; - margin-left: 0; - cursor: text; -} -.files-filestable.view-grid:not(.hidden) tbody td.filesize, .files-filestable.view-grid:not(.hidden) tbody td.date { - display: none; -} -.files-filestable.view-grid:not(.hidden) tbody td.selection, .files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark { - position: absolute; - top: -8px; - left: -8px; - display: flex; - width: 44px; - height: 44px; - z-index: 10; - background: transparent; -} -.files-filestable.view-grid:not(.hidden) tbody td.selection label, .files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark label { - width: 44px; - height: 44px; - display: inline-flex; - padding: 14px; -} -.files-filestable.view-grid:not(.hidden) tbody td.selection label::before, .files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark label::before { - margin: 0; - width: 14px; - height: 14px; -} -.files-filestable.view-grid:not(.hidden) tbody td .popovermenu { - left: 0; - width: 150px; - margin: 0 5px; - /* Ellipsize long entries, normally menu width is adjusted but for grid we use fixed width. */ -} -.files-filestable.view-grid:not(.hidden) tbody td .popovermenu .menuitem span:not(.icon) { - overflow: hidden; - text-overflow: ellipsis; -} -.files-filestable.view-grid:not(.hidden) tr.hidden-file td.filename .name .nametext .extension { - display: block; -} -.files-filestable.view-grid:not(.hidden) tfoot { - display: grid; -} -.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) { - display: inline-block; - margin: 0 auto; - height: 418px; -} -.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td { - padding-top: 50px; -} -.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td:first-child, .files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td.date { - display: none; -} -.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td .info { - margin-left: 0; -} - -/* Grid view toggle */ -#view-toggle { - background-color: transparent; - border: none; - margin: 0; - padding: 22px; - opacity: 0.5; - float: right; - right: calc(var(--default-grid-baseline) * 4); - top: calc(var(--header-height) + var(--default-grid-baseline)); - z-index: 100; -} -#view-toggle:hover, #view-toggle:focus, #showgridview:focus + #view-toggle { - opacity: 1; -} -#view-toggle:focus-visible, #showgridview:focus-visible + #view-toggle { - box-shadow: inset 0 0 0 2px var(--color-primary) !important; -} - -/** - * Make sure the hidden input is always - * on the visible scrolled area of the - * page to avoid scrolling to top when focusing - */ -#showgridview { - position: fixed; - top: 0; -} - -/* Adjustments for link share page */ -#body-public { - /* Right-align view toggle on link share page */ -} -#body-public .files-filestable.view-grid:not(.hidden) tbody td { - /* More space for filename since there is no share icon */ - /* Position actions menu correctly below 3-dot-menu */ -} -#body-public .files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .innernametext { - max-width: 124px; -} -#body-public .files-filestable.view-grid:not(.hidden) tbody td .popovermenu { - left: -80px; -} -#body-public #view-toggle { - position: absolute; - right: 0; - top: 0; -} - -/* Hide legacy Gallery toggle */ -#gallery-button { - display: none; -} - -#tag_multiple_files_container { - overflow: hidden; - background-color: #fff; - border-radius: 3px; - position: relative; - display: flex; - flex-wrap: wrap; - margin-bottom: 10px; -} -#tag_multiple_files_container h3 { - width: 100%; - padding: 0 18px; -} -#tag_multiple_files_container .systemTagsInputFieldContainer { - flex: 1 1 80%; - min-width: 0; - margin: 0 12px; -} - -/*# sourceMappingURL=files.css.map */ +.actions{padding:5px;height:100%;display:inline-block;float:left}.actions input,.actions button,.actions .button{margin:0;float:left}.actions .button a{color:#555}.actions .button a:hover,.actions .button a:focus{background-color:var(--color-background-hover)}.actions .button a:active{background-color:var(--color-primary-light)}.actions.creatable{position:relative;display:flex;flex:1 1}.actions.creatable .button:not(:last-child){margin-right:3px}.actions.hidden{display:none}#trash{margin-right:8px;float:right;z-index:1010;padding:10px;font-weight:normal}.newFileMenu .error,.newFileMenu .error+.icon-confirm,.files-fileList .error{color:var(--color-error);border-color:var(--color-error)}.files-filestable{position:relative;width:100%;min-width:250px;display:block;flex-direction:column}.emptycontent:not(.hidden)~.files-filestable{display:none}.files-filestable thead{position:-webkit-sticky;position:sticky;top:44px;z-index:60;display:block;background-color:var(--color-main-background-translucent)}.files-filestable tbody{display:table;width:100%}.files-filestable tbody tr[data-permissions="0"],.files-filestable tbody tr[data-permissions="16"]{background-color:var(--color-background-dark)}.files-filestable tbody tr[data-permissions="0"] td.filename .nametext .innernametext,.files-filestable tbody tr[data-permissions="16"] td.filename .nametext .innernametext{color:var(--color-text-maxcontrast)}.files-filestable tbody tr[data-e2eencrypted=true]{pointer-events:none}.files-filestable.hidden{display:none}.app-files #app-content>.viewcontainer{min-height:0%;width:100%}.app-files #app-content{width:calc(100% - 300px)}.file-drag,.file-drag .files-filestable tbody tr,.file-drag .files-filestable tbody tr:hover{background-color:var(--color-primary-light) !important}.app-files #app-content.dir-drop{background-color:var(--color-main-background) !important}.file-drag .files-filestable tbody tr,.file-drag .files-filestable tbody tr:hover{background-color:rgba(0,0,0,0) !important}.app-files #app-content.dir-drop .files-filestable tbody tr.dropping-to-dir{background-color:var(--color-primary-light) !important}.nav-icon-files{background-image:var(--icon-folder-dark)}.nav-icon-recent{background-image:var(--icon-recent-dark)}.nav-icon-favorites{background-image:var(--icon-starred-dark)}.nav-icon-sharingin,.nav-icon-sharingout,.nav-icon-pendingshares,.nav-icon-shareoverview{background-image:var(--icon-share-dark)}.nav-icon-sharinglinks{background-image:var(--icon-public-dark)}.nav-icon-extstoragemounts{background-image:var(--icon-external-dark)}.nav-icon-trashbin{background-image:var(--icon-delete-dark)}.nav-icon-trashbin-starred{background-image:var(--icon-delete-#ff0000)}.nav-icon-deletedshares{background-image:var(--icon-unshare-dark)}.nav-icon-favorites-starred{background-image:var(--icon-starred-yellow)}#app-navigation .nav-files a.nav-icon-files{width:auto}#app-navigation .nav-files a.new{width:40px;height:32px;padding:0 10px;margin:0;cursor:pointer}#app-navigation .nav-files a.new.hidden{display:none}#app-navigation .nav-files a.new.disabled{opacity:.3}.files-filestable tbody tr{height:51px}.files-filestable tbody tr:hover,.files-filestable tbody tr:focus,.files-filestable tbody .name:focus,.files-filestable tbody tr:hover .filename form,table tr.mouseOver td{background-color:var(--color-background-hover)}.files-filestable tbody tr:active,.files-filestable tbody tr.highlighted,.files-filestable tbody tr.highlighted .name:focus,.files-filestable tbody tr.selected,.files-filestable tbody tr.searchresult{background-color:var(--color-primary-light)}tbody a{color:var(--color-main-text)}span.conflict-path,span.extension,span.uploading,td.date{color:var(--color-text-maxcontrast)}span.conflict-path,span.extension{-webkit-transition:opacity 300ms;-moz-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms;vertical-align:top}tr:hover span.conflict-path,tr:focus span.conflict-path,tr:hover span.extension,tr:focus span.extension{opacity:1;color:var(--color-text-maxcontrast)}table th,table th a{color:var(--color-text-maxcontrast)}table.multiselect th a{color:var(--color-main-text)}table th .columntitle{display:block;padding:15px;height:50px;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle}table th .columntitle:focus-visible{border-radius:2px}table.multiselect th .columntitle{display:inline-block;margin-right:-20px}table th .columntitle.name{padding-left:0;margin-left:44px}table.multiselect th .columntitle.name{margin-left:0}table th .sort-indicator{width:10px;height:8px;margin-left:5px;display:inline-block;vertical-align:text-bottom;opacity:.3}.sort-indicator.hidden,.multiselect .sort-indicator,table.multiselect th:hover .sort-indicator.hidden,table.multiselect th:focus .sort-indicator.hidden{visibility:hidden}.multiselect .sort,.multiselect .sort span{cursor:default}table th:hover .sort-indicator.hidden,table th:focus .sort-indicator.hidden{visibility:visible}table th,table td{border-bottom:1px solid var(--color-border);text-align:left;font-weight:normal}table td{padding:0 15px;font-style:normal;background-position:8px center;background-repeat:no-repeat}table th.column-name{position:relative;width:9999px;padding:0}.column-name-container{position:relative;height:50px}table th.column-selection{padding-top:2px}table th.column-size,table td.filesize{text-align:right}table th.column-mtime,table td.date,table th.column-last,table td.column-last{-moz-box-sizing:border-box;box-sizing:border-box;position:relative;min-width:130px}#app-content-recent,#app-content-favorites,#app-content-shareoverview,#app-content-sharingout,#app-content-sharingin,#app-content-sharinglinks,#app-content-deletedshares,#app-content-pendingshares{margin-top:22px}#app-content-recent thead,#app-content-favorites thead,#app-content-shareoverview thead,#app-content-sharingout thead,#app-content-sharingin thead,#app-content-sharinglinks thead,#app-content-deletedshares thead,#app-content-pendingshares thead{top:0}table.multiselect thead th{background-color:var(--color-main-background-translucent);font-weight:bold}#app-content.with-app-sidebar table.multiselect thead{margin-right:27%}table.multiselect .column-name{position:relative;width:9999px}table.multiselect .column-mtime>a{display:none}table td.selection,table th.selection,table td.fileaction{width:32px;text-align:center}table td.filename a.name,table td.filename p.name{display:flex;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;height:50px;line-height:50px;padding:0}table td.filename .thumbnail-wrapper{width:0;min-width:50px;max-width:50px;height:50px}table td.filename .thumbnail-wrapper.icon-loading-small:after{z-index:10}table td.filename .thumbnail-wrapper.icon-loading-small .thumbnail{opacity:.2}table td.filename .thumbnail{display:inline-block;width:32px;height:32px;background-size:contain;background-position:center;background-repeat:no-repeat;margin-left:9px;margin-top:9px;border-radius:var(--border-radius);cursor:pointer;position:absolute;z-index:4}table td.filename p.name .thumbnail{cursor:default}table tr[data-has-preview=true] .thumbnail{border:1px solid var(--color-border)}table:not(.view-grid) td.filename input.filename{width:70% !important;margin-left:48px !important;cursor:text}table td.filename form{margin-top:-40px;position:relative;top:-6px}table td.filename a,table td.login,table td.logout,table td.download,table td.upload,table td.create,table td.delete{padding:3px 8px 8px 3px}table td.filename .nametext,.modified,.column-last>span:first-child{float:left;padding:15px 0}.modified,.column-last>span:first-child{position:relative;overflow:hidden;text-overflow:ellipsis;width:110px}table td.filename{max-width:0}table td.filename .nametext{width:0;flex-grow:1;display:flex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:100%;z-index:10;padding:0 20px 0 0}.hide-hidden-files .files-filestable .files-fileList tr.hidden-file,.hide-hidden-files .files-filestable .files-fileList tr.hidden-file.dragging{display:none}.files-fileList tr.animate-opacity{-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;-o-transition:opacity 250ms;transition:opacity 250ms}.files-fileList tr.dragging{opacity:.2}table td.filename .nametext .innernametext{text-overflow:ellipsis;overflow:hidden;position:relative;vertical-align:top}table td.filename .uploadtext{position:absolute;font-weight:normal;margin-left:50px;left:0;bottom:0;height:20px;padding:0 4px;padding-left:1px;font-size:11px;line-height:22px;color:var(--color-text-maxcontrast);text-overflow:ellipsis;white-space:nowrap}table td.selection{padding:0}.files-fileList tr td.selection>.selectCheckBox+label:before{opacity:.3;margin-right:0}.files-fileList tr:hover td.selection>.selectCheckBox+label:before,.files-fileList tr:focus td.selection>.selectCheckBox+label:before,.files-fileList tr td.selection>.selectCheckBox:checked+label:before,.files-fileList tr.selected td.selection>.selectCheckBox+label:before{opacity:1}.files-fileList tr.halfselected td.selection>.selectCheckBox+label:before{opacity:.5}.files-fileList tr td.selection>.selectCheckBox+label,.select-all+label{padding:16px}.files-fileList tr td.selection>.selectCheckBox:focus-visible+label,.select-all:focus-visible+label{background-color:var(--color-background-hover);border-radius:var(--border-radius-pill);outline:none !important;border:2px solid var(--color-primary) !important;padding:14px}.files-fileList tr td.selection>.selectCheckBox:focus-visible+label,.select-all:focus-visible+label{outline-offset:0px}.files-fileList tr td.filename{position:relative;width:100%;padding-left:0;padding-right:0;-webkit-transition:background-image 500ms;-moz-transition:background-image 500ms;-o-transition:background-image 500ms;transition:background-image 500ms}.files-fileList tr td.filename a.name label,.files-fileList tr td.filename p.name label{position:absolute;width:80%;height:50px}.files-fileList tr td.filename .favorite{display:inline-block;float:left}.files-fileList tr td.filename .favorite-mark{position:absolute;display:block;top:-6px;right:-6px;line-height:100%;text-align:center}#uploadsize-message,#delete-confirm{display:none}.fileactions{z-index:50}.busy .fileactions,.busy .action{visibility:hidden}.bubble,#app-navigation .app-navigation-entry-menu{min-width:100px}.files-fileList .icon-loading-small{opacity:1 !important;display:inline !important}.files-fileList .action.action-share-notification span,.files-fileList a.name{cursor:default !important}.files-fileList a.name.disabled *{cursor:default}.files-fileList a.name.disabled a,.files-fileList a.name.disabled a *{cursor:pointer}.files-fileList a.name.disabled:focus{background:none}a.action>img{height:16px;width:16px;vertical-align:text-bottom}a.action.action-editlocally img.icon{filter:var(--background-invert-if-dark)}.selectedActions{position:relative;display:inline-block;vertical-align:middle}.selectedActions.hidden{display:none}.selectedActions a{display:inline;line-height:50px;padding:16px 5px}.selectedActions a.hidden{display:none}.selectedActions a img{position:relative;vertical-align:text-bottom;margin-bottom:-1px}.selectedActions .actions-selected .icon-more{margin-top:-3px}.files-fileList td a a.action{display:inline;padding:17px 8px;line-height:50px;opacity:.3}.files-fileList td a a.action.action-share{padding:17px 14px}.files-fileList td a a.action.action-share.permanent:not(.shared-style) .icon-shared+span{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.files-fileList td a a.action.action-share .avatar{display:inline-block;vertical-align:middle}.files-fileList td a a.action.action-menu{padding-top:17px;padding-bottom:17px;padding-left:14px;padding-right:14px}.files-fileList td a a.action.no-permission:hover,.files-fileList td a a.action.no-permission:focus{opacity:.3}.files-fileList td a a.action.disabled:hover,.files-fileList td a a.action.disabled:focus,.files-fileList td a a.action.disabled img{opacity:.3}.files-fileList td a a.action.disabled.action-download{opacity:.7}.files-fileList td a a.action.disabled.action-download:hover,.files-fileList td a a.action.disabled.action-download:focus{opacity:.7}.files-fileList td a a.action:hover,.files-fileList td a a.action:focus{opacity:1}.files-fileList td a a.action:focus{background-color:var(--color-background-hover);border-radius:var(--border-radius-pill)}.files-fileList td a .fileActionsMenu a.action,.files-fileList td a a.action.action-share.shared-style{opacity:.7}.files-fileList td a .fileActionsMenu .action.permanent{opacity:1}.files-fileList .action.action-share.permanent.shared-style span:not(.icon){display:inline-block;max-width:70px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;margin-left:6px}.files-fileList .remoteAddress .userDomain{margin-left:0 !important}.files-fileList .favorite-mark.permanent{opacity:1}.files-fileList .fileActionsMenu a.action:hover,.files-fileList .fileActionsMenu a.action:focus,.files-fileList a.action.action-share.shared-style:hover,.files-fileList a.action.action-share.shared-style:focus{opacity:1}.files-fileList tr a.action.disabled{background:none}.selectedActions a.download.disabled,.files-fileList tr a.action.action-download.disabled{color:#000}.files-fileList tr:hover a.action.disabled:hover *{cursor:default}.summary{color:var(--color-text-maxcontrast);height:330px}.files-filestable .summary .filesummary{width:100%;padding-left:101px}#body-public .summary{height:180px}.summary:hover,.summary:focus,.summary,table tr.summary td{background-color:rgba(0,0,0,0)}.summary td{border-bottom:none;vertical-align:top;padding-top:20px}.summary td:first-child{padding:0}.hiddeninfo{white-space:pre-line}table.dragshadow{width:auto;z-index:2000}table.dragshadow td.filename{padding-left:60px;padding-right:16px;height:36px;max-width:unset}table.dragshadow td.size{padding-right:8px}.mask{z-index:50;position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-main-background);background-repeat:no-repeat no-repeat;background-position:50%;opacity:.7;transition:opacity 100ms;-moz-transition:opacity 100ms;-o-transition:opacity 100ms;-ms-transition:opacity 100ms;-webkit-transition:opacity 100ms}.mask.transparent{opacity:0}.newFileMenu{font-weight:300;top:100%;left:-48px !important;margin-top:4px;min-width:100px;z-index:1001}.newFileMenu::after{left:61px !important}.files-controls{box-sizing:border-box;position:-webkit-sticky;position:sticky;height:54px;padding:0;margin:0;background-color:var(--color-main-background-translucent);z-index:62;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;top:0;padding-top:3px}.files-controls .actions>div>.button,.files-controls .actions>div button,.files-controls .actions>.button,.files-controls .actions button{box-sizing:border-box;display:inline-block;display:flex;height:44px;width:44px;padding:9px;align-items:center;justify-content:center}.files-controls .actions>div .button.hidden,.files-controls .actions .button.hidden{display:none}.viewer-mode #app-navigation+#app-content .files-controls{left:0}.files-filestable .filename .action .icon,.files-filestable .selectedActions a .icon,.files-filestable .filename .favorite-mark .icon,.files-controls .actions .button .icon{display:inline-block;vertical-align:middle;background-size:16px 16px}.files-filestable .filename .favorite-mark .icon-star{background-image:none}.files-filestable .filename .favorite-mark .icon-starred{background-image:var(--icon-starred-yellow) !important}.files-filestable .filename .action .icon.hidden,.files-filestable .selectedActions a .icon.hidden,.files-controls .actions .button .icon.hidden{display:none}.files-filestable .filename .action .icon.loading,.files-filestable .selectedActions a .icon.loading,.files-controls .actions .button .icon.loading{width:15px;height:15px}.app-files .actions .button.new{position:relative}.breadcrumb{align-items:center}.breadcrumb .icon-home{border-radius:var(--border-radius)}.breadcrumb .canDrop>a,.files-filestable tbody tr.canDrop{background-color:rgba(0,130,201,.3)}.dropzone-background{background-color:rgba(0,130,201,.3)}.dropzone-background :hover{box-shadow:none !important}.notCreatable{margin-left:12px;margin-right:44px;margin-top:12px;color:var(--color-main-text);overflow:auto;min-width:160px;height:54px}.notCreatable:not(.hidden){display:flex}.notCreatable .icon-alert-outline{top:-15px;position:relative;margin-right:4px}.quota-navigation-item{margin:0 !important;border:none;border-radius:0;background-color:rgba(0,0,0,0);z-index:1;height:44px;display:flex !important;flex-direction:column}.quota-navigation-item__text{height:30px}.quota-navigation-item[href="#"],.quota-navigation-item[href="#"] *{cursor:default !important}.quota-navigation-item__container{height:5px;border-radius:var(--border-radius)}.files-filestable.view-grid:not(.hidden) thead tr{display:block;border-bottom:1px solid var(--color-border);background-color:var(--color-main-background-translucent)}.files-filestable.view-grid:not(.hidden) thead tr th{width:auto;border:none}.files-filestable.view-grid:not(.hidden) tbody{display:grid;grid-template-columns:repeat(auto-fill, 160px);justify-content:space-around;row-gap:15px;margin:15px 0}.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden){display:block;position:relative;height:190px;border-radius:var(--border-radius)}.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted{background-color:rgba(0,0,0,0)}.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .fileactions{background-color:var(--color-background-hover)}.files-filestable.view-grid:not(.hidden) tbody td{display:inline;border-bottom:none}.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper{min-width:0;max-width:none;position:absolute;width:160px;height:160px;padding:14px;top:0;left:0;z-index:-1}.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper .thumbnail{width:calc(100% - 2 * 14px);height:calc(100% - 2 * 14px);background-size:contain;margin:0;border-radius:var(--border-radius);background-repeat:no-repeat;background-position:center}.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper .thumbnail .favorite-mark{padding:14px;left:auto;top:-22px;right:-22px}.files-filestable.view-grid:not(.hidden) tbody td.filename .uploadtext{width:100%;margin:0;top:0;bottom:auto;height:28px;padding-top:4px;padding-left:28px}.files-filestable.view-grid:not(.hidden) tbody td.filename .name{height:100%;border-radius:var(--border-radius);overflow:hidden;cursor:pointer !important}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext{display:flex;height:44px;margin-top:146px;text-align:center;line-height:44px;padding:0}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .innernametext{display:inline-block;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext:before{content:"";flex:1;min-width:14px}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext:after{content:"";flex:1;min-width:44px}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .extension{display:none}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions{height:initial;margin-top:146px;display:flex;align-items:center;position:absolute;right:0}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions .action{padding:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions .action:not(.action-menu){display:none}.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-share-container.hidden{display:block !important}.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-share-container.hidden .action-share img{padding:6px;border-radius:50%}.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-restore-container.hidden{display:block !important}.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-comment-container.hidden{display:block !important}.files-filestable.view-grid:not(.hidden) tbody td.filename form{padding:3px 14px;border-radius:var(--border-radius)}.files-filestable.view-grid:not(.hidden) tbody td.filename form input.filename{width:100%;margin-left:0;cursor:text}.files-filestable.view-grid:not(.hidden) tbody td.filesize,.files-filestable.view-grid:not(.hidden) tbody td.date{display:none}.files-filestable.view-grid:not(.hidden) tbody td.selection,.files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark{position:absolute;top:-8px;left:-8px;display:flex;width:44px;height:44px;z-index:10;background:rgba(0,0,0,0)}.files-filestable.view-grid:not(.hidden) tbody td.selection label,.files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark label{width:44px;height:44px;display:inline-flex;padding:14px}.files-filestable.view-grid:not(.hidden) tbody td.selection label::before,.files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark label::before{margin:0;width:14px;height:14px}.files-filestable.view-grid:not(.hidden) tbody td .popovermenu{left:0;width:150px;margin:0 5px}.files-filestable.view-grid:not(.hidden) tbody td .popovermenu .menuitem span:not(.icon){overflow:hidden;text-overflow:ellipsis}.files-filestable.view-grid:not(.hidden) tr.hidden-file td.filename .name .nametext .extension{display:block}.files-filestable.view-grid:not(.hidden) tfoot{display:grid}.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden){display:inline-block;margin:0 auto;height:418px}.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td{padding-top:50px}.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td:first-child,.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td.date{display:none}.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td .info{margin-left:0}#view-toggle{background-color:rgba(0,0,0,0);border:none;margin:0;padding:22px;opacity:.5;float:right;right:calc(var(--default-grid-baseline)*4);top:calc(var(--header-height) + var(--default-grid-baseline));z-index:100}#view-toggle:hover,#view-toggle:focus,#showgridview:focus+#view-toggle{opacity:1}#view-toggle:focus-visible,#showgridview:focus-visible+#view-toggle{box-shadow:inset 0 0 0 2px var(--color-primary) !important}#showgridview{position:fixed;top:0}#body-public .files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .innernametext{max-width:124px}#body-public .files-filestable.view-grid:not(.hidden) tbody td .popovermenu{left:-80px}#body-public #view-toggle{position:absolute;right:0;top:0}#gallery-button{display:none}#tag_multiple_files_container{overflow:hidden;background-color:#fff;border-radius:3px;position:relative;display:flex;flex-wrap:wrap;margin-bottom:10px}#tag_multiple_files_container h3{width:100%;padding:0 18px}#tag_multiple_files_container .systemTagsInputFieldContainer{flex:1 1 80%;min-width:0;margin:0 12px}/*# sourceMappingURL=files.css.map */ diff --git a/apps/files/css/files.css.map b/apps/files/css/files.css.map index 7139f1cee08..c9af77db2f5 100644 --- a/apps/files/css/files.css.map +++ b/apps/files/css/files.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","files.scss","../../../core/css/functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADxCA;AACA;EACC;EACA;EACA;EACA;;;AAED;EAAoD;EAAU;;;AAC9D;EAAqB;;;AACrB;AAAA;EAEC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;;AACA;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;AAiBA;AAAA;AAAA;;AAfA;EACC;;AAGD;EACC;EACA;EAEA;EAEA;EACA;EACA;;AAMD;EACC;EACA;;AAEA;AAAA;EAEC;;AAEA;AAAA;EACC;;AAKF;EACC;;;AAKH;EACC;;;AAGD;AACA;EACC;EACA;;;AAGD;EAGC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AACA;ACvEC;EAEA;;;ADwED;AC1EC;EAEA;;;AD2ED;AC7EC;EAEA;;;AD8ED;AAAA;AAAA;AAAA;AChFC;EAEA;;;ADoFD;ACtFC;EAEA;;;ADuFD;ACzFC;EAEA;;;AD0FD;AC5FC;EAEA;;;AD6FD;AC/FC;EAEA;;;ADgGD;AClGC;EAEA;;;ADmGD;ACrGC;EAEA;;;ADuGD;EACC;;;AAED;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAED;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAED;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAGD;EAAU;;;AAEV;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;AAAA;AAAA;AAAA;EAIC;EACA;;;AAGD;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;;;AAED;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;AAAA;AAAA;AAAA;EAIC;;;AAED;EACC;;;AAED;AAAA;EAEC;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAED;EACC;;;AAED;AAAA;EAEC;EACA;EACA;AACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAED;EACC;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAED;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;AACC;EACA;EACA;EACA;EACA;;;AAGA;EACC;;AAED;EACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAID;EACC;;;AAGD;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAGD;EAA6H;;;AAC7H;EAAwE;EAAY;;;AAEpF;EACC;EACA;EACA;EACA;;;AAGD;AAEC;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKH;AAAA;EAEC;;;AAGD;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC;EACA;;;AAGD;AACA;AAAA;AAAA;AAAA;EAIC;;;AAGD;AACA;EACC;;;AAGD;AAGC;AAAA;EACC;;AAGD;AAAA;EACC;EACA;EACA;EACA;EACA;;;AAIF;AAAA;EAEC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EAA2C;EAAwC;EAAsC;;;AAG1H;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsC;;;AAEtC;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AACA;EACC;EACA;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAIC;EACC;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACI;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACC;EACA;EACA;;;AAGD;EACC;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;;;AAIA;EACC;EACA;EACA;EACA;;AACA;EACC;;AACA;AACC;AACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAGF;EACC;EACA;EACA;EACA;;AAGA;EACC;;AAID;AAAA;EAEC;;AAED;EACC;;AACA;EACC;;AAIH;EACC;;AAED;EACC;EACA;;AAGF;EACC;;AAED;EACC;;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAAA;EAKC;;;AAGD;EACC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;AACA;EAEA;;;AAED;EACC;AACA;EACA;;;AAED;AAAA;AAAA;AAGA;EACC;;;AAED;AAAA;AAAA;AAAA;EAIC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;EACA;AAEA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACC;;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;;;AAMJ;AAEA;EACC;;;AAGD;AAAA;AAAA;AAAA;EAIC;EACA;EACA;;;AAMA;EACC;;AAED;EACC;;;AAIF;AAAA;AAAA;EAGC;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAGD;EACC;;;AAGD;EACC;;AAEA;EACC;;;AAIF;AAAA;EAEC;;;AAED;EACC;;AACA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAKA;EACC;;AAIF;EACC;EACA;;;AAIF;AACA;AAIC;AAaA;AAqOA;;AAhPC;EACC;EACA;EACA;;AACA;EACC;EACA;;AAMH;EACC;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;AAAA;EAKC;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;;AAKH;EACC;EACA;AAoJA;AA8BA;;AA/KC;EACC;EACA;EACA;EACA,OAvDQ;EAwDR,QAxDQ;EAyDR,SAxDO;EAyDP;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACC,SA1EK;EA2EL;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;EAEA;EACA;EAEA;;AAGD;EACC;EACA;EAIA;EAKA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;AAoBA;;AAlBA;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAID;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,SApJK;EAqJL;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAQH;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAMH;EAEC;;AAGD;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,SAxNO;;AAyNP;EACC;EACA,OA3NM;EA4NN,QA5NM;;AAkOT;EACC;EACA;EACA;AAEA;;AACA;EACC;EACA;;AAMJ;EACC;;AAID;EACC;;AAEA;EACC;EACA;EAEA;;AAEA;EACC;;AAEA;EAEC;;AAGD;EACI;;;AAOR;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGC;;AAGD;EAEC;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAKA;EACC;EACA;;;AAGD;AACA;AAaC;;AAZA;AACC;AAKA;;AAJA;EACC;;AAID;EACC;;AAKF;EACC;EACA;EACA;;;AAIF;AACA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA","file":"files.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["files.scss","../../../core/css/functions.scss"],"names":[],"mappings":"AAWA,SACC,YACA,YACA,qBACA,WAED,oEACA,8BACA,kDAEC,+CAED,0BACC,4CAGD,mBACC,kBACA,aACA,SACA,4CACC,iBAIF,gBACC,aAGD,OACC,iBACA,YACA,aACA,aACA,mBAGD,6EAGC,yBACA,gCAID,kBACC,kBACA,WACA,gBACA,cACA,sBAEA,6CACC,aAGD,wBACC,wBACA,gBAEA,SAEA,WACA,cACA,0DAMD,wBACC,cACA,WAEA,mGAEC,8CAEA,6KACC,oCAKF,mDACC,oBAKH,yBACC,aAID,uCACC,cACA,WAGD,wBAGC,yBAGD,6FACC,uDAGD,iCACC,yDAGD,kFACC,0CAGD,4EACC,uDAID,gBCrEC,yCDwED,iBCxEC,yCD2ED,oBC3EC,0CD8ED,yFC9EC,wCDoFD,uBCpFC,yCDuFD,2BCvFC,2CD0FD,mBC1FC,yCD6FD,2BC7FC,4CDgGD,wBChGC,0CDmGD,4BCnGC,4CDuGD,4CACC,WAGD,iCACC,WACA,YACA,eACA,SACA,eAGD,wCACC,aAGD,0CACC,WAGD,2BACC,YAED,4KAKC,+CAED,wMAKC,4CAGD,qCAEA,yDACC,oCAED,kCACC,iCACA,8BACA,4BACA,yBACA,mBAED,wGAIC,UACA,oCAGD,oBACC,oCAED,uBACC,6BAED,sBACC,cACA,aACA,YACA,sBACA,2BACA,sBACA,oCACC,kBAGF,kCACC,qBACA,mBAED,2BACC,eACA,iBAGD,uCACC,cAGD,yBACC,WACA,WACA,gBACA,qBACA,2BACA,WAED,wJAIC,kBAED,2CACC,eAED,4EAEC,mBAGD,kBAEC,4CACA,gBACA,mBAED,SACC,eACA,kBACA,+BACA,4BAED,qBACC,kBACA,aACA,UAGD,uBACC,kBACA,YAGD,0BACC,gBAED,uCACC,iBAED,8EAEC,2BACA,sBACA,kBAEA,gBAGD,qMAQC,gBACA,qPACC,MAIF,2BACC,0DACA,iBAGD,sDACC,iBAGD,+BACC,kBACA,aAED,kCACC,aAGD,0DAGC,WACA,kBAED,kDAEC,aACA,kBACA,2BACA,sBACA,YACA,iBACA,UAED,qCAEC,QACA,eACA,eACA,YAGA,8DACC,WAED,mEACC,WAGF,6BACC,qBACA,WACA,YACA,wBACA,2BACA,4BACA,gBACA,eACA,mCACA,eACA,kBACA,UAED,oCACC,eAID,2CACC,qCAGD,iDACC,qBACA,4BACA,YAED,uBACC,iBACA,kBACA,SAGD,6IACA,8FAEA,wCACC,kBACA,gBACA,uBACA,YAKA,kBACC,YACA,4BACC,QACA,YACA,aACA,gBACA,mBACA,uBACA,YACA,WACA,mBAKH,iJAEC,aAGD,mCACC,iCACA,8BACA,4BACA,yBAED,4BACC,WAGD,2CACC,uBACA,gBACA,kBACA,mBAKD,8BACC,kBACA,mBAEA,iBACA,OACA,SACA,YACA,cAEA,iBACA,eAEA,iBACA,oCACA,uBACA,mBAGD,mBACC,UAID,6DACC,WACA,eAID,iRAIC,UAID,0EACC,WAMA,wEACC,aAGD,oGACC,+CACA,wCACA,wBACA,iDACA,aAIF,oGAEC,mBAGD,+BACC,kBACA,WACA,eACA,gBACA,wJAGD,wFAEC,kBACA,UACA,YAGD,yCACC,qBACA,WAED,8CACC,kBACA,cACA,SACA,WACA,iBACA,kBAGD,iDAGA,aACC,WAGD,iCACC,kBAID,mDAEC,gBAID,oCACC,qBACA,0BAGD,8EACC,0BAOA,kCACC,eAGD,sEACC,eAGD,sCACC,gBAIF,aACC,YACA,WACA,2BAGD,qCACC,wCAID,iBACI,kBACA,qBACA,sBAEJ,wBACI,aAEJ,mBACC,eACA,iBACA,iBAGD,0BACC,aAED,uBACC,kBACA,2BACA,mBAGD,8CACC,gBAIA,8BACC,eACA,iBACA,iBACA,WACA,2CACC,kBACA,0FAGC,kBACA,cACA,SACA,UACA,WACA,gBAED,mDACC,qBACA,sBAGF,0CACC,iBACA,oBACA,kBACA,mBAGA,oGACC,WAID,qIAEC,WAED,uDACC,WACA,0HACC,WAIH,wEACC,UAED,oCACC,+CACA,wCAGF,uGACC,WAED,wDACC,UAKF,4EACC,qBACA,eACA,gBACA,uBACA,sBACA,gBAGD,2CACC,yBAGD,yCACC,UAGD,kNAKC,UAGD,qCACC,gBAGD,0FAEC,WAGD,mDACC,eAGD,SACC,oCAGA,aAED,wCACC,WAEA,mBAKD,sBACC,aAED,2DAIC,+BAED,YACC,mBACA,mBACA,iBAED,wBACC,UAED,YACC,qBAGD,iBACC,WACA,aAED,6BACC,kBACA,mBACA,YAGA,gBAED,yBACC,kBAED,MACC,WACA,kBACA,MACA,OACA,QACA,SACA,8CACA,sCACA,wBACA,WACA,yBACA,8BACA,4BACA,6BACA,iCAED,kBACC,UAGD,aACC,gBACA,SACA,sBACA,eACA,gBACA,aAGA,oBACC,qBAKF,gBACC,sBACA,wBACA,gBACA,YACA,UACA,SACA,0DACA,WACA,yBACA,sBACA,qBACA,iBACA,aACA,MACA,gBAKE,0IACC,sBACA,qBACA,aACA,YACA,WACA,YACA,mBACA,uBAED,oFACC,aAQJ,0DACC,OAGD,6KAIC,qBACA,sBACA,0BAMA,sDACC,sBAED,yDACC,uDAIF,iJAGC,aAGD,oJAGC,WACA,YAGD,gCACC,kBAGD,YACC,mBAEA,uBACC,mCAIF,0DAEC,oCAED,qBACC,oCACA,4BACC,2BAIF,cACC,iBACA,kBACA,gBACA,6BACA,cACA,gBACA,YAEA,2BACC,aAGD,kCACC,UACA,kBACA,iBAIF,uBACC,oBACA,YACA,gBACA,+BACA,UACA,YACA,wBACA,sBAEA,6BACC,YAKA,oEACC,0BAIF,kCACC,WACA,mCAWA,kDACC,cACA,4CACA,0DACA,qDACC,WACA,YAMH,+CACC,aACA,+CACA,6BACA,aACA,cAGA,+DACC,cACA,kBACA,aACA,mCAEA,0fAKC,+BAEA,oxDAGC,+CAKH,kDACC,eACA,mBAGC,8EACC,YACA,eACA,kBACA,MAvDQ,MAwDR,OAxDQ,MAyDR,QAxDO,KAyDP,MACA,OACA,WAEA,yFACC,4BACA,6BACA,wBACA,SACA,mCACA,4BACA,2BAKA,wGACC,QA1EK,KA2EL,UACA,UACA,YAKH,uEACC,WACA,SACA,MACA,YAEA,YACA,gBAEA,kBAGD,iEACC,YACA,mCAIA,gBAKA,0BAEA,2EACC,aACA,YACA,iBACA,kBACA,iBACA,UAEA,0FACC,qBACA,kBACA,gBACA,uBACA,mBAED,kFACC,WACA,OACA,eAED,iFACC,WACA,OACA,eAID,sFACC,aAIF,8EACC,eACA,iBACA,aACA,mBACA,kBACA,QAEA,sFACC,QApJK,KAqJL,WACA,YACA,aACA,mBACA,uBAGA,wGACC,aAQH,2GACC,yBAEA,6HACC,YACA,kBAIF,6GACC,yBAGD,6GACC,yBAIF,gEACC,iBACA,mCAEA,+EACC,WACA,cACA,YAMH,kHAEC,aAGD,sIAEC,kBACA,SACA,UACA,aACA,WACA,YACA,WACA,yBAEA,kJACC,WACA,YACA,oBACA,QAxNO,KAyNP,kKACC,SACA,MA3NM,KA4NN,OA5NM,KAkOT,+DACC,OACA,YACA,aAGA,yFACC,gBACA,uBAMJ,+FACC,cAID,+CACC,aAEA,qEACC,qBACA,cAEA,aAEA,wEACC,iBAEA,iKAEC,aAGD,8EACI,cAQR,aACC,+BACA,YACA,SACA,aACA,WACA,YACA,2CACA,8DACA,YAEA,uEAGC,UAGD,oEAEC,2DASF,cACC,eACA,MAOC,uGACC,gBAID,4EACC,WAKF,0BACC,kBACA,QACA,MAKF,gBACC,aAGD,8BACC,gBACA,sBACA,kBACA,kBACA,aACA,eACA,mBAEA,iCACC,WACA,eAGD,6DACC,aACA,YACA","file":"files.css"} \ No newline at end of file diff --git a/apps/files/css/merged.css b/apps/files/css/merged.css index 482d60f8691..e61add0a3ab 100644 --- a/apps/files/css/merged.css +++ b/apps/files/css/merged.css @@ -1,1864 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net - * @copyright Copyright (c) 2019, Fabian Dreßler - * - * This file is licensed under the Affero General Public License version 3 or later. - * See the COPYING-README file. - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -/* FILE MENU */ -.actions { - padding: 5px; - height: 100%; - display: inline-block; - float: left; -} - -.actions input, .actions button, .actions .button { - margin: 0; - float: left; -} - -.actions .button a { - color: #555; -} - -.actions .button a:hover, -.actions .button a:focus { - background-color: var(--color-background-hover); -} - -.actions .button a:active { - background-color: var(--color-primary-light); -} - -.actions.creatable { - position: relative; - display: flex; - flex: 1 1; -} -.actions.creatable .button:not(:last-child) { - margin-right: 3px; -} - -.actions.hidden { - display: none; -} - -#trash { - margin-right: 8px; - float: right; - z-index: 1010; - padding: 10px; - font-weight: normal; -} - -.newFileMenu .error, -.newFileMenu .error + .icon-confirm, -.files-fileList .error { - color: var(--color-error); - border-color: var(--color-error); -} - -/* FILE TABLE */ -.files-filestable { - position: relative; - width: 100%; - min-width: 250px; - display: block; - flex-direction: column; - /** - * This is a dirty hack as the sticky header requires us to use a different display type on the table element - */ -} -.emptycontent:not(.hidden) ~ .files-filestable { - display: none; -} -.files-filestable thead { - position: -webkit-sticky; - position: sticky; - top: 44px; - z-index: 60; - display: block; - background-color: var(--color-main-background-translucent); -} -.files-filestable tbody { - display: table; - width: 100%; -} -.files-filestable tbody tr[data-permissions="0"], -.files-filestable tbody tr[data-permissions="16"] { - background-color: var(--color-background-dark); -} -.files-filestable tbody tr[data-permissions="0"] td.filename .nametext .innernametext, -.files-filestable tbody tr[data-permissions="16"] td.filename .nametext .innernametext { - color: var(--color-text-maxcontrast); -} -.files-filestable tbody tr[data-e2eencrypted=true] { - pointer-events: none; -} - -.files-filestable.hidden { - display: none; -} - -/* fit app list view heights */ -.app-files #app-content > .viewcontainer { - min-height: 0%; - width: 100%; -} - -.app-files #app-content { - width: calc(100% - 300px); -} - -.file-drag, .file-drag .files-filestable tbody tr, .file-drag .files-filestable tbody tr:hover { - background-color: var(--color-primary-light) !important; -} - -.app-files #app-content.dir-drop { - background-color: var(--color-main-background) !important; -} - -.file-drag .files-filestable tbody tr, .file-drag .files-filestable tbody tr:hover { - background-color: transparent !important; -} - -.app-files #app-content.dir-drop .files-filestable tbody tr.dropping-to-dir { - background-color: var(--color-primary-light) !important; -} - -/* icons for sidebar */ -.nav-icon-files { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-folder-dark); -} - -.nav-icon-recent { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-recent-dark); -} - -.nav-icon-favorites { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-starred-dark); -} - -.nav-icon-sharingin, -.nav-icon-sharingout, -.nav-icon-pendingshares, -.nav-icon-shareoverview { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-share-dark); -} - -.nav-icon-sharinglinks { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-public-dark); -} - -.nav-icon-extstoragemounts { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-external-dark); -} - -.nav-icon-trashbin { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-delete-dark); -} - -.nav-icon-trashbin-starred { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-delete-#ff0000); -} - -.nav-icon-deletedshares { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-unshare-dark); -} - -.nav-icon-favorites-starred { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-starred-yellow); -} - -#app-navigation .nav-files a.nav-icon-files { - width: auto; -} - -/* button needs overrides due to navigation styles */ -#app-navigation .nav-files a.new { - width: 40px; - height: 32px; - padding: 0 10px; - margin: 0; - cursor: pointer; -} - -#app-navigation .nav-files a.new.hidden { - display: none; -} - -#app-navigation .nav-files a.new.disabled { - opacity: 0.3; -} - -.files-filestable tbody tr { - height: 51px; -} - -.files-filestable tbody tr:hover, -.files-filestable tbody tr:focus, -.files-filestable tbody .name:focus, -.files-filestable tbody tr:hover .filename form, -table tr.mouseOver td { - background-color: var(--color-background-hover); -} - -.files-filestable tbody tr:active, -.files-filestable tbody tr.highlighted, -.files-filestable tbody tr.highlighted .name:focus, -.files-filestable tbody tr.selected, -.files-filestable tbody tr.searchresult { - background-color: var(--color-primary-light); -} - -tbody a { - color: var(--color-main-text); -} - -span.conflict-path, span.extension, span.uploading, td.date { - color: var(--color-text-maxcontrast); -} - -span.conflict-path, span.extension { - -webkit-transition: opacity 300ms; - -moz-transition: opacity 300ms; - -o-transition: opacity 300ms; - transition: opacity 300ms; - vertical-align: top; -} - -tr:hover span.conflict-path, -tr:focus span.conflict-path, -tr:hover span.extension, -tr:focus span.extension { - opacity: 1; - color: var(--color-text-maxcontrast); -} - -table th, table th a { - color: var(--color-text-maxcontrast); -} - -table.multiselect th a { - color: var(--color-main-text); -} - -table th .columntitle { - display: block; - padding: 15px; - height: 50px; - box-sizing: border-box; - -moz-box-sizing: border-box; - vertical-align: middle; -} -table th .columntitle:focus-visible { - border-radius: 2px; -} - -table.multiselect th .columntitle { - display: inline-block; - margin-right: -20px; -} - -table th .columntitle.name { - padding-left: 0; - margin-left: 44px; -} - -table.multiselect th .columntitle.name { - margin-left: 0; -} - -table th .sort-indicator { - width: 10px; - height: 8px; - margin-left: 5px; - display: inline-block; - vertical-align: text-bottom; - opacity: 0.3; -} - -.sort-indicator.hidden, -.multiselect .sort-indicator, -table.multiselect th:hover .sort-indicator.hidden, -table.multiselect th:focus .sort-indicator.hidden { - visibility: hidden; -} - -.multiselect .sort, .multiselect .sort span { - cursor: default; -} - -table th:hover .sort-indicator.hidden, -table th:focus .sort-indicator.hidden { - visibility: visible; -} - -table th, -table td { - border-bottom: 1px solid var(--color-border); - text-align: left; - font-weight: normal; -} - -table td { - padding: 0 15px; - font-style: normal; - background-position: 8px center; - background-repeat: no-repeat; -} - -table th.column-name { - position: relative; - width: 9999px; /* not really sure why this works better than 100% … table styling */ - padding: 0; -} - -.column-name-container { - position: relative; - height: 50px; -} - -table th.column-selection { - padding-top: 2px; -} - -table th.column-size, table td.filesize { - text-align: right; -} - -table th.column-mtime, table td.date, -table th.column-last, table td.column-last { - -moz-box-sizing: border-box; - box-sizing: border-box; - position: relative; - /* this can not be just width, both need to be set … table styling */ - min-width: 130px; -} - -#app-content-recent, -#app-content-favorites, -#app-content-shareoverview, -#app-content-sharingout, -#app-content-sharingin, -#app-content-sharinglinks, -#app-content-deletedshares, -#app-content-pendingshares { - margin-top: 22px; -} -#app-content-recent thead, -#app-content-favorites thead, -#app-content-shareoverview thead, -#app-content-sharingout thead, -#app-content-sharingin thead, -#app-content-sharinglinks thead, -#app-content-deletedshares thead, -#app-content-pendingshares thead { - top: 0; -} - -table.multiselect thead th { - background-color: var(--color-main-background-translucent); - font-weight: bold; -} - -#app-content.with-app-sidebar table.multiselect thead { - margin-right: 27%; -} - -table.multiselect .column-name { - position: relative; - width: 9999px; /* when we use 100%, the styling breaks on mobile … table styling */ -} - -table.multiselect .column-mtime > a { - display: none; -} - -table td.selection, -table th.selection, -table td.fileaction { - width: 32px; - text-align: center; -} - -table td.filename a.name, -table td.filename p.name { - display: flex; - position: relative; /* Firefox needs to explicitly have this default set … */ - -moz-box-sizing: border-box; - box-sizing: border-box; - height: 50px; - line-height: 50px; - padding: 0; -} - -table td.filename .thumbnail-wrapper { - /* we need this to make sure flex is working inside a table cell */ - width: 0; - min-width: 50px; - max-width: 50px; - height: 50px; -} - -table td.filename .thumbnail-wrapper.icon-loading-small:after { - z-index: 10; -} -table td.filename .thumbnail-wrapper.icon-loading-small .thumbnail { - opacity: 0.2; -} - -table td.filename .thumbnail { - display: inline-block; - width: 32px; - height: 32px; - background-size: contain; - background-position: center; - background-repeat: no-repeat; - margin-left: 9px; - margin-top: 9px; - border-radius: var(--border-radius); - cursor: pointer; - position: absolute; - z-index: 4; -} - -table td.filename p.name .thumbnail { - cursor: default; -} - -table tr[data-has-preview=true] .thumbnail { - border: 1px solid var(--color-border); -} - -table:not(.view-grid) td.filename input.filename { - width: 70% !important; - margin-left: 48px !important; - cursor: text; -} - -table td.filename form { - margin-top: -40px; - position: relative; - top: -6px; -} - -table td.filename a, table td.login, table td.logout, table td.download, table td.upload, table td.create, table td.delete { - padding: 3px 8px 8px 3px; -} - -table td.filename .nametext, .modified, .column-last > span:first-child { - float: left; - padding: 15px 0; -} - -.modified, .column-last > span:first-child { - position: relative; - overflow: hidden; - text-overflow: ellipsis; - width: 110px; -} - -/* TODO fix usability bug (accidental file/folder selection) */ -table td.filename { - max-width: 0; -} -table td.filename .nametext { - width: 0; - flex-grow: 1; - display: flex; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - height: 100%; - z-index: 10; - padding: 0 20px 0 0; -} - -.hide-hidden-files .files-filestable .files-fileList tr.hidden-file, -.hide-hidden-files .files-filestable .files-fileList tr.hidden-file.dragging { - display: none; -} - -.files-fileList tr.animate-opacity { - -webkit-transition: opacity 250ms; - -moz-transition: opacity 250ms; - -o-transition: opacity 250ms; - transition: opacity 250ms; -} - -.files-fileList tr.dragging { - opacity: 0.2; -} - -table td.filename .nametext .innernametext { - text-overflow: ellipsis; - overflow: hidden; - position: relative; - vertical-align: top; -} - -/* for smaller resolutions - see mobile.css */ -table td.filename .uploadtext { - position: absolute; - font-weight: normal; - margin-left: 50px; - left: 0; - bottom: 0; - height: 20px; - padding: 0 4px; - padding-left: 1px; - font-size: 11px; - line-height: 22px; - color: var(--color-text-maxcontrast); - text-overflow: ellipsis; - white-space: nowrap; -} - -table td.selection { - padding: 0; -} - -/* File checkboxes */ -.files-fileList tr td.selection > .selectCheckBox + label:before { - opacity: 0.3; - margin-right: 0; -} - -/* Show checkbox with full opacity when hovering, checked, or selected */ -.files-fileList tr:hover td.selection > .selectCheckBox + label:before, -.files-fileList tr:focus td.selection > .selectCheckBox + label:before, -.files-fileList tr td.selection > .selectCheckBox:checked + label:before, -.files-fileList tr.selected td.selection > .selectCheckBox + label:before { - opacity: 1; -} - -/* Show checkbox with half opacity when selecting range */ -.files-fileList tr.halfselected td.selection > .selectCheckBox + label:before { - opacity: 0.5; -} - -/* Use label to have bigger clickable size for checkbox */ -.files-fileList tr td.selection > .selectCheckBox + label, -.select-all + label { - padding: 16px; -} -.files-fileList tr td.selection > .selectCheckBox:focus-visible + label, -.select-all:focus-visible + label { - background-color: var(--color-background-hover); - border-radius: var(--border-radius-pill); - outline: none !important; - border: 2px solid var(--color-primary) !important; - padding: 14px; -} - -.files-fileList tr td.selection > .selectCheckBox:focus-visible + label, -.select-all:focus-visible + label { - outline-offset: 0px; -} - -.files-fileList tr td.filename { - position: relative; - width: 100%; - padding-left: 0; - padding-right: 0; - -webkit-transition: background-image 500ms; - -moz-transition: background-image 500ms; - -o-transition: background-image 500ms; - transition: background-image 500ms; -} - -.files-fileList tr td.filename a.name label, -.files-fileList tr td.filename p.name label { - position: absolute; - width: 80%; - height: 50px; -} - -.files-fileList tr td.filename .favorite { - display: inline-block; - float: left; -} - -.files-fileList tr td.filename .favorite-mark { - position: absolute; - display: block; - top: -6px; - right: -6px; - line-height: 100%; - text-align: center; -} - -#uploadsize-message, #delete-confirm { - display: none; -} - -/* File actions */ -.fileactions { - z-index: 50; -} - -.busy .fileactions, .busy .action { - visibility: hidden; -} - -/* fix position of bubble pointer for Files app */ -.bubble, -#app-navigation .app-navigation-entry-menu { - min-width: 100px; -} - -/* force show the loading icon, not only on hover */ -.files-fileList .icon-loading-small { - opacity: 1 !important; - display: inline !important; -} - -.files-fileList .action.action-share-notification span, .files-fileList a.name { - cursor: default !important; -} - -/* - * Make the disabled link look not like a link in file list rows - */ -.files-fileList a.name.disabled * { - cursor: default; -} -.files-fileList a.name.disabled a, .files-fileList a.name.disabled a * { - cursor: pointer; -} -.files-fileList a.name.disabled:focus { - background: none; -} - -a.action > img { - height: 16px; - width: 16px; - vertical-align: text-bottom; -} - -a.action.action-editlocally img.icon { - filter: var(--background-invert-if-dark); -} - -/* Actions for selected files */ -.selectedActions { - position: relative; - display: inline-block; - vertical-align: middle; -} - -.selectedActions.hidden { - display: none; -} - -.selectedActions a { - display: inline; - line-height: 50px; - padding: 16px 5px; -} - -.selectedActions a.hidden { - display: none; -} - -.selectedActions a img { - position: relative; - vertical-align: text-bottom; - margin-bottom: -1px; -} - -.selectedActions .actions-selected .icon-more { - margin-top: -3px; -} - -.files-fileList td a a.action { - display: inline; - padding: 17px 8px; - line-height: 50px; - opacity: 0.3; -} -.files-fileList td a a.action.action-share { - padding: 17px 14px; -} -.files-fileList td a a.action.action-share.permanent:not(.shared-style) .icon-shared + span { - /* hide text of the share action */ - /* .hidden-visually for accessbility */ - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; -} -.files-fileList td a a.action.action-share .avatar { - display: inline-block; - vertical-align: middle; -} -.files-fileList td a a.action.action-menu { - padding-top: 17px; - padding-bottom: 17px; - padding-left: 14px; - padding-right: 14px; -} -.files-fileList td a a.action.no-permission:hover, .files-fileList td a a.action.no-permission:focus { - opacity: 0.3; -} -.files-fileList td a a.action.disabled:hover, .files-fileList td a a.action.disabled:focus, -.files-fileList td a a.action.disabled img { - opacity: 0.3; -} -.files-fileList td a a.action.disabled.action-download { - opacity: 0.7; -} -.files-fileList td a a.action.disabled.action-download:hover, .files-fileList td a a.action.disabled.action-download:focus { - opacity: 0.7; -} -.files-fileList td a a.action:hover, .files-fileList td a a.action:focus { - opacity: 1; -} -.files-fileList td a a.action:focus { - background-color: var(--color-background-hover); - border-radius: var(--border-radius-pill); -} -.files-fileList td a .fileActionsMenu a.action, .files-fileList td a a.action.action-share.shared-style { - opacity: 0.7; -} -.files-fileList td a .fileActionsMenu .action.permanent { - opacity: 1; -} - -.files-fileList .action.action-share.permanent.shared-style span:not(.icon) { - display: inline-block; - max-width: 70px; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: middle; - margin-left: 6px; -} - -.files-fileList .remoteAddress .userDomain { - margin-left: 0 !important; -} - -.files-fileList .favorite-mark.permanent { - opacity: 1; -} - -.files-fileList .fileActionsMenu a.action:hover, -.files-fileList .fileActionsMenu a.action:focus, -.files-fileList a.action.action-share.shared-style:hover, -.files-fileList a.action.action-share.shared-style:focus { - opacity: 1; -} - -.files-fileList tr a.action.disabled { - background: none; -} - -.selectedActions a.download.disabled, -.files-fileList tr a.action.action-download.disabled { - color: #000000; -} - -.files-fileList tr:hover a.action.disabled:hover * { - cursor: default; -} - -.summary { - color: var(--color-text-maxcontrast); - /* add whitespace to bottom of files list to correctly show dropdowns */ - height: 330px; -} - -.files-filestable .summary .filesummary { - width: 100%; - /* Width of checkbox and file preview */ - padding-left: 101px; -} - -/* Less whitespace needed on link share page - * as there is a footer and action menus have fewer entries. - */ -#body-public .summary { - height: 180px; -} - -.summary:hover, -.summary:focus, -.summary, -table tr.summary td { - background-color: transparent; -} - -.summary td { - border-bottom: none; - vertical-align: top; - padding-top: 20px; -} - -.summary td:first-child { - padding: 0; -} - -.hiddeninfo { - white-space: pre-line; -} - -table.dragshadow { - width: auto; - z-index: 2000; -} - -table.dragshadow td.filename { - padding-left: 60px; - padding-right: 16px; - height: 36px; - /* Override "max-width: 0" to prevent file name and size from overlapping */ - max-width: unset; -} - -table.dragshadow td.size { - padding-right: 8px; -} - -.mask { - z-index: 50; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: var(--color-main-background); - background-repeat: no-repeat no-repeat; - background-position: 50%; - opacity: 0.7; - transition: opacity 100ms; - -moz-transition: opacity 100ms; - -o-transition: opacity 100ms; - -ms-transition: opacity 100ms; - -webkit-transition: opacity 100ms; -} - -.mask.transparent { - opacity: 0; -} - -.newFileMenu { - font-weight: 300; - top: 100%; - left: -48px !important; - margin-top: 4px; - min-width: 100px; - z-index: 1001; - /* Center triangle */ -} -.newFileMenu::after { - left: 61px !important; -} - -.files-controls { - box-sizing: border-box; - position: -webkit-sticky; - position: sticky; - height: 54px; - padding: 0; - margin: 0; - background-color: var(--color-main-background-translucent); - z-index: 62; /* must be above the filelist sticky header and texteditor menubar */ - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: flex; - top: 0; - padding-top: 3px; -} -.files-controls .actions > div > .button, .files-controls .actions > div button, .files-controls .actions > .button, .files-controls .actions button { - box-sizing: border-box; - display: inline-block; - display: flex; - height: 44px; - width: 44px; - padding: 9px; - align-items: center; - justify-content: center; -} -.files-controls .actions > div .button.hidden, .files-controls .actions .button.hidden { - display: none; -} - -/* position controls for apps with app-navigation */ -.viewer-mode #app-navigation + #app-content .files-controls { - left: 0; -} - -.files-filestable .filename .action .icon, -.files-filestable .selectedActions a .icon, -.files-filestable .filename .favorite-mark .icon, -.files-controls .actions .button .icon { - display: inline-block; - vertical-align: middle; - background-size: 16px 16px; -} - -.files-filestable .filename .favorite-mark .icon-star { - background-image: none; -} -.files-filestable .filename .favorite-mark .icon-starred { - background-image: var(--icon-starred-yellow) !important; -} - -.files-filestable .filename .action .icon.hidden, -.files-filestable .selectedActions a .icon.hidden, -.files-controls .actions .button .icon.hidden { - display: none; -} - -.files-filestable .filename .action .icon.loading, -.files-filestable .selectedActions a .icon.loading, -.files-controls .actions .button .icon.loading { - width: 15px; - height: 15px; -} - -.app-files .actions .button.new { - position: relative; -} - -.breadcrumb { - align-items: center; -} -.breadcrumb .icon-home { - border-radius: var(--border-radius); -} - -.breadcrumb .canDrop > a, -.files-filestable tbody tr.canDrop { - background-color: rgba(0, 130, 201, 0.3); -} - -.dropzone-background { - background-color: rgba(0, 130, 201, 0.3); -} -.dropzone-background :hover { - box-shadow: none !important; -} - -.notCreatable { - margin-left: 12px; - margin-right: 44px; - margin-top: 12px; - color: var(--color-main-text); - overflow: auto; - min-width: 160px; - height: 54px; -} -.notCreatable:not(.hidden) { - display: flex; -} -.notCreatable .icon-alert-outline { - top: -15px; - position: relative; - margin-right: 4px; -} - -.quota-navigation-item { - margin: 0 !important; - border: none; - border-radius: 0; - background-color: transparent; - z-index: 1; - height: 44px; - display: flex !important; - flex-direction: column; -} -.quota-navigation-item__text { - height: 30px; -} -.quota-navigation-item[href="#"], .quota-navigation-item[href="#"] * { - cursor: default !important; -} -.quota-navigation-item__container { - height: 5px; - border-radius: var(--border-radius); -} - -/* GRID */ -.files-filestable.view-grid:not(.hidden) { - /* HEADER and MULTISELECT */ - /* MAIN FILE LIST */ - /* Center align the footer file number & size summary */ -} -.files-filestable.view-grid:not(.hidden) thead tr { - display: block; - border-bottom: 1px solid var(--color-border); - background-color: var(--color-main-background-translucent); -} -.files-filestable.view-grid:not(.hidden) thead tr th { - width: auto; - border: none; -} -.files-filestable.view-grid:not(.hidden) tbody { - display: grid; - grid-template-columns: repeat(auto-fill, 160px); - justify-content: space-around; - row-gap: 15px; - margin: 15px 0; -} -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) { - display: block; - position: relative; - height: 190px; - border-radius: var(--border-radius); -} -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted { - background-color: transparent; -} -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .fileactions, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .fileactions, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .fileactions, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .fileactions, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .fileactions, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .fileactions, .files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .thumbnail-wrapper, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .nametext, -.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .fileactions { - background-color: var(--color-background-hover); -} -.files-filestable.view-grid:not(.hidden) tbody td { - display: inline; - border-bottom: none; - /* No space for filesize and date in grid view */ - /* Position actions menu below file */ -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper { - min-width: 0; - max-width: none; - position: absolute; - width: 160px; - height: 160px; - padding: 14px; - top: 0; - left: 0; - z-index: -1; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper .thumbnail { - width: calc(100% - 2 * 14px); - height: calc(100% - 2 * 14px); - background-size: contain; - margin: 0; - border-radius: var(--border-radius); - background-repeat: no-repeat; - background-position: center; - /* Position favorite star related to checkbox to left and 3-dot menu below - * Position is inherited from the selection while in grid view - */ -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper .thumbnail .favorite-mark { - padding: 14px; - left: auto; - top: -22px; - right: -22px; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .uploadtext { - width: 100%; - margin: 0; - top: 0; - bottom: auto; - height: 28px; - padding-top: 4px; - padding-left: 28px; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name { - height: 100%; - border-radius: var(--border-radius); - overflow: hidden; - cursor: pointer !important; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext { - display: flex; - height: 44px; - margin-top: 146px; - text-align: center; - line-height: 44px; - padding: 0; - /* No space for extension in grid view */ -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .innernametext { - display: inline-block; - text-align: center; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext:before { - content: ""; - flex: 1; - min-width: 14px; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext:after { - content: ""; - flex: 1; - min-width: 44px; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .extension { - display: none; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions { - height: initial; - margin-top: 146px; - display: flex; - align-items: center; - position: absolute; - right: 0; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions .action { - padding: 14px; - width: 44px; - height: 44px; - display: flex; - align-items: center; - justify-content: center; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions .action:not(.action-menu) { - display: none; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-share-container.hidden { - display: block !important; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-share-container.hidden .action-share img { - padding: 6px; - border-radius: 50%; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-restore-container.hidden { - display: block !important; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-comment-container.hidden { - display: block !important; -} -.files-filestable.view-grid:not(.hidden) tbody td.filename form { - padding: 3px 14px; - border-radius: var(--border-radius); -} -.files-filestable.view-grid:not(.hidden) tbody td.filename form input.filename { - width: 100%; - margin-left: 0; - cursor: text; -} -.files-filestable.view-grid:not(.hidden) tbody td.filesize, .files-filestable.view-grid:not(.hidden) tbody td.date { - display: none; -} -.files-filestable.view-grid:not(.hidden) tbody td.selection, .files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark { - position: absolute; - top: -8px; - left: -8px; - display: flex; - width: 44px; - height: 44px; - z-index: 10; - background: transparent; -} -.files-filestable.view-grid:not(.hidden) tbody td.selection label, .files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark label { - width: 44px; - height: 44px; - display: inline-flex; - padding: 14px; -} -.files-filestable.view-grid:not(.hidden) tbody td.selection label::before, .files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark label::before { - margin: 0; - width: 14px; - height: 14px; -} -.files-filestable.view-grid:not(.hidden) tbody td .popovermenu { - left: 0; - width: 150px; - margin: 0 5px; - /* Ellipsize long entries, normally menu width is adjusted but for grid we use fixed width. */ -} -.files-filestable.view-grid:not(.hidden) tbody td .popovermenu .menuitem span:not(.icon) { - overflow: hidden; - text-overflow: ellipsis; -} -.files-filestable.view-grid:not(.hidden) tr.hidden-file td.filename .name .nametext .extension { - display: block; -} -.files-filestable.view-grid:not(.hidden) tfoot { - display: grid; -} -.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) { - display: inline-block; - margin: 0 auto; - height: 418px; -} -.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td { - padding-top: 50px; -} -.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td:first-child, .files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td.date { - display: none; -} -.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td .info { - margin-left: 0; -} - -/* Grid view toggle */ -#view-toggle { - background-color: transparent; - border: none; - margin: 0; - padding: 22px; - opacity: 0.5; - float: right; - right: calc(var(--default-grid-baseline) * 4); - top: calc(var(--header-height) + var(--default-grid-baseline)); - z-index: 100; -} -#view-toggle:hover, #view-toggle:focus, #showgridview:focus + #view-toggle { - opacity: 1; -} -#view-toggle:focus-visible, #showgridview:focus-visible + #view-toggle { - box-shadow: inset 0 0 0 2px var(--color-primary) !important; -} - -/** - * Make sure the hidden input is always - * on the visible scrolled area of the - * page to avoid scrolling to top when focusing - */ -#showgridview { - position: fixed; - top: 0; -} - -/* Adjustments for link share page */ -#body-public { - /* Right-align view toggle on link share page */ -} -#body-public .files-filestable.view-grid:not(.hidden) tbody td { - /* More space for filename since there is no share icon */ - /* Position actions menu correctly below 3-dot-menu */ -} -#body-public .files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .innernametext { - max-width: 124px; -} -#body-public .files-filestable.view-grid:not(.hidden) tbody td .popovermenu { - left: -80px; -} -#body-public #view-toggle { - position: absolute; - right: 0; - top: 0; -} - -/* Hide legacy Gallery toggle */ -#gallery-button { - display: none; -} - -#tag_multiple_files_container { - overflow: hidden; - background-color: #fff; - border-radius: 3px; - position: relative; - display: flex; - flex-wrap: wrap; - margin-bottom: 10px; -} -#tag_multiple_files_container h3 { - width: 100%; - padding: 0 18px; -} -#tag_multiple_files_container .systemTagsInputFieldContainer { - flex: 1 1 80%; - min-width: 0; - margin: 0 12px; -} - -#upload { - box-sizing: border-box; - height: 36px; - width: 39px; - padding: 0 !important; /* override default control bar button padding */ - margin-left: 3px; - overflow: hidden; - vertical-align: top; - position: relative; - z-index: -20; -} - -#upload .icon-upload { - position: relative; - display: block; - width: 100%; - height: 44px; - width: 44px; - margin: -5px -3px; - cursor: pointer; - z-index: 10; - opacity: 0.65; -} - -.file_upload_target { - display: none; -} - -.file_upload_form { - display: inline; - float: left; - margin: 0; - padding: 0; - cursor: pointer; - overflow: visible; -} - -.uploadprogresswrapper, .uploadprogresswrapper * { - box-sizing: border-box; -} - -.uploadprogresswrapper { - display: inline-block; - vertical-align: top; - height: 36px; - margin-left: 3px; -} - -.uploadprogresswrapper > input[type=button] { - height: 36px; - margin-left: 3px; -} - -#uploadprogressbar { - border-color: var(--color-border-dark); - border-radius: var(--border-radius-pill) 0 0 var(--border-radius-pill); - border-right: 0; - position: relative; - float: left; - width: 200px; - height: 44px; - display: inline-block; - text-align: center; -} -#uploadprogressbar .ui-progressbar-value { - margin-top: 0.1em; -} - -#uploadprogressbar .ui-progressbar-value.ui-widget-header.ui-corner-left { - height: calc(100% + 2px); - top: -1px; - left: -1px; - position: absolute; - overflow: hidden; - background-color: var(--color-primary); -} - -#uploadprogressbar .label { - top: 8px; - opacity: 1; - overflow: hidden; - white-space: nowrap; - font-weight: normal; -} - -#uploadprogressbar .label.inner { - color: var(--color-primary-text); - position: absolute; - display: block; - width: 200px; -} - -#uploadprogressbar .label.outer { - position: relative; - color: var(--color-main-text); -} - -#uploadprogressbar .desktop { - display: block; -} - -#uploadprogressbar .mobile { - display: none; -} - -#uploadprogressbar + .stop { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.oc-dialog .fileexists { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin-bottom: 30px; -} - -.oc-dialog .fileexists .conflict .filename, -.oc-dialog .fileexists .conflict .mtime, -.oc-dialog .fileexists .conflict .size { - -webkit-touch-callout: initial; - -webkit-user-select: initial; - -khtml-user-select: initial; - -moz-user-select: initial; - -ms-user-select: initial; - user-select: initial; -} - -.oc-dialog .fileexists .conflict .message { - color: #e9322d; -} - -.oc-dialog .fileexists table { - width: 100%; -} - -.oc-dialog .fileexists th { - padding-left: 0; - padding-right: 0; -} - -.oc-dialog .fileexists th input[type=checkbox] { - margin-right: 3px; -} - -.oc-dialog .fileexists th:first-child { - width: 225px; -} - -.oc-dialog .fileexists th label { - font-weight: normal; - color: var(--color-main-text); -} - -.oc-dialog .fileexists th .count { - margin-left: 3px; -} - -.oc-dialog .fileexists .conflicts .template { - display: none; -} - -.oc-dialog .fileexists .conflict { - width: 100%; - height: 85px; -} - -.oc-dialog .fileexists .conflict .filename { - color: #777; - word-break: break-all; - clear: left; -} - -.oc-dialog .fileexists .icon { - width: 64px; - height: 64px; - margin: 0px 5px 5px 5px; - background-repeat: no-repeat; - background-size: 64px 64px; - float: left; -} - -.oc-dialog .fileexists .original, -.oc-dialog .fileexists .replacement { - float: left; - width: 50%; -} - -.oc-dialog .fileexists .conflicts { - overflow-y: auto; - max-height: 225px; -} - -.oc-dialog .fileexists .conflict input[type=checkbox] { - float: left; -} - -.oc-dialog .fileexists #allfileslabel { - float: right; -} - -.oc-dialog .fileexists #allfiles { - vertical-align: bottom; - position: relative; - top: -3px; -} - -.oc-dialog .fileexists #allfiles + span { - vertical-align: bottom; -} - -.oc-dialog .oc-dialog-buttonrow { - width: 100%; - text-align: right; -} -.oc-dialog .oc-dialog-buttonrow .cancel { - float: left; -} - -.highlightUploaded { - -webkit-animation: highlightAnimation 2s 1; - -moz-animation: highlightAnimation 2s 1; - -o-animation: highlightAnimation 2s 1; - animation: highlightAnimation 2s 1; -} - -@-webkit-keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} -@-moz-keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} -@-o-keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} -@keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/* 938 = table min-width(688) + app-navigation width: 250\ - $breakpoint-mobile +1 = size where app-navigation is hidden +1 - 688 = table min-width */ -@media only screen and (max-width: 988px) and (min-width: 1025px), only screen and (max-width: 688px) { - .app-files #app-content.dir-drop { - background-color: rgb(255, 255, 255) !important; - } - table th.column-size, - table td.filesize, - table th.column-mtime, - table td.date { - display: none; - } - /* remove padding to let border bottom fill the whole width*/ - table td { - padding: 0; - } - /* remove shift for multiselect bar to account for missing navigation */ - table.multiselect thead { - padding-left: 0; - } - .fileList a.action.action-menu img { - padding-left: 0; - } - .fileList .fileActionsMenu { - margin-right: 6px; - } - /* hide text of the share action on mobile */ - /* .hidden-visually for accessbility */ - .fileList a.action-share span:not(.icon):not(.avatar) { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - } - /* shorten elements for mobile */ - #uploadprogressbar, #uploadprogressbar .label.inner { - width: 50px; - } - /* hide desktop-only parts */ - #uploadprogressbar .desktop { - display: none !important; - } - #uploadprogressbar .mobile { - display: block !important; - } - /* ensure that it is visible over #app-content */ - table.dragshadow { - z-index: 1000; - } -} -@media only screen and (max-width: 480px) { - /* Only show icons */ - table th .selectedActions { - float: right; - } - table th .selectedActions > a span:not(.icon) { - display: none; - } - /* Increase touch area for the icons */ - table th .selectedActions a { - padding: 17px 14px; - } - /* Remove the margin to reduce the overlap between the name and the icons */ - table.multiselect th .columntitle.name { - margin-left: 0; - } -} -.app-sidebar .detailFileInfoContainer { - min-height: 50px; - padding: 15px; -} - -.app-sidebar .detailFileInfoContainer > div { - clear: both; -} - -.app-sidebar .mainFileInfoView .icon { - display: inline-block; - background-size: 16px 16px; -} - -.app-sidebar .mainFileInfoView .permalink { - padding: 6px 10px; - vertical-align: top; - opacity: 0.6; -} -.app-sidebar .mainFileInfoView .permalink:hover, .app-sidebar .mainFileInfoView .permalink:focus { - opacity: 1; -} - -.app-sidebar .mainFileInfoView .permalink-field > input { - clear: both; - width: 90%; -} - -.app-sidebar .thumbnailContainer.large { - margin-left: -15px; - margin-right: -35px; /* 15 + 20 for the close button */ - margin-top: -15px; -} - -.app-sidebar .thumbnailContainer.large.portrait { - margin: 0; /* if we don't fit the image anyway we give it back the margin */ -} - -.app-sidebar .large .thumbnail { - width: 100%; - display: block; - background-repeat: no-repeat; - background-position: center; - background-size: 100%; - float: none; - margin: 0; - height: auto; -} - -.app-sidebar .large .thumbnail .stretcher { - content: ""; - display: block; - padding-bottom: 56.25%; /* sets height of .thumbnail to 9/16 of the width */ -} - -.app-sidebar .large.portrait .thumbnail { - background-position: 50% top; -} - -.app-sidebar .large.portrait .thumbnail { - background-size: contain; -} - -.app-sidebar .large.text { - overflow-y: scroll; - overflow-x: hidden; - padding-top: 14px; - font-size: 80%; - margin-left: 0; -} - -.app-sidebar .thumbnail { - width: 100%; - min-height: 75px; - display: inline-block; - float: left; - margin-right: 10px; - background-size: contain; - background-repeat: no-repeat; -} - -.app-sidebar .ellipsis { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} - -.app-sidebar .fileName { - font-size: 16px; - padding-top: 13px; - padding-bottom: 3px; -} - -.app-sidebar .fileName h3 { - width: calc(100% - 42px); /* 36px is the with of the copy link icon, but this breaks so we add some more to be sure */ - display: inline-block; - padding: 5px 0; - margin: -5px 0; -} - -.app-sidebar .file-details { - color: var(--color-text-maxcontrast); -} - -.app-sidebar .action-favorite { - vertical-align: sub; - padding: 10px; - margin: -10px; -} - -.app-sidebar .action-favorite > span { - opacity: 0.7 !important; -} - -.app-sidebar .detailList { - float: left; -} - -.app-sidebar .close { - position: absolute; - top: 0; - right: 0; - opacity: 0.5; - z-index: 1; - width: 44px; - height: 44px; -} - -/** - * @copyright Copyright (c) 2018, Arthur Schiwon - * - * @license GNU AGPL version 3 or any later version - * - */ -.whatsNewPopover { - bottom: 35px !important; - left: 15px !important; - width: 270px; - z-index: 700; -} - -.whatsNewPopover p { - width: auto !important; -} - -.whatsNewPopover .caption { - font-weight: bold; - cursor: auto !important; -} - -.whatsNewPopover .icon-close { - position: absolute; - right: 0; -} - -.whatsNewPopover::after { - content: none; -} - -/*# sourceMappingURL=merged.css.map */ +.actions{padding:5px;height:100%;display:inline-block;float:left}.actions input,.actions button,.actions .button{margin:0;float:left}.actions .button a{color:#555}.actions .button a:hover,.actions .button a:focus{background-color:var(--color-background-hover)}.actions .button a:active{background-color:var(--color-primary-light)}.actions.creatable{position:relative;display:flex;flex:1 1}.actions.creatable .button:not(:last-child){margin-right:3px}.actions.hidden{display:none}#trash{margin-right:8px;float:right;z-index:1010;padding:10px;font-weight:normal}.newFileMenu .error,.newFileMenu .error+.icon-confirm,.files-fileList .error{color:var(--color-error);border-color:var(--color-error)}.files-filestable{position:relative;width:100%;min-width:250px;display:block;flex-direction:column}.emptycontent:not(.hidden)~.files-filestable{display:none}.files-filestable thead{position:-webkit-sticky;position:sticky;top:44px;z-index:60;display:block;background-color:var(--color-main-background-translucent)}.files-filestable tbody{display:table;width:100%}.files-filestable tbody tr[data-permissions="0"],.files-filestable tbody tr[data-permissions="16"]{background-color:var(--color-background-dark)}.files-filestable tbody tr[data-permissions="0"] td.filename .nametext .innernametext,.files-filestable tbody tr[data-permissions="16"] td.filename .nametext .innernametext{color:var(--color-text-maxcontrast)}.files-filestable tbody tr[data-e2eencrypted=true]{pointer-events:none}.files-filestable.hidden{display:none}.app-files #app-content>.viewcontainer{min-height:0%;width:100%}.app-files #app-content{width:calc(100% - 300px)}.file-drag,.file-drag .files-filestable tbody tr,.file-drag .files-filestable tbody tr:hover{background-color:var(--color-primary-light) !important}.app-files #app-content.dir-drop{background-color:var(--color-main-background) !important}.file-drag .files-filestable tbody tr,.file-drag .files-filestable tbody tr:hover{background-color:rgba(0,0,0,0) !important}.app-files #app-content.dir-drop .files-filestable tbody tr.dropping-to-dir{background-color:var(--color-primary-light) !important}.nav-icon-files{background-image:var(--icon-folder-dark)}.nav-icon-recent{background-image:var(--icon-recent-dark)}.nav-icon-favorites{background-image:var(--icon-starred-dark)}.nav-icon-sharingin,.nav-icon-sharingout,.nav-icon-pendingshares,.nav-icon-shareoverview{background-image:var(--icon-share-dark)}.nav-icon-sharinglinks{background-image:var(--icon-public-dark)}.nav-icon-extstoragemounts{background-image:var(--icon-external-dark)}.nav-icon-trashbin{background-image:var(--icon-delete-dark)}.nav-icon-trashbin-starred{background-image:var(--icon-delete-#ff0000)}.nav-icon-deletedshares{background-image:var(--icon-unshare-dark)}.nav-icon-favorites-starred{background-image:var(--icon-starred-yellow)}#app-navigation .nav-files a.nav-icon-files{width:auto}#app-navigation .nav-files a.new{width:40px;height:32px;padding:0 10px;margin:0;cursor:pointer}#app-navigation .nav-files a.new.hidden{display:none}#app-navigation .nav-files a.new.disabled{opacity:.3}.files-filestable tbody tr{height:51px}.files-filestable tbody tr:hover,.files-filestable tbody tr:focus,.files-filestable tbody .name:focus,.files-filestable tbody tr:hover .filename form,table tr.mouseOver td{background-color:var(--color-background-hover)}.files-filestable tbody tr:active,.files-filestable tbody tr.highlighted,.files-filestable tbody tr.highlighted .name:focus,.files-filestable tbody tr.selected,.files-filestable tbody tr.searchresult{background-color:var(--color-primary-light)}tbody a{color:var(--color-main-text)}span.conflict-path,span.extension,span.uploading,td.date{color:var(--color-text-maxcontrast)}span.conflict-path,span.extension{-webkit-transition:opacity 300ms;-moz-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms;vertical-align:top}tr:hover span.conflict-path,tr:focus span.conflict-path,tr:hover span.extension,tr:focus span.extension{opacity:1;color:var(--color-text-maxcontrast)}table th,table th a{color:var(--color-text-maxcontrast)}table.multiselect th a{color:var(--color-main-text)}table th .columntitle{display:block;padding:15px;height:50px;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle}table th .columntitle:focus-visible{border-radius:2px}table.multiselect th .columntitle{display:inline-block;margin-right:-20px}table th .columntitle.name{padding-left:0;margin-left:44px}table.multiselect th .columntitle.name{margin-left:0}table th .sort-indicator{width:10px;height:8px;margin-left:5px;display:inline-block;vertical-align:text-bottom;opacity:.3}.sort-indicator.hidden,.multiselect .sort-indicator,table.multiselect th:hover .sort-indicator.hidden,table.multiselect th:focus .sort-indicator.hidden{visibility:hidden}.multiselect .sort,.multiselect .sort span{cursor:default}table th:hover .sort-indicator.hidden,table th:focus .sort-indicator.hidden{visibility:visible}table th,table td{border-bottom:1px solid var(--color-border);text-align:left;font-weight:normal}table td{padding:0 15px;font-style:normal;background-position:8px center;background-repeat:no-repeat}table th.column-name{position:relative;width:9999px;padding:0}.column-name-container{position:relative;height:50px}table th.column-selection{padding-top:2px}table th.column-size,table td.filesize{text-align:right}table th.column-mtime,table td.date,table th.column-last,table td.column-last{-moz-box-sizing:border-box;box-sizing:border-box;position:relative;min-width:130px}#app-content-recent,#app-content-favorites,#app-content-shareoverview,#app-content-sharingout,#app-content-sharingin,#app-content-sharinglinks,#app-content-deletedshares,#app-content-pendingshares{margin-top:22px}#app-content-recent thead,#app-content-favorites thead,#app-content-shareoverview thead,#app-content-sharingout thead,#app-content-sharingin thead,#app-content-sharinglinks thead,#app-content-deletedshares thead,#app-content-pendingshares thead{top:0}table.multiselect thead th{background-color:var(--color-main-background-translucent);font-weight:bold}#app-content.with-app-sidebar table.multiselect thead{margin-right:27%}table.multiselect .column-name{position:relative;width:9999px}table.multiselect .column-mtime>a{display:none}table td.selection,table th.selection,table td.fileaction{width:32px;text-align:center}table td.filename a.name,table td.filename p.name{display:flex;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;height:50px;line-height:50px;padding:0}table td.filename .thumbnail-wrapper{width:0;min-width:50px;max-width:50px;height:50px}table td.filename .thumbnail-wrapper.icon-loading-small:after{z-index:10}table td.filename .thumbnail-wrapper.icon-loading-small .thumbnail{opacity:.2}table td.filename .thumbnail{display:inline-block;width:32px;height:32px;background-size:contain;background-position:center;background-repeat:no-repeat;margin-left:9px;margin-top:9px;border-radius:var(--border-radius);cursor:pointer;position:absolute;z-index:4}table td.filename p.name .thumbnail{cursor:default}table tr[data-has-preview=true] .thumbnail{border:1px solid var(--color-border)}table:not(.view-grid) td.filename input.filename{width:70% !important;margin-left:48px !important;cursor:text}table td.filename form{margin-top:-40px;position:relative;top:-6px}table td.filename a,table td.login,table td.logout,table td.download,table td.upload,table td.create,table td.delete{padding:3px 8px 8px 3px}table td.filename .nametext,.modified,.column-last>span:first-child{float:left;padding:15px 0}.modified,.column-last>span:first-child{position:relative;overflow:hidden;text-overflow:ellipsis;width:110px}table td.filename{max-width:0}table td.filename .nametext{width:0;flex-grow:1;display:flex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:100%;z-index:10;padding:0 20px 0 0}.hide-hidden-files .files-filestable .files-fileList tr.hidden-file,.hide-hidden-files .files-filestable .files-fileList tr.hidden-file.dragging{display:none}.files-fileList tr.animate-opacity{-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;-o-transition:opacity 250ms;transition:opacity 250ms}.files-fileList tr.dragging{opacity:.2}table td.filename .nametext .innernametext{text-overflow:ellipsis;overflow:hidden;position:relative;vertical-align:top}table td.filename .uploadtext{position:absolute;font-weight:normal;margin-left:50px;left:0;bottom:0;height:20px;padding:0 4px;padding-left:1px;font-size:11px;line-height:22px;color:var(--color-text-maxcontrast);text-overflow:ellipsis;white-space:nowrap}table td.selection{padding:0}.files-fileList tr td.selection>.selectCheckBox+label:before{opacity:.3;margin-right:0}.files-fileList tr:hover td.selection>.selectCheckBox+label:before,.files-fileList tr:focus td.selection>.selectCheckBox+label:before,.files-fileList tr td.selection>.selectCheckBox:checked+label:before,.files-fileList tr.selected td.selection>.selectCheckBox+label:before{opacity:1}.files-fileList tr.halfselected td.selection>.selectCheckBox+label:before{opacity:.5}.files-fileList tr td.selection>.selectCheckBox+label,.select-all+label{padding:16px}.files-fileList tr td.selection>.selectCheckBox:focus-visible+label,.select-all:focus-visible+label{background-color:var(--color-background-hover);border-radius:var(--border-radius-pill);outline:none !important;border:2px solid var(--color-primary) !important;padding:14px}.files-fileList tr td.selection>.selectCheckBox:focus-visible+label,.select-all:focus-visible+label{outline-offset:0px}.files-fileList tr td.filename{position:relative;width:100%;padding-left:0;padding-right:0;-webkit-transition:background-image 500ms;-moz-transition:background-image 500ms;-o-transition:background-image 500ms;transition:background-image 500ms}.files-fileList tr td.filename a.name label,.files-fileList tr td.filename p.name label{position:absolute;width:80%;height:50px}.files-fileList tr td.filename .favorite{display:inline-block;float:left}.files-fileList tr td.filename .favorite-mark{position:absolute;display:block;top:-6px;right:-6px;line-height:100%;text-align:center}#uploadsize-message,#delete-confirm{display:none}.fileactions{z-index:50}.busy .fileactions,.busy .action{visibility:hidden}.bubble,#app-navigation .app-navigation-entry-menu{min-width:100px}.files-fileList .icon-loading-small{opacity:1 !important;display:inline !important}.files-fileList .action.action-share-notification span,.files-fileList a.name{cursor:default !important}.files-fileList a.name.disabled *{cursor:default}.files-fileList a.name.disabled a,.files-fileList a.name.disabled a *{cursor:pointer}.files-fileList a.name.disabled:focus{background:none}a.action>img{height:16px;width:16px;vertical-align:text-bottom}a.action.action-editlocally img.icon{filter:var(--background-invert-if-dark)}.selectedActions{position:relative;display:inline-block;vertical-align:middle}.selectedActions.hidden{display:none}.selectedActions a{display:inline;line-height:50px;padding:16px 5px}.selectedActions a.hidden{display:none}.selectedActions a img{position:relative;vertical-align:text-bottom;margin-bottom:-1px}.selectedActions .actions-selected .icon-more{margin-top:-3px}.files-fileList td a a.action{display:inline;padding:17px 8px;line-height:50px;opacity:.3}.files-fileList td a a.action.action-share{padding:17px 14px}.files-fileList td a a.action.action-share.permanent:not(.shared-style) .icon-shared+span{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.files-fileList td a a.action.action-share .avatar{display:inline-block;vertical-align:middle}.files-fileList td a a.action.action-menu{padding-top:17px;padding-bottom:17px;padding-left:14px;padding-right:14px}.files-fileList td a a.action.no-permission:hover,.files-fileList td a a.action.no-permission:focus{opacity:.3}.files-fileList td a a.action.disabled:hover,.files-fileList td a a.action.disabled:focus,.files-fileList td a a.action.disabled img{opacity:.3}.files-fileList td a a.action.disabled.action-download{opacity:.7}.files-fileList td a a.action.disabled.action-download:hover,.files-fileList td a a.action.disabled.action-download:focus{opacity:.7}.files-fileList td a a.action:hover,.files-fileList td a a.action:focus{opacity:1}.files-fileList td a a.action:focus{background-color:var(--color-background-hover);border-radius:var(--border-radius-pill)}.files-fileList td a .fileActionsMenu a.action,.files-fileList td a a.action.action-share.shared-style{opacity:.7}.files-fileList td a .fileActionsMenu .action.permanent{opacity:1}.files-fileList .action.action-share.permanent.shared-style span:not(.icon){display:inline-block;max-width:70px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;margin-left:6px}.files-fileList .remoteAddress .userDomain{margin-left:0 !important}.files-fileList .favorite-mark.permanent{opacity:1}.files-fileList .fileActionsMenu a.action:hover,.files-fileList .fileActionsMenu a.action:focus,.files-fileList a.action.action-share.shared-style:hover,.files-fileList a.action.action-share.shared-style:focus{opacity:1}.files-fileList tr a.action.disabled{background:none}.selectedActions a.download.disabled,.files-fileList tr a.action.action-download.disabled{color:#000}.files-fileList tr:hover a.action.disabled:hover *{cursor:default}.summary{color:var(--color-text-maxcontrast);height:330px}.files-filestable .summary .filesummary{width:100%;padding-left:101px}#body-public .summary{height:180px}.summary:hover,.summary:focus,.summary,table tr.summary td{background-color:rgba(0,0,0,0)}.summary td{border-bottom:none;vertical-align:top;padding-top:20px}.summary td:first-child{padding:0}.hiddeninfo{white-space:pre-line}table.dragshadow{width:auto;z-index:2000}table.dragshadow td.filename{padding-left:60px;padding-right:16px;height:36px;max-width:unset}table.dragshadow td.size{padding-right:8px}.mask{z-index:50;position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-main-background);background-repeat:no-repeat no-repeat;background-position:50%;opacity:.7;transition:opacity 100ms;-moz-transition:opacity 100ms;-o-transition:opacity 100ms;-ms-transition:opacity 100ms;-webkit-transition:opacity 100ms}.mask.transparent{opacity:0}.newFileMenu{font-weight:300;top:100%;left:-48px !important;margin-top:4px;min-width:100px;z-index:1001}.newFileMenu::after{left:61px !important}.files-controls{box-sizing:border-box;position:-webkit-sticky;position:sticky;height:54px;padding:0;margin:0;background-color:var(--color-main-background-translucent);z-index:62;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;top:0;padding-top:3px}.files-controls .actions>div>.button,.files-controls .actions>div button,.files-controls .actions>.button,.files-controls .actions button{box-sizing:border-box;display:inline-block;display:flex;height:44px;width:44px;padding:9px;align-items:center;justify-content:center}.files-controls .actions>div .button.hidden,.files-controls .actions .button.hidden{display:none}.viewer-mode #app-navigation+#app-content .files-controls{left:0}.files-filestable .filename .action .icon,.files-filestable .selectedActions a .icon,.files-filestable .filename .favorite-mark .icon,.files-controls .actions .button .icon{display:inline-block;vertical-align:middle;background-size:16px 16px}.files-filestable .filename .favorite-mark .icon-star{background-image:none}.files-filestable .filename .favorite-mark .icon-starred{background-image:var(--icon-starred-yellow) !important}.files-filestable .filename .action .icon.hidden,.files-filestable .selectedActions a .icon.hidden,.files-controls .actions .button .icon.hidden{display:none}.files-filestable .filename .action .icon.loading,.files-filestable .selectedActions a .icon.loading,.files-controls .actions .button .icon.loading{width:15px;height:15px}.app-files .actions .button.new{position:relative}.breadcrumb{align-items:center}.breadcrumb .icon-home{border-radius:var(--border-radius)}.breadcrumb .canDrop>a,.files-filestable tbody tr.canDrop{background-color:rgba(0,130,201,.3)}.dropzone-background{background-color:rgba(0,130,201,.3)}.dropzone-background :hover{box-shadow:none !important}.notCreatable{margin-left:12px;margin-right:44px;margin-top:12px;color:var(--color-main-text);overflow:auto;min-width:160px;height:54px}.notCreatable:not(.hidden){display:flex}.notCreatable .icon-alert-outline{top:-15px;position:relative;margin-right:4px}.quota-navigation-item{margin:0 !important;border:none;border-radius:0;background-color:rgba(0,0,0,0);z-index:1;height:44px;display:flex !important;flex-direction:column}.quota-navigation-item__text{height:30px}.quota-navigation-item[href="#"],.quota-navigation-item[href="#"] *{cursor:default !important}.quota-navigation-item__container{height:5px;border-radius:var(--border-radius)}.files-filestable.view-grid:not(.hidden) thead tr{display:block;border-bottom:1px solid var(--color-border);background-color:var(--color-main-background-translucent)}.files-filestable.view-grid:not(.hidden) thead tr th{width:auto;border:none}.files-filestable.view-grid:not(.hidden) tbody{display:grid;grid-template-columns:repeat(auto-fill, 160px);justify-content:space-around;row-gap:15px;margin:15px 0}.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden){display:block;position:relative;height:190px;border-radius:var(--border-radius)}.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted{background-color:rgba(0,0,0,0)}.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .fileactions,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .thumbnail-wrapper,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .nametext,.files-filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .fileactions{background-color:var(--color-background-hover)}.files-filestable.view-grid:not(.hidden) tbody td{display:inline;border-bottom:none}.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper{min-width:0;max-width:none;position:absolute;width:160px;height:160px;padding:14px;top:0;left:0;z-index:-1}.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper .thumbnail{width:calc(100% - 2 * 14px);height:calc(100% - 2 * 14px);background-size:contain;margin:0;border-radius:var(--border-radius);background-repeat:no-repeat;background-position:center}.files-filestable.view-grid:not(.hidden) tbody td.filename .thumbnail-wrapper .thumbnail .favorite-mark{padding:14px;left:auto;top:-22px;right:-22px}.files-filestable.view-grid:not(.hidden) tbody td.filename .uploadtext{width:100%;margin:0;top:0;bottom:auto;height:28px;padding-top:4px;padding-left:28px}.files-filestable.view-grid:not(.hidden) tbody td.filename .name{height:100%;border-radius:var(--border-radius);overflow:hidden;cursor:pointer !important}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext{display:flex;height:44px;margin-top:146px;text-align:center;line-height:44px;padding:0}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .innernametext{display:inline-block;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext:before{content:"";flex:1;min-width:14px}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext:after{content:"";flex:1;min-width:44px}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .extension{display:none}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions{height:initial;margin-top:146px;display:flex;align-items:center;position:absolute;right:0}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions .action{padding:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.files-filestable.view-grid:not(.hidden) tbody td.filename .name .fileactions .action:not(.action-menu){display:none}.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-share-container.hidden{display:block !important}.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-share-container.hidden .action-share img{padding:6px;border-radius:50%}.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-restore-container.hidden{display:block !important}.files-filestable.view-grid:not(.hidden) tbody td.filename .fileActionsMenu .action-comment-container.hidden{display:block !important}.files-filestable.view-grid:not(.hidden) tbody td.filename form{padding:3px 14px;border-radius:var(--border-radius)}.files-filestable.view-grid:not(.hidden) tbody td.filename form input.filename{width:100%;margin-left:0;cursor:text}.files-filestable.view-grid:not(.hidden) tbody td.filesize,.files-filestable.view-grid:not(.hidden) tbody td.date{display:none}.files-filestable.view-grid:not(.hidden) tbody td.selection,.files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark{position:absolute;top:-8px;left:-8px;display:flex;width:44px;height:44px;z-index:10;background:rgba(0,0,0,0)}.files-filestable.view-grid:not(.hidden) tbody td.selection label,.files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark label{width:44px;height:44px;display:inline-flex;padding:14px}.files-filestable.view-grid:not(.hidden) tbody td.selection label::before,.files-filestable.view-grid:not(.hidden) tbody td.filename .favorite-mark label::before{margin:0;width:14px;height:14px}.files-filestable.view-grid:not(.hidden) tbody td .popovermenu{left:0;width:150px;margin:0 5px}.files-filestable.view-grid:not(.hidden) tbody td .popovermenu .menuitem span:not(.icon){overflow:hidden;text-overflow:ellipsis}.files-filestable.view-grid:not(.hidden) tr.hidden-file td.filename .name .nametext .extension{display:block}.files-filestable.view-grid:not(.hidden) tfoot{display:grid}.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden){display:inline-block;margin:0 auto;height:418px}.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td{padding-top:50px}.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td:first-child,.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td.date{display:none}.files-filestable.view-grid:not(.hidden) tfoot .summary:not(.hidden) td .info{margin-left:0}#view-toggle{background-color:rgba(0,0,0,0);border:none;margin:0;padding:22px;opacity:.5;float:right;right:calc(var(--default-grid-baseline)*4);top:calc(var(--header-height) + var(--default-grid-baseline));z-index:100}#view-toggle:hover,#view-toggle:focus,#showgridview:focus+#view-toggle{opacity:1}#view-toggle:focus-visible,#showgridview:focus-visible+#view-toggle{box-shadow:inset 0 0 0 2px var(--color-primary) !important}#showgridview{position:fixed;top:0}#body-public .files-filestable.view-grid:not(.hidden) tbody td.filename .name .nametext .innernametext{max-width:124px}#body-public .files-filestable.view-grid:not(.hidden) tbody td .popovermenu{left:-80px}#body-public #view-toggle{position:absolute;right:0;top:0}#gallery-button{display:none}#tag_multiple_files_container{overflow:hidden;background-color:#fff;border-radius:3px;position:relative;display:flex;flex-wrap:wrap;margin-bottom:10px}#tag_multiple_files_container h3{width:100%;padding:0 18px}#tag_multiple_files_container .systemTagsInputFieldContainer{flex:1 1 80%;min-width:0;margin:0 12px}#upload{box-sizing:border-box;height:36px;width:39px;padding:0 !important;margin-left:3px;overflow:hidden;vertical-align:top;position:relative;z-index:-20}#upload .icon-upload{position:relative;display:block;width:100%;height:44px;width:44px;margin:-5px -3px;cursor:pointer;z-index:10;opacity:.65}.file_upload_target{display:none}.file_upload_form{display:inline;float:left;margin:0;padding:0;cursor:pointer;overflow:visible}.uploadprogresswrapper,.uploadprogresswrapper *{box-sizing:border-box}.uploadprogresswrapper{display:inline-block;vertical-align:top;height:36px;margin-left:3px}.uploadprogresswrapper>input[type=button]{height:36px;margin-left:3px}#uploadprogressbar{border-color:var(--color-border-dark);border-radius:var(--border-radius-pill) 0 0 var(--border-radius-pill);border-right:0;position:relative;float:left;width:200px;height:44px;display:inline-block;text-align:center}#uploadprogressbar .ui-progressbar-value{margin-top:.1em}#uploadprogressbar .ui-progressbar-value.ui-widget-header.ui-corner-left{height:calc(100% + 2px);top:-1px;left:-1px;position:absolute;overflow:hidden;background-color:var(--color-primary)}#uploadprogressbar .label{top:8px;opacity:1;overflow:hidden;white-space:nowrap;font-weight:normal}#uploadprogressbar .label.inner{color:var(--color-primary-text);position:absolute;display:block;width:200px}#uploadprogressbar .label.outer{position:relative;color:var(--color-main-text)}#uploadprogressbar .desktop{display:block}#uploadprogressbar .mobile{display:none}#uploadprogressbar+.stop{border-top-left-radius:0;border-bottom-left-radius:0}.oc-dialog .fileexists{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:30px}.oc-dialog .fileexists .conflict .filename,.oc-dialog .fileexists .conflict .mtime,.oc-dialog .fileexists .conflict .size{-webkit-touch-callout:initial;-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}.oc-dialog .fileexists .conflict .message{color:#e9322d}.oc-dialog .fileexists table{width:100%}.oc-dialog .fileexists th{padding-left:0;padding-right:0}.oc-dialog .fileexists th input[type=checkbox]{margin-right:3px}.oc-dialog .fileexists th:first-child{width:225px}.oc-dialog .fileexists th label{font-weight:normal;color:var(--color-main-text)}.oc-dialog .fileexists th .count{margin-left:3px}.oc-dialog .fileexists .conflicts .template{display:none}.oc-dialog .fileexists .conflict{width:100%;height:85px}.oc-dialog .fileexists .conflict .filename{color:#777;word-break:break-all;clear:left}.oc-dialog .fileexists .icon{width:64px;height:64px;margin:0px 5px 5px 5px;background-repeat:no-repeat;background-size:64px 64px;float:left}.oc-dialog .fileexists .original,.oc-dialog .fileexists .replacement{float:left;width:50%}.oc-dialog .fileexists .conflicts{overflow-y:auto;max-height:225px}.oc-dialog .fileexists .conflict input[type=checkbox]{float:left}.oc-dialog .fileexists #allfileslabel{float:right}.oc-dialog .fileexists #allfiles{vertical-align:bottom;position:relative;top:-3px}.oc-dialog .fileexists #allfiles+span{vertical-align:bottom}.oc-dialog .oc-dialog-buttonrow{width:100%;text-align:right}.oc-dialog .oc-dialog-buttonrow .cancel{float:left}.highlightUploaded{-webkit-animation:highlightAnimation 2s 1;-moz-animation:highlightAnimation 2s 1;-o-animation:highlightAnimation 2s 1;animation:highlightAnimation 2s 1}@-webkit-keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}@-moz-keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}@-o-keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}@keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}@media only screen and (max-width: 988px)and (min-width: 1025px),only screen and (max-width: 688px){.app-files #app-content.dir-drop{background-color:#fff !important}table th.column-size,table td.filesize,table th.column-mtime,table td.date{display:none}table td{padding:0}table.multiselect thead{padding-left:0}.fileList a.action.action-menu img{padding-left:0}.fileList .fileActionsMenu{margin-right:6px}.fileList a.action-share span:not(.icon):not(.avatar){position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#uploadprogressbar,#uploadprogressbar .label.inner{width:50px}#uploadprogressbar .desktop{display:none !important}#uploadprogressbar .mobile{display:block !important}table.dragshadow{z-index:1000}}@media only screen and (max-width: 480px){table th .selectedActions{float:right}table th .selectedActions>a span:not(.icon){display:none}table th .selectedActions a{padding:17px 14px}table.multiselect th .columntitle.name{margin-left:0}}.app-sidebar .detailFileInfoContainer{min-height:50px;padding:15px}.app-sidebar .detailFileInfoContainer>div{clear:both}.app-sidebar .mainFileInfoView .icon{display:inline-block;background-size:16px 16px}.app-sidebar .mainFileInfoView .permalink{padding:6px 10px;vertical-align:top;opacity:.6}.app-sidebar .mainFileInfoView .permalink:hover,.app-sidebar .mainFileInfoView .permalink:focus{opacity:1}.app-sidebar .mainFileInfoView .permalink-field>input{clear:both;width:90%}.app-sidebar .thumbnailContainer.large{margin-left:-15px;margin-right:-35px;margin-top:-15px}.app-sidebar .thumbnailContainer.large.portrait{margin:0}.app-sidebar .large .thumbnail{width:100%;display:block;background-repeat:no-repeat;background-position:center;background-size:100%;float:none;margin:0;height:auto}.app-sidebar .large .thumbnail .stretcher{content:"";display:block;padding-bottom:56.25%}.app-sidebar .large.portrait .thumbnail{background-position:50% top}.app-sidebar .large.portrait .thumbnail{background-size:contain}.app-sidebar .large.text{overflow-y:scroll;overflow-x:hidden;padding-top:14px;font-size:80%;margin-left:0}.app-sidebar .thumbnail{width:100%;min-height:75px;display:inline-block;float:left;margin-right:10px;background-size:contain;background-repeat:no-repeat}.app-sidebar .ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-sidebar .fileName{font-size:16px;padding-top:13px;padding-bottom:3px}.app-sidebar .fileName h3{width:calc(100% - 42px);display:inline-block;padding:5px 0;margin:-5px 0}.app-sidebar .file-details{color:var(--color-text-maxcontrast)}.app-sidebar .action-favorite{vertical-align:sub;padding:10px;margin:-10px}.app-sidebar .action-favorite>span{opacity:.7 !important}.app-sidebar .detailList{float:left}.app-sidebar .close{position:absolute;top:0;right:0;opacity:.5;z-index:1;width:44px;height:44px}.whatsNewPopover{bottom:35px !important;left:15px !important;width:270px;z-index:700}.whatsNewPopover p{width:auto !important}.whatsNewPopover .caption{font-weight:bold;cursor:auto !important}.whatsNewPopover .icon-close{position:absolute;right:0}.whatsNewPopover::after{content:none}/*# sourceMappingURL=merged.css.map */ diff --git a/apps/files/css/merged.css.map b/apps/files/css/merged.css.map index 574393f4cd0..49b2c8c125e 100644 --- a/apps/files/css/merged.css.map +++ b/apps/files/css/merged.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","files.scss","../../../core/css/functions.scss","upload.scss","mobile.scss","detailsView.scss","../../../core/css/whatsnew.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADxCA;AACA;EACC;EACA;EACA;EACA;;;AAED;EAAoD;EAAU;;;AAC9D;EAAqB;;;AACrB;AAAA;EAEC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;;AACA;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;AAiBA;AAAA;AAAA;;AAfA;EACC;;AAGD;EACC;EACA;EAEA;EAEA;EACA;EACA;;AAMD;EACC;EACA;;AAEA;AAAA;EAEC;;AAEA;AAAA;EACC;;AAKF;EACC;;;AAKH;EACC;;;AAGD;AACA;EACC;EACA;;;AAGD;EAGC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AACA;ACvEC;EAEA;;;ADwED;AC1EC;EAEA;;;AD2ED;AC7EC;EAEA;;;AD8ED;AAAA;AAAA;AAAA;AChFC;EAEA;;;ADoFD;ACtFC;EAEA;;;ADuFD;ACzFC;EAEA;;;AD0FD;AC5FC;EAEA;;;AD6FD;AC/FC;EAEA;;;ADgGD;AClGC;EAEA;;;ADmGD;ACrGC;EAEA;;;ADuGD;EACC;;;AAED;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAED;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAED;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAGD;EAAU;;;AAEV;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;AAAA;AAAA;AAAA;EAIC;EACA;;;AAGD;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;;;AAED;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;AAAA;AAAA;AAAA;EAIC;;;AAED;EACC;;;AAED;AAAA;EAEC;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAED;EACC;;;AAED;AAAA;EAEC;EACA;EACA;AACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAED;EACC;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAED;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;AACC;EACA;EACA;EACA;EACA;;;AAGA;EACC;;AAED;EACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAID;EACC;;;AAGD;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAGD;EAA6H;;;AAC7H;EAAwE;EAAY;;;AAEpF;EACC;EACA;EACA;EACA;;;AAGD;AAEC;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKH;AAAA;EAEC;;;AAGD;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC;EACA;;;AAGD;AACA;AAAA;AAAA;AAAA;EAIC;;;AAGD;AACA;EACC;;;AAGD;AAGC;AAAA;EACC;;AAGD;AAAA;EACC;EACA;EACA;EACA;EACA;;;AAIF;AAAA;EAEC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EAA2C;EAAwC;EAAsC;;;AAG1H;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsC;;;AAEtC;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AACA;EACC;EACA;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAIC;EACC;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACI;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACC;EACA;EACA;;;AAGD;EACC;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;;;AAIA;EACC;EACA;EACA;EACA;;AACA;EACC;;AACA;AACC;AACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAGF;EACC;EACA;EACA;EACA;;AAGA;EACC;;AAID;AAAA;EAEC;;AAED;EACC;;AACA;EACC;;AAIH;EACC;;AAED;EACC;EACA;;AAGF;EACC;;AAED;EACC;;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAAA;EAKC;;;AAGD;EACC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;AACA;EAEA;;;AAED;EACC;AACA;EACA;;;AAED;AAAA;AAAA;AAGA;EACC;;;AAED;AAAA;AAAA;AAAA;EAIC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;EACA;AAEA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACC;;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;;;AAMJ;AAEA;EACC;;;AAGD;AAAA;AAAA;AAAA;EAIC;EACA;EACA;;;AAMA;EACC;;AAED;EACC;;;AAIF;AAAA;AAAA;EAGC;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAGD;EACC;;;AAGD;EACC;;AAEA;EACC;;;AAIF;AAAA;EAEC;;;AAED;EACC;;AACA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAKA;EACC;;AAIF;EACC;EACA;;;AAIF;AACA;AAIC;AAaA;AAqOA;;AAhPC;EACC;EACA;EACA;;AACA;EACC;EACA;;AAMH;EACC;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;AAAA;EAKC;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;;AAKH;EACC;EACA;AAoJA;AA8BA;;AA/KC;EACC;EACA;EACA;EACA,OAvDQ;EAwDR,QAxDQ;EAyDR,SAxDO;EAyDP;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAAA;AAAA;;AAGA;EACC,SA1EK;EA2EL;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;EAEA;EACA;EAEA;;AAGD;EACC;EACA;EAIA;EAKA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;AAoBA;;AAlBA;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAID;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,SApJK;EAqJL;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAQH;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAMH;EAEC;;AAGD;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,SAxNO;;AAyNP;EACC;EACA,OA3NM;EA4NN,QA5NM;;AAkOT;EACC;EACA;EACA;AAEA;;AACA;EACC;EACA;;AAMJ;EACC;;AAID;EACC;;AAEA;EACC;EACA;EAEA;;AAEA;EACC;;AAEA;EAEC;;AAGD;EACI;;;AAOR;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGC;;AAGD;EAEC;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAKA;EACC;EACA;;;AAGD;AACA;AAaC;;AAZA;AACC;AAKA;;AAJA;EACC;;AAID;EACC;;AAKF;EACC;EACA;EACA;;;AAIF;AACA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;;;AEzyCF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EAAsB;;;AACtB;EAAoB;EAAgB;EAAY;EAAU;EAAW;EAAgB;;;AAErF;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAGD;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO;;;AHjNT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AIEA;AAAA;AAAA;AAIA;EAEA;IACC;;EAGD;AAAA;AAAA;AAAA;IAIC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;;EAGD;IACC;;EAGD;IACC;;AAED;AACA;EACA;IACC;IACA;IACA;IACA;IACA;IACA;;AAID;EACA;IACC;;AAED;EACA;IACC;;EAED;IACC;;AAGD;EACA;IACC;;;AAID;AACC;EACA;IACC;;EAED;IACC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;;;AClFF;EACC;EACA;;;AAGD;EACC;;;AAID;EACC;EACA;;;AAGD;EACC;EACA;EACA;;AAEA;EAEC;;;AAGF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AC/HD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE","file":"merged.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["files.scss","../../../core/css/functions.scss","upload.scss","mobile.scss","detailsView.scss","../../../core/css/whatsnew.scss"],"names":[],"mappings":"AAWA,SACC,YACA,YACA,qBACA,WAED,oEACA,8BACA,kDAEC,+CAED,0BACC,4CAGD,mBACC,kBACA,aACA,SACA,4CACC,iBAIF,gBACC,aAGD,OACC,iBACA,YACA,aACA,aACA,mBAGD,6EAGC,yBACA,gCAID,kBACC,kBACA,WACA,gBACA,cACA,sBAEA,6CACC,aAGD,wBACC,wBACA,gBAEA,SAEA,WACA,cACA,0DAMD,wBACC,cACA,WAEA,mGAEC,8CAEA,6KACC,oCAKF,mDACC,oBAKH,yBACC,aAID,uCACC,cACA,WAGD,wBAGC,yBAGD,6FACC,uDAGD,iCACC,yDAGD,kFACC,0CAGD,4EACC,uDAID,gBCrEC,yCDwED,iBCxEC,yCD2ED,oBC3EC,0CD8ED,yFC9EC,wCDoFD,uBCpFC,yCDuFD,2BCvFC,2CD0FD,mBC1FC,yCD6FD,2BC7FC,4CDgGD,wBChGC,0CDmGD,4BCnGC,4CDuGD,4CACC,WAGD,iCACC,WACA,YACA,eACA,SACA,eAGD,wCACC,aAGD,0CACC,WAGD,2BACC,YAED,4KAKC,+CAED,wMAKC,4CAGD,qCAEA,yDACC,oCAED,kCACC,iCACA,8BACA,4BACA,yBACA,mBAED,wGAIC,UACA,oCAGD,oBACC,oCAED,uBACC,6BAED,sBACC,cACA,aACA,YACA,sBACA,2BACA,sBACA,oCACC,kBAGF,kCACC,qBACA,mBAED,2BACC,eACA,iBAGD,uCACC,cAGD,yBACC,WACA,WACA,gBACA,qBACA,2BACA,WAED,wJAIC,kBAED,2CACC,eAED,4EAEC,mBAGD,kBAEC,4CACA,gBACA,mBAED,SACC,eACA,kBACA,+BACA,4BAED,qBACC,kBACA,aACA,UAGD,uBACC,kBACA,YAGD,0BACC,gBAED,uCACC,iBAED,8EAEC,2BACA,sBACA,kBAEA,gBAGD,qMAQC,gBACA,qPACC,MAIF,2BACC,0DACA,iBAGD,sDACC,iBAGD,+BACC,kBACA,aAED,kCACC,aAGD,0DAGC,WACA,kBAED,kDAEC,aACA,kBACA,2BACA,sBACA,YACA,iBACA,UAED,qCAEC,QACA,eACA,eACA,YAGA,8DACC,WAED,mEACC,WAGF,6BACC,qBACA,WACA,YACA,wBACA,2BACA,4BACA,gBACA,eACA,mCACA,eACA,kBACA,UAED,oCACC,eAID,2CACC,qCAGD,iDACC,qBACA,4BACA,YAED,uBACC,iBACA,kBACA,SAGD,6IACA,8FAEA,wCACC,kBACA,gBACA,uBACA,YAKA,kBACC,YACA,4BACC,QACA,YACA,aACA,gBACA,mBACA,uBACA,YACA,WACA,mBAKH,iJAEC,aAGD,mCACC,iCACA,8BACA,4BACA,yBAED,4BACC,WAGD,2CACC,uBACA,gBACA,kBACA,mBAKD,8BACC,kBACA,mBAEA,iBACA,OACA,SACA,YACA,cAEA,iBACA,eAEA,iBACA,oCACA,uBACA,mBAGD,mBACC,UAID,6DACC,WACA,eAID,iRAIC,UAID,0EACC,WAMA,wEACC,aAGD,oGACC,+CACA,wCACA,wBACA,iDACA,aAIF,oGAEC,mBAGD,+BACC,kBACA,WACA,eACA,gBACA,wJAGD,wFAEC,kBACA,UACA,YAGD,yCACC,qBACA,WAED,8CACC,kBACA,cACA,SACA,WACA,iBACA,kBAGD,iDAGA,aACC,WAGD,iCACC,kBAID,mDAEC,gBAID,oCACC,qBACA,0BAGD,8EACC,0BAOA,kCACC,eAGD,sEACC,eAGD,sCACC,gBAIF,aACC,YACA,WACA,2BAGD,qCACC,wCAID,iBACI,kBACA,qBACA,sBAEJ,wBACI,aAEJ,mBACC,eACA,iBACA,iBAGD,0BACC,aAED,uBACC,kBACA,2BACA,mBAGD,8CACC,gBAIA,8BACC,eACA,iBACA,iBACA,WACA,2CACC,kBACA,0FAGC,kBACA,cACA,SACA,UACA,WACA,gBAED,mDACC,qBACA,sBAGF,0CACC,iBACA,oBACA,kBACA,mBAGA,oGACC,WAID,qIAEC,WAED,uDACC,WACA,0HACC,WAIH,wEACC,UAED,oCACC,+CACA,wCAGF,uGACC,WAED,wDACC,UAKF,4EACC,qBACA,eACA,gBACA,uBACA,sBACA,gBAGD,2CACC,yBAGD,yCACC,UAGD,kNAKC,UAGD,qCACC,gBAGD,0FAEC,WAGD,mDACC,eAGD,SACC,oCAGA,aAED,wCACC,WAEA,mBAKD,sBACC,aAED,2DAIC,+BAED,YACC,mBACA,mBACA,iBAED,wBACC,UAED,YACC,qBAGD,iBACC,WACA,aAED,6BACC,kBACA,mBACA,YAGA,gBAED,yBACC,kBAED,MACC,WACA,kBACA,MACA,OACA,QACA,SACA,8CACA,sCACA,wBACA,WACA,yBACA,8BACA,4BACA,6BACA,iCAED,kBACC,UAGD,aACC,gBACA,SACA,sBACA,eACA,gBACA,aAGA,oBACC,qBAKF,gBACC,sBACA,wBACA,gBACA,YACA,UACA,SACA,0DACA,WACA,yBACA,sBACA,qBACA,iBACA,aACA,MACA,gBAKE,0IACC,sBACA,qBACA,aACA,YACA,WACA,YACA,mBACA,uBAED,oFACC,aAQJ,0DACC,OAGD,6KAIC,qBACA,sBACA,0BAMA,sDACC,sBAED,yDACC,uDAIF,iJAGC,aAGD,oJAGC,WACA,YAGD,gCACC,kBAGD,YACC,mBAEA,uBACC,mCAIF,0DAEC,oCAED,qBACC,oCACA,4BACC,2BAIF,cACC,iBACA,kBACA,gBACA,6BACA,cACA,gBACA,YAEA,2BACC,aAGD,kCACC,UACA,kBACA,iBAIF,uBACC,oBACA,YACA,gBACA,+BACA,UACA,YACA,wBACA,sBAEA,6BACC,YAKA,oEACC,0BAIF,kCACC,WACA,mCAWA,kDACC,cACA,4CACA,0DACA,qDACC,WACA,YAMH,+CACC,aACA,+CACA,6BACA,aACA,cAGA,+DACC,cACA,kBACA,aACA,mCAEA,0fAKC,+BAEA,oxDAGC,+CAKH,kDACC,eACA,mBAGC,8EACC,YACA,eACA,kBACA,MAvDQ,MAwDR,OAxDQ,MAyDR,QAxDO,KAyDP,MACA,OACA,WAEA,yFACC,4BACA,6BACA,wBACA,SACA,mCACA,4BACA,2BAKA,wGACC,QA1EK,KA2EL,UACA,UACA,YAKH,uEACC,WACA,SACA,MACA,YAEA,YACA,gBAEA,kBAGD,iEACC,YACA,mCAIA,gBAKA,0BAEA,2EACC,aACA,YACA,iBACA,kBACA,iBACA,UAEA,0FACC,qBACA,kBACA,gBACA,uBACA,mBAED,kFACC,WACA,OACA,eAED,iFACC,WACA,OACA,eAID,sFACC,aAIF,8EACC,eACA,iBACA,aACA,mBACA,kBACA,QAEA,sFACC,QApJK,KAqJL,WACA,YACA,aACA,mBACA,uBAGA,wGACC,aAQH,2GACC,yBAEA,6HACC,YACA,kBAIF,6GACC,yBAGD,6GACC,yBAIF,gEACC,iBACA,mCAEA,+EACC,WACA,cACA,YAMH,kHAEC,aAGD,sIAEC,kBACA,SACA,UACA,aACA,WACA,YACA,WACA,yBAEA,kJACC,WACA,YACA,oBACA,QAxNO,KAyNP,kKACC,SACA,MA3NM,KA4NN,OA5NM,KAkOT,+DACC,OACA,YACA,aAGA,yFACC,gBACA,uBAMJ,+FACC,cAID,+CACC,aAEA,qEACC,qBACA,cAEA,aAEA,wEACC,iBAEA,iKAEC,aAGD,8EACI,cAQR,aACC,+BACA,YACA,SACA,aACA,WACA,YACA,2CACA,8DACA,YAEA,uEAGC,UAGD,oEAEC,2DASF,cACC,eACA,MAOC,uGACC,gBAID,4EACC,WAKF,0BACC,kBACA,QACA,MAKF,gBACC,aAGD,8BACC,gBACA,sBACA,kBACA,kBACA,aACA,eACA,mBAEA,iCACC,WACA,eAGD,6DACC,aACA,YACA,cEzyCF,QACC,sBACA,YACA,WACA,qBACA,gBACA,gBACA,mBACA,kBACA,YAED,qBACC,kBACA,cACA,WACA,YACA,WACA,iBACA,eACA,WACA,YAED,iCACA,+FAEA,gDACC,sBAGD,uBACC,qBACA,mBACA,YACA,gBAED,0CACC,YACA,gBAED,mBACC,sCACA,sEACA,eACA,kBACA,WACA,YACA,YACA,qBACA,kBAEA,yCACC,gBAGF,yEACC,wBACA,SACA,UACA,kBACA,gBACA,sCAED,0BACC,QACA,UACA,gBACA,mBACA,mBAED,gCACC,gCACA,kBACA,cACA,YAED,gCACC,kBACA,6BAED,4BACC,cAED,2BACC,aAGD,yBACC,yBACA,4BAGD,uBACC,2BACA,yBACA,wBACA,sBACA,qBACA,iBACA,mBAGD,0HAGC,8BACA,4BACA,2BACA,yBACA,wBACA,oBAED,0CACC,cAED,6BACC,WAED,0BACC,eACA,gBAED,+CACC,iBAED,sCACC,YAED,gCACC,mBACA,6BAED,iCACC,gBAED,4CACC,aAED,iCACC,WACA,YAED,2CACC,WACA,qBACA,WAED,6BACC,WACA,YACA,uBACA,4BACA,0BACA,WAGD,qEAEC,WACA,UAED,kCACC,gBACA,iBAED,sDACC,WAED,sCACC,YAED,iCACC,sBACA,kBACA,SAED,sCACC,sBAGD,gCACC,WACA,iBAEA,wCACC,WAIF,mBACC,0CACA,uCACA,qCACA,kCAGD,sCACE,4BACA,qCAEF,mCACE,4BACA,qCAEF,iCACE,4BACA,qCAEF,8BACE,4BACA,qCC3MF,oGAEA,iCACC,iCAGD,2EAIC,aAID,SACC,UAID,wBACC,eAGD,mCACC,eAGD,2BACC,iBAID,sDACC,kBACA,cACA,SACA,UACA,WACA,gBAKD,mDACC,WAGD,4BACC,wBAED,2BACC,yBAID,iBACC,cAID,0CAEC,0BACC,YAED,4CACC,aAID,4BACC,kBAID,uCACC,eClFF,sCACC,gBACA,aAGD,0CACC,WAID,qCACC,qBACA,0BAGD,0CACC,iBACA,mBACA,WAEA,gGAEC,UAGF,sDACC,WACA,UAGD,uCACC,kBACA,mBACA,iBAGD,gDACC,SAGD,+BACC,WACA,cACA,4BACA,2BACA,qBACA,WACA,SACA,YAGD,0CACC,WACA,cACA,sBAGD,wCACC,4BAGD,wCACC,wBAGD,yBACC,kBACA,kBACA,iBACA,cACA,cAGD,wBACC,WACA,gBACA,qBACA,WACA,kBACA,wBACA,4BAGD,uBACC,mBACA,uBACA,gBAGD,uBACC,eACA,iBACA,mBAGD,0BACC,wBACA,qBACA,cACA,cAGD,2BACC,oCAGD,8BACC,mBACA,aACA,aAGD,mCACC,sBAGD,yBACC,WAGD,oBACC,kBACA,MACA,QACA,WACA,UACA,WACA,YCxHD,iBACE,uBACA,qBACA,YACA,YAGF,mBACE,sBAGF,0BACE,iBACA,uBAGF,6BACE,kBACA,QAGF,wBACE","file":"merged.css"} \ No newline at end of file diff --git a/apps/files/css/mobile.css b/apps/files/css/mobile.css index a7e2ca2b099..4074fe59147 100644 --- a/apps/files/css/mobile.css +++ b/apps/files/css/mobile.css @@ -1,94 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/* 938 = table min-width(688) + app-navigation width: 250\ - $breakpoint-mobile +1 = size where app-navigation is hidden +1 - 688 = table min-width */ -@media only screen and (max-width: 988px) and (min-width: 1025px), only screen and (max-width: 688px) { - .app-files #app-content.dir-drop { - background-color: rgb(255, 255, 255) !important; - } - table th.column-size, - table td.filesize, - table th.column-mtime, - table td.date { - display: none; - } - /* remove padding to let border bottom fill the whole width*/ - table td { - padding: 0; - } - /* remove shift for multiselect bar to account for missing navigation */ - table.multiselect thead { - padding-left: 0; - } - .fileList a.action.action-menu img { - padding-left: 0; - } - .fileList .fileActionsMenu { - margin-right: 6px; - } - /* hide text of the share action on mobile */ - /* .hidden-visually for accessbility */ - .fileList a.action-share span:not(.icon):not(.avatar) { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - } - /* shorten elements for mobile */ - #uploadprogressbar, #uploadprogressbar .label.inner { - width: 50px; - } - /* hide desktop-only parts */ - #uploadprogressbar .desktop { - display: none !important; - } - #uploadprogressbar .mobile { - display: block !important; - } - /* ensure that it is visible over #app-content */ - table.dragshadow { - z-index: 1000; - } -} -@media only screen and (max-width: 480px) { - /* Only show icons */ - table th .selectedActions { - float: right; - } - table th .selectedActions > a span:not(.icon) { - display: none; - } - /* Increase touch area for the icons */ - table th .selectedActions a { - padding: 17px 14px; - } - /* Remove the margin to reduce the overlap between the name and the icons */ - table.multiselect th .columntitle.name { - margin-left: 0; - } -} - -/*# sourceMappingURL=mobile.css.map */ +@media only screen and (max-width: 988px)and (min-width: 1025px),only screen and (max-width: 688px){.app-files #app-content.dir-drop{background-color:#fff !important}table th.column-size,table td.filesize,table th.column-mtime,table td.date{display:none}table td{padding:0}table.multiselect thead{padding-left:0}.fileList a.action.action-menu img{padding-left:0}.fileList .fileActionsMenu{margin-right:6px}.fileList a.action-share span:not(.icon):not(.avatar){position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#uploadprogressbar,#uploadprogressbar .label.inner{width:50px}#uploadprogressbar .desktop{display:none !important}#uploadprogressbar .mobile{display:block !important}table.dragshadow{z-index:1000}}@media only screen and (max-width: 480px){table th .selectedActions{float:right}table th .selectedActions>a span:not(.icon){display:none}table th .selectedActions a{padding:17px 14px}table.multiselect th .columntitle.name{margin-left:0}}/*# sourceMappingURL=mobile.css.map */ diff --git a/apps/files/css/mobile.css.map b/apps/files/css/mobile.css.map index 0ca9bdaa893..7437b1cd034 100644 --- a/apps/files/css/mobile.css.map +++ b/apps/files/css/mobile.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAAA;AAAA;AAIA;EAEA;IACC;;EAGD;AAAA;AAAA;AAAA;IAIC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;;EAGD;IACC;;EAGD;IACC;;AAED;AACA;EACA;IACC;IACA;IACA;IACA;IACA;IACA;;AAID;EACA;IACC;;AAED;EACA;IACC;;EAED;IACC;;AAGD;EACA;IACC;;;AAID;AACC;EACA;IACC;;EAED;IACC;;AAGD;EACA;IACC;;AAGD;EACA;IACC","file":"mobile.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["mobile.scss"],"names":[],"mappings":"AAMA,oGAEA,iCACC,iCAGD,2EAIC,aAID,SACC,UAID,wBACC,eAGD,mCACC,eAGD,2BACC,iBAID,sDACC,kBACA,cACA,SACA,UACA,WACA,gBAKD,mDACC,WAGD,4BACC,wBAED,2BACC,yBAID,iBACC,cAID,0CAEC,0BACC,YAED,4CACC,aAID,4BACC,kBAID,uCACC","file":"mobile.css"} \ No newline at end of file diff --git a/apps/files/css/upload.css b/apps/files/css/upload.css index 7074ba2827d..ad443ad788c 100644 --- a/apps/files/css/upload.css +++ b/apps/files/css/upload.css @@ -1,263 +1 @@ -#upload { - box-sizing: border-box; - height: 36px; - width: 39px; - padding: 0 !important; /* override default control bar button padding */ - margin-left: 3px; - overflow: hidden; - vertical-align: top; - position: relative; - z-index: -20; -} - -#upload .icon-upload { - position: relative; - display: block; - width: 100%; - height: 44px; - width: 44px; - margin: -5px -3px; - cursor: pointer; - z-index: 10; - opacity: 0.65; -} - -.file_upload_target { - display: none; -} - -.file_upload_form { - display: inline; - float: left; - margin: 0; - padding: 0; - cursor: pointer; - overflow: visible; -} - -.uploadprogresswrapper, .uploadprogresswrapper * { - box-sizing: border-box; -} - -.uploadprogresswrapper { - display: inline-block; - vertical-align: top; - height: 36px; - margin-left: 3px; -} - -.uploadprogresswrapper > input[type=button] { - height: 36px; - margin-left: 3px; -} - -#uploadprogressbar { - border-color: var(--color-border-dark); - border-radius: var(--border-radius-pill) 0 0 var(--border-radius-pill); - border-right: 0; - position: relative; - float: left; - width: 200px; - height: 44px; - display: inline-block; - text-align: center; -} -#uploadprogressbar .ui-progressbar-value { - margin-top: 0.1em; -} - -#uploadprogressbar .ui-progressbar-value.ui-widget-header.ui-corner-left { - height: calc(100% + 2px); - top: -1px; - left: -1px; - position: absolute; - overflow: hidden; - background-color: var(--color-primary); -} - -#uploadprogressbar .label { - top: 8px; - opacity: 1; - overflow: hidden; - white-space: nowrap; - font-weight: normal; -} - -#uploadprogressbar .label.inner { - color: var(--color-primary-text); - position: absolute; - display: block; - width: 200px; -} - -#uploadprogressbar .label.outer { - position: relative; - color: var(--color-main-text); -} - -#uploadprogressbar .desktop { - display: block; -} - -#uploadprogressbar .mobile { - display: none; -} - -#uploadprogressbar + .stop { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.oc-dialog .fileexists { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin-bottom: 30px; -} - -.oc-dialog .fileexists .conflict .filename, -.oc-dialog .fileexists .conflict .mtime, -.oc-dialog .fileexists .conflict .size { - -webkit-touch-callout: initial; - -webkit-user-select: initial; - -khtml-user-select: initial; - -moz-user-select: initial; - -ms-user-select: initial; - user-select: initial; -} - -.oc-dialog .fileexists .conflict .message { - color: #e9322d; -} - -.oc-dialog .fileexists table { - width: 100%; -} - -.oc-dialog .fileexists th { - padding-left: 0; - padding-right: 0; -} - -.oc-dialog .fileexists th input[type=checkbox] { - margin-right: 3px; -} - -.oc-dialog .fileexists th:first-child { - width: 225px; -} - -.oc-dialog .fileexists th label { - font-weight: normal; - color: var(--color-main-text); -} - -.oc-dialog .fileexists th .count { - margin-left: 3px; -} - -.oc-dialog .fileexists .conflicts .template { - display: none; -} - -.oc-dialog .fileexists .conflict { - width: 100%; - height: 85px; -} - -.oc-dialog .fileexists .conflict .filename { - color: #777; - word-break: break-all; - clear: left; -} - -.oc-dialog .fileexists .icon { - width: 64px; - height: 64px; - margin: 0px 5px 5px 5px; - background-repeat: no-repeat; - background-size: 64px 64px; - float: left; -} - -.oc-dialog .fileexists .original, -.oc-dialog .fileexists .replacement { - float: left; - width: 50%; -} - -.oc-dialog .fileexists .conflicts { - overflow-y: auto; - max-height: 225px; -} - -.oc-dialog .fileexists .conflict input[type=checkbox] { - float: left; -} - -.oc-dialog .fileexists #allfileslabel { - float: right; -} - -.oc-dialog .fileexists #allfiles { - vertical-align: bottom; - position: relative; - top: -3px; -} - -.oc-dialog .fileexists #allfiles + span { - vertical-align: bottom; -} - -.oc-dialog .oc-dialog-buttonrow { - width: 100%; - text-align: right; -} -.oc-dialog .oc-dialog-buttonrow .cancel { - float: left; -} - -.highlightUploaded { - -webkit-animation: highlightAnimation 2s 1; - -moz-animation: highlightAnimation 2s 1; - -o-animation: highlightAnimation 2s 1; - animation: highlightAnimation 2s 1; -} - -@-webkit-keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} -@-moz-keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} -@-o-keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} -@keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} - -/*# sourceMappingURL=upload.css.map */ +#upload{box-sizing:border-box;height:36px;width:39px;padding:0 !important;margin-left:3px;overflow:hidden;vertical-align:top;position:relative;z-index:-20}#upload .icon-upload{position:relative;display:block;width:100%;height:44px;width:44px;margin:-5px -3px;cursor:pointer;z-index:10;opacity:.65}.file_upload_target{display:none}.file_upload_form{display:inline;float:left;margin:0;padding:0;cursor:pointer;overflow:visible}.uploadprogresswrapper,.uploadprogresswrapper *{box-sizing:border-box}.uploadprogresswrapper{display:inline-block;vertical-align:top;height:36px;margin-left:3px}.uploadprogresswrapper>input[type=button]{height:36px;margin-left:3px}#uploadprogressbar{border-color:var(--color-border-dark);border-radius:var(--border-radius-pill) 0 0 var(--border-radius-pill);border-right:0;position:relative;float:left;width:200px;height:44px;display:inline-block;text-align:center}#uploadprogressbar .ui-progressbar-value{margin-top:.1em}#uploadprogressbar .ui-progressbar-value.ui-widget-header.ui-corner-left{height:calc(100% + 2px);top:-1px;left:-1px;position:absolute;overflow:hidden;background-color:var(--color-primary)}#uploadprogressbar .label{top:8px;opacity:1;overflow:hidden;white-space:nowrap;font-weight:normal}#uploadprogressbar .label.inner{color:var(--color-primary-text);position:absolute;display:block;width:200px}#uploadprogressbar .label.outer{position:relative;color:var(--color-main-text)}#uploadprogressbar .desktop{display:block}#uploadprogressbar .mobile{display:none}#uploadprogressbar+.stop{border-top-left-radius:0;border-bottom-left-radius:0}.oc-dialog .fileexists{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:30px}.oc-dialog .fileexists .conflict .filename,.oc-dialog .fileexists .conflict .mtime,.oc-dialog .fileexists .conflict .size{-webkit-touch-callout:initial;-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}.oc-dialog .fileexists .conflict .message{color:#e9322d}.oc-dialog .fileexists table{width:100%}.oc-dialog .fileexists th{padding-left:0;padding-right:0}.oc-dialog .fileexists th input[type=checkbox]{margin-right:3px}.oc-dialog .fileexists th:first-child{width:225px}.oc-dialog .fileexists th label{font-weight:normal;color:var(--color-main-text)}.oc-dialog .fileexists th .count{margin-left:3px}.oc-dialog .fileexists .conflicts .template{display:none}.oc-dialog .fileexists .conflict{width:100%;height:85px}.oc-dialog .fileexists .conflict .filename{color:#777;word-break:break-all;clear:left}.oc-dialog .fileexists .icon{width:64px;height:64px;margin:0px 5px 5px 5px;background-repeat:no-repeat;background-size:64px 64px;float:left}.oc-dialog .fileexists .original,.oc-dialog .fileexists .replacement{float:left;width:50%}.oc-dialog .fileexists .conflicts{overflow-y:auto;max-height:225px}.oc-dialog .fileexists .conflict input[type=checkbox]{float:left}.oc-dialog .fileexists #allfileslabel{float:right}.oc-dialog .fileexists #allfiles{vertical-align:bottom;position:relative;top:-3px}.oc-dialog .fileexists #allfiles+span{vertical-align:bottom}.oc-dialog .oc-dialog-buttonrow{width:100%;text-align:right}.oc-dialog .oc-dialog-buttonrow .cancel{float:left}.highlightUploaded{-webkit-animation:highlightAnimation 2s 1;-moz-animation:highlightAnimation 2s 1;-o-animation:highlightAnimation 2s 1;animation:highlightAnimation 2s 1}@-webkit-keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}@-moz-keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}@-o-keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}@keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}/*# sourceMappingURL=upload.css.map */ diff --git a/apps/files/css/upload.css.map b/apps/files/css/upload.css.map index a15557f66b1..ca3c7a1e2fe 100644 --- a/apps/files/css/upload.css.map +++ b/apps/files/css/upload.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["upload.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EAAsB;;;AACtB;EAAoB;EAAgB;EAAY;EAAU;EAAW;EAAgB;;;AAErF;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAGD;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO","file":"upload.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["upload.scss"],"names":[],"mappings":"AAAA,QACC,sBACA,YACA,WACA,qBACA,gBACA,gBACA,mBACA,kBACA,YAED,qBACC,kBACA,cACA,WACA,YACA,WACA,iBACA,eACA,WACA,YAED,iCACA,+FAEA,gDACC,sBAGD,uBACC,qBACA,mBACA,YACA,gBAED,0CACC,YACA,gBAED,mBACC,sCACA,sEACA,eACA,kBACA,WACA,YACA,YACA,qBACA,kBAEA,yCACC,gBAGF,yEACC,wBACA,SACA,UACA,kBACA,gBACA,sCAED,0BACC,QACA,UACA,gBACA,mBACA,mBAED,gCACC,gCACA,kBACA,cACA,YAED,gCACC,kBACA,6BAED,4BACC,cAED,2BACC,aAGD,yBACC,yBACA,4BAGD,uBACC,2BACA,yBACA,wBACA,sBACA,qBACA,iBACA,mBAGD,0HAGC,8BACA,4BACA,2BACA,yBACA,wBACA,oBAED,0CACC,cAED,6BACC,WAED,0BACC,eACA,gBAED,+CACC,iBAED,sCACC,YAED,gCACC,mBACA,6BAED,iCACC,gBAED,4CACC,aAED,iCACC,WACA,YAED,2CACC,WACA,qBACA,WAED,6BACC,WACA,YACA,uBACA,4BACA,0BACA,WAGD,qEAEC,WACA,UAED,kCACC,gBACA,iBAED,sDACC,WAED,sCACC,YAED,iCACC,sBACA,kBACA,SAED,sCACC,sBAGD,gCACC,WACA,iBAEA,wCACC,WAIF,mBACC,0CACA,uCACA,qCACA,kCAGD,sCACE,4BACA,qCAEF,mCACE,4BACA,qCAEF,iCACE,4BACA,qCAEF,8BACE,4BACA","file":"upload.css"} \ No newline at end of file diff --git a/apps/files_external/css/settings.css b/apps/files_external/css/settings.css index 6b4b0d9bf47..f9c98a81a7a 100644 --- a/apps/files_external/css/settings.css +++ b/apps/files_external/css/settings.css @@ -1,184 +1 @@ -#files_external { - margin-bottom: 0px; -} - -#externalStorage { - margin: 15px 0 20px 0; -} -#externalStorage tr.externalStorageLoading > td { - text-align: center; -} - -#externalStorage td > input, #externalStorage td > select { - width: 100%; -} - -#externalStorage .popovermenu li > .menuitem { - width: fit-content !important; -} - -#externalStorage td.status { - /* overwrite conflicting core styles */ - display: table-cell; - vertical-align: middle; -} - -#externalStorage td.status > span { - display: inline-block; - height: 28px; - width: 28px; - vertical-align: text-bottom; - border-radius: 50%; - cursor: pointer; -} - -#externalStorage td.mountPoint, #externalStorage td.backend, #externalStorage td.authentication, #externalStorage td.configuration { - min-width: 160px; - width: 15%; -} - -#externalStorage td > img { - padding-top: 7px; - opacity: 0.5; -} - -#externalStorage td > img:hover { - padding-top: 7px; - cursor: pointer; - opacity: 1; -} - -#addMountPoint > td { - border: none; -} - -#addMountPoint > td.applicable { - visibility: hidden; -} - -#addMountPoint > td.hidden { - visibility: hidden; -} - -#externalStorage td { - height: 50px; -} -#externalStorage td.mountOptionsToggle, #externalStorage td.remove, #externalStorage td.save { - position: relative; - padding: 0 !important; - width: 44px; -} -#externalStorage td.mountOptionsToggle [class^=icon-], -#externalStorage td.mountOptionsToggle [class*=" icon-"], #externalStorage td.remove [class^=icon-], -#externalStorage td.remove [class*=" icon-"], #externalStorage td.save [class^=icon-], -#externalStorage td.save [class*=" icon-"] { - width: 44px; - height: 44px; - margin: 3px; - opacity: 0.5; - padding: 14px; - vertical-align: text-bottom; - cursor: pointer; -} -#externalStorage td.mountOptionsToggle [class^=icon-]:hover, -#externalStorage td.mountOptionsToggle [class*=" icon-"]:hover, #externalStorage td.remove [class^=icon-]:hover, -#externalStorage td.remove [class*=" icon-"]:hover, #externalStorage td.save [class^=icon-]:hover, -#externalStorage td.save [class*=" icon-"]:hover { - opacity: 1; -} - -#selectBackend { - margin-left: -10px; - width: 150px; -} - -#externalStorage td.configuration, -#externalStorage td.backend { - white-space: normal; -} - -#externalStorage td.configuration > * { - white-space: nowrap; -} - -#externalStorage td.configuration input.added { - margin-right: 6px; -} - -#externalStorage label > input[type=checkbox] { - margin-right: 3px; -} - -#externalStorage td.configuration label { - width: 100%; - display: inline-flex; - align-items: center; -} - -#externalStorage td.configuration input.disabled-success { - background-color: rgba(134, 255, 110, 0.9); -} - -#externalStorage td.applicable div.chzn-container { - position: relative; - top: 3px; -} - -#externalStorage .select2-container.applicableUsers { - width: 100% !important; -} - -#userMountingBackends { - padding-left: 25px; -} - -.files-external-select2 .select2-results .select2-result-label { - height: 32px; - padding: 3px; -} - -.files-external-select2 .select2-results .select2-result-label > span { - display: block; - position: relative; -} - -.files-external-select2 .select2-results .select2-result-label .avatardiv { - display: inline-block; -} - -.files-external-select2 .select2-results .select2-result-label .avatardiv + span { - position: absolute; - top: 5px; - margin-left: 10px; -} - -.files-external-select2 .select2-results .select2-result-label .avatardiv[data-type=group] + span { - vertical-align: top; - top: 6px; - position: absolute; - max-width: 80%; - left: 30px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -#externalStorage .select2-container .select2-search-choice { - display: flex; -} -#externalStorage .select2-container .select2-search-choice .select2-search-choice-close { - display: block; - left: auto; - position: relative; - width: 20px; -} - -#externalStorage .mountOptionsToggle .dropdown { - width: auto; -} - -.nav-icon-external-storage { - background-image: var(--icon-external-dark); -} - -/*# sourceMappingURL=settings.css.map */ +#files_external{margin-bottom:0px}#externalStorage{margin:15px 0 20px 0}#externalStorage tr.externalStorageLoading>td{text-align:center}#externalStorage td>input,#externalStorage td>select{width:100%}#externalStorage .popovermenu li>.menuitem{width:fit-content !important}#externalStorage td.status{display:table-cell;vertical-align:middle}#externalStorage td.status>span{display:inline-block;height:28px;width:28px;vertical-align:text-bottom;border-radius:50%;cursor:pointer}#externalStorage td.mountPoint,#externalStorage td.backend,#externalStorage td.authentication,#externalStorage td.configuration{min-width:160px;width:15%}#externalStorage td>img{padding-top:7px;opacity:.5}#externalStorage td>img:hover{padding-top:7px;cursor:pointer;opacity:1}#addMountPoint>td{border:none}#addMountPoint>td.applicable{visibility:hidden}#addMountPoint>td.hidden{visibility:hidden}#externalStorage td{height:50px}#externalStorage td.mountOptionsToggle,#externalStorage td.remove,#externalStorage td.save{position:relative;padding:0 !important;width:44px}#externalStorage td.mountOptionsToggle [class^=icon-],#externalStorage td.mountOptionsToggle [class*=" icon-"],#externalStorage td.remove [class^=icon-],#externalStorage td.remove [class*=" icon-"],#externalStorage td.save [class^=icon-],#externalStorage td.save [class*=" icon-"]{width:44px;height:44px;margin:3px;opacity:.5;padding:14px;vertical-align:text-bottom;cursor:pointer}#externalStorage td.mountOptionsToggle [class^=icon-]:hover,#externalStorage td.mountOptionsToggle [class*=" icon-"]:hover,#externalStorage td.remove [class^=icon-]:hover,#externalStorage td.remove [class*=" icon-"]:hover,#externalStorage td.save [class^=icon-]:hover,#externalStorage td.save [class*=" icon-"]:hover{opacity:1}#selectBackend{margin-left:-10px;width:150px}#externalStorage td.configuration,#externalStorage td.backend{white-space:normal}#externalStorage td.configuration>*{white-space:nowrap}#externalStorage td.configuration input.added{margin-right:6px}#externalStorage label>input[type=checkbox]{margin-right:3px}#externalStorage td.configuration label{width:100%;display:inline-flex;align-items:center}#externalStorage td.configuration input.disabled-success{background-color:rgba(134,255,110,.9)}#externalStorage td.applicable div.chzn-container{position:relative;top:3px}#externalStorage .select2-container.applicableUsers{width:100% !important}#userMountingBackends{padding-left:25px}.files-external-select2 .select2-results .select2-result-label{height:32px;padding:3px}.files-external-select2 .select2-results .select2-result-label>span{display:block;position:relative}.files-external-select2 .select2-results .select2-result-label .avatardiv{display:inline-block}.files-external-select2 .select2-results .select2-result-label .avatardiv+span{position:absolute;top:5px;margin-left:10px}.files-external-select2 .select2-results .select2-result-label .avatardiv[data-type=group]+span{vertical-align:top;top:6px;position:absolute;max-width:80%;left:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#externalStorage .select2-container .select2-search-choice{display:flex}#externalStorage .select2-container .select2-search-choice .select2-search-choice-close{display:block;left:auto;position:relative;width:20px}#externalStorage .mountOptionsToggle .dropdown{width:auto}.nav-icon-external-storage{background-image:var(--icon-external-dark)}/*# sourceMappingURL=settings.css.map */ diff --git a/apps/files_external/css/settings.css.map b/apps/files_external/css/settings.css.map index 442480cd41a..ad59643d517 100644 --- a/apps/files_external/css/settings.css.map +++ b/apps/files_external/css/settings.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["settings.scss"],"names":[],"mappings":"AAAA;EACC;;;AAGD;EACC;;AAEA;EACC;;;AAKD;EACC;;;AAIF;EACI;;;AAGJ;AACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGA;EACC;EACA;;;AAGF;EAA0B;EAAiB;;;AAC3C;EAAgC;EAAiB;EAAgB;;;AACjE;EAAoB;;;AACpB;EAA+B;;;AAC/B;EAA2B;;;AAE3B;EACC;;AACA;EAGC;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EACC;;;AAMJ;EACC;EACA;;;AAGD;AAAA;EAEC;;;AAED;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAID;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;AACA;EACC;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC","file":"settings.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["settings.scss"],"names":[],"mappings":"AAAA,gBACC,kBAGD,iBACC,qBAEA,8CACC,kBAKD,qDACC,WAIF,2CACI,6BAGJ,2BAEC,mBACA,sBAGD,gCACC,qBACA,YACA,WACA,2BACA,kBACA,eAGA,gIACC,gBACA,UAGF,mDACA,uEACA,8BACA,+CACA,2CAEA,oBACC,YACA,2FAGC,kBACA,qBACA,WACA,yRAEC,WACA,YACA,WACA,WACA,aACA,2BACA,eACA,6TACC,UAMJ,eACC,kBACA,YAGD,8DAEC,mBAED,oCACC,mBAGD,8CACC,iBAGD,4CACC,iBAGD,wCACC,WACA,oBACA,mBAGD,yDACC,sCAID,kDACC,kBACA,QAGD,oDACC,sBAGD,sBACC,kBAGD,+DACC,YACA,YAED,oEACC,cACA,kBAED,0EACC,qBAED,+EACC,kBACA,QACA,iBAED,gGACC,mBACA,QACA,kBACA,cACA,UACA,uBACA,mBACA,gBAGD,2DACC,aACA,wFACC,cACA,UACA,kBACA,WAIF,+CACC,WAGD,2BACC","file":"settings.css"} \ No newline at end of file diff --git a/apps/files_sharing/css/icons.css b/apps/files_sharing/css/icons.css index 3c5fbf8539d..72966bd1594 100644 --- a/apps/files_sharing/css/icons.css +++ b/apps/files_sharing/css/icons.css @@ -1,91 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2019 John Molakvoæ - * - * @author John Molakvoæ - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -.icon-room { - background-image: var(--icon-talk-dark); -} - -.icon-circle { - background-image: var(--icon-circles-dark); -} - -.icon-guests { - background-image: var(--icon-user-dark); -} - -/*# sourceMappingURL=icons.css.map */ +.icon-room{background-image:var(--icon-talk-dark)}.icon-circle{background-image:var(--icon-circles-dark)}.icon-guests{background-image:var(--icon-user-dark)}/*# sourceMappingURL=icons.css.map */ diff --git a/apps/files_sharing/css/icons.css.map b/apps/files_sharing/css/icons.css.map index 09610c8b8fe..5c8233c1143 100644 --- a/apps/files_sharing/css/icons.css.map +++ b/apps/files_sharing/css/icons.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","icons.scss","../../../core/css/functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADzBA;EACC;;;AAED;EACC;;;AAED;EACC","file":"icons.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["icons.scss"],"names":[],"mappings":"AAyBA,WACC,uCAED,aACC,0CAED,aACC","file":"icons.css"} \ No newline at end of file diff --git a/apps/files_sharing/css/mobile.css b/apps/files_sharing/css/mobile.css index c9e3e95acad..c6e560ef001 100644 --- a/apps/files_sharing/css/mobile.css +++ b/apps/files_sharing/css/mobile.css @@ -1,75 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -@media only screen and (max-width: 1024px) { - /* make header scroll up for single shares, more view of content on small screens */ - #header.share-file { - position: absolute !important; - } - /* hide size and date columns */ - table th.column-size, - table td.filesize, - table th.column-mtime, - table td.date { - display: none; - } - /* restrict length of displayed filename to prevent overflow */ - table td.filename .nametext { - max-width: 75% !important; - } - /* on mobile, show single shared image at full width without margin */ - #imgframe { - width: 100%; - padding: 0; - } - /* some margin for the file type icon */ - #imgframe .publicpreview { - margin-top: 32px; - } - /* some padding for better clickability */ - .files-fileList a.action img { - padding: 0 6px 0 12px; - } - /* hide text of the actions on mobile */ - .files-fileList a.action:not(.menuitem) span { - display: none; - } - /* ellipsis on file names */ - .nametext { - width: 60%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - #header .menutoggle { - padding-right: 14px; - background-position: center; - } - .note { - padding: 0 20px; - } - .emptycontent { - margin-top: 10vh; - } -} - -/*# sourceMappingURL=mobile.css.map */ +@media only screen and (max-width: 1024px){#header.share-file{position:absolute !important}table th.column-size,table td.filesize,table th.column-mtime,table td.date{display:none}table td.filename .nametext{max-width:75% !important}#imgframe{width:100%;padding:0}#imgframe .publicpreview{margin-top:32px}.files-fileList a.action img{padding:0 6px 0 12px}.files-fileList a.action:not(.menuitem) span{display:none}.nametext{width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#header .menutoggle{padding-right:14px;background-position:center}.note{padding:0 20px}.emptycontent{margin-top:10vh}}/*# sourceMappingURL=mobile.css.map */ diff --git a/apps/files_sharing/css/mobile.css.map b/apps/files_sharing/css/mobile.css.map index a099f82901e..2fab5000f7a 100644 --- a/apps/files_sharing/css/mobile.css.map +++ b/apps/files_sharing/css/mobile.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAEA;EACA;IACC;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;IACA;;AAED;EACA;IACC;;AAGD;EACA;IACC;;AAED;EACA;IACC;;AAGD;EACA;IACC;IACA;IACA;IACA;;EAGD;IACI;IACA;;EAEJ;IACC;;EAGD;IACC","file":"mobile.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["mobile.scss"],"names":[],"mappings":"AAEA,2CAGA,mBACC,6BAID,2EAIC,aAID,4BACC,yBAID,UACC,WACA,UAGD,yBACC,gBAID,6BACC,qBAGD,6CACC,aAID,UACC,UACA,mBACA,gBACA,uBAGD,oBACI,mBACA,2BAEJ,MACC,eAGD,cACC","file":"mobile.css"} \ No newline at end of file diff --git a/apps/files_sharing/css/public.css b/apps/files_sharing/css/public.css index 9046e44213d..7b4f8756cfd 100644 --- a/apps/files_sharing/css/public.css +++ b/apps/files_sharing/css/public.css @@ -1,276 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -#preview { - text-align: center; -} - -#preview .notCreatable { - display: none; -} - -#noPreview { - display: none; - padding-top: 80px; -} - -#imgframe { - height: 75%; - padding-bottom: 32px; - padding-top: 32px; - width: 80%; - margin: 0 auto; -} - -#imgframe #viewer { - height: 100%; - width: 100%; -} - -#imgframe img { - max-height: calc(100vh - var(--header-height) - 65px - 200px - 16px) !important; - max-width: 100% !important; - width: unset !important; -} - -#imgframe :not(#viewer) img { - min-width: 100px; -} - -#imgframe video { - max-height: calc(100vh - var(--header-height) - 65px - 200px - 16px); -} - -#imgframe .plyr:fullscreen video { - max-height: unset; -} - -#imgframe audio { - display: block; - margin-left: auto; - margin-right: auto; -} - -#imgframe #viewer[data-handler=audios] { - margin-top: 400px; -} - -#imgframe .plyr { - top: 0px !important; -} - -#imgframe .text-preview { - display: inline-block; - position: relative; - text-align: left; - white-space: pre-wrap; - overflow-y: scroll; - height: auto; - min-height: 200px; - max-height: 800px; -} - -#imgframe .ellipsis { - font-size: 1.2em; -} - -#imgframe .viewer__file { - height: 100%; - width: 100%; -} - -#imgframe .plyr { - max-height: 100%; -} - -.app-files_sharing #app-content footer { - position: sticky !important; -} - -/* fix multiselect bar offset on shared page */ -thead { - left: 0 !important; -} - -#data-upload-form { - position: relative; - right: 0; - height: 32px; - overflow: hidden; - padding: 0; - float: right; - display: inline; - margin: 0; -} - -/* keep long file names in one line to not overflow download button on mobile */ -.directDownload #downloadFile { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 90%; - display: inline-block; - margin-left: auto; - margin-right: auto; - margin-top: 16px; -} - -.download-size { - opacity: 0.5; -} - -/* header buttons */ -#details { - display: inline-flex; -} - -#details button, -#details input, -#details .button { - margin: 0 5px; - line-height: normal; -} - -#details button:hover, -#details input:hover, -#details .button:hover { - /* No */ - border-color: rgba(0, 0, 0, 0.3) !important; -} - -#public-upload .avatardiv { - margin: 0 auto; -} - -.emptycontent.has-note { - margin-top: 5vh; -} - -#public-upload .emptycontent h2 { - margin: 10px 0 5px 0; -} - -#public-upload .emptycontent h2 + p { - margin-bottom: 30px; -} - -#public-upload .emptycontent .icon-folder { - height: 16px; - width: 16px; - background-size: 16px; - display: inline-block; - vertical-align: text-top; - margin-bottom: 0; - margin-right: 5px; - opacity: 1; -} - -#public-upload .emptycontent #displayavatar .icon-folder { - height: 48px; - width: 48px; - background-size: 48px; -} - -#public-upload .emptycontent .button { - display: inline-block; - height: auto; - width: auto; - background-size: 16px; - background-position: 16px; - opacity: 0.7; - font-size: 20px; - line-height: initial; - margin: 20px; - padding: 10px 20px; - padding-left: 42px; -} - -#public-upload .emptycontent ul { - width: 230px; - margin: 5px auto 5vh; - text-align: left; -} - -#public-upload .emptycontent li { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding: 7px 0; -} - -#public-upload .emptycontent li img { - margin-right: 5px; - position: relative; - top: 2px; -} - -#drop-upload-progress-indicator span.icon-loading-small { - padding-left: 18px; - margin-right: 7px; -} - -#drop-uploaded-files li #drop-upload-name { - float: left; - max-width: 180px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -#drop-uploaded-files li #drop-upload-status { - float: right; -} - -.disclaimer, -.note { - margin: 0 auto 30px; - max-width: 400px; - text-align: left; -} - -#note-content { - padding: 5px; - display: inline-block; - width: 350px; -} -#note-content .content { - overflow: auto; - max-height: 200px; -} - -#show-terms-dialog { - cursor: pointer; - font-weight: bold; -} - -@media only screen and (min-width: 1025px) { - #body-public .header-right #header-actions-menu > ul > li#download { - display: none; - } -} -@media only screen and (max-width: 1024px) { - #body-public .header-right #header-primary-action { - display: none; - } -} - -/*# sourceMappingURL=public.css.map */ +#preview{text-align:center}#preview .notCreatable{display:none}#noPreview{display:none;padding-top:80px}#imgframe{height:75%;padding-bottom:32px;padding-top:32px;width:80%;margin:0 auto}#imgframe #viewer{height:100%;width:100%}#imgframe img{max-height:calc(100vh - var(--header-height) - 65px - 200px - 16px) !important;max-width:100% !important;width:unset !important}#imgframe :not(#viewer) img{min-width:100px}#imgframe video{max-height:calc(100vh - var(--header-height) - 65px - 200px - 16px)}#imgframe .plyr:fullscreen video{max-height:unset}#imgframe audio{display:block;margin-left:auto;margin-right:auto}#imgframe #viewer[data-handler=audios]{margin-top:400px}#imgframe .plyr{top:0px !important}#imgframe .text-preview{display:inline-block;position:relative;text-align:left;white-space:pre-wrap;overflow-y:scroll;height:auto;min-height:200px;max-height:800px}#imgframe .ellipsis{font-size:1.2em}#imgframe .viewer__file{height:100%;width:100%}#imgframe .plyr{max-height:100%}.app-files_sharing #app-content footer{position:sticky !important}thead{left:0 !important}#data-upload-form{position:relative;right:0;height:32px;overflow:hidden;padding:0;float:right;display:inline;margin:0}.directDownload #downloadFile{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;display:inline-block;margin-left:auto;margin-right:auto;margin-top:16px}.download-size{opacity:.5}#details{display:inline-flex}#details button,#details input,#details .button{margin:0 5px;line-height:normal}#details button:hover,#details input:hover,#details .button:hover{border-color:rgba(0,0,0,.3) !important}#public-upload .avatardiv{margin:0 auto}.emptycontent.has-note{margin-top:5vh}#public-upload .emptycontent h2{margin:10px 0 5px 0}#public-upload .emptycontent h2+p{margin-bottom:30px}#public-upload .emptycontent .icon-folder{height:16px;width:16px;background-size:16px;display:inline-block;vertical-align:text-top;margin-bottom:0;margin-right:5px;opacity:1}#public-upload .emptycontent #displayavatar .icon-folder{height:48px;width:48px;background-size:48px}#public-upload .emptycontent .button{display:inline-block;height:auto;width:auto;background-size:16px;background-position:16px;opacity:.7;font-size:20px;line-height:initial;margin:20px;padding:10px 20px;padding-left:42px}#public-upload .emptycontent ul{width:230px;margin:5px auto 5vh;text-align:left}#public-upload .emptycontent li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 0}#public-upload .emptycontent li img{margin-right:5px;position:relative;top:2px}#drop-upload-progress-indicator span.icon-loading-small{padding-left:18px;margin-right:7px}#drop-uploaded-files li #drop-upload-name{float:left;max-width:180px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#drop-uploaded-files li #drop-upload-status{float:right}.disclaimer,.note{margin:0 auto 30px;max-width:400px;text-align:left}#note-content{padding:5px;display:inline-block;width:350px}#note-content .content{overflow:auto;max-height:200px}#show-terms-dialog{cursor:pointer;font-weight:bold}@media only screen and (min-width: 1025px){#body-public .header-right #header-actions-menu>ul>li#download{display:none}}@media only screen and (max-width: 1024px){#body-public .header-right #header-primary-action{display:none}}/*# sourceMappingURL=public.css.map */ diff --git a/apps/files_sharing/css/public.css.map b/apps/files_sharing/css/public.css.map index 27b1aad4bf3..f193eeff05c 100644 --- a/apps/files_sharing/css/public.css.map +++ b/apps/files_sharing/css/public.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","public.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACMA;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACI;;;AAGJ;EACC;;;AAGD;EACI;;;AAGJ;EACC;EACA;EACA;;;AAGD;EAEI;;;AAGJ;EACI;;;AAGJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAID;EACC;;;AAGD;AACA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC;;;AAED;AAAA;AAAA;EAGC;EACA;;;AAED;AAAA;AAAA;AAGC;EACA;;;AAGD;EACC;;;AAIA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;AACA;EACC;EACA;;;AAIF;EACC;EACA;;;AAKD;EAII;IACC;;;AAQL;EAGG;IACC","file":"public.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["public.scss"],"names":[],"mappings":"AAMA,SACC,kBAGD,uBACC,aAGD,WACC,aACA,iBAGD,UACC,WACA,oBACA,iBACA,UACA,cAGD,kBACC,YACA,WAGD,cACC,+EACA,0BACA,uBAGD,4BACI,gBAGJ,gBACC,oEAGD,iCACI,iBAGJ,gBACC,cACA,iBACA,kBAGD,uCAEI,iBAGJ,gBACI,mBAGJ,wBACC,qBACA,kBACA,gBACA,qBACA,kBACA,YACA,iBACA,iBAGD,oBACC,gBAGD,wBACC,YACA,WAGD,gBACC,gBAID,uCACC,2BAID,MACC,kBAGD,kBACC,kBACA,QACA,YACA,gBACA,UACA,YACA,eACA,SAID,8BACC,mBACA,gBACA,uBACA,cACA,qBACA,iBACA,kBACA,gBAGD,eACC,WAID,SACC,oBAED,gDAGC,aACA,mBAED,kEAIC,uCAGD,0BACC,cAIA,uBACC,eAIF,gCACC,oBAGD,kCACC,mBAGD,0CACC,YACA,WACA,qBACA,qBACA,wBACA,gBACA,iBACA,UAGD,yDACC,YACA,WACA,qBAGD,qCACC,qBACA,YACA,WACA,qBACA,yBACA,WACA,eACA,oBACA,YACA,kBACA,kBAGD,gCACC,YACA,oBACA,gBAGD,gCACC,gBACA,uBACA,mBACA,cAGD,oCACC,iBACA,kBACA,QAGD,wDACC,kBACA,iBAGD,0CACC,WACA,gBACA,uBACA,mBACA,gBAGD,4CACC,YAGD,kBAEC,mBACA,gBACA,gBAGD,cACC,YACA,qBACA,YACA,uBACC,cACA,iBAIF,mBACC,eACA,iBAKD,2CAII,+DACC,cAQL,2CAGG,kDACC","file":"public.css"} \ No newline at end of file diff --git a/apps/files_sharing/css/publicView.css b/apps/files_sharing/css/publicView.css index bcab28711fe..f30d7b84728 100644 --- a/apps/files_sharing/css/publicView.css +++ b/apps/files_sharing/css/publicView.css @@ -1,348 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -#preview { - text-align: center; -} - -#preview .notCreatable { - display: none; -} - -#noPreview { - display: none; - padding-top: 80px; -} - -#imgframe { - height: 75%; - padding-bottom: 32px; - padding-top: 32px; - width: 80%; - margin: 0 auto; -} - -#imgframe #viewer { - height: 100%; - width: 100%; -} - -#imgframe img { - max-height: calc(100vh - var(--header-height) - 65px - 200px - 16px) !important; - max-width: 100% !important; - width: unset !important; -} - -#imgframe :not(#viewer) img { - min-width: 100px; -} - -#imgframe video { - max-height: calc(100vh - var(--header-height) - 65px - 200px - 16px); -} - -#imgframe .plyr:fullscreen video { - max-height: unset; -} - -#imgframe audio { - display: block; - margin-left: auto; - margin-right: auto; -} - -#imgframe #viewer[data-handler=audios] { - margin-top: 400px; -} - -#imgframe .plyr { - top: 0px !important; -} - -#imgframe .text-preview { - display: inline-block; - position: relative; - text-align: left; - white-space: pre-wrap; - overflow-y: scroll; - height: auto; - min-height: 200px; - max-height: 800px; -} - -#imgframe .ellipsis { - font-size: 1.2em; -} - -#imgframe .viewer__file { - height: 100%; - width: 100%; -} - -#imgframe .plyr { - max-height: 100%; -} - -.app-files_sharing #app-content footer { - position: sticky !important; -} - -/* fix multiselect bar offset on shared page */ -thead { - left: 0 !important; -} - -#data-upload-form { - position: relative; - right: 0; - height: 32px; - overflow: hidden; - padding: 0; - float: right; - display: inline; - margin: 0; -} - -/* keep long file names in one line to not overflow download button on mobile */ -.directDownload #downloadFile { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 90%; - display: inline-block; - margin-left: auto; - margin-right: auto; - margin-top: 16px; -} - -.download-size { - opacity: 0.5; -} - -/* header buttons */ -#details { - display: inline-flex; -} - -#details button, -#details input, -#details .button { - margin: 0 5px; - line-height: normal; -} - -#details button:hover, -#details input:hover, -#details .button:hover { - /* No */ - border-color: rgba(0, 0, 0, 0.3) !important; -} - -#public-upload .avatardiv { - margin: 0 auto; -} - -.emptycontent.has-note { - margin-top: 5vh; -} - -#public-upload .emptycontent h2 { - margin: 10px 0 5px 0; -} - -#public-upload .emptycontent h2 + p { - margin-bottom: 30px; -} - -#public-upload .emptycontent .icon-folder { - height: 16px; - width: 16px; - background-size: 16px; - display: inline-block; - vertical-align: text-top; - margin-bottom: 0; - margin-right: 5px; - opacity: 1; -} - -#public-upload .emptycontent #displayavatar .icon-folder { - height: 48px; - width: 48px; - background-size: 48px; -} - -#public-upload .emptycontent .button { - display: inline-block; - height: auto; - width: auto; - background-size: 16px; - background-position: 16px; - opacity: 0.7; - font-size: 20px; - line-height: initial; - margin: 20px; - padding: 10px 20px; - padding-left: 42px; -} - -#public-upload .emptycontent ul { - width: 230px; - margin: 5px auto 5vh; - text-align: left; -} - -#public-upload .emptycontent li { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding: 7px 0; -} - -#public-upload .emptycontent li img { - margin-right: 5px; - position: relative; - top: 2px; -} - -#drop-upload-progress-indicator span.icon-loading-small { - padding-left: 18px; - margin-right: 7px; -} - -#drop-uploaded-files li #drop-upload-name { - float: left; - max-width: 180px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -#drop-uploaded-files li #drop-upload-status { - float: right; -} - -.disclaimer, -.note { - margin: 0 auto 30px; - max-width: 400px; - text-align: left; -} - -#note-content { - padding: 5px; - display: inline-block; - width: 350px; -} -#note-content .content { - overflow: auto; - max-height: 200px; -} - -#show-terms-dialog { - cursor: pointer; - font-weight: bold; -} - -@media only screen and (min-width: 1025px) { - #body-public .header-right #header-actions-menu > ul > li#download { - display: none; - } -} -@media only screen and (max-width: 1024px) { - #body-public .header-right #header-primary-action { - display: none; - } -} -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -@media only screen and (max-width: 1024px) { - /* make header scroll up for single shares, more view of content on small screens */ - #header.share-file { - position: absolute !important; - } - /* hide size and date columns */ - table th.column-size, - table td.filesize, - table th.column-mtime, - table td.date { - display: none; - } - /* restrict length of displayed filename to prevent overflow */ - table td.filename .nametext { - max-width: 75% !important; - } - /* on mobile, show single shared image at full width without margin */ - #imgframe { - width: 100%; - padding: 0; - } - /* some margin for the file type icon */ - #imgframe .publicpreview { - margin-top: 32px; - } - /* some padding for better clickability */ - .files-fileList a.action img { - padding: 0 6px 0 12px; - } - /* hide text of the actions on mobile */ - .files-fileList a.action:not(.menuitem) span { - display: none; - } - /* ellipsis on file names */ - .nametext { - width: 60%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - #header .menutoggle { - padding-right: 14px; - background-position: center; - } - .note { - padding: 0 20px; - } - .emptycontent { - margin-top: 10vh; - } -} - -/*# sourceMappingURL=publicView.css.map */ +#preview{text-align:center}#preview .notCreatable{display:none}#noPreview{display:none;padding-top:80px}#imgframe{height:75%;padding-bottom:32px;padding-top:32px;width:80%;margin:0 auto}#imgframe #viewer{height:100%;width:100%}#imgframe img{max-height:calc(100vh - var(--header-height) - 65px - 200px - 16px) !important;max-width:100% !important;width:unset !important}#imgframe :not(#viewer) img{min-width:100px}#imgframe video{max-height:calc(100vh - var(--header-height) - 65px - 200px - 16px)}#imgframe .plyr:fullscreen video{max-height:unset}#imgframe audio{display:block;margin-left:auto;margin-right:auto}#imgframe #viewer[data-handler=audios]{margin-top:400px}#imgframe .plyr{top:0px !important}#imgframe .text-preview{display:inline-block;position:relative;text-align:left;white-space:pre-wrap;overflow-y:scroll;height:auto;min-height:200px;max-height:800px}#imgframe .ellipsis{font-size:1.2em}#imgframe .viewer__file{height:100%;width:100%}#imgframe .plyr{max-height:100%}.app-files_sharing #app-content footer{position:sticky !important}thead{left:0 !important}#data-upload-form{position:relative;right:0;height:32px;overflow:hidden;padding:0;float:right;display:inline;margin:0}.directDownload #downloadFile{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;display:inline-block;margin-left:auto;margin-right:auto;margin-top:16px}.download-size{opacity:.5}#details{display:inline-flex}#details button,#details input,#details .button{margin:0 5px;line-height:normal}#details button:hover,#details input:hover,#details .button:hover{border-color:rgba(0,0,0,.3) !important}#public-upload .avatardiv{margin:0 auto}.emptycontent.has-note{margin-top:5vh}#public-upload .emptycontent h2{margin:10px 0 5px 0}#public-upload .emptycontent h2+p{margin-bottom:30px}#public-upload .emptycontent .icon-folder{height:16px;width:16px;background-size:16px;display:inline-block;vertical-align:text-top;margin-bottom:0;margin-right:5px;opacity:1}#public-upload .emptycontent #displayavatar .icon-folder{height:48px;width:48px;background-size:48px}#public-upload .emptycontent .button{display:inline-block;height:auto;width:auto;background-size:16px;background-position:16px;opacity:.7;font-size:20px;line-height:initial;margin:20px;padding:10px 20px;padding-left:42px}#public-upload .emptycontent ul{width:230px;margin:5px auto 5vh;text-align:left}#public-upload .emptycontent li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 0}#public-upload .emptycontent li img{margin-right:5px;position:relative;top:2px}#drop-upload-progress-indicator span.icon-loading-small{padding-left:18px;margin-right:7px}#drop-uploaded-files li #drop-upload-name{float:left;max-width:180px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#drop-uploaded-files li #drop-upload-status{float:right}.disclaimer,.note{margin:0 auto 30px;max-width:400px;text-align:left}#note-content{padding:5px;display:inline-block;width:350px}#note-content .content{overflow:auto;max-height:200px}#show-terms-dialog{cursor:pointer;font-weight:bold}@media only screen and (min-width: 1025px){#body-public .header-right #header-actions-menu>ul>li#download{display:none}}@media only screen and (max-width: 1024px){#body-public .header-right #header-primary-action{display:none}}@media only screen and (max-width: 1024px){#header.share-file{position:absolute !important}table th.column-size,table td.filesize,table th.column-mtime,table td.date{display:none}table td.filename .nametext{max-width:75% !important}#imgframe{width:100%;padding:0}#imgframe .publicpreview{margin-top:32px}.files-fileList a.action img{padding:0 6px 0 12px}.files-fileList a.action:not(.menuitem) span{display:none}.nametext{width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#header .menutoggle{padding-right:14px;background-position:center}.note{padding:0 20px}.emptycontent{margin-top:10vh}}/*# sourceMappingURL=publicView.css.map */ diff --git a/apps/files_sharing/css/publicView.css.map b/apps/files_sharing/css/publicView.css.map index 7f76f39a42f..91e34b4c92d 100644 --- a/apps/files_sharing/css/publicView.css.map +++ b/apps/files_sharing/css/publicView.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","public.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACMA;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACI;;;AAGJ;EACC;;;AAGD;EACI;;;AAGJ;EACC;EACA;EACA;;;AAGD;EAEI;;;AAGJ;EACI;;;AAGJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAID;EACC;;;AAGD;AACA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC;;;AAED;AAAA;AAAA;EAGC;EACA;;;AAED;AAAA;AAAA;AAGC;EACA;;;AAGD;EACC;;;AAIA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;AACA;EACC;EACA;;;AAIF;EACC;EACA;;;AAKD;EAII;IACC;;;AAQL;EAGG;IACC;;;AD7QJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AEEA;AAEA;EACA;IACC;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;IACA;;AAED;EACA;IACC;;AAGD;EACA;IACC;;AAED;EACA;IACC;;AAGD;EACA;IACC;IACA;IACA;IACA;;EAGD;IACI;IACA;;EAEJ;IACC;;EAGD;IACC","file":"publicView.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["public.scss","mobile.scss"],"names":[],"mappings":"AAMA,SACC,kBAGD,uBACC,aAGD,WACC,aACA,iBAGD,UACC,WACA,oBACA,iBACA,UACA,cAGD,kBACC,YACA,WAGD,cACC,+EACA,0BACA,uBAGD,4BACI,gBAGJ,gBACC,oEAGD,iCACI,iBAGJ,gBACC,cACA,iBACA,kBAGD,uCAEI,iBAGJ,gBACI,mBAGJ,wBACC,qBACA,kBACA,gBACA,qBACA,kBACA,YACA,iBACA,iBAGD,oBACC,gBAGD,wBACC,YACA,WAGD,gBACC,gBAID,uCACC,2BAID,MACC,kBAGD,kBACC,kBACA,QACA,YACA,gBACA,UACA,YACA,eACA,SAID,8BACC,mBACA,gBACA,uBACA,cACA,qBACA,iBACA,kBACA,gBAGD,eACC,WAID,SACC,oBAED,gDAGC,aACA,mBAED,kEAIC,uCAGD,0BACC,cAIA,uBACC,eAIF,gCACC,oBAGD,kCACC,mBAGD,0CACC,YACA,WACA,qBACA,qBACA,wBACA,gBACA,iBACA,UAGD,yDACC,YACA,WACA,qBAGD,qCACC,qBACA,YACA,WACA,qBACA,yBACA,WACA,eACA,oBACA,YACA,kBACA,kBAGD,gCACC,YACA,oBACA,gBAGD,gCACC,gBACA,uBACA,mBACA,cAGD,oCACC,iBACA,kBACA,QAGD,wDACC,kBACA,iBAGD,0CACC,WACA,gBACA,uBACA,mBACA,gBAGD,4CACC,YAGD,kBAEC,mBACA,gBACA,gBAGD,cACC,YACA,qBACA,YACA,uBACC,cACA,iBAIF,mBACC,eACA,iBAKD,2CAII,+DACC,cAQL,2CAGG,kDACC,cC3QJ,2CAGA,mBACC,6BAID,2EAIC,aAID,4BACC,yBAID,UACC,WACA,UAGD,yBACC,gBAID,6BACC,qBAGD,6CACC,aAID,UACC,UACA,mBACA,gBACA,uBAGD,oBACI,mBACA,2BAEJ,MACC,eAGD,cACC","file":"publicView.css"} \ No newline at end of file diff --git a/apps/settings/css/settings.css b/apps/settings/css/settings.css index bba4169a18b..15abfad97f0 100644 --- a/apps/settings/css/settings.css +++ b/apps/settings/css/settings.css @@ -1,1474 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net - This file is licensed under the Affero General Public License version 3 or later. - See the COPYING-README file. */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -input#openid, input#webdav { - width: 20em; -} - -/* PERSONAL */ -.clear { - clear: both; -} - -/* icons for sidebar */ -.nav-icon-personal-settings { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-personal-dark); -} - -.nav-icon-security { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-toggle-filelist-dark); -} - -.nav-icon-clientsbox { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-change-dark); -} - -.nav-icon-federated-cloud { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-share-dark); -} - -.nav-icon-second-factor-backup-codes, .nav-icon-ssl-root-certificate { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-password-dark); -} - -#personal-settings-avatar-container { - display: inline-grid; - grid-template-columns: 1fr; - grid-template-rows: 2fr 1fr 2fr; - vertical-align: top; -} - -.profile-settings-container { - display: inline-grid; - grid-template-columns: 1fr 1fr 1fr; -} - -.personal-show-container { - width: 100%; -} - -.personal-settings-setting-box .section { - padding: 10px 30px; -} -.personal-settings-setting-box .section h3 { - margin-bottom: 0; -} -.personal-settings-setting-box .section input[type=text], .personal-settings-setting-box .section input[type=email], .personal-settings-setting-box .section input[type=tel], .personal-settings-setting-box .section input[type=url] { - width: 100%; -} -.personal-settings-setting-box-profile { - grid-row: 3/5; -} -.personal-settings-setting-box-detail { - grid-row: 5; -} -.personal-settings-setting-box-detail--without-profile { - grid-row: 3; -} - -select#timezone { - width: 100%; -} - -#personal-settings { - display: grid; - padding: 20px; - max-width: 1700px; - grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); -} -#personal-settings .section { - padding: 10px 10px; - border: 0; -} -#personal-settings .section h2 { - margin-bottom: 12px; -} -#personal-settings .personal-info { - margin-right: 10%; - margin-bottom: 12px; - margin-top: 12px; -} -#personal-settings .personal-info[class^=icon-], #personal-settings .personal-info[class*=" icon-"] { - background-position: 0px 2px; - padding-left: 30px; - opacity: 0.7; -} - -.development-notice { - text-align: center; -} -.development-notice a:not(.link-button) { - text-decoration: underline; -} -.development-notice a:not(.link-button):hover { - background-color: var(--color-primary-element-hover); -} - -.link-button { - display: inline-block; - margin: 16px; - padding: 14px 20px; - background-color: var(--color-primary); - color: #fff; - border-radius: var(--border-radius-pill); - border: 1px solid var(--color-primary); - box-shadow: 0 2px 9px var(--color-box-shadow); -} -.link-button:active, .link-button:hover, .link-button:focus { - color: var(--color-primary); - background-color: var(--color-primary-text); - border-color: var(--color-primary) !important; -} -.link-button.icon-file { - padding-left: 48px; - background-position: 24px; -} - -.personal-settings-container { - display: inline-grid; - grid-template-columns: 1fr 1fr 1fr; -} -.personal-settings-container:after { - clear: both; -} -.personal-settings-container > div h3 { - position: relative; - display: inline-flex; - flex-wrap: nowrap; - justify-content: flex-start; - width: 100%; - align-items: center; - gap: 8px; -} -.personal-settings-container > div h3 > label { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} -.personal-settings-container > div > form span[class^=icon-checkmark], .personal-settings-container > div > form span[class^=icon-error] { - position: relative; - right: 8px; - top: -28px; - pointer-events: none; - float: right; -} -.personal-settings-container .verify { - position: relative; - left: 100%; - top: 0; - height: 0; -} -.personal-settings-container .verify img { - padding: 12px 7px 6px; -} -.personal-settings-container .verify-action { - cursor: pointer; -} -.personal-settings-container input:disabled { - background-color: white; - color: black; - border: none; - opacity: 100; -} - -/* verify accounts */ -/* only show pointer cursor when popup will be there */ -.verification-dialog { - display: none; - right: -9px; - top: 40px; - width: 275px; -} -.verification-dialog p { - padding: 10px; -} -.verification-dialog .verificationCode { - font-family: monospace; - display: block; - overflow-wrap: break-word; -} - -.federation-menu { - position: relative; - cursor: pointer; - width: 44px; - height: 44px; - padding: 10px; - margin: 0; - background: none; - border: none; -} -.federation-menu:hover, .federation-menu:focus { - background-color: var(--color-background-hover); - border-radius: var(--border-radius-pill); -} -.federation-menu:hover .icon-federation-menu, .federation-menu:focus .icon-federation-menu { - opacity: 0.8; -} -.federation-menu .icon-federation-menu { - padding-left: 16px; - background-size: 16px; - background-position: left center; - opacity: 0.3; - cursor: inherit; -} -.federation-menu .icon-federation-menu .icon-triangle-s { - display: inline-block; - vertical-align: middle; - cursor: inherit; -} -.federation-menu .federationScopeMenu { - top: 44px; -} -.federation-menu .federationScopeMenu.popovermenu .menuitem { - font-size: 12.8px; - line-height: 1.6em; -} -.federation-menu .federationScopeMenu.popovermenu .menuitem .menuitem-text-detail { - opacity: 0.75; -} -.federation-menu .federationScopeMenu.popovermenu .menuitem.active { - box-shadow: inset 2px 0 var(--color-primary); -} -.federation-menu .federationScopeMenu.popovermenu .menuitem.active .menuitem-text { - font-weight: bold; -} -.federation-menu .federationScopeMenu.popovermenu .menuitem.disabled { - opacity: 0.5; - cursor: default; -} -.federation-menu .federationScopeMenu.popovermenu .menuitem.disabled * { - cursor: default; -} - -.clientsbox img { - height: 60px; -} - -#sslCertificate tr.expired { - background-color: rgba(255, 0, 0, 0.5); -} -#sslCertificate td { - padding: 5px; -} - -#displaynameerror, -#displaynamechanged { - display: none; -} - -input#identity { - width: 20em; -} - -#showWizard { - display: inline-block; -} - -.msg.success { - color: #fff; - background-color: #47a447; - padding: 3px; -} -.msg.error { - color: #fff; - background-color: #d2322d; - padding: 3px; -} - -table.nostyle label { - margin-right: 2em; -} -table.nostyle td { - padding: 0.2em 0; -} - -#security-password #passwordform { - display: flex; - flex-wrap: wrap; - flex-direction: column; - gap: 1rem; -} -#security-password #passwordform .input-control { - display: flex; - flex-wrap: wrap; - flex-direction: column; -} -#security-password #passwordform .input-control label { - margin-bottom: 0.5rem; -} -#security-password #passwordform #pass1, #security-password #passwordform .personal-show-container { - flex-shrink: 1; - width: 300px; - min-width: 150px; -} -#security-password #passwordform .personal-show-container #pass2 { - position: relative; - top: 0.5rem; -} -#security-password #passwordform .personal-show-container .personal-show-label { - top: 34px !important; - margin-right: 0; - margin-top: 0 !important; - right: 3px; -} -#security-password #passwordform #pass2 { - width: 100%; -} -#security-password #passwordform .password-state { - display: inline-block; -} -#security-password #passwordform .strengthify-wrapper { - position: absolute; - left: 0; - width: 100%; - border-radius: 0 0 2px 2px; - margin-top: 5px; - overflow: hidden; - height: 3px; -} - -/* Two-Factor Authentication (2FA) */ -#two-factor-auth h3 { - margin-top: 24px; -} -#two-factor-auth li > div { - margin-left: 20px; -} -#two-factor-auth .two-factor-provider-settings-icon { - width: 16px; - height: 16px; - vertical-align: sub; - filter: var(--background-invert-if-dark); -} - -/* USERS */ -.isgroup .groupname { - width: 85%; - display: block; - overflow: hidden; - text-overflow: ellipsis; -} -.isgroup.active .groupname { - width: 65%; -} - -li.active .delete, -li.active .rename { - display: block; -} - -.app-navigation-entry-utils .delete, -.app-navigation-entry-utils .rename { - display: none; -} - -#usersearchform { - position: absolute; - top: 2px; - right: 0; -} -#usersearchform input { - width: 150px; -} -#usersearchform label { - font-weight: bold; -} - -/* display table at full width */ -table.grid { - width: 100%; -} -table.grid th { - height: 2em; - color: #999; - border-bottom: 1px solid var(--color-border); - padding: 0 0.5em; - padding-left: 0.8em; - text-align: left; - font-weight: normal; -} -table.grid td { - border-bottom: 1px solid var(--color-border); - padding: 0 0.5em; - padding-left: 0.8em; - text-align: left; - font-weight: normal; -} - -td.name, th.name { - padding-left: 0.8em; - min-width: 5em; - max-width: 12em; - text-overflow: ellipsis; - overflow: hidden; -} -td.password, th.password { - padding-left: 0.8em; -} -td.password > img, th.password > img { - visibility: hidden; -} -td.displayName > img, th.displayName > img { - visibility: hidden; -} -td.password, td.mailAddress, th.password, th.mailAddress { - min-width: 5em; - max-width: 12em; - cursor: pointer; -} -td.password span, td.mailAddress span, th.password span, th.mailAddress span { - width: 90%; - display: inline-block; - text-overflow: ellipsis; - overflow: hidden; -} -td.mailAddress, th.mailAddress { - cursor: pointer; -} -td.password > span, th.password > span { - margin-right: 1.2em; - color: #C7C7C7; -} - -span.usersLastLoginTooltip { - white-space: nowrap; -} - -/* APPS */ -#app-content > svg.app-filter { - float: left; - height: 0; - width: 0; -} - -#app-category-app-bundles { - margin-bottom: 20px; -} - -.appinfo { - margin: 1em 40px; -} - -#app-navigation { - /* Navigation icons */ -} -#app-navigation img { - margin-bottom: -3px; - margin-right: 6px; - width: 16px; -} -#app-navigation li span.no-icon { - padding-left: 32px; -} -#app-navigation ul li.active > span.utils .delete, #app-navigation ul li.active > span.utils .rename { - display: block; -} -#app-navigation .appwarning { - background: #fcc; -} -#app-navigation.appwarning:hover { - background: #fbb; -} -#app-navigation .app-external { - color: var(--color-text-maxcontrast); -} - -span.version { - margin-left: 1em; - margin-right: 1em; - color: var(--color-text-maxcontrast); -} - -.app-version { - color: var(--color-text-maxcontrast); -} - -.app-level span { - color: var(--color-text-maxcontrast); - background-color: transparent; - border: 1px solid var(--color-text-maxcontrast); - border-radius: var(--border-radius); - padding: 3px 6px; -} -.app-level a { - padding: 10px; - margin: -6px; - white-space: nowrap; -} -.app-level .official { - background-position: left center; - background-position: 5px center; - padding-left: 25px; -} -.app-level .supported { - border-color: var(--color-success); - background-position: left center; - background-position: 5px center; - padding-left: 25px; - color: var(--color-success); -} - -.app-score { - position: relative; - top: 4px; - opacity: 0.5; -} - -.app-settings-content #searchresults { - display: none; -} - -#apps-list.store .section { - border: 0; -} -#apps-list.store .app-name { - display: block; - margin: 5px 0; -} -#apps-list.store .app-name, #apps-list.store .app-image * { - cursor: pointer; -} -#apps-list.store .app-summary { - opacity: 0.7; -} -#apps-list.store .app-image-icon .icon-settings-dark { - width: 100%; - height: 150px; - background-size: 45px; - opacity: 0.5; -} -#apps-list.store .app-score-image { - height: 14px; -} -#apps-list.store .actions { - margin-top: 10px; -} - -#app-sidebar #app-details-view h2 .icon-settings-dark, -#app-sidebar #app-details-view h2 svg { - display: inline-block; - width: 16px; - height: 16px; - margin-right: 10px; - opacity: 0.7; -} -#app-sidebar #app-details-view .app-level { - clear: right; - width: 100%; -} -#app-sidebar #app-details-view .app-level .supported, -#app-sidebar #app-details-view .app-level .official { - vertical-align: top; -} -#app-sidebar #app-details-view .app-level .app-score-image { - float: right; -} -#app-sidebar #app-details-view .app-author, #app-sidebar #app-details-view .app-licence { - color: var(--color-text-maxcontrast); -} -#app-sidebar #app-details-view .app-dependencies { - margin: 10px 0; -} -#app-sidebar #app-details-view .app-description p { - margin: 10px 0; -} -#app-sidebar #app-details-view .close { - position: absolute; - top: 0; - right: 0; - padding: 14px; - opacity: 0.5; - z-index: 1; - width: 44px; - height: 44px; -} -#app-sidebar #app-details-view .actions { - display: flex; - align-items: center; -} -#app-sidebar #app-details-view .actions .app-groups { - padding: 5px; -} -#app-sidebar #app-details-view .appslink { - text-decoration: underline; - margin-right: 5px; -} -#app-sidebar #app-details-view .app-level, -#app-sidebar #app-details-view .actions, -#app-sidebar #app-details-view .documentation, -#app-sidebar #app-details-view .app-dependencies, -#app-sidebar #app-details-view .app-description { - margin: 20px 0; -} - -@media only screen and (min-width: 1601px) { - .store .section { - width: 25%; - } - .with-app-sidebar .store .section { - width: 33%; - } -} -@media only screen and (max-width: 1600px) { - .store .section { - width: 25%; - } - .with-app-sidebar .store .section { - width: 33%; - } -} -@media only screen and (max-width: 1400px) { - .store .section { - width: 33%; - } - .with-app-sidebar .store .section { - width: 50%; - } -} -@media only screen and (max-width: 900px) { - .store .section { - width: 50%; - } - .with-app-sidebar .store .section { - width: 100%; - } -} -@media only screen and (max-width: 1024px) { - .store .section { - width: 50%; - } -} -@media only screen and (max-width: 480px) { - .store .section { - width: 100%; - } -} -/* hide app version and level on narrower screens */ -@media only screen and (max-width: 900px) { - .apps-list.installed .app-version, .apps-list.installed .app-level { - display: none !important; - } -} -@media only screen and (max-width: 500px) { - .apps-list.installed .app-groups { - display: none !important; - } -} -.section { - margin-bottom: 0; - /* section divider lines, none needed for last one */ - /* correctly display help icons next to headings */ -} -.section:not(:last-child) { - border-bottom: 1px solid var(--color-border); -} -.section h2 { - margin-bottom: 22px; -} -.section h2 .icon-info { - padding: 6px 20px; - vertical-align: text-bottom; - display: inline-block; -} - -.followupsection { - display: block; - padding: 0 30px 30px 30px; -} - -.app-image { - position: relative; - height: 150px; - opacity: 1; - overflow: hidden; -} - -.app-name, .app-version, .app-score, .app-level { - display: inline-block; -} - -.app-description-toggle-show, .app-description-toggle-hide { - clear: both; - padding: 7px 0; - cursor: pointer; - opacity: 0.5; -} - -.app-description-container { - clear: both; - position: relative; - top: 7px; -} - -.app-description { - clear: both; -} - -#app-category-1 { - margin-bottom: 18px; -} - -/* capitalize 'Other' category */ -#app-category-925 { - text-transform: capitalize; -} - -.app-dependencies { - color: #ce3702; -} - -.missing-dependencies { - list-style: initial; - list-style-type: initial; - list-style-position: inside; -} - -.apps-list { - display: flex; - flex-wrap: wrap; - align-content: flex-start; - /* Bundle header */ -} -.apps-list .section { - cursor: pointer; -} -.apps-list .app-list-move { - transition: transform 1s; -} -.apps-list #app-list-update-all { - margin-left: 10px; -} -.apps-list .toolbar { - height: 60px; - padding: 8px; - padding-left: 60px; - width: 100%; - background-color: var(--color-main-background); - position: sticky; - top: 0; - z-index: 1; - display: flex; - align-items: center; -} -.apps-list.installed { - margin-bottom: 100px; -} -.apps-list.installed .apps-list-container { - display: table; - width: 100%; - height: auto; - margin-top: 60px; -} -.apps-list.installed .section { - display: table-row; - padding: 0; - margin: 0; -} -.apps-list.installed .section > * { - display: table-cell; - height: initial; - vertical-align: middle; - float: none; - border-bottom: 1px solid var(--color-border); - padding: 6px; - box-sizing: border-box; -} -.apps-list.installed .section.selected { - background-color: var(--color-background-dark); -} -.apps-list.installed .groups-enable { - margin-top: 0; -} -.apps-list.installed .groups-enable label { - margin-right: 3px; -} -.apps-list.installed .app-image { - width: 44px; - height: auto; - text-align: right; -} -.apps-list.installed .app-image-icon svg, -.apps-list.installed .app-image-icon .icon-settings-dark { - margin-top: 5px; - width: 20px; - height: 20px; - opacity: 0.5; - background-size: cover; - display: inline-block; -} -.apps-list.installed .actions { - text-align: right; -} -.apps-list.installed .actions .icon-loading-small { - display: inline-block; - top: 4px; - margin-right: 10px; -} -.apps-list:not(.installed) .app-image-icon svg { - position: absolute; - bottom: 43px; - /* position halfway vertically */ - width: 64px; - height: 64px; - opacity: 0.1; -} -.apps-list.hidden { - display: none; -} -.apps-list .section { - position: relative; - flex: 0 0 auto; -} -.apps-list .section h2.app-name { - display: block; - margin: 8px 0; -} -.apps-list .section:hover { - background-color: var(--color-background-dark); -} -.apps-list .app-description p { - margin: 10px 0; -} -.apps-list .app-description ul { - list-style: disc; -} -.apps-list .app-description ol { - list-style: decimal; -} -.apps-list .app-description ol ol, .apps-list .app-description ol ul { - padding-left: 15px; -} -.apps-list .app-description > ul, .apps-list .app-description > ol { - margin-left: 19px; -} -.apps-list .app-description ul ol, .apps-list .app-description ul ul { - padding-left: 15px; -} -.apps-list .apps-header { - display: table-row; - position: relative; -} -.apps-list .apps-header div { - display: table-cell; - height: 70px; -} -.apps-list .apps-header h2 { - display: table-cell; - position: absolute; - padding-left: 6px; - padding-top: 15px; -} -.apps-list .apps-header h2 .enable { - position: relative; - top: -1px; - margin-left: 12px; -} -.apps-list .apps-header h2 + .section { - margin-top: 50px; -} - -#apps-list-search .section h2 { - margin-bottom: 0; -} - -/* LOG */ -#log { - white-space: normal; - margin-bottom: 14px; -} - -#lessLog { - display: none; -} - -table.grid td.date { - white-space: nowrap; -} - -#log-section p { - margin-top: 20px; -} - -#security-warning-state-ok span, -#security-warning-state-warning span, -#security-warning-state-failure span, -#security-warning-state-loading span { - vertical-align: middle; -} -#security-warning-state-ok span.message, -#security-warning-state-warning span.message, -#security-warning-state-failure span.message, -#security-warning-state-loading span.message { - padding: 12px; -} -#security-warning-state-ok span.icon, -#security-warning-state-warning span.icon, -#security-warning-state-failure span.icon, -#security-warning-state-loading span.icon { - width: 32px; - height: 32px; - background-position: center center; - display: inline-block; - border-radius: 50%; -} -#security-warning-state-ok span.icon-checkmark-white, -#security-warning-state-warning span.icon-checkmark-white, -#security-warning-state-failure span.icon-checkmark-white, -#security-warning-state-loading span.icon-checkmark-white { - background-color: var(--color-success); -} -#security-warning-state-ok span.icon-error-white, -#security-warning-state-warning span.icon-error-white, -#security-warning-state-failure span.icon-error-white, -#security-warning-state-loading span.icon-error-white { - background-color: var(--color-warning); -} -#security-warning-state-ok span.icon-close-white, -#security-warning-state-warning span.icon-close-white, -#security-warning-state-failure span.icon-close-white, -#security-warning-state-loading span.icon-close-white { - background-color: var(--color-error); -} - -#shareAPI p { - padding-bottom: 0.8em; -} -#shareAPI input#shareapiExpireAfterNDays { - width: 40px; -} -#shareAPI .indent { - padding-left: 28px; -} -#shareAPI .double-indent { - padding-left: 56px; -} -#shareAPI .nocheckbox { - padding-left: 20px; -} - -#shareApiDefaultPermissionsSection label { - margin-right: 20px; -} - -#fileSharingSettings h3 { - display: inline-block; -} - -#publicShareDisclaimerText { - width: calc(100% - 23px); - /* 20 px left margin, 3 px right margin */ - max-width: 600px; - height: 150px; - margin-left: 20px; - box-sizing: border-box; -} - -/* correctly display help icons next to headings */ -.icon-info { - padding: 11px 20px; - vertical-align: text-bottom; - opacity: 0.5; -} - -#two-factor-auth h2, -#shareAPI h2, -#mail_general_settings h2 { - display: inline-block; -} - -.mail_settings p label:first-child { - display: inline-block; - width: 300px; - text-align: right; -} -.mail_settings p select:nth-child(2), -.mail_settings p input:not([type=button]) { - width: 143px; -} - -#mail_smtpport { - width: 60px; -} - -.cronlog { - margin-left: 10px; -} - -.status { - display: inline-block; - height: 16px; - width: 16px; - vertical-align: text-bottom; -} -.status.success { - border-radius: 50%; -} - -#selectGroups select { - box-sizing: border-box; - display: inline-block; - height: 36px; - padding: 7px 10px; -} - -#log .log-message { - word-break: break-all; - min-width: 180px; -} - -span.success { - background-color: var(--color-success); - border-radius: var(--border-radius); -} -span.error { - background-color: var(--color-error); -} -span.indeterminate { - background-color: var(--color-warning); - border-radius: 40% 0; -} - -/* OPERA hack for strengthify*/ -doesnotexist:-o-prefocus, .strengthify-wrapper { - left: 185px; - width: 129px; -} - -.trusted-domain-warning { - color: #fff; - padding: 5px; - background: #ce3702; - border-radius: 5px; - font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; -} - -#postsetupchecks ul { - margin-left: 44px; - list-style: disc; -} -#postsetupchecks ul li { - margin: 10px 0; -} -#postsetupchecks ul ul { - list-style: circle; -} -#postsetupchecks .loading { - height: 50px; - background-position: left center; -} -#postsetupchecks .errors, #postsetupchecks .errors a { - color: var(--color-error); -} -#postsetupchecks .warnings, #postsetupchecks .warnings a { - color: var(--color-warning); -} -#postsetupchecks .hint { - margin: 20px 0; -} - -#security-warning a { - text-decoration: underline; -} -#security-warning .extra-top-margin { - margin-top: 12px; -} - -#admin-tips li { - list-style: initial; -} -#admin-tips li a { - display: inline-block; - padding: 3px 0; -} - -#warning { - color: red; -} - -.settings-hint { - margin-top: -12px; - margin-bottom: 12px; - opacity: 0.7; -} - -/* USERS LIST -------------------------------------------------------------- */ -#body-settings #app-content.user-list-grid { - display: grid; - grid-column-gap: 20px; - grid-auto-rows: minmax(60px, max-content); -} -#body-settings #app-content.user-list-grid .row { - display: flex; - display: grid; - min-height: 60px; - grid-row-start: span 1; - grid-gap: 3px; - align-items: center; - /* let's define the column until storage path, - what follows will be manually defined */ - grid-template-columns: 44px minmax(190px, 1fr) minmax(160px, 1fr) minmax(160px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr) repeat(auto-fit, minmax(160px, 1fr)); - border-bottom: var(--color-border) 1px solid; - /* grid col width */ - /* various */ -} -#body-settings #app-content.user-list-grid .row.disabled { - opacity: 0.5; -} -#body-settings #app-content.user-list-grid .row .name, -#body-settings #app-content.user-list-grid .row .password, -#body-settings #app-content.user-list-grid .row .mailAddress, -#body-settings #app-content.user-list-grid .row .languages, -#body-settings #app-content.user-list-grid .row .storageLocation, -#body-settings #app-content.user-list-grid .row .userBackend, -#body-settings #app-content.user-list-grid .row .lastLogin { - min-width: 160px; -} -#body-settings #app-content.user-list-grid .row .name doesnotexist:-o-prefocus, #body-settings #app-content.user-list-grid .row .name .strengthify-wrapper, -#body-settings #app-content.user-list-grid .row .password doesnotexist:-o-prefocus, -#body-settings #app-content.user-list-grid .row .password .strengthify-wrapper, -#body-settings #app-content.user-list-grid .row .mailAddress doesnotexist:-o-prefocus, -#body-settings #app-content.user-list-grid .row .mailAddress .strengthify-wrapper, -#body-settings #app-content.user-list-grid .row .languages doesnotexist:-o-prefocus, -#body-settings #app-content.user-list-grid .row .languages .strengthify-wrapper, -#body-settings #app-content.user-list-grid .row .storageLocation doesnotexist:-o-prefocus, -#body-settings #app-content.user-list-grid .row .storageLocation .strengthify-wrapper, -#body-settings #app-content.user-list-grid .row .userBackend doesnotexist:-o-prefocus, -#body-settings #app-content.user-list-grid .row .userBackend .strengthify-wrapper, -#body-settings #app-content.user-list-grid .row .lastLogin doesnotexist:-o-prefocus, -#body-settings #app-content.user-list-grid .row .lastLogin .strengthify-wrapper { - color: var(--color-text-dark); - vertical-align: baseline; - text-overflow: ellipsis; -} -#body-settings #app-content.user-list-grid .row:not(.row--editable).name, #body-settings #app-content.user-list-grid .row:not(.row--editable).password, #body-settings #app-content.user-list-grid .row:not(.row--editable).displayName, #body-settings #app-content.user-list-grid .row:not(.row--editable).mailAddress, #body-settings #app-content.user-list-grid .row:not(.row--editable).userBackend, #body-settings #app-content.user-list-grid .row:not(.row--editable).languages { - overflow: hidden; -} -#body-settings #app-content.user-list-grid .row:not(.row--editable) .groups, -#body-settings #app-content.user-list-grid .row:not(.row--editable) .subadmins { - overflow: auto; - max-height: 100%; -} -#body-settings #app-content.user-list-grid .row .groups, -#body-settings #app-content.user-list-grid .row .subadmins, -#body-settings #app-content.user-list-grid .row .quota { - min-width: 160px; -} -#body-settings #app-content.user-list-grid .row .groups .multiselect, -#body-settings #app-content.user-list-grid .row .subadmins .multiselect, -#body-settings #app-content.user-list-grid .row .quota .multiselect { - width: 100%; - color: var(--color-text-dark); - vertical-align: baseline; -} -#body-settings #app-content.user-list-grid .row .groups progress, -#body-settings #app-content.user-list-grid .row .subadmins progress, -#body-settings #app-content.user-list-grid .row .quota progress { - max-width: 95%; -} -#body-settings #app-content.user-list-grid .row .obfuscated { - width: 400px; - opacity: 0.7; -} -#body-settings #app-content.user-list-grid .row .userActions { - display: flex; - justify-content: flex-end; - position: sticky; - right: 0px; - min-width: 88px; - background-color: var(--color-main-background); -} -#body-settings #app-content.user-list-grid .row.row--editable .userActions { - z-index: 10; -} -#body-settings #app-content.user-list-grid .row .subtitle { - color: var(--color-text-maxcontrast); - vertical-align: baseline; -} -#body-settings #app-content.user-list-grid .row#grid-header { - position: sticky; - align-self: normal; - background-color: var(--color-main-background); - z-index: 100; /* above multiselect */ - top: 0; -} -#body-settings #app-content.user-list-grid .row#grid-header.sticky { - box-shadow: 0 -2px 10px 1px var(--color-box-shadow); -} -#body-settings #app-content.user-list-grid .row#grid-header { - color: var(--color-text-maxcontrast); - border-bottom-width: thin; -} -#body-settings #app-content.user-list-grid .row#grid-header #headerDisplayName, -#body-settings #app-content.user-list-grid .row#grid-header #headerPassword, -#body-settings #app-content.user-list-grid .row#grid-header #headerAddress, -#body-settings #app-content.user-list-grid .row#grid-header #headerGroups, -#body-settings #app-content.user-list-grid .row#grid-header #headerSubAdmins, -#body-settings #app-content.user-list-grid .row#grid-header #theHeaderUserBackend, -#body-settings #app-content.user-list-grid .row#grid-header #theHeaderLastLogin, -#body-settings #app-content.user-list-grid .row#grid-header #headerQuota, -#body-settings #app-content.user-list-grid .row#grid-header #theHeaderStorageLocation, -#body-settings #app-content.user-list-grid .row#grid-header #headerLanguages { - /* Line up header text with column content for when there’s inputs */ - padding-left: 7px; - text-transform: none; - color: var(--color-text-maxcontrast); - vertical-align: baseline; -} -#body-settings #app-content.user-list-grid .row:hover input:not([type=submit]):not(:focus):not(:active) { - border-color: var(--color-border) !important; -} -#body-settings #app-content.user-list-grid .row:hover:not(#grid-header) { - box-shadow: 5px 0 0 var(--color-primary-element) inset; -} -#body-settings #app-content.user-list-grid .row > form { - width: 100%; -} -#body-settings #app-content.user-list-grid .row > div, -#body-settings #app-content.user-list-grid .row > .displayName > form, -#body-settings #app-content.user-list-grid .row > form { - grid-row: 1; - display: inline-flex; - color: var(--color-text-lighter); - flex-grow: 1; - /* inputs like mail, username, password */ - /* Fill the grid cell */ -} -#body-settings #app-content.user-list-grid .row > div > input:not(:focus):not(:active), -#body-settings #app-content.user-list-grid .row > .displayName > form > input:not(:focus):not(:active), -#body-settings #app-content.user-list-grid .row > form > input:not(:focus):not(:active) { - border-color: transparent; - cursor: pointer; -} -#body-settings #app-content.user-list-grid .row > div > input:focus + .icon-confirm, #body-settings #app-content.user-list-grid .row > div > input:active + .icon-confirm, -#body-settings #app-content.user-list-grid .row > .displayName > form > input:focus + .icon-confirm, -#body-settings #app-content.user-list-grid .row > .displayName > form > input:active + .icon-confirm, -#body-settings #app-content.user-list-grid .row > form > input:focus + .icon-confirm, -#body-settings #app-content.user-list-grid .row > form > input:active + .icon-confirm { - display: block !important; -} -#body-settings #app-content.user-list-grid .row > div:not(.userActions) > input:not([type=submit]), -#body-settings #app-content.user-list-grid .row > .displayName > form:not(.userActions) > input:not([type=submit]), -#body-settings #app-content.user-list-grid .row > form:not(.userActions) > input:not([type=submit]) { - width: 100%; - min-width: 0; -} -#body-settings #app-content.user-list-grid .row > div.name, -#body-settings #app-content.user-list-grid .row > .displayName > form.name, -#body-settings #app-content.user-list-grid .row > form.name { - word-break: break-all; -} -#body-settings #app-content.user-list-grid .row > div.displayName > input, #body-settings #app-content.user-list-grid .row > div.mailAddress > input, -#body-settings #app-content.user-list-grid .row > .displayName > form.displayName > input, -#body-settings #app-content.user-list-grid .row > .displayName > form.mailAddress > input, -#body-settings #app-content.user-list-grid .row > form.displayName > input, -#body-settings #app-content.user-list-grid .row > form.mailAddress > input { - text-overflow: ellipsis; - flex-grow: 1; -} -#body-settings #app-content.user-list-grid .row > div.name, #body-settings #app-content.user-list-grid .row > div.userBackend, -#body-settings #app-content.user-list-grid .row > .displayName > form.name, -#body-settings #app-content.user-list-grid .row > .displayName > form.userBackend, -#body-settings #app-content.user-list-grid .row > form.name, -#body-settings #app-content.user-list-grid .row > form.userBackend { - /* better multi-line visual */ - line-height: 1.3em; - max-height: 100%; - overflow: hidden; - /* not supported by all browsers - so we keep the overflow hidden - as a fallback */ - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; -} -#body-settings #app-content.user-list-grid .row > div.name .subtitle, -#body-settings #app-content.user-list-grid .row > .displayName > form.name .subtitle, -#body-settings #app-content.user-list-grid .row > form.name .subtitle { - color: var(--color-main-text); -} -#body-settings #app-content.user-list-grid .row > div.quota, -#body-settings #app-content.user-list-grid .row > .displayName > form.quota, -#body-settings #app-content.user-list-grid .row > form.quota { - display: flex; - justify-content: left; - white-space: nowrap; - position: relative; -} -#body-settings #app-content.user-list-grid .row > div.quota progress, -#body-settings #app-content.user-list-grid .row > .displayName > form.quota progress, -#body-settings #app-content.user-list-grid .row > form.quota progress { - width: 150px; - margin-top: 35px; - height: 3px; -} -#body-settings #app-content.user-list-grid .row > div .icon-confirm, -#body-settings #app-content.user-list-grid .row > .displayName > form .icon-confirm, -#body-settings #app-content.user-list-grid .row > form .icon-confirm { - flex: 0 0 auto; - cursor: pointer; -} -#body-settings #app-content.user-list-grid .row > div .icon-confirm:not(:active), -#body-settings #app-content.user-list-grid .row > .displayName > form .icon-confirm:not(:active), -#body-settings #app-content.user-list-grid .row > form .icon-confirm:not(:active) { - display: none; -} -#body-settings #app-content.user-list-grid .row > div.avatar, -#body-settings #app-content.user-list-grid .row > .displayName > form.avatar, -#body-settings #app-content.user-list-grid .row > form.avatar { - height: 32px; - width: 32px; - margin: 6px; -} -#body-settings #app-content.user-list-grid .row > div.avatar img, -#body-settings #app-content.user-list-grid .row > .displayName > form.avatar img, -#body-settings #app-content.user-list-grid .row > form.avatar img { - display: block; -} -#body-settings #app-content.user-list-grid .row > div.userActions, -#body-settings #app-content.user-list-grid .row > .displayName > form.userActions, -#body-settings #app-content.user-list-grid .row > form.userActions { - display: flex; - justify-content: flex-end; -} -#body-settings #app-content.user-list-grid .row > div.userActions #newsubmit, -#body-settings #app-content.user-list-grid .row > .displayName > form.userActions #newsubmit, -#body-settings #app-content.user-list-grid .row > form.userActions #newsubmit { - width: 100%; -} -#body-settings #app-content.user-list-grid .row > div.userActions .toggleUserActions, -#body-settings #app-content.user-list-grid .row > .displayName > form.userActions .toggleUserActions, -#body-settings #app-content.user-list-grid .row > form.userActions .toggleUserActions { - position: relative; - display: flex; - align-items: center; - background-color: var(--color-main-background); -} -#body-settings #app-content.user-list-grid .row > div.userActions .toggleUserActions .icon-more, -#body-settings #app-content.user-list-grid .row > .displayName > form.userActions .toggleUserActions .icon-more, -#body-settings #app-content.user-list-grid .row > form.userActions .toggleUserActions .icon-more { - width: 44px; - height: 44px; - opacity: 0.5; - cursor: pointer; -} -#body-settings #app-content.user-list-grid .row > div.userActions .toggleUserActions .icon-more:focus, #body-settings #app-content.user-list-grid .row > div.userActions .toggleUserActions .icon-more:hover, #body-settings #app-content.user-list-grid .row > div.userActions .toggleUserActions .icon-more:active, -#body-settings #app-content.user-list-grid .row > .displayName > form.userActions .toggleUserActions .icon-more:focus, -#body-settings #app-content.user-list-grid .row > .displayName > form.userActions .toggleUserActions .icon-more:hover, -#body-settings #app-content.user-list-grid .row > .displayName > form.userActions .toggleUserActions .icon-more:active, -#body-settings #app-content.user-list-grid .row > form.userActions .toggleUserActions .icon-more:focus, -#body-settings #app-content.user-list-grid .row > form.userActions .toggleUserActions .icon-more:hover, -#body-settings #app-content.user-list-grid .row > form.userActions .toggleUserActions .icon-more:active { - opacity: 0.7; - background-color: var(--color-background-dark); -} -#body-settings #app-content.user-list-grid .row > div.userActions .feedback, -#body-settings #app-content.user-list-grid .row > .displayName > form.userActions .feedback, -#body-settings #app-content.user-list-grid .row > form.userActions .feedback { - display: flex; - align-items: center; - white-space: nowrap; - transition: opacity 200ms ease-in-out; -} -#body-settings #app-content.user-list-grid .row > div.userActions .feedback .icon-checkmark, -#body-settings #app-content.user-list-grid .row > .displayName > form.userActions .feedback .icon-checkmark, -#body-settings #app-content.user-list-grid .row > form.userActions .feedback .icon-checkmark { - opacity: 0.5; - margin-right: 5px; -} -#body-settings #app-content.user-list-grid .row > div .multiselect.multiselect-vue, -#body-settings #app-content.user-list-grid .row > .displayName > form .multiselect.multiselect-vue, -#body-settings #app-content.user-list-grid .row > form .multiselect.multiselect-vue { - min-width: 100%; - width: 100%; -} -#body-settings #app-content.user-list-grid .infinite-loading-container { - display: flex; - align-items: center; - justify-content: center; - grid-row-start: span 4; -} -#body-settings #app-content.user-list-grid .users-list-end { - opacity: 0.5; - user-select: none; -} - -.animated { - animation: blink-animation 1s steps(5, start) 4; -} - -@keyframes blink-animation { - to { - opacity: 0.6; - } -} -@-webkit-keyframes blink-animation { - to { - opacity: 1; - } -} - -/*# sourceMappingURL=settings.css.map */ +input#openid,input#webdav{width:20em}.clear{clear:both}.nav-icon-personal-settings{background-image:var(--icon-personal-dark)}.nav-icon-security{background-image:var(--icon-toggle-filelist-dark)}.nav-icon-clientsbox{background-image:var(--icon-change-dark)}.nav-icon-federated-cloud{background-image:var(--icon-share-dark)}.nav-icon-second-factor-backup-codes,.nav-icon-ssl-root-certificate{background-image:var(--icon-password-dark)}#personal-settings-avatar-container{display:inline-grid;grid-template-columns:1fr;grid-template-rows:2fr 1fr 2fr;vertical-align:top}.profile-settings-container{display:inline-grid;grid-template-columns:1fr 1fr 1fr}.personal-show-container{width:100%}.personal-settings-setting-box .section{padding:10px 30px}.personal-settings-setting-box .section h3{margin-bottom:0}.personal-settings-setting-box .section input[type=text],.personal-settings-setting-box .section input[type=email],.personal-settings-setting-box .section input[type=tel],.personal-settings-setting-box .section input[type=url]{width:100%}.personal-settings-setting-box-profile{grid-row:3/5}.personal-settings-setting-box-detail{grid-row:5}.personal-settings-setting-box-detail--without-profile{grid-row:3}select#timezone{width:100%}#personal-settings{display:grid;padding:20px;max-width:1700px;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}#personal-settings .section{padding:10px 10px;border:0}#personal-settings .section h2{margin-bottom:12px}#personal-settings .personal-info{margin-right:10%;margin-bottom:12px;margin-top:12px}#personal-settings .personal-info[class^=icon-],#personal-settings .personal-info[class*=" icon-"]{background-position:0px 2px;padding-left:30px;opacity:.7}.development-notice{text-align:center}.development-notice a:not(.link-button){text-decoration:underline}.development-notice a:not(.link-button):hover{background-color:var(--color-primary-element-hover)}.link-button{display:inline-block;margin:16px;padding:14px 20px;background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-pill);border:1px solid var(--color-primary);box-shadow:0 2px 9px var(--color-box-shadow)}.link-button:active,.link-button:hover,.link-button:focus{color:var(--color-primary);background-color:var(--color-primary-text);border-color:var(--color-primary) !important}.link-button.icon-file{padding-left:48px;background-position:24px}.personal-settings-container{display:inline-grid;grid-template-columns:1fr 1fr 1fr}.personal-settings-container:after{clear:both}.personal-settings-container>div h3{position:relative;display:inline-flex;flex-wrap:nowrap;justify-content:flex-start;width:100%;align-items:center;gap:8px}.personal-settings-container>div h3>label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.personal-settings-container>div>form span[class^=icon-checkmark],.personal-settings-container>div>form span[class^=icon-error]{position:relative;right:8px;top:-28px;pointer-events:none;float:right}.personal-settings-container .verify{position:relative;left:100%;top:0;height:0}.personal-settings-container .verify img{padding:12px 7px 6px}.personal-settings-container .verify-action{cursor:pointer}.personal-settings-container input:disabled{background-color:#fff;color:#000;border:none;opacity:100}.verification-dialog{display:none;right:-9px;top:40px;width:275px}.verification-dialog p{padding:10px}.verification-dialog .verificationCode{font-family:monospace;display:block;overflow-wrap:break-word}.federation-menu{position:relative;cursor:pointer;width:44px;height:44px;padding:10px;margin:0;background:none;border:none}.federation-menu:hover,.federation-menu:focus{background-color:var(--color-background-hover);border-radius:var(--border-radius-pill)}.federation-menu:hover .icon-federation-menu,.federation-menu:focus .icon-federation-menu{opacity:.8}.federation-menu .icon-federation-menu{padding-left:16px;background-size:16px;background-position:left center;opacity:.3;cursor:inherit}.federation-menu .icon-federation-menu .icon-triangle-s{display:inline-block;vertical-align:middle;cursor:inherit}.federation-menu .federationScopeMenu{top:44px}.federation-menu .federationScopeMenu.popovermenu .menuitem{font-size:12.8px;line-height:1.6em}.federation-menu .federationScopeMenu.popovermenu .menuitem .menuitem-text-detail{opacity:.75}.federation-menu .federationScopeMenu.popovermenu .menuitem.active{box-shadow:inset 2px 0 var(--color-primary)}.federation-menu .federationScopeMenu.popovermenu .menuitem.active .menuitem-text{font-weight:bold}.federation-menu .federationScopeMenu.popovermenu .menuitem.disabled{opacity:.5;cursor:default}.federation-menu .federationScopeMenu.popovermenu .menuitem.disabled *{cursor:default}.clientsbox img{height:60px}#sslCertificate tr.expired{background-color:rgba(255,0,0,.5)}#sslCertificate td{padding:5px}#displaynameerror,#displaynamechanged{display:none}input#identity{width:20em}#showWizard{display:inline-block}.msg.success{color:#fff;background-color:#47a447;padding:3px}.msg.error{color:#fff;background-color:#d2322d;padding:3px}table.nostyle label{margin-right:2em}table.nostyle td{padding:.2em 0}#security-password #passwordform{display:flex;flex-wrap:wrap;flex-direction:column;gap:1rem}#security-password #passwordform .input-control{display:flex;flex-wrap:wrap;flex-direction:column}#security-password #passwordform .input-control label{margin-bottom:.5rem}#security-password #passwordform #pass1,#security-password #passwordform .personal-show-container{flex-shrink:1;width:300px;min-width:150px}#security-password #passwordform .personal-show-container #pass2{position:relative;top:.5rem}#security-password #passwordform .personal-show-container .personal-show-label{top:34px !important;margin-right:0;margin-top:0 !important;right:3px}#security-password #passwordform #pass2{width:100%}#security-password #passwordform .password-state{display:inline-block}#security-password #passwordform .strengthify-wrapper{position:absolute;left:0;width:100%;border-radius:0 0 2px 2px;margin-top:5px;overflow:hidden;height:3px}#two-factor-auth h3{margin-top:24px}#two-factor-auth li>div{margin-left:20px}#two-factor-auth .two-factor-provider-settings-icon{width:16px;height:16px;vertical-align:sub;filter:var(--background-invert-if-dark)}.isgroup .groupname{width:85%;display:block;overflow:hidden;text-overflow:ellipsis}.isgroup.active .groupname{width:65%}li.active .delete,li.active .rename{display:block}.app-navigation-entry-utils .delete,.app-navigation-entry-utils .rename{display:none}#usersearchform{position:absolute;top:2px;right:0}#usersearchform input{width:150px}#usersearchform label{font-weight:bold}table.grid{width:100%}table.grid th{height:2em;color:#999;border-bottom:1px solid var(--color-border);padding:0 .5em;padding-left:.8em;text-align:left;font-weight:normal}table.grid td{border-bottom:1px solid var(--color-border);padding:0 .5em;padding-left:.8em;text-align:left;font-weight:normal}td.name,th.name{padding-left:.8em;min-width:5em;max-width:12em;text-overflow:ellipsis;overflow:hidden}td.password,th.password{padding-left:.8em}td.password>img,th.password>img{visibility:hidden}td.displayName>img,th.displayName>img{visibility:hidden}td.password,td.mailAddress,th.password,th.mailAddress{min-width:5em;max-width:12em;cursor:pointer}td.password span,td.mailAddress span,th.password span,th.mailAddress span{width:90%;display:inline-block;text-overflow:ellipsis;overflow:hidden}td.mailAddress,th.mailAddress{cursor:pointer}td.password>span,th.password>span{margin-right:1.2em;color:#c7c7c7}span.usersLastLoginTooltip{white-space:nowrap}#app-content>svg.app-filter{float:left;height:0;width:0}#app-category-app-bundles{margin-bottom:20px}.appinfo{margin:1em 40px}#app-navigation img{margin-bottom:-3px;margin-right:6px;width:16px}#app-navigation li span.no-icon{padding-left:32px}#app-navigation ul li.active>span.utils .delete,#app-navigation ul li.active>span.utils .rename{display:block}#app-navigation .appwarning{background:#fcc}#app-navigation.appwarning:hover{background:#fbb}#app-navigation .app-external{color:var(--color-text-maxcontrast)}span.version{margin-left:1em;margin-right:1em;color:var(--color-text-maxcontrast)}.app-version{color:var(--color-text-maxcontrast)}.app-level span{color:var(--color-text-maxcontrast);background-color:rgba(0,0,0,0);border:1px solid var(--color-text-maxcontrast);border-radius:var(--border-radius);padding:3px 6px}.app-level a{padding:10px;margin:-6px;white-space:nowrap}.app-level .official{background-position:left center;background-position:5px center;padding-left:25px}.app-level .supported{border-color:var(--color-success);background-position:left center;background-position:5px center;padding-left:25px;color:var(--color-success)}.app-score{position:relative;top:4px;opacity:.5}.app-settings-content #searchresults{display:none}#apps-list.store .section{border:0}#apps-list.store .app-name{display:block;margin:5px 0}#apps-list.store .app-name,#apps-list.store .app-image *{cursor:pointer}#apps-list.store .app-summary{opacity:.7}#apps-list.store .app-image-icon .icon-settings-dark{width:100%;height:150px;background-size:45px;opacity:.5}#apps-list.store .app-score-image{height:14px}#apps-list.store .actions{margin-top:10px}#app-sidebar #app-details-view h2 .icon-settings-dark,#app-sidebar #app-details-view h2 svg{display:inline-block;width:16px;height:16px;margin-right:10px;opacity:.7}#app-sidebar #app-details-view .app-level{clear:right;width:100%}#app-sidebar #app-details-view .app-level .supported,#app-sidebar #app-details-view .app-level .official{vertical-align:top}#app-sidebar #app-details-view .app-level .app-score-image{float:right}#app-sidebar #app-details-view .app-author,#app-sidebar #app-details-view .app-licence{color:var(--color-text-maxcontrast)}#app-sidebar #app-details-view .app-dependencies{margin:10px 0}#app-sidebar #app-details-view .app-description p{margin:10px 0}#app-sidebar #app-details-view .close{position:absolute;top:0;right:0;padding:14px;opacity:.5;z-index:1;width:44px;height:44px}#app-sidebar #app-details-view .actions{display:flex;align-items:center}#app-sidebar #app-details-view .actions .app-groups{padding:5px}#app-sidebar #app-details-view .appslink{text-decoration:underline;margin-right:5px}#app-sidebar #app-details-view .app-level,#app-sidebar #app-details-view .actions,#app-sidebar #app-details-view .documentation,#app-sidebar #app-details-view .app-dependencies,#app-sidebar #app-details-view .app-description{margin:20px 0}@media only screen and (min-width: 1601px){.store .section{width:25%}.with-app-sidebar .store .section{width:33%}}@media only screen and (max-width: 1600px){.store .section{width:25%}.with-app-sidebar .store .section{width:33%}}@media only screen and (max-width: 1400px){.store .section{width:33%}.with-app-sidebar .store .section{width:50%}}@media only screen and (max-width: 900px){.store .section{width:50%}.with-app-sidebar .store .section{width:100%}}@media only screen and (max-width: 1024px){.store .section{width:50%}}@media only screen and (max-width: 480px){.store .section{width:100%}}@media only screen and (max-width: 900px){.apps-list.installed .app-version,.apps-list.installed .app-level{display:none !important}}@media only screen and (max-width: 500px){.apps-list.installed .app-groups{display:none !important}}.section{margin-bottom:0}.section:not(:last-child){border-bottom:1px solid var(--color-border)}.section h2{margin-bottom:22px}.section h2 .icon-info{padding:6px 20px;vertical-align:text-bottom;display:inline-block}.followupsection{display:block;padding:0 30px 30px 30px}.app-image{position:relative;height:150px;opacity:1;overflow:hidden}.app-name,.app-version,.app-score,.app-level{display:inline-block}.app-description-toggle-show,.app-description-toggle-hide{clear:both;padding:7px 0;cursor:pointer;opacity:.5}.app-description-container{clear:both;position:relative;top:7px}.app-description{clear:both}#app-category-1{margin-bottom:18px}#app-category-925{text-transform:capitalize}.app-dependencies{color:#ce3702}.missing-dependencies{list-style:initial;list-style-type:initial;list-style-position:inside}.apps-list{display:flex;flex-wrap:wrap;align-content:flex-start}.apps-list .section{cursor:pointer}.apps-list .app-list-move{transition:transform 1s}.apps-list #app-list-update-all{margin-left:10px}.apps-list .toolbar{height:60px;padding:8px;padding-left:60px;width:100%;background-color:var(--color-main-background);position:sticky;top:0;z-index:1;display:flex;align-items:center}.apps-list.installed{margin-bottom:100px}.apps-list.installed .apps-list-container{display:table;width:100%;height:auto;margin-top:60px}.apps-list.installed .section{display:table-row;padding:0;margin:0}.apps-list.installed .section>*{display:table-cell;height:initial;vertical-align:middle;float:none;border-bottom:1px solid var(--color-border);padding:6px;box-sizing:border-box}.apps-list.installed .section.selected{background-color:var(--color-background-dark)}.apps-list.installed .groups-enable{margin-top:0}.apps-list.installed .groups-enable label{margin-right:3px}.apps-list.installed .app-image{width:44px;height:auto;text-align:right}.apps-list.installed .app-image-icon svg,.apps-list.installed .app-image-icon .icon-settings-dark{margin-top:5px;width:20px;height:20px;opacity:.5;background-size:cover;display:inline-block}.apps-list.installed .actions{text-align:right}.apps-list.installed .actions .icon-loading-small{display:inline-block;top:4px;margin-right:10px}.apps-list:not(.installed) .app-image-icon svg{position:absolute;bottom:43px;width:64px;height:64px;opacity:.1}.apps-list.hidden{display:none}.apps-list .section{position:relative;flex:0 0 auto}.apps-list .section h2.app-name{display:block;margin:8px 0}.apps-list .section:hover{background-color:var(--color-background-dark)}.apps-list .app-description p{margin:10px 0}.apps-list .app-description ul{list-style:disc}.apps-list .app-description ol{list-style:decimal}.apps-list .app-description ol ol,.apps-list .app-description ol ul{padding-left:15px}.apps-list .app-description>ul,.apps-list .app-description>ol{margin-left:19px}.apps-list .app-description ul ol,.apps-list .app-description ul ul{padding-left:15px}.apps-list .apps-header{display:table-row;position:relative}.apps-list .apps-header div{display:table-cell;height:70px}.apps-list .apps-header h2{display:table-cell;position:absolute;padding-left:6px;padding-top:15px}.apps-list .apps-header h2 .enable{position:relative;top:-1px;margin-left:12px}.apps-list .apps-header h2+.section{margin-top:50px}#apps-list-search .section h2{margin-bottom:0}#log{white-space:normal;margin-bottom:14px}#lessLog{display:none}table.grid td.date{white-space:nowrap}#log-section p{margin-top:20px}#security-warning-state-ok span,#security-warning-state-warning span,#security-warning-state-failure span,#security-warning-state-loading span{vertical-align:middle}#security-warning-state-ok span.message,#security-warning-state-warning span.message,#security-warning-state-failure span.message,#security-warning-state-loading span.message{padding:12px}#security-warning-state-ok span.icon,#security-warning-state-warning span.icon,#security-warning-state-failure span.icon,#security-warning-state-loading span.icon{width:32px;height:32px;background-position:center center;display:inline-block;border-radius:50%}#security-warning-state-ok span.icon-checkmark-white,#security-warning-state-warning span.icon-checkmark-white,#security-warning-state-failure span.icon-checkmark-white,#security-warning-state-loading span.icon-checkmark-white{background-color:var(--color-success)}#security-warning-state-ok span.icon-error-white,#security-warning-state-warning span.icon-error-white,#security-warning-state-failure span.icon-error-white,#security-warning-state-loading span.icon-error-white{background-color:var(--color-warning)}#security-warning-state-ok span.icon-close-white,#security-warning-state-warning span.icon-close-white,#security-warning-state-failure span.icon-close-white,#security-warning-state-loading span.icon-close-white{background-color:var(--color-error)}#shareAPI p{padding-bottom:.8em}#shareAPI input#shareapiExpireAfterNDays{width:40px}#shareAPI .indent{padding-left:28px}#shareAPI .double-indent{padding-left:56px}#shareAPI .nocheckbox{padding-left:20px}#shareApiDefaultPermissionsSection label{margin-right:20px}#fileSharingSettings h3{display:inline-block}#publicShareDisclaimerText{width:calc(100% - 23px);max-width:600px;height:150px;margin-left:20px;box-sizing:border-box}.icon-info{padding:11px 20px;vertical-align:text-bottom;opacity:.5}#two-factor-auth h2,#shareAPI h2,#mail_general_settings h2{display:inline-block}.mail_settings p label:first-child{display:inline-block;width:300px;text-align:right}.mail_settings p select:nth-child(2),.mail_settings p input:not([type=button]){width:143px}#mail_smtpport{width:60px}.cronlog{margin-left:10px}.status{display:inline-block;height:16px;width:16px;vertical-align:text-bottom}.status.success{border-radius:50%}#selectGroups select{box-sizing:border-box;display:inline-block;height:36px;padding:7px 10px}#log .log-message{word-break:break-all;min-width:180px}span.success{background-color:var(--color-success);border-radius:var(--border-radius)}span.error{background-color:var(--color-error)}span.indeterminate{background-color:var(--color-warning);border-radius:40% 0}doesnotexist:-o-prefocus,.strengthify-wrapper{left:185px;width:129px}.trusted-domain-warning{color:#fff;padding:5px;background:#ce3702;border-radius:5px;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace}#postsetupchecks ul{margin-left:44px;list-style:disc}#postsetupchecks ul li{margin:10px 0}#postsetupchecks ul ul{list-style:circle}#postsetupchecks .loading{height:50px;background-position:left center}#postsetupchecks .errors,#postsetupchecks .errors a{color:var(--color-error)}#postsetupchecks .warnings,#postsetupchecks .warnings a{color:var(--color-warning)}#postsetupchecks .hint{margin:20px 0}#security-warning a{text-decoration:underline}#security-warning .extra-top-margin{margin-top:12px}#admin-tips li{list-style:initial}#admin-tips li a{display:inline-block;padding:3px 0}#warning{color:red}.settings-hint{margin-top:-12px;margin-bottom:12px;opacity:.7}#body-settings #app-content.user-list-grid{display:grid;grid-column-gap:20px;grid-auto-rows:minmax(60px, max-content)}#body-settings #app-content.user-list-grid .row{display:flex;display:grid;min-height:60px;grid-row-start:span 1;grid-gap:3px;align-items:center;grid-template-columns:44px minmax(190px, 1fr) minmax(160px, 1fr) minmax(160px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr) repeat(auto-fit, minmax(160px, 1fr));border-bottom:var(--color-border) 1px solid}#body-settings #app-content.user-list-grid .row.disabled{opacity:.5}#body-settings #app-content.user-list-grid .row .name,#body-settings #app-content.user-list-grid .row .password,#body-settings #app-content.user-list-grid .row .mailAddress,#body-settings #app-content.user-list-grid .row .languages,#body-settings #app-content.user-list-grid .row .storageLocation,#body-settings #app-content.user-list-grid .row .userBackend,#body-settings #app-content.user-list-grid .row .lastLogin{min-width:160px}#body-settings #app-content.user-list-grid .row .name doesnotexist:-o-prefocus,#body-settings #app-content.user-list-grid .row .name .strengthify-wrapper,#body-settings #app-content.user-list-grid .row .password doesnotexist:-o-prefocus,#body-settings #app-content.user-list-grid .row .password .strengthify-wrapper,#body-settings #app-content.user-list-grid .row .mailAddress doesnotexist:-o-prefocus,#body-settings #app-content.user-list-grid .row .mailAddress .strengthify-wrapper,#body-settings #app-content.user-list-grid .row .languages doesnotexist:-o-prefocus,#body-settings #app-content.user-list-grid .row .languages .strengthify-wrapper,#body-settings #app-content.user-list-grid .row .storageLocation doesnotexist:-o-prefocus,#body-settings #app-content.user-list-grid .row .storageLocation .strengthify-wrapper,#body-settings #app-content.user-list-grid .row .userBackend doesnotexist:-o-prefocus,#body-settings #app-content.user-list-grid .row .userBackend .strengthify-wrapper,#body-settings #app-content.user-list-grid .row .lastLogin doesnotexist:-o-prefocus,#body-settings #app-content.user-list-grid .row .lastLogin .strengthify-wrapper{color:var(--color-text-dark);vertical-align:baseline;text-overflow:ellipsis}#body-settings #app-content.user-list-grid .row:not(.row--editable).name,#body-settings #app-content.user-list-grid .row:not(.row--editable).password,#body-settings #app-content.user-list-grid .row:not(.row--editable).displayName,#body-settings #app-content.user-list-grid .row:not(.row--editable).mailAddress,#body-settings #app-content.user-list-grid .row:not(.row--editable).userBackend,#body-settings #app-content.user-list-grid .row:not(.row--editable).languages{overflow:hidden}#body-settings #app-content.user-list-grid .row:not(.row--editable) .groups,#body-settings #app-content.user-list-grid .row:not(.row--editable) .subadmins{overflow:auto;max-height:100%}#body-settings #app-content.user-list-grid .row .groups,#body-settings #app-content.user-list-grid .row .subadmins,#body-settings #app-content.user-list-grid .row .quota{min-width:160px}#body-settings #app-content.user-list-grid .row .groups .multiselect,#body-settings #app-content.user-list-grid .row .subadmins .multiselect,#body-settings #app-content.user-list-grid .row .quota .multiselect{width:100%;color:var(--color-text-dark);vertical-align:baseline}#body-settings #app-content.user-list-grid .row .groups progress,#body-settings #app-content.user-list-grid .row .subadmins progress,#body-settings #app-content.user-list-grid .row .quota progress{max-width:95%}#body-settings #app-content.user-list-grid .row .obfuscated{width:400px;opacity:.7}#body-settings #app-content.user-list-grid .row .userActions{display:flex;justify-content:flex-end;position:sticky;right:0px;min-width:88px;background-color:var(--color-main-background)}#body-settings #app-content.user-list-grid .row.row--editable .userActions{z-index:10}#body-settings #app-content.user-list-grid .row .subtitle{color:var(--color-text-maxcontrast);vertical-align:baseline}#body-settings #app-content.user-list-grid .row#grid-header{position:sticky;align-self:normal;background-color:var(--color-main-background);z-index:100;top:0}#body-settings #app-content.user-list-grid .row#grid-header.sticky{box-shadow:0 -2px 10px 1px var(--color-box-shadow)}#body-settings #app-content.user-list-grid .row#grid-header{color:var(--color-text-maxcontrast);border-bottom-width:thin}#body-settings #app-content.user-list-grid .row#grid-header #headerDisplayName,#body-settings #app-content.user-list-grid .row#grid-header #headerPassword,#body-settings #app-content.user-list-grid .row#grid-header #headerAddress,#body-settings #app-content.user-list-grid .row#grid-header #headerGroups,#body-settings #app-content.user-list-grid .row#grid-header #headerSubAdmins,#body-settings #app-content.user-list-grid .row#grid-header #theHeaderUserBackend,#body-settings #app-content.user-list-grid .row#grid-header #theHeaderLastLogin,#body-settings #app-content.user-list-grid .row#grid-header #headerQuota,#body-settings #app-content.user-list-grid .row#grid-header #theHeaderStorageLocation,#body-settings #app-content.user-list-grid .row#grid-header #headerLanguages{padding-left:7px;text-transform:none;color:var(--color-text-maxcontrast);vertical-align:baseline}#body-settings #app-content.user-list-grid .row:hover input:not([type=submit]):not(:focus):not(:active){border-color:var(--color-border) !important}#body-settings #app-content.user-list-grid .row:hover:not(#grid-header){box-shadow:5px 0 0 var(--color-primary-element) inset}#body-settings #app-content.user-list-grid .row>form{width:100%}#body-settings #app-content.user-list-grid .row>div,#body-settings #app-content.user-list-grid .row>.displayName>form,#body-settings #app-content.user-list-grid .row>form{grid-row:1;display:inline-flex;color:var(--color-text-lighter);flex-grow:1}#body-settings #app-content.user-list-grid .row>div>input:not(:focus):not(:active),#body-settings #app-content.user-list-grid .row>.displayName>form>input:not(:focus):not(:active),#body-settings #app-content.user-list-grid .row>form>input:not(:focus):not(:active){border-color:rgba(0,0,0,0);cursor:pointer}#body-settings #app-content.user-list-grid .row>div>input:focus+.icon-confirm,#body-settings #app-content.user-list-grid .row>div>input:active+.icon-confirm,#body-settings #app-content.user-list-grid .row>.displayName>form>input:focus+.icon-confirm,#body-settings #app-content.user-list-grid .row>.displayName>form>input:active+.icon-confirm,#body-settings #app-content.user-list-grid .row>form>input:focus+.icon-confirm,#body-settings #app-content.user-list-grid .row>form>input:active+.icon-confirm{display:block !important}#body-settings #app-content.user-list-grid .row>div:not(.userActions)>input:not([type=submit]),#body-settings #app-content.user-list-grid .row>.displayName>form:not(.userActions)>input:not([type=submit]),#body-settings #app-content.user-list-grid .row>form:not(.userActions)>input:not([type=submit]){width:100%;min-width:0}#body-settings #app-content.user-list-grid .row>div.name,#body-settings #app-content.user-list-grid .row>.displayName>form.name,#body-settings #app-content.user-list-grid .row>form.name{word-break:break-all}#body-settings #app-content.user-list-grid .row>div.displayName>input,#body-settings #app-content.user-list-grid .row>div.mailAddress>input,#body-settings #app-content.user-list-grid .row>.displayName>form.displayName>input,#body-settings #app-content.user-list-grid .row>.displayName>form.mailAddress>input,#body-settings #app-content.user-list-grid .row>form.displayName>input,#body-settings #app-content.user-list-grid .row>form.mailAddress>input{text-overflow:ellipsis;flex-grow:1}#body-settings #app-content.user-list-grid .row>div.name,#body-settings #app-content.user-list-grid .row>div.userBackend,#body-settings #app-content.user-list-grid .row>.displayName>form.name,#body-settings #app-content.user-list-grid .row>.displayName>form.userBackend,#body-settings #app-content.user-list-grid .row>form.name,#body-settings #app-content.user-list-grid .row>form.userBackend{line-height:1.3em;max-height:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#body-settings #app-content.user-list-grid .row>div.name .subtitle,#body-settings #app-content.user-list-grid .row>.displayName>form.name .subtitle,#body-settings #app-content.user-list-grid .row>form.name .subtitle{color:var(--color-main-text)}#body-settings #app-content.user-list-grid .row>div.quota,#body-settings #app-content.user-list-grid .row>.displayName>form.quota,#body-settings #app-content.user-list-grid .row>form.quota{display:flex;justify-content:left;white-space:nowrap;position:relative}#body-settings #app-content.user-list-grid .row>div.quota progress,#body-settings #app-content.user-list-grid .row>.displayName>form.quota progress,#body-settings #app-content.user-list-grid .row>form.quota progress{width:150px;margin-top:35px;height:3px}#body-settings #app-content.user-list-grid .row>div .icon-confirm,#body-settings #app-content.user-list-grid .row>.displayName>form .icon-confirm,#body-settings #app-content.user-list-grid .row>form .icon-confirm{flex:0 0 auto;cursor:pointer}#body-settings #app-content.user-list-grid .row>div .icon-confirm:not(:active),#body-settings #app-content.user-list-grid .row>.displayName>form .icon-confirm:not(:active),#body-settings #app-content.user-list-grid .row>form .icon-confirm:not(:active){display:none}#body-settings #app-content.user-list-grid .row>div.avatar,#body-settings #app-content.user-list-grid .row>.displayName>form.avatar,#body-settings #app-content.user-list-grid .row>form.avatar{height:32px;width:32px;margin:6px}#body-settings #app-content.user-list-grid .row>div.avatar img,#body-settings #app-content.user-list-grid .row>.displayName>form.avatar img,#body-settings #app-content.user-list-grid .row>form.avatar img{display:block}#body-settings #app-content.user-list-grid .row>div.userActions,#body-settings #app-content.user-list-grid .row>.displayName>form.userActions,#body-settings #app-content.user-list-grid .row>form.userActions{display:flex;justify-content:flex-end}#body-settings #app-content.user-list-grid .row>div.userActions #newsubmit,#body-settings #app-content.user-list-grid .row>.displayName>form.userActions #newsubmit,#body-settings #app-content.user-list-grid .row>form.userActions #newsubmit{width:100%}#body-settings #app-content.user-list-grid .row>div.userActions .toggleUserActions,#body-settings #app-content.user-list-grid .row>.displayName>form.userActions .toggleUserActions,#body-settings #app-content.user-list-grid .row>form.userActions .toggleUserActions{position:relative;display:flex;align-items:center;background-color:var(--color-main-background)}#body-settings #app-content.user-list-grid .row>div.userActions .toggleUserActions .icon-more,#body-settings #app-content.user-list-grid .row>.displayName>form.userActions .toggleUserActions .icon-more,#body-settings #app-content.user-list-grid .row>form.userActions .toggleUserActions .icon-more{width:44px;height:44px;opacity:.5;cursor:pointer}#body-settings #app-content.user-list-grid .row>div.userActions .toggleUserActions .icon-more:focus,#body-settings #app-content.user-list-grid .row>div.userActions .toggleUserActions .icon-more:hover,#body-settings #app-content.user-list-grid .row>div.userActions .toggleUserActions .icon-more:active,#body-settings #app-content.user-list-grid .row>.displayName>form.userActions .toggleUserActions .icon-more:focus,#body-settings #app-content.user-list-grid .row>.displayName>form.userActions .toggleUserActions .icon-more:hover,#body-settings #app-content.user-list-grid .row>.displayName>form.userActions .toggleUserActions .icon-more:active,#body-settings #app-content.user-list-grid .row>form.userActions .toggleUserActions .icon-more:focus,#body-settings #app-content.user-list-grid .row>form.userActions .toggleUserActions .icon-more:hover,#body-settings #app-content.user-list-grid .row>form.userActions .toggleUserActions .icon-more:active{opacity:.7;background-color:var(--color-background-dark)}#body-settings #app-content.user-list-grid .row>div.userActions .feedback,#body-settings #app-content.user-list-grid .row>.displayName>form.userActions .feedback,#body-settings #app-content.user-list-grid .row>form.userActions .feedback{display:flex;align-items:center;white-space:nowrap;transition:opacity 200ms ease-in-out}#body-settings #app-content.user-list-grid .row>div.userActions .feedback .icon-checkmark,#body-settings #app-content.user-list-grid .row>.displayName>form.userActions .feedback .icon-checkmark,#body-settings #app-content.user-list-grid .row>form.userActions .feedback .icon-checkmark{opacity:.5;margin-right:5px}#body-settings #app-content.user-list-grid .row>div .multiselect.multiselect-vue,#body-settings #app-content.user-list-grid .row>.displayName>form .multiselect.multiselect-vue,#body-settings #app-content.user-list-grid .row>form .multiselect.multiselect-vue{min-width:100%;width:100%}#body-settings #app-content.user-list-grid .infinite-loading-container{display:flex;align-items:center;justify-content:center;grid-row-start:span 4}#body-settings #app-content.user-list-grid .users-list-end{opacity:.5;user-select:none}.animated{animation:blink-animation 1s steps(5, start) 4}@keyframes blink-animation{to{opacity:.6}}@-webkit-keyframes blink-animation{to{opacity:1}}/*# sourceMappingURL=settings.css.map */ diff --git a/apps/settings/css/settings.css.map b/apps/settings/css/settings.css.map index a4fa180e20c..3ec505411d7 100644 --- a/apps/settings/css/settings.css.map +++ b/apps/settings/css/settings.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","settings.scss","../../../core/css/functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AD3CC;EACC;;;AAIF;AACA;EACC;;;AAGD;AACA;AC6CC;EAEA;;;AD3CD;ACyCC;EAEA;;;ADvCD;ACqCC;EAEA;;;ADnCD;ACiCC;EAEA;;;AD/BD;AC6BC;EAEA;;;AD3BD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAIA;EACC;;AAEA;EACC;;AAIA;EACC;;AAKH;EACC;;AAGD;EACC;;AAED;EACC;;;AAKD;EACC;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMF;EACC;;AACA;EACC;;AACA;EACC;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGC;EACA;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAKD;EACC;EACA;EACA;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAGD;EACC;EACA;EACA;EACA;;;AAIF;AACA;AACA;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEC;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAIF;EACC;;AAGC;EAEC;EACA;;AAEA;EACC;;AAGD;EACC;;AAEA;EACC;;AAIF;EACC;EAEA;;AAEA;EACC;;;AAQN;EACC;;;AAIA;EACC;;AAGD;EACC;;;AAIF;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;;;AAIA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMD;EACC;;AAGD;EACC;;;AAKD;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;;AAIF;EACC;EACA;EACA;;AAKA;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;AAIF;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKH;AAGC;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;;AAIF;AAGC;EACC;EACA;EACA;EACA;;AAGD;EACC;;;AAKD;AAAA;EAEC;;;AAKD;AAAA;EAEC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAIF;AACA;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAIF;EACC;;AAGD;EAEC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAIF;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;;;AAGD;AACA;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AACC;;AACA;EACC;EACA;EACA;;AAGD;EACC;;AAIA;EACC;;AAIF;EACC;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;;;AAIA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;;;AAIA;EACC;;;AAMD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;;AAMA;AAAA;EAEC;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAEA;AAAA;EAEC;;AAGD;EACC;;AAIF;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;AAIF;EACC;EACA;;AAGD;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAIF;EACC;IACC;;EAED;IACC;;;AAIF;EACC;IACC;;EAED;IACC;;;AAIF;EACC;IACC;;EAED;IACC;;;AAIF;EACC;IACC;;EAED;IACC;;;AAIF;EACC;IACC;;;AAIF;EACC;IACC;;;AAIF;AACA;EAEE;IACC;;;AAKH;EACC;IACC;;;AAIF;EACC;AACA;AAKA;;AAJA;EACC;;AAID;EACC;;AAEA;EACC;EACA;EACA;;;AAKH;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AAEA;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EAyGC;EACA;EACA;AAkDA;;AAzJA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC,QAfgB;EAgBhB,SAjBiB;EAmBjB,cAlBgB;EAmBhB;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAQC;;AAPA;EACC;EACA;EACA;EACA,YAjCe;;AAsChB;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAKF;EACC;;AAEA;EACC;;AAIF;EACC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC;EACA;EACA;;AAKH;EACC;EACA;AACA;EACA;EACA;EACA;;AAOD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;;AAEA;EACC;;AAKD;EACC;;AAKD;EACC;;AAMH;EACC;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;;AAQF;EACC;;;AAKH;AACA;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAOA;AAAA;AAAA;AAAA;EACC;;AAEA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;EACA;;AAGD;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;EACC;;;AAMF;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;AACA;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;;;AAIA;EACC;EACA;EACA;;AAGD;AAAA;EAEC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAIA;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;;AAKF;AACA;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAIA;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;;AAKD;EACC;;AAGD;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;;AAIF;EACC;;;AAGD;EACC;EACA;EACA;;;AAID;AAKC;EACC;EACA;EACA;;AAEA;EAGC;EACA;EACA,YAbgB;EAchB;EACA;EACA;AACA;AAAA;EAEA,uBACE;EAOF;AAMA;AA4EA;;AAhFA;EACC;;AAID;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOC,WAxCkB;;AA0ClB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAKD;EAMC;;AAMD;AAAA;EAEC;EACA;;AAIF;AAAA;AAAA;EAGC,WAxEkB;;AA0ElB;AAAA;AAAA;EACC;EACA;EACA;;AAGD;AAAA;AAAA;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUC;EACA;EACA;EACA;EACA;;AAKD;EACC;;AAGD;EACC;;AAIF;EACC;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;EACA;AAaA;AA+GA;;AA1HA;AAAA;AAAA;EACC;EACA;;AAIA;AAAA;AAAA;AAAA;AAAA;EACC;;AAKF;AAAA;AAAA;EACC;EACA;;AAGD;AAAA;AAAA;EACC;;AAKA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAEC;EACA;EACA;EACA;AACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;;AAGD;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACC;EACA;EACA;;AAIF;AAAA;AAAA;EACC;EACA;;AAEA;AAAA;AAAA;EACC;;AAIF;AAAA;AAAA;EACC;EACA;EACA;;AAEA;AAAA;AAAA;EACC;;AAIF;AAAA;AAAA;EACC;EACA;;AAEA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA;;AAKH;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACC;EACA;;AAMH;AAAA;AAAA;EACC;EACA;;AAKH;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAKH;EACI;;;AAGJ;EACE;IACE;;;AAGJ;EACE;IACE","file":"settings.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["settings.scss","../../../core/css/functions.scss"],"names":[],"mappings":"AAOC,0BACC,WAKF,OACC,WAID,4BC+CC,2CD3CD,mBC2CC,kDDvCD,qBCuCC,yCDnCD,0BCmCC,wCD/BD,oEC+BC,2CD3BD,oCACC,oBACA,0BACA,+BACA,mBAGD,4BACC,oBACA,kCAGD,yBACC,WAIA,wCACC,kBAEA,2CACC,gBAIA,mOACC,WAKH,uCACC,aAGD,sCACC,WAED,uDACC,WAKD,gBACC,WAIF,mBACC,aACA,aACA,iBACA,4DAEA,4BACC,kBACA,SAEA,+BACC,mBAIF,kCACC,iBACA,mBACA,gBAGD,mGACC,4BACA,kBACA,WAMF,oBACC,kBACA,wCACC,0BACA,8CACC,oDAKH,aACC,qBACA,YACA,kBACA,sCACA,WACA,wCACA,sCACA,6CAEA,0DAGC,2BACA,2CACA,6CAGD,uBACC,kBACA,yBAIF,6BACC,oBACA,kCAEA,mCACC,WAIA,oCACC,kBACA,oBACA,iBACA,2BACA,WACA,mBACA,QAEA,0CACC,mBACA,uBACA,gBAKD,gIACC,kBACA,UACA,UACA,oBACA,YAKH,qCACC,kBACA,UACA,MACA,SAEA,yCACC,qBAIF,4CACC,eAGD,4CACC,sBACA,WACA,YACA,YAMF,qBACC,aACA,WACA,SACA,YAEA,uBACC,aAGD,uCACC,sBACA,cACA,yBAIF,iBACC,kBACA,eACA,WACA,YACA,aACA,SACA,gBACA,YAEA,8CAEC,+CACA,wCAEA,0FACC,WAIF,uCACC,kBACA,qBACA,gCACA,WACA,eAEA,wDACC,qBACA,sBACA,eAIF,sCACC,SAGC,4DAEC,iBACA,kBAEA,kFACC,YAGD,mEACC,4CAEA,kFACC,iBAIF,qEACC,WAEA,eAEA,uEACC,eAQN,gBACC,YAIA,2BACC,kCAGD,mBACC,YAIF,sCAEC,aAGD,eACC,WAGD,YACC,qBAIA,aACC,WACA,yBACA,YAGD,WACC,WACA,yBACA,YAMD,oBACC,iBAGD,iBACC,eAKD,iCACC,aACA,eACA,sBACA,SACA,gDACC,aACA,eACA,sBACA,sDACC,oBAIF,kGACC,cACA,YACA,gBAKA,iEACC,kBACA,UAED,+EACC,oBACA,eACA,wBACA,UAIF,wCACC,WAGD,iDACC,qBAGD,sDACC,kBACA,OACA,WACA,0BACA,eACA,gBACA,WAQF,oBACC,gBAGD,wBACC,iBAGD,oDACC,WACA,YACA,mBACA,wCAOD,oBACC,UACA,cACA,gBACA,uBAGD,2BACC,UAKD,oCAEC,cAKD,wEAEC,aAIF,gBACC,kBACA,QACA,QAEA,sBACC,YAGD,sBACC,iBAKF,WACC,WAEA,cACC,WACA,WACA,4CACA,eACA,kBACA,gBACA,mBAGD,cACC,4CACA,eACA,kBACA,gBACA,mBAKD,gBACC,kBACA,cACA,eACA,uBACA,gBAGD,wBACC,kBAEA,gCACC,kBAIF,sCACC,kBAGD,sDAEC,cACA,eACA,eAEA,0EACC,UACA,qBACA,uBACA,gBAIF,8BACC,eAGD,kCACC,mBACA,cAIF,2BACC,mBAID,4BACC,WACA,SACA,QAGD,0BACC,mBAGD,SACC,gBAKA,oBACC,mBACA,iBACA,WAGD,gCACC,kBAIA,gGACC,cAIF,4BACC,gBAGD,iCACC,gBAGD,8BACC,oCAIF,aACC,gBACA,iBACA,oCAGD,aACC,oCAIA,gBACC,oCACA,+BACA,+CACA,mCACA,gBAGD,aACC,aACA,YACA,mBAGD,qBACC,gCACA,+BACA,kBAGD,sBACC,kCACA,gCACA,+BACA,kBACA,2BAIF,WACC,kBACA,QACA,WAIA,qCACC,aAMD,0BACC,SAGD,2BACC,cACA,aAGD,yDACC,eAGD,8BACC,WAGD,qDACC,WACA,aACA,qBACA,WAGD,kCACC,YAGD,0BACC,gBAMA,4FAEC,qBACA,WACA,YACA,kBACA,WAIF,0CACC,YACA,WAEA,yGAEC,mBAGD,2DACC,YAIF,uFACC,oCAGD,iDACC,cAGD,kDACC,cAGD,sCACC,kBACA,MACA,QACA,aACA,WACA,UACA,WACA,YAGD,wCACC,aACA,mBAEA,oDACC,YAIF,yCACC,0BACA,iBAGD,iOAKC,cAIF,2CACC,gBACC,UAED,kCACC,WAIF,2CACC,gBACC,UAED,kCACC,WAIF,2CACC,gBACC,UAED,kCACC,WAIF,0CACC,gBACC,UAED,kCACC,YAIF,2CACC,gBACC,WAIF,0CACC,gBACC,YAKF,0CAEE,kEACC,yBAKH,0CACC,iCACC,yBAIF,SACC,gBAEA,0BACC,4CAID,YACC,mBAEA,uBACC,iBACA,2BACA,qBAKH,iBACC,cACA,yBAGD,WACC,kBACA,aACA,UACA,gBAGD,6CACC,qBAGD,0DACC,WACA,cACA,eACA,WAGD,2BACC,WACA,kBACA,QAGD,iBACC,WAGD,gBACC,mBAKD,kBACC,0BAGD,kBACC,cAGD,sBACC,mBACA,wBACA,2BAGD,WAyGC,aACA,eACA,yBAvGA,oBACC,eAGD,0BACC,wBAGD,gCACC,iBAGD,oBACC,OAfgB,KAgBhB,QAjBiB,IAmBjB,aAlBgB,KAmBhB,WACA,8CACA,gBACA,MACA,UACA,aACA,mBAGD,qBAQC,oBAPA,0CACC,cACA,WACA,YACA,WAjCe,KAsChB,8BACC,kBACA,UACA,SAEA,gCACC,mBACA,eACA,sBACA,WACA,4CACA,YACA,sBAGD,uCACC,8CAKF,oCACC,aAEA,0CACC,iBAIF,gCACC,WACA,YACA,iBAGD,kGAEC,eACA,WACA,YACA,WACA,sBACA,qBAGD,8BACC,iBAEA,kDACC,qBACA,QACA,kBAKH,+CACC,kBACA,YAEA,WACA,YACA,WAOD,kBACC,aAGD,oBACC,kBACA,cAEA,gCACC,cACA,aAGD,0BACC,8CAKD,8BACC,cAGD,+BACC,gBAGD,+BACC,mBAEA,oEACC,kBAKD,8DACC,iBAKD,oEACC,kBAMH,wBACC,kBACA,kBAEA,4BACC,mBACA,YAGD,2BACC,mBACA,kBACA,iBACA,iBAEA,mCACC,kBACA,SACA,iBAGD,oCACC,gBAQF,8BACC,gBAMH,KACC,mBACA,mBAGD,SACC,aAGD,mBACC,mBAGD,eACC,gBAOA,+IACC,sBAEA,+KACC,aAGD,mKACC,WACA,YACA,kCACA,qBACA,kBAGD,mOACC,sCAGD,mNACC,sCAGD,mNACC,oCAMF,YACC,oBAGD,yCACC,WAGD,kBACC,kBAGD,yBACC,kBAGD,sBACC,kBAIF,yCACC,kBAGD,wBACC,qBAGD,2BACC,wBAEA,gBACA,aACA,iBACA,sBAKD,WACC,kBACA,2BACA,WAGD,2DAGC,qBAIA,mCACC,qBACA,YACA,iBAGD,+EAEC,YAIF,eACC,WAGD,SACC,iBAGD,QACC,qBACA,YACA,WACA,2BAEA,gBACC,kBAIF,qBACC,sBACA,qBACA,YACA,iBAGD,kBACC,qBACA,gBAIA,aACC,sCACA,mCAGD,WACC,oCAGD,mBACC,sCACA,oBAMF,8CACC,WACA,YAGD,wBACC,WACA,YACA,mBACA,kBACA,+DAIA,oBACC,iBACA,gBAEA,uBACC,cAGD,uBACC,kBAIF,0BACC,YACA,gCAGD,oDACC,yBAGD,wDACC,2BAGD,uBACC,cAKD,oBACC,0BAGD,oCACC,gBAIF,eACC,mBAEA,iBACC,qBACA,cAIF,SACC,UAGD,eACC,iBACA,mBACA,WASA,2CACC,aACA,qBACA,yCAEA,gDAGC,aACA,aACA,WAbgB,KAchB,sBACA,aACA,mBAGA,sBACE,yIAOF,4CAEA,yDACC,WAID,iaAOC,UAxCkB,MA0ClB,ooCACC,6BACA,wBACA,uBAKD,odAMC,gBAMD,2JAEC,cACA,gBAIF,0KAGC,UAxEkB,MA0ElB,iNACC,WACA,6BACA,wBAGD,qMACC,cAIF,4DACC,YACA,WAGD,6DACC,aACA,yBACA,gBACA,UACA,eACA,8CAGD,2EACC,WAGD,0DACC,oCACA,wBAID,4DACC,gBACA,kBACA,8CACA,YACA,MAEA,mEACC,mDAIF,4DACC,oCACA,yBAEA,2wBAWC,iBACA,oBACA,oCACA,wBAKD,wGACC,4CAGD,wEACC,sDAIF,qDACC,WAGD,2KAGC,WACA,oBACA,gCACA,YAEA,wQACC,2BACA,eAIA,qfACC,yBAKF,4SACC,WACA,YAGD,0LACC,qBAKA,kcACC,uBACA,YAIF,yYAGC,kBACA,gBACA,gBAIA,uBACA,oBACA,qBACA,4BAGD,wNACC,6BAGD,6LACC,aACA,qBACA,mBACA,kBAEA,wNACC,YACA,gBACA,WAIF,qNACC,cACA,eAEA,4PACC,aAIF,gMACC,YACA,WACA,WAEA,4MACC,cAIF,+MACC,aACA,yBAEA,gPACC,WAGD,wQACC,kBACA,aACA,mBACA,8CAEA,ySACC,WACA,YACA,WACA,eAEA,o7BAGC,WACA,8CAKH,6OACC,aACA,mBACA,mBACA,qCAEA,6RACC,WACA,iBAMH,kQACC,eACA,WAKH,uEACC,aACA,mBACA,uBACA,sBAGD,2DACC,WACA,iBAKH,UACI,+CAGJ,2BACE,GACE,YAGJ,mCACE,GACE","file":"settings.css"} \ No newline at end of file diff --git a/apps/user_status/css/user-status-menu.css b/apps/user_status/css/user-status-menu.css index e522462557e..433bd3ee07c 100644 --- a/apps/user_status/css/user-status-menu.css +++ b/apps/user_status/css/user-status-menu.css @@ -1,104 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2020 Georg Ehrke - * - * @author Georg Ehrke - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -.icon-user-status { - background-image: url("../img/app.svg"); -} - -.icon-user-status-dark { - background-image: url("../img/app-dark.svg"); -} - -.icon-user-status-online { - background-image: url("../img/user-status-online.svg"); -} - -.icon-user-status-away { - background-image: url("../img/user-status-away.svg"); -} - -.icon-user-status-dnd { - background-image: url("../img/user-status-dnd.svg"); -} - -.icon-user-status-invisible { - background-image: url("../img/user-status-invisible.svg"); - filter: var(--background-invert-if-dark); -} - -/*# sourceMappingURL=user-status-menu.css.map */ +.icon-user-status{background-image:url("../img/app.svg")}.icon-user-status-dark{background-image:url("../img/app-dark.svg")}.icon-user-status-online{background-image:url("../img/user-status-online.svg")}.icon-user-status-away{background-image:url("../img/user-status-away.svg")}.icon-user-status-dnd{background-image:url("../img/user-status-dnd.svg")}.icon-user-status-invisible{background-image:url("../img/user-status-invisible.svg");filter:var(--background-invert-if-dark)}/*# sourceMappingURL=user-status-menu.css.map */ diff --git a/apps/user_status/css/user-status-menu.css.map b/apps/user_status/css/user-status-menu.css.map index d09e479094c..602d13e57c2 100644 --- a/apps/user_status/css/user-status-menu.css.map +++ b/apps/user_status/css/user-status-menu.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","user-status-menu.scss","../../../core/css/functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AD1BA;EACC;;;AAGD;EACC;;;AAID;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA","file":"user-status-menu.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["user-status-menu.scss"],"names":[],"mappings":"AAwBA,kBACC,uCAGD,uBACC,4CAID,yBACC,sDAGD,uBACC,oDAGD,sBACC,mDAGD,4BACC,yDACA","file":"user-status-menu.css"} \ No newline at end of file diff --git a/core/css/animations.css b/core/css/animations.css index d0c80935a25..33b709ffa97 100644 --- a/core/css/animations.css +++ b/core/css/animations.css @@ -1,5 +1,4 @@ -@charset "UTF-8"; -/*! +/*! * @copyright Copyright (c) 2022 Julius Härtl * * @author Julius Härtl @@ -18,26 +17,4 @@ * * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . - */ -@-webkit-keyframes rotate { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes rotate { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -/*# sourceMappingURL=animations.css.map */ + */@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}/*# sourceMappingURL=animations.css.map */ diff --git a/core/css/animations.css.map b/core/css/animations.css.map index 4ee389fb117..02ed415cb2d 100644 --- a/core/css/animations.css.map +++ b/core/css/animations.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["animations.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA;EACC;IACC;IACA;;EAED;IACC;IACA;;;AAGF;EACC;IACC;IACA;;EAED;IACC;IACA","file":"animations.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["animations.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqBA,0BACC,KACC,+BACA,uBAED,GACC,iCACA,0BAGF,kBACC,KACC,+BACA,uBAED,GACC,iCACA","file":"animations.css"} \ No newline at end of file diff --git a/core/css/apps.css b/core/css/apps.css index 61c73026a44..6f03d1c91c4 100644 --- a/core/css/apps.css +++ b/core/css/apps.css @@ -1,1642 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2016-2017, John Molakvoæ - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, Morris Jobke - * @copyright Copyright (c) 2016, pgys - * @copyright Copyright (c) 2016, Lukas Reschke - * @copyright Copyright (c) 2016, Stefan Weil - * @copyright Copyright (c) 2016, Roeland Jago Douma - * @copyright Copyright (c) 2016, jowi - * @copyright Copyright (c) 2015, Hendrik Leppelsack - * @copyright Copyright (c) 2015, Thomas Müller - * @copyright Copyright (c) 2015, Vincent Petry - * @copyright Copyright (c) 2014-2017, Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -:root { - --body-container-margin: calc(var(--default-grid-baseline) * 2); - /* - 2px is required for making it look nice */ - --body-container-radius: calc(var(--default-clickable-area) / 2 + var(--default-grid-baseline) * 2 - 2px); - --body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin)); -} - -@media screen and (max-width: 1024px) { - :root { - --body-container-margin: 0px; - --body-container-radius: 0px; - } -} -html { - width: 100%; - height: 100%; - position: absolute; - background-color: var(--color-background-plain, var(--color-main-background)); -} - -body { - background-color: var(--color-background-plain, var(--color-main-background)); - background-image: var(--image-background, var(--image-background-default)); - background-size: cover; - background-position: center; - position: fixed; - width: 100%; - height: calc(100vh - env(safe-area-inset-bottom)); -} - -/* BASE STYLING ------------------------------------------------------------ */ -h2 { - font-weight: bold; - font-size: 20px; - margin-bottom: 12px; - line-height: 30px; - color: var(--color-text-light); -} - -h3 { - font-size: 16px; - margin: 12px 0; - color: var(--color-text-light); -} - -h4 { - font-size: 14px; -} - -/* do not use italic typeface style, instead lighter color */ -em { - font-style: normal; - color: var(--color-text-lighter); -} - -dl { - padding: 12px 0; -} - -dt, -dd { - display: inline-block; - padding: 12px; - padding-left: 0; -} - -dt { - width: 130px; - white-space: nowrap; - text-align: right; -} - -kbd { - padding: 4px 10px; - border: 1px solid #ccc; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); - border-radius: var(--border-radius); - display: inline-block; - white-space: nowrap; -} - -/* APP STYLING ------------------------------------------------------------ */ -#content[class*=app-] * { - box-sizing: border-box; -} - -/* APP-NAVIGATION ------------------------------------------------------------ */ -/* Navigation: folder like structure */ -#app-navigation:not(.vue) { - --border-radius-pill: calc(var(--default-clickable-area) / 2); - width: 300px; - z-index: 500; - overflow-y: auto; - overflow-x: hidden; - background-color: var(--color-main-background-blur); - backdrop-filter: var(--filter-background-blur); - -webkit-backdrop-filter: var(--filter-background-blur); - -webkit-user-select: none; - position: sticky; - height: 100%; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: flex; - flex-direction: column; - flex-grow: 0; - flex-shrink: 0; - /* 'New' button */ - /** - * Button styling for menu, edit and undo - */ - /** - * Collapsible menus - */ - /** - * App navigation utils, buttons and counters for drop down menu - */ - /** - * Editable entries - */ - /** - * Deleted entries with undo button - */ - /** - * Common rules for animation of undo and edit entries - */ - /** - * drag and drop - */ -} -#app-navigation:not(.vue) .app-navigation-new { - display: block; - padding: calc(var(--default-grid-baseline) * 2); -} -#app-navigation:not(.vue) .app-navigation-new button { - display: inline-block; - width: 100%; - padding: 10px; - padding-left: 34px; - background-position: 10px center; - text-align: left; - margin: 0; -} -#app-navigation:not(.vue) li { - position: relative; -} -#app-navigation:not(.vue) > ul { - position: relative; - height: 100%; - width: 100%; - overflow-x: hidden; - overflow-y: auto; - box-sizing: border-box; - display: flex; - flex-direction: column; - padding: calc(var(--default-grid-baseline) * 2); - padding-bottom: 0; - /* Menu and submenu */ -} -#app-navigation:not(.vue) > ul:last-child { - padding-bottom: calc(var(--default-grid-baseline) * 2); -} -#app-navigation:not(.vue) > ul > li { - display: inline-flex; - flex-wrap: wrap; - order: 1; - flex-shrink: 0; - margin: 0; - margin-bottom: 3px; - width: 100%; - border-radius: var(--border-radius-pill); - /* Pinned-to-bottom entries */ - /* align loader */ - /* hide deletion/collapse of subitems */ - /* Second level nesting for lists */ -} -#app-navigation:not(.vue) > ul > li.pinned { - order: 2; -} -#app-navigation:not(.vue) > ul > li.pinned.first-pinned { - margin-top: auto !important; -} -#app-navigation:not(.vue) > ul > li > .app-navigation-entry-deleted { - /* Ugly hack for overriding the main entry link */ - padding-left: 44px !important; -} -#app-navigation:not(.vue) > ul > li > .app-navigation-entry-edit { - /* Ugly hack for overriding the main entry link */ - /* align the input correctly with the link text - 44px-6px padding for the input */ - padding-left: 38px !important; -} -#app-navigation:not(.vue) > ul > li a:hover, -#app-navigation:not(.vue) > ul > li a:hover > a, -#app-navigation:not(.vue) > ul > li a:focus, -#app-navigation:not(.vue) > ul > li a:focus > a { - background-color: var(--color-background-hover); -} -#app-navigation:not(.vue) > ul > li a:focus-visible { - box-shadow: var(--color-primary) inset 0 0 0 2px; - outline: none; -} -#app-navigation:not(.vue) > ul > li.active, -#app-navigation:not(.vue) > ul > li.active > a, -#app-navigation:not(.vue) > ul > li a:active, -#app-navigation:not(.vue) > ul > li a:active > a, -#app-navigation:not(.vue) > ul > li a.selected, -#app-navigation:not(.vue) > ul > li a.selected > a, -#app-navigation:not(.vue) > ul > li a.active, -#app-navigation:not(.vue) > ul > li a.active > a { - background-color: var(--color-primary-light); -} -#app-navigation:not(.vue) > ul > li.icon-loading-small:after { - left: 22px; - top: 22px; -} -#app-navigation:not(.vue) > ul > li.deleted > ul, #app-navigation:not(.vue) > ul > li.collapsible:not(.open) > ul { - display: none; -} -#app-navigation:not(.vue) > ul > li.app-navigation-caption { - font-weight: bold; - line-height: 44px; - padding: 0 44px; - white-space: nowrap; - text-overflow: ellipsis; - box-shadow: none !important; - user-select: none; - pointer-events: none; -} -#app-navigation:not(.vue) > ul > li.app-navigation-caption:not(:first-child) { - margin-top: 22px; -} -#app-navigation:not(.vue) > ul > li > ul { - flex: 0 1 auto; - width: 100%; - position: relative; -} -#app-navigation:not(.vue) > ul > li > ul > li { - display: inline-flex; - flex-wrap: wrap; - padding-left: 44px; - width: 100%; - margin-bottom: 3px; - /* align loader */ -} -#app-navigation:not(.vue) > ul > li > ul > li:hover, -#app-navigation:not(.vue) > ul > li > ul > li:hover > a, #app-navigation:not(.vue) > ul > li > ul > li:focus, -#app-navigation:not(.vue) > ul > li > ul > li:focus > a { - border-radius: var(--border-radius-pill); - background-color: var(--color-background-hover); -} -#app-navigation:not(.vue) > ul > li > ul > li.active, -#app-navigation:not(.vue) > ul > li > ul > li.active > a, -#app-navigation:not(.vue) > ul > li > ul > li a.selected, -#app-navigation:not(.vue) > ul > li > ul > li a.selected > a { - border-radius: var(--border-radius-pill); - background-color: var(--color-primary-light); -} -#app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small:after { - left: 22px; /* 44px / 2 */ -} -#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-deleted { - /* margin to keep active indicator visible */ - margin-left: 4px; - padding-left: 84px; -} -#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-edit { - /* margin to keep active indicator visible */ - margin-left: 4px; - /* align the input correctly with the link text - 44px+44px-4px-6px padding for the input */ - padding-left: 78px !important; -} -#app-navigation:not(.vue) > ul > li, -#app-navigation:not(.vue) > ul > li > ul > li { - position: relative; - box-sizing: border-box; - /* hide icons if loading */ - /* Main entry link */ - /* Bullet icon */ - /* popover fix the flex positionning of the li parent */ - /* show edit/undo field if editing/deleted */ -} -#app-navigation:not(.vue) > ul > li.icon-loading-small > a, -#app-navigation:not(.vue) > ul > li.icon-loading-small > .app-navigation-entry-bullet, -#app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small > a, -#app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small > .app-navigation-entry-bullet { - /* hide icon or bullet if loading state*/ - background: transparent !important; -} -#app-navigation:not(.vue) > ul > li > a, -#app-navigation:not(.vue) > ul > li > ul > li > a { - background-size: 16px 16px; - background-position: 14px center; - background-repeat: no-repeat; - display: block; - justify-content: space-between; - line-height: 44px; - min-height: 44px; - padding: 0 12px 0 14px; - overflow: hidden; - box-sizing: border-box; - white-space: nowrap; - text-overflow: ellipsis; - border-radius: var(--border-radius-pill); - color: var(--color-main-text); - flex: 1 1 0px; - z-index: 100; /* above the bullet to allow click*/ - /* TODO: forbid using img as icon in menu? */ - /* counter can also be inside the link */ -} -#app-navigation:not(.vue) > ul > li > a.svg, -#app-navigation:not(.vue) > ul > li > ul > li > a.svg { - padding: 0 12px 0 44px; -} -#app-navigation:not(.vue) > ul > li > a.svg :focus-visible, -#app-navigation:not(.vue) > ul > li > ul > li > a.svg :focus-visible { - padding: 0 8px 0 42px; -} -#app-navigation:not(.vue) > ul > li > a:first-child img, -#app-navigation:not(.vue) > ul > li > ul > li > a:first-child img { - margin-right: 11px; - width: 16px; - height: 16px; - filter: var(--background-invert-if-dark); -} -#app-navigation:not(.vue) > ul > li > a > .app-navigation-entry-utils, -#app-navigation:not(.vue) > ul > li > ul > li > a > .app-navigation-entry-utils { - display: inline-block; - float: right; -} -#app-navigation:not(.vue) > ul > li > a > .app-navigation-entry-utils .app-navigation-entry-utils-counter, -#app-navigation:not(.vue) > ul > li > ul > li > a > .app-navigation-entry-utils .app-navigation-entry-utils-counter { - padding-right: 0 !important; -} -#app-navigation:not(.vue) > ul > li > .app-navigation-entry-bullet, -#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-bullet { - position: absolute; - display: block; - margin: 16px; - width: 12px; - height: 12px; - border: none; - border-radius: 50%; - cursor: pointer; - transition: background 100ms ease-in-out; -} -#app-navigation:not(.vue) > ul > li > .app-navigation-entry-bullet + a, -#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-bullet + a { - /* hide icon if bullet, can't have both */ - background: transparent !important; -} -#app-navigation:not(.vue) > ul > li > .app-navigation-entry-menu, -#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-menu { - top: 44px; -} -#app-navigation:not(.vue) > ul > li.editing .app-navigation-entry-edit, -#app-navigation:not(.vue) > ul > li > ul > li.editing .app-navigation-entry-edit { - opacity: 1; - z-index: 250; -} -#app-navigation:not(.vue) > ul > li.deleted .app-navigation-entry-deleted, -#app-navigation:not(.vue) > ul > li > ul > li.deleted .app-navigation-entry-deleted { - transform: translateX(0); - z-index: 250; -} -#app-navigation:not(.vue).hidden { - display: none; -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button, -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button { - border: 0; - opacity: 0.5; - background-color: transparent; - background-repeat: no-repeat; - background-position: center; -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button:hover, #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button:focus, -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover, -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus { - background-color: transparent; - opacity: 1; -} -#app-navigation:not(.vue) .collapsible { - /* Fallback for old collapse button. - TODO: to be removed. Leaved here for retro compatibility */ - /* force padding on link no matter if 'a' has an icon class */ -} -#app-navigation:not(.vue) .collapsible .collapse { - opacity: 0; - position: absolute; - width: 44px; - height: 44px; - margin: 0; - z-index: 110; - /* Needed for IE11; otherwise the button appears to the right of the - * link. */ - left: 0; -} -#app-navigation:not(.vue) .collapsible .collapse:focus-visible { - opacity: 1; - border-width: 0; - box-shadow: inset 0 0 0 2px var(--color-primary); - background: none; -} -#app-navigation:not(.vue) .collapsible:before { - position: absolute; - height: 44px; - width: 44px; - margin: 0; - padding: 0; - background: none; - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-triangle-s-dark); - background-size: 16px; - background-repeat: no-repeat; - background-position: center; - border: none; - border-radius: 0; - outline: none !important; - box-shadow: none; - content: " "; - opacity: 0; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - z-index: 105; - border-radius: 50%; - transition: opacity 100ms ease-in-out; -} -#app-navigation:not(.vue) .collapsible > a:first-child { - padding-left: 44px; -} -#app-navigation:not(.vue) .collapsible:hover:before, #app-navigation:not(.vue) .collapsible:focus:before { - opacity: 1; -} -#app-navigation:not(.vue) .collapsible:hover > a, #app-navigation:not(.vue) .collapsible:focus > a { - background-image: none; -} -#app-navigation:not(.vue) .collapsible:hover > .app-navigation-entry-bullet, #app-navigation:not(.vue) .collapsible:focus > .app-navigation-entry-bullet { - background: transparent !important; -} -#app-navigation:not(.vue) .collapsible.open:before { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); -} -#app-navigation:not(.vue) .app-navigation-entry-utils { - flex: 0 1 auto; -} -#app-navigation:not(.vue) .app-navigation-entry-utils ul { - display: flex !important; - align-items: center; - justify-content: flex-end; -} -#app-navigation:not(.vue) .app-navigation-entry-utils li { - width: 44px !important; - height: 44px; -} -#app-navigation:not(.vue) .app-navigation-entry-utils button { - height: 100%; - width: 100%; - margin: 0; - box-shadow: none; -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button { - /* Prevent bg img override if an icon class is set */ -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button button:not([class^=icon-]):not([class*=" icon-"]) { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-more-dark); -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:hover button, #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:focus button { - background-color: transparent; - opacity: 1; -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter { - overflow: hidden; - text-align: right; - font-size: 9pt; - line-height: 44px; - padding: 0 12px; /* Same padding as all li > a in the app-navigation */ -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted { - padding: 0; - text-align: center; -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted span { - padding: 2px 5px; - border-radius: 10px; - background-color: var(--color-primary); - color: var(--color-primary-text); -} -#app-navigation:not(.vue) .app-navigation-entry-edit { - padding-left: 5px; - padding-right: 5px; - display: block; - width: calc(100% - 1px); /* Avoid border overlapping */ - transition: opacity 250ms ease-in-out; - opacity: 0; - position: absolute; - background-color: var(--color-main-background); - z-index: -1; -} -#app-navigation:not(.vue) .app-navigation-entry-edit form, -#app-navigation:not(.vue) .app-navigation-entry-edit div { - display: inline-flex; - width: 100%; -} -#app-navigation:not(.vue) .app-navigation-entry-edit input { - padding: 5px; - margin-right: 0; - height: 38px; -} -#app-navigation:not(.vue) .app-navigation-entry-edit input:hover, #app-navigation:not(.vue) .app-navigation-entry-edit input:focus { - /* overlapp borders */ - z-index: 1; -} -#app-navigation:not(.vue) .app-navigation-entry-edit input[type=text] { - width: 100%; - min-width: 0; /* firefox hack: override auto */ - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} -#app-navigation:not(.vue) .app-navigation-entry-edit button, -#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]) { - width: 36px; - height: 38px; - flex: 0 0 36px; -} -#app-navigation:not(.vue) .app-navigation-entry-edit button:not(:last-child), -#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):not(:last-child) { - border-radius: 0 !important; -} -#app-navigation:not(.vue) .app-navigation-entry-edit button:not(:first-child), -#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):not(:first-child) { - margin-left: -1px; -} -#app-navigation:not(.vue) .app-navigation-entry-edit button:last-child, -#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):last-child { - border-bottom-right-radius: var(--border-radius); - border-top-right-radius: var(--border-radius); - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} -#app-navigation:not(.vue) .app-navigation-entry-deleted { - display: inline-flex; - padding-left: 44px; - transform: translateX(300px); -} -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-description { - position: relative; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - flex: 1 1 0px; - line-height: 44px; -} -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button { - margin: 0; - height: 44px; - width: 44px; - line-height: 44px; -} -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover, #app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus { - opacity: 1; -} -#app-navigation:not(.vue) .app-navigation-entry-edit, -#app-navigation:not(.vue) .app-navigation-entry-deleted { - width: calc(100% - 1px); /* Avoid border overlapping */ - transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, z-index 250ms ease-in-out; - position: absolute; - left: 0; - background-color: var(--color-main-background); - box-sizing: border-box; -} -#app-navigation:not(.vue) .drag-and-drop { - -webkit-transition: padding-bottom 500ms ease 0s; - transition: padding-bottom 500ms ease 0s; - padding-bottom: 40px; -} -#app-navigation:not(.vue) .error { - color: var(--color-error); -} -#app-navigation:not(.vue) .app-navigation-entry-utils ul, -#app-navigation:not(.vue) .app-navigation-entry-menu ul { - list-style-type: none; -} - -/* CONTENT --------------------------------------------------------- */ -#content { - box-sizing: border-box; - position: static; - margin: var(--body-container-margin); - margin-top: 50px; - padding: 0; - display: flex; - width: calc(100% - var(--body-container-margin) * 2); - height: var(--body-height); - border-radius: var(--body-container-radius); - overflow: hidden; -} -#content:not(.with-sidebar--full) { - position: fixed; -} - -@media only screen and (max-width: 1024px) { - #content { - border-top-left-radius: var(--border-radius-large); - border-top-right-radius: var(--border-radius-large); - } - #app-navigation { - border-top-left-radius: var(--border-radius-large); - } - #app-sidebar { - border-top-right-radius: var(--border-radius-large); - } -} -/* APP-CONTENT AND WRAPPER ------------------------------------------ */ -/* Part where the content will be loaded into */ -/** - * !Important. We are defining the minimum requirement we want for flex - * Just before the mobile breakpoint we have variables.$breakpoint-mobile (1024px) - variables.$navigation-width - * -> 468px. In that case we want 200px for the list and 268px for the content - */ -#app-content { - z-index: 1000; - background-color: var(--color-main-background); - flex-basis: 100vw; - overflow: auto; - position: initial; - height: 100%; - /* margin if navigation element is here */ - /* no top border for first settings item */ - /* if app-content-list is present */ -} -#app-content > .section:first-child { - border-top: none; -} -#app-content #app-content-wrapper { - display: flex; - position: relative; - align-items: stretch; - /* make sure we have at least full height for loaders or such - no need for list/details since we have a flex stretch */ - min-height: 100%; - /* CONTENT DETAILS AFTER LIST*/ -} -#app-content #app-content-wrapper .app-content-details { - /* grow full width */ - flex: 1 1 524px; -} -#app-content #app-content-wrapper .app-content-details #app-navigation-toggle-back { - display: none; -} - -/* APP-SIDEBAR ------------------------------------------------------------ */ -/* - Sidebar: a sidebar to be used within #content - #app-content will be shrinked properly -*/ -#app-sidebar { - width: 27vw; - min-width: 300px; - max-width: 500px; - display: block; - position: -webkit-sticky; - position: sticky; - top: 50px; - right: 0; - overflow-y: auto; - overflow-x: hidden; - z-index: 1500; - opacity: 0.7px; - height: calc(100vh - 50px); - background: var(--color-main-background); - border-left: 1px solid var(--color-border); - flex-shrink: 0; -} -#app-sidebar.disappear { - display: none; -} - -/* APP-SETTINGS ------------------------------------------------------------ */ -/* settings area */ -#app-settings { - margin-top: auto; -} -#app-settings.open #app-settings-content, #app-settings.opened #app-settings-content { - display: block; -} - -#app-settings-content { - display: none; - padding: calc(var(--default-grid-baseline) * 2); - padding-top: 0; - padding-left: calc(var(--default-grid-baseline) * 4); - /* restrict height of settings and make scrollable */ - max-height: 300px; - overflow-y: auto; - box-sizing: border-box; - /* display input fields at full width */ -} -#app-settings-content input[type=text] { - width: 93%; -} -#app-settings-content .info-text { - padding: 5px 0 7px 22px; - color: var(--color-text-lighter); -} -#app-settings-content input[type=checkbox].radio + label, #app-settings-content input[type=checkbox].checkbox + label, #app-settings-content input[type=radio].radio + label, #app-settings-content input[type=radio].checkbox + label { - display: inline-block; - width: 100%; - padding: 5px 0; -} - -#app-settings-header { - box-sizing: border-box; - background-color: transparent; - overflow: hidden; - border-radius: calc(var(--default-clickable-area) / 2); - padding: calc(var(--default-grid-baseline) * 2); - padding-top: 0; -} -#app-settings-header .settings-button { - display: flex; - align-items: center; - height: 44px; - width: 100%; - padding: 0; - margin: 0; - background-color: transparent; - box-shadow: none; - border: 0; - border-radius: calc(var(--default-clickable-area) / 2); - text-align: left; - font-weight: normal; - font-size: 100%; - opacity: 0.8; - /* like app-navigation a */ - color: var(--color-main-text); -} -#app-settings-header .settings-button.opened { - border-top: solid 1px var(--color-border); - background-color: var(--color-main-background); - margin-top: 8px; -} -#app-settings-header .settings-button:hover, #app-settings-header .settings-button:focus { - background-color: var(--color-background-hover); -} -#app-settings-header .settings-button::before { - background-image: var(--icon-settings-dark); - background-position: 14px center; - background-repeat: no-repeat; - content: ""; - width: 44px; - height: 44px; - top: 0; - left: 0; - display: block; -} -#app-settings-header .settings-button:focus-visible { - box-shadow: 0 0 0 2px inset var(--color-primary) !important; - background-position: 12px center; -} - -/* GENERAL SECTION ------------------------------------------------------------ */ -.section { - display: block; - padding: 30px; - margin-bottom: 24px; - /* slight position correction of checkboxes and radio buttons */ -} -.section.hidden { - display: none !important; -} -.section input[type=checkbox], .section input[type=radio] { - vertical-align: -2px; - margin-right: 4px; -} - -.sub-section { - position: relative; - margin-top: 10px; - margin-left: 27px; - margin-bottom: 10px; -} - -.appear { - opacity: 1; - -webkit-transition: opacity 500ms ease 0s; - -moz-transition: opacity 500ms ease 0s; - -ms-transition: opacity 500ms ease 0s; - -o-transition: opacity 500ms ease 0s; - transition: opacity 500ms ease 0s; -} -.appear.transparent { - opacity: 0; -} - -/* TABS ------------------------------------------------------------ */ -.tabHeaders { - display: flex; - margin-bottom: 16px; -} -.tabHeaders .tabHeader { - display: flex; - flex-direction: column; - flex-grow: 1; - text-align: center; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - cursor: pointer; - color: var(--color-text-lighter); - margin-bottom: 1px; - padding: 5px; - /* Use same amount as sidebar padding */ -} -.tabHeaders .tabHeader.hidden { - display: none; -} -.tabHeaders .tabHeader:first-child { - padding-left: 15px; -} -.tabHeaders .tabHeader:last-child { - padding-right: 15px; -} -.tabHeaders .tabHeader .icon { - display: inline-block; - width: 100%; - height: 16px; - background-size: 16px; - vertical-align: middle; - margin-top: -2px; - margin-right: 3px; - opacity: 0.7; - cursor: pointer; -} -.tabHeaders .tabHeader a { - color: var(--color-text-lighter); - margin-bottom: 1px; - overflow: hidden; - text-overflow: ellipsis; -} -.tabHeaders .tabHeader.selected { - font-weight: bold; -} -.tabHeaders .tabHeader.selected, .tabHeaders .tabHeader:hover, .tabHeaders .tabHeader:focus { - margin-bottom: 0px; - color: var(--color-main-text); - border-bottom: 1px solid var(--color-text-lighter); -} - -.tabsContainer { - clear: left; -} -.tabsContainer .tab { - padding: 0 15px 15px; -} - -/* POPOVER MENU ------------------------------------------------------------ */ -.contact .popovermenu ul > li > a > img, -.popover__menu > li > a > img { - filter: var(--background-invert-if-dark); -} -.contact .popovermenu ul > li > a > img[src^=data], -.popover__menu > li > a > img[src^=data] { - filter: none; -} - -.bubble, -.app-navigation-entry-menu, -.popovermenu { - position: absolute; - background-color: var(--color-main-background); - color: var(--color-main-text); - border-radius: var(--border-radius-large); - padding: 3px; - z-index: 110; - margin: 5px; - margin-top: -5px; - right: 0; - filter: drop-shadow(0 1px 3px var(--color-box-shadow)); - display: none; - will-change: filter; - /* Center the popover */ - /* Align the popover to the left */ -} -.bubble:after, -.app-navigation-entry-menu:after, -.popovermenu:after { - bottom: 100%; - right: 7px; - /* change this to adjust the arrow position */ - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-bottom-color: var(--color-main-background); - border-width: 9px; -} -.bubble.menu-center, -.app-navigation-entry-menu.menu-center, -.popovermenu.menu-center { - transform: translateX(50%); - right: 50%; - margin-right: 0; -} -.bubble.menu-center:after, -.app-navigation-entry-menu.menu-center:after, -.popovermenu.menu-center:after { - right: 50%; - transform: translateX(50%); -} -.bubble.menu-left, -.app-navigation-entry-menu.menu-left, -.popovermenu.menu-left { - right: auto; - left: 0; - margin-right: 0; -} -.bubble.menu-left:after, -.app-navigation-entry-menu.menu-left:after, -.popovermenu.menu-left:after { - left: 6px; - right: auto; -} -.bubble.open, -.app-navigation-entry-menu.open, -.popovermenu.open { - display: block; -} -.bubble.contactsmenu-popover, -.app-navigation-entry-menu.contactsmenu-popover, -.popovermenu.contactsmenu-popover { - margin: 0; -} -.bubble ul, -.app-navigation-entry-menu ul, -.popovermenu ul { - /* Overwrite #app-navigation > ul ul */ - display: flex !important; - flex-direction: column; -} -.bubble li, -.app-navigation-entry-menu li, -.popovermenu li { - display: flex; - flex: 0 0 auto; - /* css hack, only first not hidden */ -} -.bubble li.hidden, -.app-navigation-entry-menu li.hidden, -.popovermenu li.hidden { - display: none; -} -.bubble li > button, -.bubble li > a, -.bubble li > .menuitem, -.app-navigation-entry-menu li > button, -.app-navigation-entry-menu li > a, -.app-navigation-entry-menu li > .menuitem, -.popovermenu li > button, -.popovermenu li > a, -.popovermenu li > .menuitem { - cursor: pointer; - line-height: 44px; - border: 0; - border-radius: var(--border-radius-large); - background-color: transparent; - display: flex; - align-items: flex-start; - height: auto; - margin: 0; - font-weight: normal; - box-shadow: none; - width: 100%; - color: var(--color-main-text); - white-space: nowrap; - /* prevent .action class to break the design */ - /* Add padding if contains icon+text */ - /* DEPRECATED! old img in popover fallback - * TODO: to remove */ - /* checkbox/radio fixes */ - /* no margin if hidden span before */ - /* Inputs inside popover supports text, submit & reset */ -} -.bubble li > button span[class^=icon-], -.bubble li > button span[class*=" icon-"], .bubble li > button[class^=icon-], .bubble li > button[class*=" icon-"], -.bubble li > a span[class^=icon-], -.bubble li > a span[class*=" icon-"], -.bubble li > a[class^=icon-], -.bubble li > a[class*=" icon-"], -.bubble li > .menuitem span[class^=icon-], -.bubble li > .menuitem span[class*=" icon-"], -.bubble li > .menuitem[class^=icon-], -.bubble li > .menuitem[class*=" icon-"], -.app-navigation-entry-menu li > button span[class^=icon-], -.app-navigation-entry-menu li > button span[class*=" icon-"], -.app-navigation-entry-menu li > button[class^=icon-], -.app-navigation-entry-menu li > button[class*=" icon-"], -.app-navigation-entry-menu li > a span[class^=icon-], -.app-navigation-entry-menu li > a span[class*=" icon-"], -.app-navigation-entry-menu li > a[class^=icon-], -.app-navigation-entry-menu li > a[class*=" icon-"], -.app-navigation-entry-menu li > .menuitem span[class^=icon-], -.app-navigation-entry-menu li > .menuitem span[class*=" icon-"], -.app-navigation-entry-menu li > .menuitem[class^=icon-], -.app-navigation-entry-menu li > .menuitem[class*=" icon-"], -.popovermenu li > button span[class^=icon-], -.popovermenu li > button span[class*=" icon-"], -.popovermenu li > button[class^=icon-], -.popovermenu li > button[class*=" icon-"], -.popovermenu li > a span[class^=icon-], -.popovermenu li > a span[class*=" icon-"], -.popovermenu li > a[class^=icon-], -.popovermenu li > a[class*=" icon-"], -.popovermenu li > .menuitem span[class^=icon-], -.popovermenu li > .menuitem span[class*=" icon-"], -.popovermenu li > .menuitem[class^=icon-], -.popovermenu li > .menuitem[class*=" icon-"] { - min-width: 0; /* Overwrite icons*/ - min-height: 0; - background-position: 14px center; - background-size: 16px; -} -.bubble li > button span[class^=icon-], -.bubble li > button span[class*=" icon-"], -.bubble li > a span[class^=icon-], -.bubble li > a span[class*=" icon-"], -.bubble li > .menuitem span[class^=icon-], -.bubble li > .menuitem span[class*=" icon-"], -.app-navigation-entry-menu li > button span[class^=icon-], -.app-navigation-entry-menu li > button span[class*=" icon-"], -.app-navigation-entry-menu li > a span[class^=icon-], -.app-navigation-entry-menu li > a span[class*=" icon-"], -.app-navigation-entry-menu li > .menuitem span[class^=icon-], -.app-navigation-entry-menu li > .menuitem span[class*=" icon-"], -.popovermenu li > button span[class^=icon-], -.popovermenu li > button span[class*=" icon-"], -.popovermenu li > a span[class^=icon-], -.popovermenu li > a span[class*=" icon-"], -.popovermenu li > .menuitem span[class^=icon-], -.popovermenu li > .menuitem span[class*=" icon-"] { - /* Keep padding to define the width to - assure correct position of a possible text */ - padding: 22px 0 22px 44px; -} -.bubble li > button:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > button:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > button:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > a:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > a:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > a:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > .menuitem:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > .menuitem:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > .menuitem:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > button:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > button:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > button:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > a:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > a:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > a:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > button:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > button:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > button:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > a:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > a:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > a:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child { - margin-left: 44px; -} -.bubble li > button[class^=icon-], .bubble li > button[class*=" icon-"], -.bubble li > a[class^=icon-], -.bubble li > a[class*=" icon-"], -.bubble li > .menuitem[class^=icon-], -.bubble li > .menuitem[class*=" icon-"], -.app-navigation-entry-menu li > button[class^=icon-], -.app-navigation-entry-menu li > button[class*=" icon-"], -.app-navigation-entry-menu li > a[class^=icon-], -.app-navigation-entry-menu li > a[class*=" icon-"], -.app-navigation-entry-menu li > .menuitem[class^=icon-], -.app-navigation-entry-menu li > .menuitem[class*=" icon-"], -.popovermenu li > button[class^=icon-], -.popovermenu li > button[class*=" icon-"], -.popovermenu li > a[class^=icon-], -.popovermenu li > a[class*=" icon-"], -.popovermenu li > .menuitem[class^=icon-], -.popovermenu li > .menuitem[class*=" icon-"] { - padding: 0 14px 0 44px !important; -} -.bubble li > button:hover, .bubble li > button:focus, -.bubble li > a:hover, -.bubble li > a:focus, -.bubble li > .menuitem:hover, -.bubble li > .menuitem:focus, -.app-navigation-entry-menu li > button:hover, -.app-navigation-entry-menu li > button:focus, -.app-navigation-entry-menu li > a:hover, -.app-navigation-entry-menu li > a:focus, -.app-navigation-entry-menu li > .menuitem:hover, -.app-navigation-entry-menu li > .menuitem:focus, -.popovermenu li > button:hover, -.popovermenu li > button:focus, -.popovermenu li > a:hover, -.popovermenu li > a:focus, -.popovermenu li > .menuitem:hover, -.popovermenu li > .menuitem:focus { - background-color: var(--color-background-hover); -} -.bubble li > button:focus, .bubble li > button:focus-visible, -.bubble li > a:focus, -.bubble li > a:focus-visible, -.bubble li > .menuitem:focus, -.bubble li > .menuitem:focus-visible, -.app-navigation-entry-menu li > button:focus, -.app-navigation-entry-menu li > button:focus-visible, -.app-navigation-entry-menu li > a:focus, -.app-navigation-entry-menu li > a:focus-visible, -.app-navigation-entry-menu li > .menuitem:focus, -.app-navigation-entry-menu li > .menuitem:focus-visible, -.popovermenu li > button:focus, -.popovermenu li > button:focus-visible, -.popovermenu li > a:focus, -.popovermenu li > a:focus-visible, -.popovermenu li > .menuitem:focus, -.popovermenu li > .menuitem:focus-visible { - box-shadow: 0 0 0 2px var(--color-primary-element); -} -.bubble li > button.active, -.bubble li > a.active, -.bubble li > .menuitem.active, -.app-navigation-entry-menu li > button.active, -.app-navigation-entry-menu li > a.active, -.app-navigation-entry-menu li > .menuitem.active, -.popovermenu li > button.active, -.popovermenu li > a.active, -.popovermenu li > .menuitem.active { - border-radius: var(--border-radius-pill); - background-color: var(--color-primary-light); -} -.bubble li > button.action, -.bubble li > a.action, -.bubble li > .menuitem.action, -.app-navigation-entry-menu li > button.action, -.app-navigation-entry-menu li > a.action, -.app-navigation-entry-menu li > .menuitem.action, -.popovermenu li > button.action, -.popovermenu li > a.action, -.popovermenu li > .menuitem.action { - padding: inherit !important; -} -.bubble li > button > span, -.bubble li > a > span, -.bubble li > .menuitem > span, -.app-navigation-entry-menu li > button > span, -.app-navigation-entry-menu li > a > span, -.app-navigation-entry-menu li > .menuitem > span, -.popovermenu li > button > span, -.popovermenu li > a > span, -.popovermenu li > .menuitem > span { - cursor: pointer; - white-space: nowrap; -} -.bubble li > button > p, -.bubble li > a > p, -.bubble li > .menuitem > p, -.app-navigation-entry-menu li > button > p, -.app-navigation-entry-menu li > a > p, -.app-navigation-entry-menu li > .menuitem > p, -.popovermenu li > button > p, -.popovermenu li > a > p, -.popovermenu li > .menuitem > p { - width: 150px; - line-height: 1.6em; - padding: 8px 0; - white-space: normal; -} -.bubble li > button > select, -.bubble li > a > select, -.bubble li > .menuitem > select, -.app-navigation-entry-menu li > button > select, -.app-navigation-entry-menu li > a > select, -.app-navigation-entry-menu li > .menuitem > select, -.popovermenu li > button > select, -.popovermenu li > a > select, -.popovermenu li > .menuitem > select { - margin: 0; - margin-left: 6px; -} -.bubble li > button:not(:empty), -.bubble li > a:not(:empty), -.bubble li > .menuitem:not(:empty), -.app-navigation-entry-menu li > button:not(:empty), -.app-navigation-entry-menu li > a:not(:empty), -.app-navigation-entry-menu li > .menuitem:not(:empty), -.popovermenu li > button:not(:empty), -.popovermenu li > a:not(:empty), -.popovermenu li > .menuitem:not(:empty) { - padding-right: 14px !important; -} -.bubble li > button > img, -.bubble li > a > img, -.bubble li > .menuitem > img, -.app-navigation-entry-menu li > button > img, -.app-navigation-entry-menu li > a > img, -.app-navigation-entry-menu li > .menuitem > img, -.popovermenu li > button > img, -.popovermenu li > a > img, -.popovermenu li > .menuitem > img { - width: 16px; - padding: 14px; -} -.bubble li > button > input.radio + label, -.bubble li > button > input.checkbox + label, -.bubble li > a > input.radio + label, -.bubble li > a > input.checkbox + label, -.bubble li > .menuitem > input.radio + label, -.bubble li > .menuitem > input.checkbox + label, -.app-navigation-entry-menu li > button > input.radio + label, -.app-navigation-entry-menu li > button > input.checkbox + label, -.app-navigation-entry-menu li > a > input.radio + label, -.app-navigation-entry-menu li > a > input.checkbox + label, -.app-navigation-entry-menu li > .menuitem > input.radio + label, -.app-navigation-entry-menu li > .menuitem > input.checkbox + label, -.popovermenu li > button > input.radio + label, -.popovermenu li > button > input.checkbox + label, -.popovermenu li > a > input.radio + label, -.popovermenu li > a > input.checkbox + label, -.popovermenu li > .menuitem > input.radio + label, -.popovermenu li > .menuitem > input.checkbox + label { - padding: 0 !important; - width: 100%; -} -.bubble li > button > input.checkbox + label::before, -.bubble li > a > input.checkbox + label::before, -.bubble li > .menuitem > input.checkbox + label::before, -.app-navigation-entry-menu li > button > input.checkbox + label::before, -.app-navigation-entry-menu li > a > input.checkbox + label::before, -.app-navigation-entry-menu li > .menuitem > input.checkbox + label::before, -.popovermenu li > button > input.checkbox + label::before, -.popovermenu li > a > input.checkbox + label::before, -.popovermenu li > .menuitem > input.checkbox + label::before { - margin: -2px 13px 0; -} -.bubble li > button > input.radio + label::before, -.bubble li > a > input.radio + label::before, -.bubble li > .menuitem > input.radio + label::before, -.app-navigation-entry-menu li > button > input.radio + label::before, -.app-navigation-entry-menu li > a > input.radio + label::before, -.app-navigation-entry-menu li > .menuitem > input.radio + label::before, -.popovermenu li > button > input.radio + label::before, -.popovermenu li > a > input.radio + label::before, -.popovermenu li > .menuitem > input.radio + label::before { - margin: -2px 12px 0; -} -.bubble li > button > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.bubble li > a > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.bubble li > .menuitem > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.app-navigation-entry-menu li > button > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.app-navigation-entry-menu li > a > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.app-navigation-entry-menu li > .menuitem > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.popovermenu li > button > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.popovermenu li > a > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.popovermenu li > .menuitem > input:not([type=radio]):not([type=checkbox]):not([type=image]) { - width: 150px; -} -.bubble li > button form, -.bubble li > a form, -.bubble li > .menuitem form, -.app-navigation-entry-menu li > button form, -.app-navigation-entry-menu li > a form, -.app-navigation-entry-menu li > .menuitem form, -.popovermenu li > button form, -.popovermenu li > a form, -.popovermenu li > .menuitem form { - display: flex; - flex: 1 1 auto; - /* put a small space between text and form - if there is an element before */ - align-items: center; -} -.bubble li > button form:not(:first-child), -.bubble li > a form:not(:first-child), -.bubble li > .menuitem form:not(:first-child), -.app-navigation-entry-menu li > button form:not(:first-child), -.app-navigation-entry-menu li > a form:not(:first-child), -.app-navigation-entry-menu li > .menuitem form:not(:first-child), -.popovermenu li > button form:not(:first-child), -.popovermenu li > a form:not(:first-child), -.popovermenu li > .menuitem form:not(:first-child) { - margin-left: 5px; -} -.bubble li > button > span.hidden + form, -.bubble li > button > span[style*="display:none"] + form, -.bubble li > a > span.hidden + form, -.bubble li > a > span[style*="display:none"] + form, -.bubble li > .menuitem > span.hidden + form, -.bubble li > .menuitem > span[style*="display:none"] + form, -.app-navigation-entry-menu li > button > span.hidden + form, -.app-navigation-entry-menu li > button > span[style*="display:none"] + form, -.app-navigation-entry-menu li > a > span.hidden + form, -.app-navigation-entry-menu li > a > span[style*="display:none"] + form, -.app-navigation-entry-menu li > .menuitem > span.hidden + form, -.app-navigation-entry-menu li > .menuitem > span[style*="display:none"] + form, -.popovermenu li > button > span.hidden + form, -.popovermenu li > button > span[style*="display:none"] + form, -.popovermenu li > a > span.hidden + form, -.popovermenu li > a > span[style*="display:none"] + form, -.popovermenu li > .menuitem > span.hidden + form, -.popovermenu li > .menuitem > span[style*="display:none"] + form { - margin-left: 0; -} -.bubble li > button input, -.bubble li > a input, -.bubble li > .menuitem input, -.app-navigation-entry-menu li > button input, -.app-navigation-entry-menu li > a input, -.app-navigation-entry-menu li > .menuitem input, -.popovermenu li > button input, -.popovermenu li > a input, -.popovermenu li > .menuitem input { - min-width: 44px; - max-height: 40px; /* twice the element margin-y */ - margin: 2px 0; - flex: 1 1 auto; -} -.bubble li > button input:not(:first-child), -.bubble li > a input:not(:first-child), -.bubble li > .menuitem input:not(:first-child), -.app-navigation-entry-menu li > button input:not(:first-child), -.app-navigation-entry-menu li > a input:not(:first-child), -.app-navigation-entry-menu li > .menuitem input:not(:first-child), -.popovermenu li > button input:not(:first-child), -.popovermenu li > a input:not(:first-child), -.popovermenu li > .menuitem input:not(:first-child) { - margin-left: 5px; -} -.bubble li:not(.hidden):not([style*="display:none"]):first-of-type > button > form, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > button > input, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > a > form, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > a > input, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > form, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > button > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > button > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > a > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > a > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > button > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > button > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > a > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > a > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > input { - margin-top: 12px; -} -.bubble li:not(.hidden):not([style*="display:none"]):last-of-type > button > form, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > button > input, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > a > form, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > a > input, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > form, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > button > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > button > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > a > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > a > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > button > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > button > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > a > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > a > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > input { - margin-bottom: 0px; -} -.bubble li > button, -.app-navigation-entry-menu li > button, -.popovermenu li > button { - padding: 0; -} -.bubble li > button span, -.app-navigation-entry-menu li > button span, -.popovermenu li > button span { - opacity: 1; -} - -/* CONTENT LIST ------------------------------------------------------------ */ -.app-content-list { - position: -webkit-sticky; - position: relative; - top: 0; - border-right: 1px solid var(--color-border); - display: flex; - flex-direction: column; - transition: transform 250ms ease-in-out; - min-height: 100%; - max-height: 100%; - overflow-y: auto; - overflow-x: hidden; - flex: 1 1 200px; - min-width: 200px; - max-width: 300px; - /* Default item */ -} -.app-content-list .app-content-list-item { - position: relative; - height: 68px; - cursor: pointer; - padding: 10px 7px; - display: flex; - flex-wrap: wrap; - align-items: center; - flex: 0 0 auto; - /* Icon fixes */ -} -.app-content-list .app-content-list-item > [class^=icon-], -.app-content-list .app-content-list-item > [class*=" icon-"], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"] { - order: 4; - width: 24px; - height: 24px; - margin: -7px; - padding: 22px; - opacity: 0.3; - cursor: pointer; -} -.app-content-list .app-content-list-item > [class^=icon-]:hover, .app-content-list .app-content-list-item > [class^=icon-]:focus, -.app-content-list .app-content-list-item > [class*=" icon-"]:hover, -.app-content-list .app-content-list-item > [class*=" icon-"]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"]:focus { - opacity: 0.7; -} -.app-content-list .app-content-list-item > [class^=icon-][class^=icon-star], .app-content-list .app-content-list-item > [class^=icon-][class*=" icon-star"], -.app-content-list .app-content-list-item > [class*=" icon-"][class^=icon-star], -.app-content-list .app-content-list-item > [class*=" icon-"][class*=" icon-star"], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class^=icon-star], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class*=" icon-star"], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class^=icon-star], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class*=" icon-star"] { - opacity: 0.7; -} -.app-content-list .app-content-list-item > [class^=icon-][class^=icon-star]:hover, .app-content-list .app-content-list-item > [class^=icon-][class^=icon-star]:focus, .app-content-list .app-content-list-item > [class^=icon-][class*=" icon-star"]:hover, .app-content-list .app-content-list-item > [class^=icon-][class*=" icon-star"]:focus, -.app-content-list .app-content-list-item > [class*=" icon-"][class^=icon-star]:hover, -.app-content-list .app-content-list-item > [class*=" icon-"][class^=icon-star]:focus, -.app-content-list .app-content-list-item > [class*=" icon-"][class*=" icon-star"]:hover, -.app-content-list .app-content-list-item > [class*=" icon-"][class*=" icon-star"]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class^=icon-star]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class^=icon-star]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class*=" icon-star"]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class*=" icon-star"]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class^=icon-star]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class^=icon-star]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class*=" icon-star"]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class*=" icon-star"]:focus { - opacity: 1; -} -.app-content-list .app-content-list-item > [class^=icon-].icon-starred, -.app-content-list .app-content-list-item > [class*=" icon-"].icon-starred, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-].icon-starred, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"].icon-starred { - opacity: 1; -} -.app-content-list .app-content-list-item:hover, .app-content-list .app-content-list-item:focus, .app-content-list .app-content-list-item.active { - background-color: var(--color-background-dark); -} -.app-content-list .app-content-list-item:hover .app-content-list-item-checkbox.checkbox + label, .app-content-list .app-content-list-item:focus .app-content-list-item-checkbox.checkbox + label, .app-content-list .app-content-list-item.active .app-content-list-item-checkbox.checkbox + label { - display: flex; -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label, -.app-content-list .app-content-list-item .app-content-list-item-star { - position: absolute; - height: 40px; - width: 40px; - z-index: 50; -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active + label { - display: flex; -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active + label + .app-content-list-item-icon { - opacity: 0.7; -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label { - top: 14px; - left: 7px; - display: none; - /* Hide the star, priority to the checkbox */ -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label::before { - margin: 0; -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label ~ .app-content-list-item-star { - display: none; -} -.app-content-list .app-content-list-item .app-content-list-item-star { - display: flex; - top: 10px; - left: 32px; - background-size: 16px; - height: 20px; - width: 20px; - margin: 0; - padding: 0; -} -.app-content-list .app-content-list-item .app-content-list-item-icon { - position: absolute; - display: inline-block; - height: 40px; - width: 40px; - line-height: 40px; - border-radius: 50%; - vertical-align: middle; - margin-right: 10px; - color: #fff; - text-align: center; - font-size: 1.5em; - text-transform: capitalize; - object-fit: cover; - user-select: none; - cursor: pointer; - top: 50%; - margin-top: -20px; -} -.app-content-list .app-content-list-item .app-content-list-item-line-one, -.app-content-list .app-content-list-item .app-content-list-item-line-two { - display: block; - padding-left: 50px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - order: 1; - flex: 1 1 0px; - padding-right: 10px; - cursor: pointer; -} -.app-content-list .app-content-list-item .app-content-list-item-line-two { - opacity: 0.5; - order: 3; - flex: 1 0; - flex-basis: calc(100% - 44px); -} -.app-content-list .app-content-list-item .app-content-list-item-details { - order: 2; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100px; - opacity: 0.5; - font-size: 80%; - user-select: none; -} -.app-content-list .app-content-list-item .app-content-list-item-menu { - order: 4; - position: relative; -} -.app-content-list .app-content-list-item .app-content-list-item-menu .popovermenu { - margin: 0; - right: -2px; -} -.app-content-list.selection .app-content-list-item-checkbox.checkbox + label { - display: flex; -} - -/*# sourceMappingURL=apps.css.map */ +:root{--body-container-margin: calc(var(--default-grid-baseline) * 2);--body-container-radius: calc(var(--default-clickable-area) / 2 + var(--default-grid-baseline) * 2 - 2px);--body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin))}@media screen and (max-width: 1024px){:root{--body-container-margin: 0px;--body-container-radius: 0px}}html{width:100%;height:100%;position:absolute;background-color:var(--color-background-plain, var(--color-main-background))}body{background-color:var(--color-background-plain, var(--color-main-background));background-image:var(--image-background, var(--image-background-default));background-size:cover;background-position:center;position:fixed;width:100%;height:calc(100vh - env(safe-area-inset-bottom))}h2{font-weight:bold;font-size:20px;margin-bottom:12px;line-height:30px;color:var(--color-text-light)}h3{font-size:16px;margin:12px 0;color:var(--color-text-light)}h4{font-size:14px}em{font-style:normal;color:var(--color-text-lighter)}dl{padding:12px 0}dt,dd{display:inline-block;padding:12px;padding-left:0}dt{width:130px;white-space:nowrap;text-align:right}kbd{padding:4px 10px;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.2);border-radius:var(--border-radius);display:inline-block;white-space:nowrap}#content[class*=app-] *{box-sizing:border-box}#app-navigation:not(.vue){--border-radius-pill: calc(var(--default-clickable-area) / 2);width:300px;z-index:500;overflow-y:auto;overflow-x:hidden;background-color:var(--color-main-background-blur);backdrop-filter:var(--filter-background-blur);-webkit-backdrop-filter:var(--filter-background-blur);-webkit-user-select:none;position:sticky;height:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0}#app-navigation:not(.vue) .app-navigation-new{display:block;padding:calc(var(--default-grid-baseline)*2)}#app-navigation:not(.vue) .app-navigation-new button{display:inline-block;width:100%;padding:10px;padding-left:34px;background-position:10px center;text-align:left;margin:0}#app-navigation:not(.vue) li{position:relative}#app-navigation:not(.vue)>ul{position:relative;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:calc(var(--default-grid-baseline)*2);padding-bottom:0}#app-navigation:not(.vue)>ul:last-child{padding-bottom:calc(var(--default-grid-baseline)*2)}#app-navigation:not(.vue)>ul>li{display:inline-flex;flex-wrap:wrap;order:1;flex-shrink:0;margin:0;margin-bottom:3px;width:100%;border-radius:var(--border-radius-pill)}#app-navigation:not(.vue)>ul>li.pinned{order:2}#app-navigation:not(.vue)>ul>li.pinned.first-pinned{margin-top:auto !important}#app-navigation:not(.vue)>ul>li>.app-navigation-entry-deleted{padding-left:44px !important}#app-navigation:not(.vue)>ul>li>.app-navigation-entry-edit{padding-left:38px !important}#app-navigation:not(.vue)>ul>li a:hover,#app-navigation:not(.vue)>ul>li a:hover>a,#app-navigation:not(.vue)>ul>li a:focus,#app-navigation:not(.vue)>ul>li a:focus>a{background-color:var(--color-background-hover)}#app-navigation:not(.vue)>ul>li a:focus-visible{box-shadow:var(--color-primary) inset 0 0 0 2px;outline:none}#app-navigation:not(.vue)>ul>li.active,#app-navigation:not(.vue)>ul>li.active>a,#app-navigation:not(.vue)>ul>li a:active,#app-navigation:not(.vue)>ul>li a:active>a,#app-navigation:not(.vue)>ul>li a.selected,#app-navigation:not(.vue)>ul>li a.selected>a,#app-navigation:not(.vue)>ul>li a.active,#app-navigation:not(.vue)>ul>li a.active>a{background-color:var(--color-primary-light)}#app-navigation:not(.vue)>ul>li.icon-loading-small:after{left:22px;top:22px}#app-navigation:not(.vue)>ul>li.deleted>ul,#app-navigation:not(.vue)>ul>li.collapsible:not(.open)>ul{display:none}#app-navigation:not(.vue)>ul>li.app-navigation-caption{font-weight:bold;line-height:44px;padding:0 44px;white-space:nowrap;text-overflow:ellipsis;box-shadow:none !important;user-select:none;pointer-events:none}#app-navigation:not(.vue)>ul>li.app-navigation-caption:not(:first-child){margin-top:22px}#app-navigation:not(.vue)>ul>li>ul{flex:0 1 auto;width:100%;position:relative}#app-navigation:not(.vue)>ul>li>ul>li{display:inline-flex;flex-wrap:wrap;padding-left:44px;width:100%;margin-bottom:3px}#app-navigation:not(.vue)>ul>li>ul>li:hover,#app-navigation:not(.vue)>ul>li>ul>li:hover>a,#app-navigation:not(.vue)>ul>li>ul>li:focus,#app-navigation:not(.vue)>ul>li>ul>li:focus>a{border-radius:var(--border-radius-pill);background-color:var(--color-background-hover)}#app-navigation:not(.vue)>ul>li>ul>li.active,#app-navigation:not(.vue)>ul>li>ul>li.active>a,#app-navigation:not(.vue)>ul>li>ul>li a.selected,#app-navigation:not(.vue)>ul>li>ul>li a.selected>a{border-radius:var(--border-radius-pill);background-color:var(--color-primary-light)}#app-navigation:not(.vue)>ul>li>ul>li.icon-loading-small:after{left:22px}#app-navigation:not(.vue)>ul>li>ul>li>.app-navigation-entry-deleted{margin-left:4px;padding-left:84px}#app-navigation:not(.vue)>ul>li>ul>li>.app-navigation-entry-edit{margin-left:4px;padding-left:78px !important}#app-navigation:not(.vue)>ul>li,#app-navigation:not(.vue)>ul>li>ul>li{position:relative;box-sizing:border-box}#app-navigation:not(.vue)>ul>li.icon-loading-small>a,#app-navigation:not(.vue)>ul>li.icon-loading-small>.app-navigation-entry-bullet,#app-navigation:not(.vue)>ul>li>ul>li.icon-loading-small>a,#app-navigation:not(.vue)>ul>li>ul>li.icon-loading-small>.app-navigation-entry-bullet{background:rgba(0,0,0,0) !important}#app-navigation:not(.vue)>ul>li>a,#app-navigation:not(.vue)>ul>li>ul>li>a{background-size:16px 16px;background-position:14px center;background-repeat:no-repeat;display:block;justify-content:space-between;line-height:44px;min-height:44px;padding:0 12px 0 14px;overflow:hidden;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;border-radius:var(--border-radius-pill);color:var(--color-main-text);flex:1 1 0px;z-index:100}#app-navigation:not(.vue)>ul>li>a.svg,#app-navigation:not(.vue)>ul>li>ul>li>a.svg{padding:0 12px 0 44px}#app-navigation:not(.vue)>ul>li>a.svg :focus-visible,#app-navigation:not(.vue)>ul>li>ul>li>a.svg :focus-visible{padding:0 8px 0 42px}#app-navigation:not(.vue)>ul>li>a:first-child img,#app-navigation:not(.vue)>ul>li>ul>li>a:first-child img{margin-right:11px;width:16px;height:16px;filter:var(--background-invert-if-dark)}#app-navigation:not(.vue)>ul>li>a>.app-navigation-entry-utils,#app-navigation:not(.vue)>ul>li>ul>li>a>.app-navigation-entry-utils{display:inline-block;float:right}#app-navigation:not(.vue)>ul>li>a>.app-navigation-entry-utils .app-navigation-entry-utils-counter,#app-navigation:not(.vue)>ul>li>ul>li>a>.app-navigation-entry-utils .app-navigation-entry-utils-counter{padding-right:0 !important}#app-navigation:not(.vue)>ul>li>.app-navigation-entry-bullet,#app-navigation:not(.vue)>ul>li>ul>li>.app-navigation-entry-bullet{position:absolute;display:block;margin:16px;width:12px;height:12px;border:none;border-radius:50%;cursor:pointer;transition:background 100ms ease-in-out}#app-navigation:not(.vue)>ul>li>.app-navigation-entry-bullet+a,#app-navigation:not(.vue)>ul>li>ul>li>.app-navigation-entry-bullet+a{background:rgba(0,0,0,0) !important}#app-navigation:not(.vue)>ul>li>.app-navigation-entry-menu,#app-navigation:not(.vue)>ul>li>ul>li>.app-navigation-entry-menu{top:44px}#app-navigation:not(.vue)>ul>li.editing .app-navigation-entry-edit,#app-navigation:not(.vue)>ul>li>ul>li.editing .app-navigation-entry-edit{opacity:1;z-index:250}#app-navigation:not(.vue)>ul>li.deleted .app-navigation-entry-deleted,#app-navigation:not(.vue)>ul>li>ul>li.deleted .app-navigation-entry-deleted{transform:translateX(0);z-index:250}#app-navigation:not(.vue).hidden{display:none}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button>button,#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button{border:0;opacity:.5;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:center}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button>button:hover,#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button>button:focus,#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover,#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus{background-color:rgba(0,0,0,0);opacity:1}#app-navigation:not(.vue) .collapsible .collapse{opacity:0;position:absolute;width:44px;height:44px;margin:0;z-index:110;left:0}#app-navigation:not(.vue) .collapsible .collapse:focus-visible{opacity:1;border-width:0;box-shadow:inset 0 0 0 2px var(--color-primary);background:none}#app-navigation:not(.vue) .collapsible:before{position:absolute;height:44px;width:44px;margin:0;padding:0;background:none;background-image:var(--icon-triangle-s-dark);background-size:16px;background-repeat:no-repeat;background-position:center;border:none;border-radius:0;outline:none !important;box-shadow:none;content:" ";opacity:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);z-index:105;border-radius:50%;transition:opacity 100ms ease-in-out}#app-navigation:not(.vue) .collapsible>a:first-child{padding-left:44px}#app-navigation:not(.vue) .collapsible:hover:before,#app-navigation:not(.vue) .collapsible:focus:before{opacity:1}#app-navigation:not(.vue) .collapsible:hover>a,#app-navigation:not(.vue) .collapsible:focus>a{background-image:none}#app-navigation:not(.vue) .collapsible:hover>.app-navigation-entry-bullet,#app-navigation:not(.vue) .collapsible:focus>.app-navigation-entry-bullet{background:rgba(0,0,0,0) !important}#app-navigation:not(.vue) .collapsible.open:before{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}#app-navigation:not(.vue) .app-navigation-entry-utils{flex:0 1 auto}#app-navigation:not(.vue) .app-navigation-entry-utils ul{display:flex !important;align-items:center;justify-content:flex-end}#app-navigation:not(.vue) .app-navigation-entry-utils li{width:44px !important;height:44px}#app-navigation:not(.vue) .app-navigation-entry-utils button{height:100%;width:100%;margin:0;box-shadow:none}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button button:not([class^=icon-]):not([class*=" icon-"]){background-image:var(--icon-more-dark)}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:hover button,#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:focus button{background-color:rgba(0,0,0,0);opacity:1}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter{overflow:hidden;text-align:right;font-size:9pt;line-height:44px;padding:0 12px}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted{padding:0;text-align:center}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted span{padding:2px 5px;border-radius:10px;background-color:var(--color-primary);color:var(--color-primary-text)}#app-navigation:not(.vue) .app-navigation-entry-edit{padding-left:5px;padding-right:5px;display:block;width:calc(100% - 1px);transition:opacity 250ms ease-in-out;opacity:0;position:absolute;background-color:var(--color-main-background);z-index:-1}#app-navigation:not(.vue) .app-navigation-entry-edit form,#app-navigation:not(.vue) .app-navigation-entry-edit div{display:inline-flex;width:100%}#app-navigation:not(.vue) .app-navigation-entry-edit input{padding:5px;margin-right:0;height:38px}#app-navigation:not(.vue) .app-navigation-entry-edit input:hover,#app-navigation:not(.vue) .app-navigation-entry-edit input:focus{z-index:1}#app-navigation:not(.vue) .app-navigation-entry-edit input[type=text]{width:100%;min-width:0;border-bottom-right-radius:0;border-top-right-radius:0}#app-navigation:not(.vue) .app-navigation-entry-edit button,#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]){width:36px;height:38px;flex:0 0 36px}#app-navigation:not(.vue) .app-navigation-entry-edit button:not(:last-child),#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):not(:last-child){border-radius:0 !important}#app-navigation:not(.vue) .app-navigation-entry-edit button:not(:first-child),#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):not(:first-child){margin-left:-1px}#app-navigation:not(.vue) .app-navigation-entry-edit button:last-child,#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):last-child{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-left-radius:0;border-top-left-radius:0}#app-navigation:not(.vue) .app-navigation-entry-deleted{display:inline-flex;padding-left:44px;transform:translateX(300px)}#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-description{position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1 1 0px;line-height:44px}#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button{margin:0;height:44px;width:44px;line-height:44px}#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover,#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus{opacity:1}#app-navigation:not(.vue) .app-navigation-entry-edit,#app-navigation:not(.vue) .app-navigation-entry-deleted{width:calc(100% - 1px);transition:transform 250ms ease-in-out,opacity 250ms ease-in-out,z-index 250ms ease-in-out;position:absolute;left:0;background-color:var(--color-main-background);box-sizing:border-box}#app-navigation:not(.vue) .drag-and-drop{-webkit-transition:padding-bottom 500ms ease 0s;transition:padding-bottom 500ms ease 0s;padding-bottom:40px}#app-navigation:not(.vue) .error{color:var(--color-error)}#app-navigation:not(.vue) .app-navigation-entry-utils ul,#app-navigation:not(.vue) .app-navigation-entry-menu ul{list-style-type:none}#content{box-sizing:border-box;position:static;margin:var(--body-container-margin);margin-top:50px;padding:0;display:flex;width:calc(100% - var(--body-container-margin)*2);height:var(--body-height);border-radius:var(--body-container-radius);overflow:hidden}#content:not(.with-sidebar--full){position:fixed}@media only screen and (max-width: 1024px){#content{border-top-left-radius:var(--border-radius-large);border-top-right-radius:var(--border-radius-large)}#app-navigation{border-top-left-radius:var(--border-radius-large)}#app-sidebar{border-top-right-radius:var(--border-radius-large)}}#app-content{z-index:1000;background-color:var(--color-main-background);flex-basis:100vw;overflow:auto;position:initial;height:100%}#app-content>.section:first-child{border-top:none}#app-content #app-content-wrapper{display:flex;position:relative;align-items:stretch;min-height:100%}#app-content #app-content-wrapper .app-content-details{flex:1 1 524px}#app-content #app-content-wrapper .app-content-details #app-navigation-toggle-back{display:none}#app-sidebar{width:27vw;min-width:300px;max-width:500px;display:block;position:-webkit-sticky;position:sticky;top:50px;right:0;overflow-y:auto;overflow-x:hidden;z-index:1500;opacity:.7px;height:calc(100vh - 50px);background:var(--color-main-background);border-left:1px solid var(--color-border);flex-shrink:0}#app-sidebar.disappear{display:none}#app-settings{margin-top:auto}#app-settings.open #app-settings-content,#app-settings.opened #app-settings-content{display:block}#app-settings-content{display:none;padding:calc(var(--default-grid-baseline)*2);padding-top:0;padding-left:calc(var(--default-grid-baseline)*4);max-height:300px;overflow-y:auto;box-sizing:border-box}#app-settings-content input[type=text]{width:93%}#app-settings-content .info-text{padding:5px 0 7px 22px;color:var(--color-text-lighter)}#app-settings-content input[type=checkbox].radio+label,#app-settings-content input[type=checkbox].checkbox+label,#app-settings-content input[type=radio].radio+label,#app-settings-content input[type=radio].checkbox+label{display:inline-block;width:100%;padding:5px 0}#app-settings-header{box-sizing:border-box;background-color:rgba(0,0,0,0);overflow:hidden;border-radius:calc(var(--default-clickable-area)/2);padding:calc(var(--default-grid-baseline)*2);padding-top:0}#app-settings-header .settings-button{display:flex;align-items:center;height:44px;width:100%;padding:0;margin:0;background-color:rgba(0,0,0,0);box-shadow:none;border:0;border-radius:calc(var(--default-clickable-area)/2);text-align:left;font-weight:normal;font-size:100%;opacity:.8;color:var(--color-main-text)}#app-settings-header .settings-button.opened{border-top:solid 1px var(--color-border);background-color:var(--color-main-background);margin-top:8px}#app-settings-header .settings-button:hover,#app-settings-header .settings-button:focus{background-color:var(--color-background-hover)}#app-settings-header .settings-button::before{background-image:var(--icon-settings-dark);background-position:14px center;background-repeat:no-repeat;content:"";width:44px;height:44px;top:0;left:0;display:block}#app-settings-header .settings-button:focus-visible{box-shadow:0 0 0 2px inset var(--color-primary) !important;background-position:12px center}.section{display:block;padding:30px;margin-bottom:24px}.section.hidden{display:none !important}.section input[type=checkbox],.section input[type=radio]{vertical-align:-2px;margin-right:4px}.sub-section{position:relative;margin-top:10px;margin-left:27px;margin-bottom:10px}.appear{opacity:1;-webkit-transition:opacity 500ms ease 0s;-moz-transition:opacity 500ms ease 0s;-ms-transition:opacity 500ms ease 0s;-o-transition:opacity 500ms ease 0s;transition:opacity 500ms ease 0s}.appear.transparent{opacity:0}.tabHeaders{display:flex;margin-bottom:16px}.tabHeaders .tabHeader{display:flex;flex-direction:column;flex-grow:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:var(--color-text-lighter);margin-bottom:1px;padding:5px}.tabHeaders .tabHeader.hidden{display:none}.tabHeaders .tabHeader:first-child{padding-left:15px}.tabHeaders .tabHeader:last-child{padding-right:15px}.tabHeaders .tabHeader .icon{display:inline-block;width:100%;height:16px;background-size:16px;vertical-align:middle;margin-top:-2px;margin-right:3px;opacity:.7;cursor:pointer}.tabHeaders .tabHeader a{color:var(--color-text-lighter);margin-bottom:1px;overflow:hidden;text-overflow:ellipsis}.tabHeaders .tabHeader.selected{font-weight:bold}.tabHeaders .tabHeader.selected,.tabHeaders .tabHeader:hover,.tabHeaders .tabHeader:focus{margin-bottom:0px;color:var(--color-main-text);border-bottom:1px solid var(--color-text-lighter)}.tabsContainer{clear:left}.tabsContainer .tab{padding:0 15px 15px}.contact .popovermenu ul>li>a>img,.popover__menu>li>a>img{filter:var(--background-invert-if-dark)}.contact .popovermenu ul>li>a>img[src^=data],.popover__menu>li>a>img[src^=data]{filter:none}.bubble,.app-navigation-entry-menu,.popovermenu{position:absolute;background-color:var(--color-main-background);color:var(--color-main-text);border-radius:var(--border-radius-large);padding:3px;z-index:110;margin:5px;margin-top:-5px;right:0;filter:drop-shadow(0 1px 3px var(--color-box-shadow));display:none;will-change:filter}.bubble:after,.app-navigation-entry-menu:after,.popovermenu:after{bottom:100%;right:7px;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:var(--color-main-background);border-width:9px}.bubble.menu-center,.app-navigation-entry-menu.menu-center,.popovermenu.menu-center{transform:translateX(50%);right:50%;margin-right:0}.bubble.menu-center:after,.app-navigation-entry-menu.menu-center:after,.popovermenu.menu-center:after{right:50%;transform:translateX(50%)}.bubble.menu-left,.app-navigation-entry-menu.menu-left,.popovermenu.menu-left{right:auto;left:0;margin-right:0}.bubble.menu-left:after,.app-navigation-entry-menu.menu-left:after,.popovermenu.menu-left:after{left:6px;right:auto}.bubble.open,.app-navigation-entry-menu.open,.popovermenu.open{display:block}.bubble.contactsmenu-popover,.app-navigation-entry-menu.contactsmenu-popover,.popovermenu.contactsmenu-popover{margin:0}.bubble ul,.app-navigation-entry-menu ul,.popovermenu ul{display:flex !important;flex-direction:column}.bubble li,.app-navigation-entry-menu li,.popovermenu li{display:flex;flex:0 0 auto}.bubble li.hidden,.app-navigation-entry-menu li.hidden,.popovermenu li.hidden{display:none}.bubble li>button,.bubble li>a,.bubble li>.menuitem,.app-navigation-entry-menu li>button,.app-navigation-entry-menu li>a,.app-navigation-entry-menu li>.menuitem,.popovermenu li>button,.popovermenu li>a,.popovermenu li>.menuitem{cursor:pointer;line-height:44px;border:0;border-radius:var(--border-radius-large);background-color:rgba(0,0,0,0);display:flex;align-items:flex-start;height:auto;margin:0;font-weight:normal;box-shadow:none;width:100%;color:var(--color-main-text);white-space:nowrap}.bubble li>button span[class^=icon-],.bubble li>button span[class*=" icon-"],.bubble li>button[class^=icon-],.bubble li>button[class*=" icon-"],.bubble li>a span[class^=icon-],.bubble li>a span[class*=" icon-"],.bubble li>a[class^=icon-],.bubble li>a[class*=" icon-"],.bubble li>.menuitem span[class^=icon-],.bubble li>.menuitem span[class*=" icon-"],.bubble li>.menuitem[class^=icon-],.bubble li>.menuitem[class*=" icon-"],.app-navigation-entry-menu li>button span[class^=icon-],.app-navigation-entry-menu li>button span[class*=" icon-"],.app-navigation-entry-menu li>button[class^=icon-],.app-navigation-entry-menu li>button[class*=" icon-"],.app-navigation-entry-menu li>a span[class^=icon-],.app-navigation-entry-menu li>a span[class*=" icon-"],.app-navigation-entry-menu li>a[class^=icon-],.app-navigation-entry-menu li>a[class*=" icon-"],.app-navigation-entry-menu li>.menuitem span[class^=icon-],.app-navigation-entry-menu li>.menuitem span[class*=" icon-"],.app-navigation-entry-menu li>.menuitem[class^=icon-],.app-navigation-entry-menu li>.menuitem[class*=" icon-"],.popovermenu li>button span[class^=icon-],.popovermenu li>button span[class*=" icon-"],.popovermenu li>button[class^=icon-],.popovermenu li>button[class*=" icon-"],.popovermenu li>a span[class^=icon-],.popovermenu li>a span[class*=" icon-"],.popovermenu li>a[class^=icon-],.popovermenu li>a[class*=" icon-"],.popovermenu li>.menuitem span[class^=icon-],.popovermenu li>.menuitem span[class*=" icon-"],.popovermenu li>.menuitem[class^=icon-],.popovermenu li>.menuitem[class*=" icon-"]{min-width:0;min-height:0;background-position:14px center;background-size:16px}.bubble li>button span[class^=icon-],.bubble li>button span[class*=" icon-"],.bubble li>a span[class^=icon-],.bubble li>a span[class*=" icon-"],.bubble li>.menuitem span[class^=icon-],.bubble li>.menuitem span[class*=" icon-"],.app-navigation-entry-menu li>button span[class^=icon-],.app-navigation-entry-menu li>button span[class*=" icon-"],.app-navigation-entry-menu li>a span[class^=icon-],.app-navigation-entry-menu li>a span[class*=" icon-"],.app-navigation-entry-menu li>.menuitem span[class^=icon-],.app-navigation-entry-menu li>.menuitem span[class*=" icon-"],.popovermenu li>button span[class^=icon-],.popovermenu li>button span[class*=" icon-"],.popovermenu li>a span[class^=icon-],.popovermenu li>a span[class*=" icon-"],.popovermenu li>.menuitem span[class^=icon-],.popovermenu li>.menuitem span[class*=" icon-"]{padding:22px 0 22px 44px}.bubble li>button:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>button:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>button:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>a:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>a:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>a:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>.menuitem:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>.menuitem:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>.menuitem:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>button:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>button:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>button:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>a:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>a:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>a:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>.menuitem:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>.menuitem:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>.menuitem:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>button:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>button:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>button:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>a:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>a:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>a:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>.menuitem:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>.menuitem:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>.menuitem:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child{margin-left:44px}.bubble li>button[class^=icon-],.bubble li>button[class*=" icon-"],.bubble li>a[class^=icon-],.bubble li>a[class*=" icon-"],.bubble li>.menuitem[class^=icon-],.bubble li>.menuitem[class*=" icon-"],.app-navigation-entry-menu li>button[class^=icon-],.app-navigation-entry-menu li>button[class*=" icon-"],.app-navigation-entry-menu li>a[class^=icon-],.app-navigation-entry-menu li>a[class*=" icon-"],.app-navigation-entry-menu li>.menuitem[class^=icon-],.app-navigation-entry-menu li>.menuitem[class*=" icon-"],.popovermenu li>button[class^=icon-],.popovermenu li>button[class*=" icon-"],.popovermenu li>a[class^=icon-],.popovermenu li>a[class*=" icon-"],.popovermenu li>.menuitem[class^=icon-],.popovermenu li>.menuitem[class*=" icon-"]{padding:0 14px 0 44px !important}.bubble li>button:hover,.bubble li>button:focus,.bubble li>a:hover,.bubble li>a:focus,.bubble li>.menuitem:hover,.bubble li>.menuitem:focus,.app-navigation-entry-menu li>button:hover,.app-navigation-entry-menu li>button:focus,.app-navigation-entry-menu li>a:hover,.app-navigation-entry-menu li>a:focus,.app-navigation-entry-menu li>.menuitem:hover,.app-navigation-entry-menu li>.menuitem:focus,.popovermenu li>button:hover,.popovermenu li>button:focus,.popovermenu li>a:hover,.popovermenu li>a:focus,.popovermenu li>.menuitem:hover,.popovermenu li>.menuitem:focus{background-color:var(--color-background-hover)}.bubble li>button:focus,.bubble li>button:focus-visible,.bubble li>a:focus,.bubble li>a:focus-visible,.bubble li>.menuitem:focus,.bubble li>.menuitem:focus-visible,.app-navigation-entry-menu li>button:focus,.app-navigation-entry-menu li>button:focus-visible,.app-navigation-entry-menu li>a:focus,.app-navigation-entry-menu li>a:focus-visible,.app-navigation-entry-menu li>.menuitem:focus,.app-navigation-entry-menu li>.menuitem:focus-visible,.popovermenu li>button:focus,.popovermenu li>button:focus-visible,.popovermenu li>a:focus,.popovermenu li>a:focus-visible,.popovermenu li>.menuitem:focus,.popovermenu li>.menuitem:focus-visible{box-shadow:0 0 0 2px var(--color-primary-element)}.bubble li>button.active,.bubble li>a.active,.bubble li>.menuitem.active,.app-navigation-entry-menu li>button.active,.app-navigation-entry-menu li>a.active,.app-navigation-entry-menu li>.menuitem.active,.popovermenu li>button.active,.popovermenu li>a.active,.popovermenu li>.menuitem.active{border-radius:var(--border-radius-pill);background-color:var(--color-primary-light)}.bubble li>button.action,.bubble li>a.action,.bubble li>.menuitem.action,.app-navigation-entry-menu li>button.action,.app-navigation-entry-menu li>a.action,.app-navigation-entry-menu li>.menuitem.action,.popovermenu li>button.action,.popovermenu li>a.action,.popovermenu li>.menuitem.action{padding:inherit !important}.bubble li>button>span,.bubble li>a>span,.bubble li>.menuitem>span,.app-navigation-entry-menu li>button>span,.app-navigation-entry-menu li>a>span,.app-navigation-entry-menu li>.menuitem>span,.popovermenu li>button>span,.popovermenu li>a>span,.popovermenu li>.menuitem>span{cursor:pointer;white-space:nowrap}.bubble li>button>p,.bubble li>a>p,.bubble li>.menuitem>p,.app-navigation-entry-menu li>button>p,.app-navigation-entry-menu li>a>p,.app-navigation-entry-menu li>.menuitem>p,.popovermenu li>button>p,.popovermenu li>a>p,.popovermenu li>.menuitem>p{width:150px;line-height:1.6em;padding:8px 0;white-space:normal}.bubble li>button>select,.bubble li>a>select,.bubble li>.menuitem>select,.app-navigation-entry-menu li>button>select,.app-navigation-entry-menu li>a>select,.app-navigation-entry-menu li>.menuitem>select,.popovermenu li>button>select,.popovermenu li>a>select,.popovermenu li>.menuitem>select{margin:0;margin-left:6px}.bubble li>button:not(:empty),.bubble li>a:not(:empty),.bubble li>.menuitem:not(:empty),.app-navigation-entry-menu li>button:not(:empty),.app-navigation-entry-menu li>a:not(:empty),.app-navigation-entry-menu li>.menuitem:not(:empty),.popovermenu li>button:not(:empty),.popovermenu li>a:not(:empty),.popovermenu li>.menuitem:not(:empty){padding-right:14px !important}.bubble li>button>img,.bubble li>a>img,.bubble li>.menuitem>img,.app-navigation-entry-menu li>button>img,.app-navigation-entry-menu li>a>img,.app-navigation-entry-menu li>.menuitem>img,.popovermenu li>button>img,.popovermenu li>a>img,.popovermenu li>.menuitem>img{width:16px;padding:14px}.bubble li>button>input.radio+label,.bubble li>button>input.checkbox+label,.bubble li>a>input.radio+label,.bubble li>a>input.checkbox+label,.bubble li>.menuitem>input.radio+label,.bubble li>.menuitem>input.checkbox+label,.app-navigation-entry-menu li>button>input.radio+label,.app-navigation-entry-menu li>button>input.checkbox+label,.app-navigation-entry-menu li>a>input.radio+label,.app-navigation-entry-menu li>a>input.checkbox+label,.app-navigation-entry-menu li>.menuitem>input.radio+label,.app-navigation-entry-menu li>.menuitem>input.checkbox+label,.popovermenu li>button>input.radio+label,.popovermenu li>button>input.checkbox+label,.popovermenu li>a>input.radio+label,.popovermenu li>a>input.checkbox+label,.popovermenu li>.menuitem>input.radio+label,.popovermenu li>.menuitem>input.checkbox+label{padding:0 !important;width:100%}.bubble li>button>input.checkbox+label::before,.bubble li>a>input.checkbox+label::before,.bubble li>.menuitem>input.checkbox+label::before,.app-navigation-entry-menu li>button>input.checkbox+label::before,.app-navigation-entry-menu li>a>input.checkbox+label::before,.app-navigation-entry-menu li>.menuitem>input.checkbox+label::before,.popovermenu li>button>input.checkbox+label::before,.popovermenu li>a>input.checkbox+label::before,.popovermenu li>.menuitem>input.checkbox+label::before{margin:-2px 13px 0}.bubble li>button>input.radio+label::before,.bubble li>a>input.radio+label::before,.bubble li>.menuitem>input.radio+label::before,.app-navigation-entry-menu li>button>input.radio+label::before,.app-navigation-entry-menu li>a>input.radio+label::before,.app-navigation-entry-menu li>.menuitem>input.radio+label::before,.popovermenu li>button>input.radio+label::before,.popovermenu li>a>input.radio+label::before,.popovermenu li>.menuitem>input.radio+label::before{margin:-2px 12px 0}.bubble li>button>input:not([type=radio]):not([type=checkbox]):not([type=image]),.bubble li>a>input:not([type=radio]):not([type=checkbox]):not([type=image]),.bubble li>.menuitem>input:not([type=radio]):not([type=checkbox]):not([type=image]),.app-navigation-entry-menu li>button>input:not([type=radio]):not([type=checkbox]):not([type=image]),.app-navigation-entry-menu li>a>input:not([type=radio]):not([type=checkbox]):not([type=image]),.app-navigation-entry-menu li>.menuitem>input:not([type=radio]):not([type=checkbox]):not([type=image]),.popovermenu li>button>input:not([type=radio]):not([type=checkbox]):not([type=image]),.popovermenu li>a>input:not([type=radio]):not([type=checkbox]):not([type=image]),.popovermenu li>.menuitem>input:not([type=radio]):not([type=checkbox]):not([type=image]){width:150px}.bubble li>button form,.bubble li>a form,.bubble li>.menuitem form,.app-navigation-entry-menu li>button form,.app-navigation-entry-menu li>a form,.app-navigation-entry-menu li>.menuitem form,.popovermenu li>button form,.popovermenu li>a form,.popovermenu li>.menuitem form{display:flex;flex:1 1 auto;align-items:center}.bubble li>button form:not(:first-child),.bubble li>a form:not(:first-child),.bubble li>.menuitem form:not(:first-child),.app-navigation-entry-menu li>button form:not(:first-child),.app-navigation-entry-menu li>a form:not(:first-child),.app-navigation-entry-menu li>.menuitem form:not(:first-child),.popovermenu li>button form:not(:first-child),.popovermenu li>a form:not(:first-child),.popovermenu li>.menuitem form:not(:first-child){margin-left:5px}.bubble li>button>span.hidden+form,.bubble li>button>span[style*="display:none"]+form,.bubble li>a>span.hidden+form,.bubble li>a>span[style*="display:none"]+form,.bubble li>.menuitem>span.hidden+form,.bubble li>.menuitem>span[style*="display:none"]+form,.app-navigation-entry-menu li>button>span.hidden+form,.app-navigation-entry-menu li>button>span[style*="display:none"]+form,.app-navigation-entry-menu li>a>span.hidden+form,.app-navigation-entry-menu li>a>span[style*="display:none"]+form,.app-navigation-entry-menu li>.menuitem>span.hidden+form,.app-navigation-entry-menu li>.menuitem>span[style*="display:none"]+form,.popovermenu li>button>span.hidden+form,.popovermenu li>button>span[style*="display:none"]+form,.popovermenu li>a>span.hidden+form,.popovermenu li>a>span[style*="display:none"]+form,.popovermenu li>.menuitem>span.hidden+form,.popovermenu li>.menuitem>span[style*="display:none"]+form{margin-left:0}.bubble li>button input,.bubble li>a input,.bubble li>.menuitem input,.app-navigation-entry-menu li>button input,.app-navigation-entry-menu li>a input,.app-navigation-entry-menu li>.menuitem input,.popovermenu li>button input,.popovermenu li>a input,.popovermenu li>.menuitem input{min-width:44px;max-height:40px;margin:2px 0;flex:1 1 auto}.bubble li>button input:not(:first-child),.bubble li>a input:not(:first-child),.bubble li>.menuitem input:not(:first-child),.app-navigation-entry-menu li>button input:not(:first-child),.app-navigation-entry-menu li>a input:not(:first-child),.app-navigation-entry-menu li>.menuitem input:not(:first-child),.popovermenu li>button input:not(:first-child),.popovermenu li>a input:not(:first-child),.popovermenu li>.menuitem input:not(:first-child){margin-left:5px}.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>button>form,.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>button>input,.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>a>form,.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>a>input,.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>form,.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>button>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>button>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>a>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>a>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>input,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>button>form,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>button>input,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>a>form,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>a>input,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>form,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>input{margin-top:12px}.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>button>form,.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>button>input,.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>a>form,.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>a>input,.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>form,.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>button>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>button>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>a>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>a>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>input,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>button>form,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>button>input,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>a>form,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>a>input,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>form,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>input{margin-bottom:0px}.bubble li>button,.app-navigation-entry-menu li>button,.popovermenu li>button{padding:0}.bubble li>button span,.app-navigation-entry-menu li>button span,.popovermenu li>button span{opacity:1}.app-content-list{position:-webkit-sticky;position:relative;top:0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:transform 250ms ease-in-out;min-height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;flex:1 1 200px;min-width:200px;max-width:300px}.app-content-list .app-content-list-item{position:relative;height:68px;cursor:pointer;padding:10px 7px;display:flex;flex-wrap:wrap;align-items:center;flex:0 0 auto}.app-content-list .app-content-list-item>[class^=icon-],.app-content-list .app-content-list-item>[class*=" icon-"],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"]{order:4;width:24px;height:24px;margin:-7px;padding:22px;opacity:.3;cursor:pointer}.app-content-list .app-content-list-item>[class^=icon-]:hover,.app-content-list .app-content-list-item>[class^=icon-]:focus,.app-content-list .app-content-list-item>[class*=" icon-"]:hover,.app-content-list .app-content-list-item>[class*=" icon-"]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"]:focus{opacity:.7}.app-content-list .app-content-list-item>[class^=icon-][class^=icon-star],.app-content-list .app-content-list-item>[class^=icon-][class*=" icon-star"],.app-content-list .app-content-list-item>[class*=" icon-"][class^=icon-star],.app-content-list .app-content-list-item>[class*=" icon-"][class*=" icon-star"],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class^=icon-star],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class*=" icon-star"],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class^=icon-star],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class*=" icon-star"]{opacity:.7}.app-content-list .app-content-list-item>[class^=icon-][class^=icon-star]:hover,.app-content-list .app-content-list-item>[class^=icon-][class^=icon-star]:focus,.app-content-list .app-content-list-item>[class^=icon-][class*=" icon-star"]:hover,.app-content-list .app-content-list-item>[class^=icon-][class*=" icon-star"]:focus,.app-content-list .app-content-list-item>[class*=" icon-"][class^=icon-star]:hover,.app-content-list .app-content-list-item>[class*=" icon-"][class^=icon-star]:focus,.app-content-list .app-content-list-item>[class*=" icon-"][class*=" icon-star"]:hover,.app-content-list .app-content-list-item>[class*=" icon-"][class*=" icon-star"]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class^=icon-star]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class^=icon-star]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class*=" icon-star"]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class*=" icon-star"]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class^=icon-star]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class^=icon-star]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class*=" icon-star"]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class*=" icon-star"]:focus{opacity:1}.app-content-list .app-content-list-item>[class^=icon-].icon-starred,.app-content-list .app-content-list-item>[class*=" icon-"].icon-starred,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-].icon-starred,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"].icon-starred{opacity:1}.app-content-list .app-content-list-item:hover,.app-content-list .app-content-list-item:focus,.app-content-list .app-content-list-item.active{background-color:var(--color-background-dark)}.app-content-list .app-content-list-item:hover .app-content-list-item-checkbox.checkbox+label,.app-content-list .app-content-list-item:focus .app-content-list-item-checkbox.checkbox+label,.app-content-list .app-content-list-item.active .app-content-list-item-checkbox.checkbox+label{display:flex}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox+label,.app-content-list .app-content-list-item .app-content-list-item-star{position:absolute;height:40px;width:40px;z-index:50}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked+label,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover+label,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus+label,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active+label{display:flex}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked+label+.app-content-list-item-icon,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover+label+.app-content-list-item-icon,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus+label+.app-content-list-item-icon,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active+label+.app-content-list-item-icon{opacity:.7}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox+label{top:14px;left:7px;display:none}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox+label::before{margin:0}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox+label~.app-content-list-item-star{display:none}.app-content-list .app-content-list-item .app-content-list-item-star{display:flex;top:10px;left:32px;background-size:16px;height:20px;width:20px;margin:0;padding:0}.app-content-list .app-content-list-item .app-content-list-item-icon{position:absolute;display:inline-block;height:40px;width:40px;line-height:40px;border-radius:50%;vertical-align:middle;margin-right:10px;color:#fff;text-align:center;font-size:1.5em;text-transform:capitalize;object-fit:cover;user-select:none;cursor:pointer;top:50%;margin-top:-20px}.app-content-list .app-content-list-item .app-content-list-item-line-one,.app-content-list .app-content-list-item .app-content-list-item-line-two{display:block;padding-left:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:1;flex:1 1 0px;padding-right:10px;cursor:pointer}.app-content-list .app-content-list-item .app-content-list-item-line-two{opacity:.5;order:3;flex:1 0;flex-basis:calc(100% - 44px)}.app-content-list .app-content-list-item .app-content-list-item-details{order:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;opacity:.5;font-size:80%;user-select:none}.app-content-list .app-content-list-item .app-content-list-item-menu{order:4;position:relative}.app-content-list .app-content-list-item .app-content-list-item-menu .popovermenu{margin:0;right:-2px}.app-content-list.selection .app-content-list-item-checkbox.checkbox+label{display:flex}/*# sourceMappingURL=apps.css.map */ diff --git a/core/css/apps.css.map b/core/css/apps.css.map index 0fd552e040a..600becab912 100644 --- a/core/css/apps.css.map +++ b/core/css/apps.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["variables.scss","apps.scss","functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AD5BA;EACC;AACA;EACA;EACA;;;AAGD;EACC;IACC;IACA;;;AAKF;EACC;EACA;EACA;EAEA;;;AAGD;EAEC;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC;EACA;;;AAGD;EACC;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAID;AAEA;EACC;;;AAGD;AACA;AACA;EAEC;EAEA,ODfkB;ECgBlB;EACA;EACA;EACA;EACA;EACA;EAAwD;EACxD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAkQA;AAAA;AAAA;AAiBA;AAAA;AAAA;AA6EA;AAAA;AAAA;AAmDA;AAAA;AAAA;AAsDA;AAAA;AAAA;AA2BA;AAAA;AAAA;AAeA;AAAA;AAAA;;AAlfA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAwIA;;AAtIA;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAwCA;AAMA;AAwBA;;AArEA;EACC;;AACA;EACC;;AAIF;AACC;EACA;;AAED;AACC;AACA;AAAA;EAEA;;AAKA;AAAA;AAAA;AAAA;EAEC;;AAGF;EACC;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAKF;EACC;EACA;;AAMA;EAEC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAKF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;AAmBA;;AAfC;AAAA;AAAA;EAEC;EACA;;AAKD;AAAA;AAAA;AAAA;EAEC;EACA;;AAKF;EACC;;AAGD;AACC;EACA;EACA;;AAGD;AACC;EACA;AACA;AAAA;EAEA;;AAMJ;AAAA;EAEC;EACA;AACA;AAQA;AA2CA;AAkBA;AAKA;;AAxEC;AAAA;AAAA;AAAA;AAEC;EACA;;AAIF;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;AAgBA;;AAdA;AAAA;EACC;;AACA;AAAA;EACC;;AAGF;AAAA;EACC;EACA;EACA;EAEA;;AAID;AAAA;EACC;EACA;;AACA;AAAA;EACC;;AAKH;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AACC;EACA;;AAKF;AAAA;EACC;;AAID;AAAA;EACC;EACA;;AAED;AAAA;EACC;EACA;;AAIH;EACC;;AAMD;AAAA;EAEC;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EAEC;EACA;;AAOF;AACC;AAAA;AAgDA;;AA9CA;EACC;EACA;EACA;EACA;EACA;EACA;AAEA;AAAA;EAEA;;AAEA;EACC;EACA;EACA;EACA;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;AC9XF;EAEA;ED8XE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMD;EACC;;AAIA;EACC;;AAED;EACC;;AAED;EACC;;AAID;EACC;EACA;EACA;;AAQH;EACC;;AACA;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;AACC;;AACA;AClcF;EAEA;;ADmcE;EAEC;EACA;;AAGF;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;;AASJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EAEC;EACA;;AAED;EACC;EACA;EACA;;AACA;AAEC;EACA;;AAGF;EACC;EACA;EACA;EACA;;AAED;AAAA;EAEC;EACA;EACA;;AACA;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;EACC;EACA;EACA;EACA;;AAQH;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AACA;EAEC;;AAQH;AAAA;EAEC;EACA;EAGA;EACA;EACA;EACA;;AAMD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;AAAA;EAEC;;;AAKF;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;IACC;IACA;;EAED;IACC;;EAED;IACC;;;AAIF;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAOA;EACC;EACA;EACA;EACA;EACA;EACA;AACA;AACA;AAKA;;AAJA;EACC;;AAID;EACC;EACA;EACA;AACA;AAAA;EAEA;AAEA;;AACA;AACC;EACA;;AACA;EACC;;;AAMJ;AACA;AAAA;AAAA;AAAA;AAIA;EACC;EACA,WDvnBmB;ECwnBnB,WDvnBmB;ECwnBnB;EACA;EACA;EACA,KD9nBe;EC+nBf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAKF;AACA;AACA;EAEC;;AAGC;EACC;;;AAKH;EACC;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AAEA;;AACA;EACC;;AAGD;EACC;EACA;;AAOE;EACC;EACA;EACA;;;AAOL;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACC;EACA;EACA;;AAED;EAEC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAKH;AACA;EACC;EACA;EACA;AAIA;;AAHA;EACC;;AAIA;EAEC;EACA;;;AAIH;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;;AAIF;AACA;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAMA;;AAJA;EACC;;AAID;EACC;;AAED;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAED;EACC;;AAED;EAGC;EACA;EACA;;;AAIH;EACC;;AACA;EACC;;;AAIF;AAOC;AAAA;EACC;;AAIA;AAAA;EACC;;;AAKH;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAmBA;AAUA;;AA3BA;AAAA;AAAA;EACC;EAKA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;AAAA;AAAA;EACC;EACA;EACA;;AACA;AAAA;AAAA;EACC;EACA;;AAIF;AAAA;AAAA;EACC;EACA;EACA;;AACA;AAAA;AAAA;EACC;EACA;;AAIF;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AACC;EACA;EACA;;AAED;AAAA;AAAA;EACC;EACA;AAuIA;;AArIA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA,aAhGkB;EAiGlB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA2CA;AAkBA;AAIA;AAAA;AAMA;AAyBA;AAKA;;AAnGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA,iBApHe;;AAsHhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEC;AAAA;EAEA;;AAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,aAnIe;;AAuIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAID;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,OA/Ke;EAgLf;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;AACA;AAAA;EAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,WAnNiB;EAoNjB;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAMD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAKJ;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;EACC;;;AAOJ;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WDhmCgB;ECimChB,WDhmCgB;ACkmChB;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AAGC;AAAA;AAAA;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAIF;AAAA;AAAA;AAAA;EACC;;AAKH;EAGC;;AAEA;EACC;;AAIF;AAAA;EAEC;EACA;EACA;EACA;;AAQC;EAEC;;AAEA;EACC;;AAIH;EACC;EACA;EAEA;AAIA;;AAHA;EACC;;AAGD;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AACA;EACC;EAGA;;AAIH;EACC","file":"apps.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["apps.scss","variables.scss","functions.scss"],"names":[],"mappings":"AAsBA,MACC,gEAEA,0GACA,8FAGD,sCACC,MACC,6BACA,8BAKF,KACC,WACA,YACA,kBAEA,6EAGD,KAEC,6EAEA,0EACA,sBACA,2BACA,eACA,WACA,iDAKD,GACC,iBACA,eACA,mBACA,iBACA,8BAGD,GACC,eACA,cACA,8BAGD,GACC,eAID,GACC,kBACA,gCAGD,GACC,eAGD,MAEC,qBACA,aACA,eAGD,GACC,YACA,mBACA,iBAGD,IACC,iBACA,sBACA,kCACA,mCACA,qBACA,mBAMD,wBACC,sBAKD,0BAEC,8DAEA,MCfkB,MDgBlB,YACA,gBACA,kBACA,mDACA,8CACA,+EACA,gBACA,YACA,sBACA,qBACA,iBACA,aACA,sBACA,YACA,cAGA,8CACC,cACA,6CACA,qDACC,qBACA,WACA,aACA,kBACA,gCACA,gBACA,SAIF,6BACC,kBAED,6BACC,kBACA,YACA,WACA,kBACA,gBACA,sBACA,aACA,sBACA,6CACA,iBAEA,wCACC,oDAGD,gCACC,oBACA,eACA,QACA,cACA,SACA,kBACA,WACA,wCAGA,uCACC,QACA,oDACC,2BAIF,8DAEC,6BAED,2DAIC,6BAKA,oKAEC,+CAGF,gDACC,gDACA,aAMA,gVAEC,4CAKF,yDACC,UACA,SAMA,qGAEC,aAIF,uDACC,iBACA,iBACA,eACA,mBACA,uBACA,2BACA,iBACA,oBAEA,yEACC,gBAKF,mCACC,cACA,WACA,kBACA,sCACC,oBACA,eACA,kBACA,WACA,kBAIC,oLAEC,wCACA,+CAKD,gMAEC,wCACA,4CAKF,+DACC,UAGD,oEAEC,gBACA,kBAGD,iEAEC,gBAGA,6BAMJ,sEAEC,kBACA,sBAGC,sRAGC,oCAIF,0EACC,0BACA,gCACA,4BACA,cACA,8BACA,iBACA,gBACA,sBACA,gBACA,sBACA,mBACA,uBACA,wCACA,6BACA,aACA,YAGA,kFACC,sBACA,gHACC,qBAGF,0GACC,kBACA,WACA,YAEA,wCAID,kIACC,qBACA,YACA,0MACC,2BAKH,gIACC,kBACA,cACA,YACA,WACA,YACA,YACA,kBACA,eACA,wCAEA,oIAEC,oCAKF,4HACC,SAID,4IACC,UACA,YAED,kJACC,wBACA,YAIH,iCACC,aAMD,kMAEC,SACA,WACA,+BACA,4BACA,2BACA,4ZAEC,+BACA,UAUD,iDACC,UACA,kBACA,WACA,YACA,SACA,YAIA,OAEA,+DACC,UACA,eACA,gDACA,gBAGF,8CACC,kBACA,YACA,WACA,SACA,UACA,gBE5XF,6CF8XE,qBACA,4BACA,2BACA,YACA,gBACA,wBACA,gBACA,YACA,UACA,iCACA,6BACA,yBACA,YACA,kBACA,qCAMD,qDACC,kBAIA,wGACC,UAED,8FACC,sBAED,oJACC,oCAID,mDACC,4BACA,wBACA,oBAQH,sDACC,cACA,yDACC,wBACA,mBACA,yBAED,yDACC,sBACA,YAED,6DACC,YACA,WACA,SACA,gBAIA,gJEhcF,uCFmcE,sNAEC,+BACA,UAGF,0FACC,gBACA,iBACA,cACA,iBACA,eAEA,sGACC,UACA,kBACA,2GACC,gBACA,mBACA,sCACA,gCASJ,qDACC,iBACA,kBACA,cACA,uBACA,qCACA,UACA,kBACA,8CACA,WACA,mHAEC,oBACA,WAED,2DACC,YACA,eACA,YACA,kIAGC,UAGF,sEACC,WACA,YACA,6BACA,0BAED,wIAEC,WACA,YACA,cACA,0KACC,2BAED,4KACC,iBAED,8JACC,gDACA,6CACA,4BACA,yBAQH,wDACC,oBACA,kBACA,4BACA,kGACC,kBACA,mBACA,uBACA,gBACA,aACA,iBAED,6FACC,SACA,YACA,WACA,iBACA,sMAEC,UAQH,6GAEC,uBACA,2FAGA,kBACA,OACA,8CACA,sBAMD,yCACC,gDACA,wCACA,oBAGD,iCACC,yBAGD,iHAEC,qBAMF,SACC,sBACA,gBACA,oCACA,gBACA,UACA,aACA,kDACA,0BACA,2CACA,gBAEA,kCACC,eAIF,2CACC,SACC,kDACA,mDAED,gBACC,kDAED,aACC,oDAcF,aACC,aACA,8CACA,iBACA,cACA,iBACA,YAGA,kCACC,gBAID,kCACC,aACA,kBACA,oBAGA,gBAGA,uDAEC,eACA,mFACC,aAWJ,aACC,WACA,UCvnBmB,MDwnBnB,UCvnBmB,MDwnBnB,cACA,wBACA,gBACA,IC9nBe,KD+nBf,QACA,gBACA,kBACA,aACA,aACA,0BACA,wCACA,0CACA,cAEA,uBACC,aAOF,cAEC,gBAGC,oFACC,cAKH,sBACC,aACA,6CACA,cACA,kDAEA,iBACA,gBACA,sBAGA,uCACC,UAGD,iCACC,uBACA,gCAOE,4NACC,qBACA,WACA,cAOL,qBACC,sBACA,+BACA,gBACA,oDACA,6CACA,cAEA,sCACC,aACA,mBACA,YACA,WACA,UACA,SACA,+BACA,gBACA,SACA,oDACA,gBACA,mBACA,eACA,WAGA,6BAEA,6CACC,yCACA,8CACA,eAED,wFAEC,+CAGD,8CACC,2CACA,gCACA,4BACA,WACA,WACA,YACA,MACA,OACA,cAGD,oDACC,2DACA,gCAMH,SACC,cACA,aACA,mBACA,gBACC,wBAIA,yDAEC,oBACA,iBAIH,aACC,kBACA,gBACA,iBACA,mBAGD,QACC,UACA,yCACA,sCACA,qCACA,oCACA,iCACA,oBACC,UAKF,YACC,aACA,mBAEA,uBACC,aACA,sBACA,YACA,kBACA,mBACA,gBACA,uBACA,eACA,gCACA,kBACA,YAEA,8BACC,aAID,mCACC,kBAED,kCACC,mBAGD,6BACC,qBACA,WACA,YACA,qBACA,sBACA,gBACA,iBACA,WACA,eAGD,yBACC,gCACA,kBACA,gBACA,uBAED,gCACC,iBAED,0FAGC,kBACA,6BACA,kDAIH,eACC,WACA,oBACC,oBAWD,0DACC,wCAIA,gFACC,YAKH,gDAGC,kBACA,8CACA,6BACA,yCACA,YACA,YACA,WACA,gBACA,QACA,sDACA,aACA,mBAEA,kEACC,YAKA,UAEA,2BACA,YACA,SACA,QACA,kBACA,oBACA,iDACA,iBAGD,oFACC,0BACA,UACA,eACA,sGACC,UACA,0BAIF,8EACC,WACA,OACA,eACA,gGACC,SACA,WAIF,+DACC,cAGD,+GACC,SAGD,yDAEC,wBACA,sBAED,yDACC,aACA,cAEA,8EACC,aAGD,oOAGC,eACA,YAhGkB,KAiGlB,SACA,yCACA,+BACA,aACA,uBACA,YACA,SACA,mBACA,gBACA,WACA,6BACA,mBAEA,whDAIC,YACA,aACA,gCACA,gBApHe,KAsHhB,yzBAIC,yBAOC,gvGACC,YAnIe,KAuIlB,+tBAEC,iCAED,ojBAEC,+CAED,4nBAEC,kDAED,mSACC,wCACA,4CAGD,mSACC,2BAED,iRACC,eACA,mBAED,sPACC,YACA,kBACA,cACA,mBAED,mSACC,SACA,gBAGD,gVACC,8BAID,wQACC,MA/Ke,KAgLf,aAGD,uyBAEC,qBACA,WAED,yeACC,mBAED,8cACC,mBAED,2xBACC,YAED,iRACC,aACA,cAGA,mBACA,mbACC,gBAIF,04BAEC,cAGD,0RACC,UAnNiB,KAoNjB,gBACA,aACA,cAEA,4bACC,gBAQA,2hDACC,gBAMD,ygDACC,kBAKJ,8EACC,UACA,6FACC,UAQJ,kBACC,wBACA,kBACA,MACA,2CACA,aACA,sBACA,uCACA,gBACA,gBACA,gBACA,kBACA,eACA,UChmCgB,MDimChB,UChmCgB,MDmmChB,yCACC,kBACA,YACA,eACA,iBACA,aACA,eACA,mBACA,cAKC,8RAEC,QACA,WACA,YACA,YACA,aACA,WACA,eACA,4mBAEC,WAED,wtBAEC,WACA,ghDAEC,UAIF,kVACC,UAKH,8IAGC,8CAEA,2RACC,aAIF,6JAEC,kBACA,YACA,WACA,WAQC,2XAEC,aAEA,2eACC,WAIH,wFACC,SACA,SAEA,aACA,gGACC,SAGD,oHACC,aAKH,qEACC,aACA,SACA,UACA,qBACA,YACA,WACA,SACA,UAGD,qEACC,kBACA,qBACA,YACA,WACA,iBACA,kBACA,sBACA,kBACA,WACA,kBACA,gBACA,0BACA,iBACA,iBACA,eACA,QACA,iBAGD,kJAEC,cACA,kBACA,mBACA,gBACA,uBACA,QACA,aACA,mBACA,eAGD,yEACC,WACA,QACA,SACA,6BAGD,wEACC,QACA,mBACA,gBACA,uBACA,gBACA,WACA,cACA,iBAGD,qEACC,QACA,kBACA,kFACC,SAGA,WAIH,2EACC","file":"apps.css"} \ No newline at end of file diff --git a/core/css/fixes.css b/core/css/fixes.css index 6401bd3ec67..7e3e76ded0f 100644 --- a/core/css/fixes.css +++ b/core/css/fixes.css @@ -1,7 +1 @@ -/* ---- BROWSER-SPECIFIC FIXES ---- */ -/* remove dotted outlines in Firefox */ -::-moz-focus-inner { - border: 0; -} - -/*# sourceMappingURL=fixes.css.map */ +::-moz-focus-inner{border:0}/*# sourceMappingURL=fixes.css.map */ diff --git a/core/css/fixes.css.map b/core/css/fixes.css.map index 582048ec0ef..7152fb12c7c 100644 --- a/core/css/fixes.css.map +++ b/core/css/fixes.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["fixes.scss"],"names":[],"mappings":"AAAA;AAEA;AACA;EACC","file":"fixes.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["fixes.scss"],"names":[],"mappings":"AAGA,mBACC","file":"fixes.css"} \ No newline at end of file diff --git a/core/css/functions.css b/core/css/functions.css index eade50140ea..2499d873598 100644 --- a/core/css/functions.css +++ b/core/css/functions.css @@ -1,38 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ - /*# sourceMappingURL=functions.css.map */ diff --git a/core/css/functions.css.map b/core/css/functions.css.map index 76274d3efda..15635763c61 100644 --- a/core/css/functions.css.map +++ b/core/css/functions.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"functions.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"functions.css"} \ No newline at end of file diff --git a/core/css/global.css b/core/css/global.css index d9ecc634d78..f930df972f6 100644 --- a/core/css/global.css +++ b/core/css/global.css @@ -1,50 +1 @@ -/* Copyright (c) 2015, Raghu Nayyar, http://raghunayyar.com - This file is licensed under the Affero General Public License version 3 or later. - See the COPYING-README file. */ -/* Global Components */ -.pull-left { - float: left; -} - -.pull-right { - float: right; -} - -.clear-left { - clear: left; -} - -.clear-right { - clear: right; -} - -.clear-both { - clear: both; -} - -.hidden { - display: none; -} - -.hidden-visually { - position: absolute; - left: -10000px; - top: -10000px; - width: 1px; - height: 1px; - overflow: hidden; -} - -.bold { - font-weight: 600; -} - -.center { - text-align: center; -} - -.inlineblock { - display: inline-block; -} - -/*# sourceMappingURL=global.css.map */ +.pull-left{float:left}.pull-right{float:right}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.hidden{display:none}.hidden-visually{position:absolute;left:-10000px;top:-10000px;width:1px;height:1px;overflow:hidden}.bold{font-weight:600}.center{text-align:center}.inlineblock{display:inline-block}/*# sourceMappingURL=global.css.map */ diff --git a/core/css/global.css.map b/core/css/global.css.map index 638db781eb4..fe5cf1e4d9a 100644 --- a/core/css/global.css.map +++ b/core/css/global.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["global.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAIA;AAEA;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC","file":"global.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["global.scss"],"names":[],"mappings":"AAMA,WACC,WAGD,YACC,YAGD,YACC,WAGD,aACC,YAGD,YACC,WAGD,QACC,aAGD,iBACC,kBACA,cACA,aACA,UACA,WACA,gBAGD,MACC,gBAGD,QACC,kBAGD,aACC","file":"global.css"} \ No newline at end of file diff --git a/core/css/guest.css b/core/css/guest.css index 0ee0013f86a..a8918c39e0e 100644 --- a/core/css/guest.css +++ b/core/css/guest.css @@ -1,9 +1,4 @@ -@charset "UTF-8"; -/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net - * SPDX-FileCopyrightText: 2022 Carl Schwan - This file is licensed under the Affero General Public License version 3 or later. - See the COPYING-README file. */ -/*! +/*! * @copyright Copyright (c) 2022 Julius Härtl * * @author Julius Härtl @@ -22,918 +17,4 @@ * * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . - */ -@-webkit-keyframes rotate { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes rotate { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -/* Default and reset */ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-weight: inherit; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; - cursor: default; -} - -html { - height: 100%; -} - -article, aside, dialog, figure, footer, header, hgroup, nav, section { - display: block; -} - -body { - line-height: 1.5; -} - -table { - border-collapse: separate; - border-spacing: 0; - white-space: nowrap; -} - -caption, th, td { - text-align: left; - font-weight: normal; -} - -table, td, th { - vertical-align: middle; -} - -a { - border: 0; - color: var(--color-main-text); - text-decoration: none; -} - -a, a *, input, input *, select, .button span, label { - cursor: pointer; -} - -ul { - list-style: none; -} - -body { - font-weight: normal; - /* bring the default font size up to 14px */ - font-size: 0.875em; - line-height: 1.6em; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - color: var(--color-text); - text-align: center; - /* As guest, there is no color-background-plain */ - background-color: var(--color-background-plain, var(--color-primary-default, #0082c9)); - /* As guest, there is no user background (--image-background) - 1. User background if logged in ('no' if removed, that way the variable is _defined_) - 2. Empty background if enabled ('yes' is used, that way the variable is _defined_) - 3. Else default background - 4. Finally default gradient (should not happened, the background is always defined anyway) */ - background-image: var(--image-background, var(--image-background-plain, var(--image-background-default, linear-gradient(40deg, #0082c9 0%, #30b6ff 100%)))); - background-attachment: fixed; - min-height: 100%; /* fix sticky footer */ - height: auto; - overflow: auto; - position: static; -} - -/* Various fonts settings */ -#body-login a { - font-weight: 600; -} -#body-login footer a { - color: var(--color-text); -} -#body-login a:not(.button):hover, -#body-login a:not(.button):focus { - text-decoration: underline; - text-decoration-skip-ink: auto; -} - -em { - font-style: normal; - opacity: 0.5; -} - -/* heading styles */ -h2, -h3, -h4 { - font-weight: bold; -} - -h2 { - font-size: 20px; - margin-bottom: 12px; - line-height: 140%; -} - -h3 { - font-size: 15px; - margin: 12px 0; -} - -/* Global content */ -body { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - -#header .logo { - max-width: 175px; - width: auto; - max-height: 130px; - margin: 0 auto; - position: relative; - left: unset; -} -#header .logo img { - opacity: 0; - max-width: 100%; - max-height: 200px; -} - -.wrapper { - width: 100%; - max-width: 700px; - margin-top: 10vh; -} - -/* Default FORM */ -form { - position: relative; - margin: auto; - padding: 0; -} - -form.install-form { - max-width: 300px; -} - -form.install-form fieldset, -form.install-form fieldset input { - width: 100%; -} - -form.install-form .strengthify-wrapper { - bottom: 17px; - width: calc(100% - 8px); - left: 4px; - top: unset; -} - -form.install-form #show { - top: 18px; -} - -form #sqliteInformation { - margin-top: 0.5rem; - margin-bottom: 20px; -} - -form #adminaccount, form #use_other_db { - margin-bottom: 15px; - text-align: left; -} - -form #adminaccount > legend, -form #adminlogin { - margin-bottom: 1rem; -} - -form #advancedHeader { - width: 100%; -} - -form fieldset legend, #datadirContent label { - width: 100%; -} - -#datadirContent label { - display: block; - margin: 0; -} - -form #datadirField legend { - margin-bottom: 15px; -} - -/* View more button */ -#showAdvanced { - padding: 13px; /* increase clickable area of Advanced dropdown */ -} - -#showAdvanced img { - vertical-align: middle; /* adjust position of Advanced dropdown arrow */ -} - -/* Buttons and input */ -#submit-wrapper { - display: flex; - align-items: center; - justify-content: center; - padding: 10px 5px; - position: relative; /* Make the wrapper the containing block of its -absolutely positioned descendant icons */ -} - -@media only screen and (max-width: 1024px) { - .wrapper { - margin-top: 0; - } -} -#submit-wrapper { - margin: 0 auto; -} -#submit-wrapper .submit-icon { - position: absolute; - right: 24px; - transition: right 100ms ease-in-out; - pointer-events: none; /* The submit icon is positioned on the submit button. -From the user point of view the icon is part of the -button, so the clicks on the icon have to be -applied to the button instead. */ -} -#submit-wrapper input.login:hover ~ .submit-icon.icon-confirm-white, -#submit-wrapper input.login:focus ~ .submit-icon.icon-confirm-white, -#submit-wrapper input.login:active ~ .submit-icon.icon-confirm-white { - right: 20px; -} -#submit-wrapper .icon-loading-small { - position: absolute; - top: 22px; - right: 26px; -} - -input, textarea, select, button, div[contenteditable=true] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -input, -input:not([type=range]), -input:not([type=text]), -input:not([type=password]), -a.button { - font-size: 20px; - margin: 5px; - padding: 5px; - outline: none; - border-radius: 3px; /* --border-radius */ - -webkit-appearance: none; -} - -input:not([type=radio]), -input:not([type=range]) { - border-width: 2px; -} - -input:not([type=range]):focus-visible { - box-shadow: none !important; -} - -input[type=submit], -input[type=submit].icon-confirm, -input[type=button], -button, -a.button, -.button, -select { - display: inline-block; - width: auto; - min-width: 25px; - padding: 12px; - background-color: var(--color-main-background); - font-weight: bold; - color: var(--color-text); - border: none; - border-radius: 100px; /* --border-radius-pill */ - cursor: pointer; -} - -.icon-confirm.input-button-inline { - position: absolute; - right: 3px; - top: 5px; -} - -input[type=submit]:focus { - box-shadow: 0 0 0 2px inset var(--color-main-text) !important; -} - -input[type=text], -input[type=tel], -input[type=password], -input[type=email] { - width: 266px; - padding: 5px 10px; - color: var(--color-text-lighter); - cursor: text; - font-family: inherit; - font-weight: normal; - margin-left: 0; - margin-right: 0; -} - -input[type=password].password-with-toggle, input[type=text].password-with-toggle { - width: 238px; - padding-right: 40px !important; -} - -input.login { - width: 260px; - height: 50px; - background-position: right 16px center; -} - -input[type=submit], -input[type=submit].icon-confirm, -input.updateButton, -input.update-continue { - padding: 10px 20px; /* larger log in and installation buttons */ - overflow: hidden; - text-overflow: ellipsis; -} - -/* Get rid of the inside dotted line in Firefox */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; -} - -input.primary:not(:disabled):hover, -input.primary:not(:disabled):focus, -button.primary:not(:disabled):hover, -button.primary:not(:disabled):focus, -a.primary:not(:disabled):hover, -a.primary:not(:disabled):focus { - color: var(--color-primary-text); -} - -/* Checkboxes - white only for login */ -input[type=checkbox].checkbox { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; -} - -input[type=checkbox].checkbox + label { - user-select: none; -} - -input[type=checkbox].checkbox:disabled + label, -input[type=checkbox].checkbox:disabled + label:before { - cursor: default; -} - -input[type=checkbox].checkbox + label:before { - content: ""; - display: inline-block; - vertical-align: middle; - margin: 3px; - margin-top: 1px; - border: 1px solid #888; - border-radius: 1px; - height: 10px; - width: 10px; - background-position: center; -} - -input[type=checkbox].checkbox--white + label:before { - border-color: #ddd; -} - -input[type=checkbox].checkbox--white:not(:disabled):not(:checked) + label:hover:before, -input[type=checkbox].checkbox--white:focus + label:before { - border-color: #fff; -} - -input[type=checkbox].checkbox--white:checked + label:before { - background-color: #eee; - border-color: #eee; -} - -input[type=checkbox].checkbox--white:disabled + label:before { - background-color: #666 !important; - border-color: #999 !important; -} - -input[type=checkbox].checkbox--white:checked:disabled + label:before { - border-color: #666; - background-color: #222; -} - -input[type=checkbox].checkbox--white:checked + label:before { - background-color: transparent !important; - border-color: #fff !important; - background-image: url("../img/actions/checkbox-mark-white.svg"); -} - -/* Password strength meter */ -.strengthify-wrapper { - display: inline-block; - position: relative; - top: -20px; - width: 250px; - border-radius: 0 0 3px 3px; - overflow: hidden; - height: 3px; -} - -.tooltip-inner { - font-weight: bold; - padding: 3px 6px; - text-align: center; -} - -/* Show password toggle */ -#show, #dbpassword-toggle { - position: absolute; - right: 2px; - top: -3px; - display: flex; - justify-content: center; - width: 44px; - align-content: center; - padding: 13px; -} - -#pass2, input[name=personal-password-clone] { - padding: 0.6em 2.5em 0.4em 0.4em; - width: 8em; -} - -#personal-show + label { - height: 14px; - margin-top: -25px; - left: 295px; - display: block; -} - -#passwordbutton { - margin-left: 0.5em; -} - -/* Dark subtle label text */ -p.info, -form fieldset legend, -#datadirContent label, -form fieldset .warning-info, -form input[type=checkbox] + label { - text-align: center; -} - -/* overrides another !important statement that sets this to unreadable black */ -form .warning input[type=checkbox]:hover + label, -form .warning input[type=checkbox]:focus + label, -form .warning input[type=checkbox] + label { - color: var(--color-primary-text) !important; -} - -.body-login-container.two-factor { - max-width: 290px; - margin: 15px auto 0; -} - -.two-factor-provider { - display: flex; - border-radius: 3px; /* --border-radius */ - margin: 12px 0; - border: 1px solid transparent; - text-align: left; - align-items: center; - text-decoration: none !important; -} -.two-factor-provider:hover, .two-factor-provider:focus, .two-factor-provider:active { - border: 1px solid #fff; -} -.two-factor-provider img { - width: 64px; - height: 64px; - padding: 0 12px; -} -.two-factor-provider div { - margin: 12px 0; -} -.two-factor-provider h3 { - margin: 0; -} -.two-factor-provider p { - font-weight: normal; -} - -.two-factor-icon { - width: 100px; - display: block; - margin: 0 auto; -} - -.two-factor-submit { - width: 100%; - padding: 10px; - margin: 0 0 5px 0; - border-radius: 100px; /* --border-radius-pill */ - font-size: 20px; -} - -.two-factor-primary { - /* Fix for 'Use backup codes' button not taking correct styles */ - padding: 14px !important; - width: 226px; -} - -.two-factor-secondary { - display: inline-block; - padding: 12px; -} - -/* Additional login options */ -#remember_login { - margin: 18px 5px 0 16px !important; -} - -/* fixes for update page TODO should be fixed some time in a proper way */ -/* this is just for an error while updating the ownCloud instance */ -.updateProgress .error { - margin-top: 10px; - margin-bottom: 10px; -} - -/* Database selector on install page */ -form #selectDbType { - text-align: center; - white-space: nowrap; - margin: 0; - display: flex; -} -form #selectDbType .info { - white-space: normal; -} -form #selectDbType label { - flex-grow: 1; - margin: 0 -1px 5px; - font-size: 12px; - background: var(--color-background-hover); - color: var(--color-main-text); - cursor: pointer; - border: 1px solid var(--color-border); - padding: 10px 17px; -} -form #selectDbType label.ui-state-hover, -form #selectDbType label.ui-state-active { - font-weight: normal; - background: var(--color-background-darker); - color: var(--color-main-text); -} -form #selectDbType label span { - display: none; -} - -/* Nicely grouping input field sets */ -.grouptop, -.groupmiddle, -.groupbottom { - position: relative; - user-select: none; -} - -.grouptop, .groupmiddle { - margin-bottom: 8px !important; -} - -.groupbottom { - margin-bottom: 13px; -} - -.groupbottom input[type=submit] { - box-shadow: none !important; -} - -.grouptop.groupbottom input { - border-radius: 3px !important; - margin: 5px 0 !important; -} - -/* Errors */ -/* Warnings and errors are the same */ -.body-login-container { - display: flex; - flex-direction: column; - text-align: left; - word-wrap: break-word; - border-radius: 10px; /* --border-radius-large */ - cursor: default; - -moz-user-select: text; - -webkit-user-select: text; - -ms-user-select: text; - user-select: text; - /* TODO: Change all .warning/.update/.error to .body-login-container */ -} -.body-login-container .icon-big { - background-size: 70px; - height: 70px; -} -.body-login-container form { - width: initial; -} -.body-login-container p:not(:last-child) { - margin-bottom: 12px; -} - -/* Various paragraph styles */ -.infogroup { - margin: 8px 0; -} - -.infogroup:last-child { - margin-bottom: 0; -} - -p.info { - margin: 20px auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -/* Update */ -.update { - width: calc(100% - 32px); - text-align: center; -} -.update .appList { - list-style: disc; - text-align: left; - margin-left: 25px; - margin-right: 25px; -} -.update img.float-spinner { - float: left; -} -.update a.update-show-detailed { - border-bottom: inherit; -} - -#update-progress-detailed { - text-align: left; - margin-bottom: 12px; -} - -.update-show-detailed { - padding: 12px; - display: block; - opacity: 0.75; -} -.update-show-detailed .icon-caret-white { - display: inline-block; - vertical-align: middle; -} - -#update-progress-icon { - height: 32px; - margin: 10px; - background-size: 32px; -} - -/* Icons */ -.icon-info-white { - background-image: url("../img/actions/info-white.svg?v=2"); -} - -.icon-error-white { - background-image: url("../img/actions/error-white.svg?v=1"); -} - -.icon-caret-white { - background-image: url("../img/actions/caret-white.svg?v=1"); -} - -.icon-confirm { - background-image: url("../img/actions/confirm.svg?v=2"); -} - -.icon-confirm-white { - background-image: url("../img/actions/confirm-white.svg?v=2"); -} - -.icon-checkmark-white { - background-image: url("../img/actions/checkmark-white.svg?v=1"); -} - -/* Loading */ -.float-spinner { - margin-top: -32px; - padding-top: 32px; - height: 32px; - display: none; -} - -[class^=icon-], [class*=" icon-"] { - background-repeat: no-repeat; - background-position: center; - min-width: 16px; - min-height: 16px; -} - -.loading, .loading-small, .icon-loading, .icon-loading-dark, .icon-loading-small, .icon-loading-small-dark { - position: relative; - filter: var(--background-invert-if-dark); -} - -.loading:after, .loading-small:after, .icon-loading:after, .icon-loading-dark:after, .icon-loading-small:after, .icon-loading-small-dark:after { - z-index: 2; - content: ""; - height: 32px; - width: 32px; - margin: -17px 0 0 -17px; - position: absolute; - top: 50%; - left: 50%; - border-radius: 100%; - -webkit-animation: rotate 0.8s infinite linear; - animation: rotate 0.8s infinite linear; - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; -} - -.primary .loading, .primary + .loading, .primary .loading-small, .primary + .loading-small, .primary .icon-loading, .primary + .icon-loading, .primary .icon-loading-dark, .primary + .icon-loading-dark, .primary .icon-loading-small, .primary + .icon-loading-small, .primary .icon-loading-small-dark, .primary + .icon-loading-small-dark { - filter: var(--primary-invert-if-bright); -} - -.loading:after, .loading-small:after, .icon-loading:after, .icon-loading-dark:after, .icon-loading-small:after, .icon-loading-small-dark:after { - border: 2px solid rgba(150, 150, 150, 0.5); - border-top-color: #646464; -} - -.icon-loading-dark:after, .icon-loading-small-dark:after { - border: 2px solid rgba(187, 187, 187, 0.5); - border-top-color: #bbb; -} - -.icon-loading-small:after, .icon-loading-small-dark:after { - height: 16px; - width: 16px; - margin: -9px 0 0 -9px; -} - -/* Css replaced elements don't have ::after nor ::before */ -img.icon-loading, object.icon-loading, video.icon-loading, button.icon-loading, textarea.icon-loading, input.icon-loading, select.icon-loading, div[contenteditable=true].icon-loading { - background-image: url("../img/loading.gif"); -} - -img.icon-loading-dark, object.icon-loading-dark, video.icon-loading-dark, button.icon-loading-dark, textarea.icon-loading-dark, input.icon-loading-dark, select.icon-loading-dark, div[contenteditable=true].icon-loading-dark { - background-image: url("../img/loading-dark.gif"); -} - -img.icon-loading-small, object.icon-loading-small, video.icon-loading-small, button.icon-loading-small, textarea.icon-loading-small, input.icon-loading-small, select.icon-loading-small, div[contenteditable=true].icon-loading-small { - background-image: url("../img/loading-small.gif"); -} - -img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-small-dark, button.icon-loading-small-dark, textarea.icon-loading-small-dark, input.icon-loading-small-dark, select.icon-loading-small-dark, div[contenteditable=true].icon-loading-small-dark { - background-image: url("../img/loading-small-dark.gif"); -} - -@-webkit-keyframes rotate { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes rotate { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -/* FOOTER */ -footer { - min-height: 70px; - margin-top: auto; -} -footer .info .entity-name { - font-weight: bold; -} - -/* keep the labels for screen readers but hide them since we use placeholders */ -label.infield, -.hidden-visually { - position: absolute; - left: -10000px; - top: -10000px; - width: 1px; - height: 1px; - overflow: hidden; -} - -a.legal { - font-size: smaller; -} - -.notecard { - color: var(--color-text-light); - background-color: var(--note-background); - border-left: 4px solid var(--note-theme); - border-radius: var(--border-radius); - margin: 1rem 0; - padding: 1rem; - text-align: left; -} -.notecard.success { - --note-background: rgba(var(--color-success-rgb), 0.1); - --note-theme: var(--color-success); -} -.notecard.error { - --note-background: rgba(var(--color-error-rgb), 0.1); - --note-theme: var(--color-error); -} -.notecard.warning { - --note-background: rgba(var(--color-warning-rgb), 0.1); - --note-theme: var(--color-warning); -} -.notecard:last-child { - margin-bottom: 0; -} -.notecard pre { - background-color: var(--color-background-dark); - margin-top: 1rem; - padding: 1em 1.3em; - border-radius: var(--border-radius); -} - -.guest-box, .body-login-container { - color: var(--color-main-text); - background-color: var(--color-main-background); - padding: 16px; - border-radius: var(--border-radius-large); - box-shadow: 0 0 10px var(--color-box-shadow); - display: inline-block; -} - -.guest-box.wide { - display: block; - text-align: left; -} -.guest-box fieldset { - margin-top: 0; -} -.guest-box .pre { - overflow-x: scroll; -} - -button.toggle-password { - background-color: transparent; - border-width: 0; - height: 44px; -} - -/** Utilities */ -.margin-top { - margin-top: 1rem !important; -} - -.text-left { - text-align: left !important; -} - -.hidden { - display: none; -} - -/*# sourceMappingURL=guest.css.map */ + */@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;cursor:default}html{height:100%}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1.5}table{border-collapse:separate;border-spacing:0;white-space:nowrap}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}a{border:0;color:var(--color-main-text);text-decoration:none}a,a *,input,input *,select,.button span,label{cursor:pointer}ul{list-style:none}body{font-weight:normal;font-size:.875em;line-height:1.6em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:var(--color-text);text-align:center;background-color:var(--color-background-plain, var(--color-primary-default, #0082c9));background-image:var(--image-background, var(--image-background-plain, var(--image-background-default, linear-gradient(40deg, #0082c9 0%, #30b6ff 100%))));background-attachment:fixed;min-height:100%;height:auto;overflow:auto;position:static}#body-login a{font-weight:600}#body-login footer a{color:var(--color-text)}#body-login a:not(.button):hover,#body-login a:not(.button):focus{text-decoration:underline;text-decoration-skip-ink:auto}em{font-style:normal;opacity:.5}h2,h3,h4{font-weight:bold}h2{font-size:20px;margin-bottom:12px;line-height:140%}h3{font-size:15px;margin:12px 0}body{display:flex;flex-direction:column;justify-content:center;align-items:center}#header .logo{max-width:175px;width:auto;max-height:130px;margin:0 auto;position:relative;left:unset}#header .logo img{opacity:0;max-width:100%;max-height:200px}.wrapper{width:100%;max-width:700px;margin-top:10vh}form{position:relative;margin:auto;padding:0}form.install-form{max-width:300px}form.install-form fieldset,form.install-form fieldset input{width:100%}form.install-form .strengthify-wrapper{bottom:17px;width:calc(100% - 8px);left:4px;top:unset}form.install-form #show{top:18px}form #sqliteInformation{margin-top:.5rem;margin-bottom:20px}form #adminaccount,form #use_other_db{margin-bottom:15px;text-align:left}form #adminaccount>legend,form #adminlogin{margin-bottom:1rem}form #advancedHeader{width:100%}form fieldset legend,#datadirContent label{width:100%}#datadirContent label{display:block;margin:0}form #datadirField legend{margin-bottom:15px}#showAdvanced{padding:13px}#showAdvanced img{vertical-align:middle}#submit-wrapper{display:flex;align-items:center;justify-content:center;padding:10px 5px;position:relative}@media only screen and (max-width: 1024px){.wrapper{margin-top:0}}#submit-wrapper{margin:0 auto}#submit-wrapper .submit-icon{position:absolute;right:24px;transition:right 100ms ease-in-out;pointer-events:none}#submit-wrapper input.login:hover~.submit-icon.icon-confirm-white,#submit-wrapper input.login:focus~.submit-icon.icon-confirm-white,#submit-wrapper input.login:active~.submit-icon.icon-confirm-white{right:20px}#submit-wrapper .icon-loading-small{position:absolute;top:22px;right:26px}input,textarea,select,button,div[contenteditable=true]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}input,input:not([type=range]),input:not([type=text]),input:not([type=password]),a.button{font-size:20px;margin:5px;padding:5px;outline:none;border-radius:3px;-webkit-appearance:none}input:not([type=radio]),input:not([type=range]){border-width:2px}input:not([type=range]):focus-visible{box-shadow:none !important}input[type=submit],input[type=submit].icon-confirm,input[type=button],button,a.button,.button,select{display:inline-block;width:auto;min-width:25px;padding:12px;background-color:var(--color-main-background);font-weight:bold;color:var(--color-text);border:none;border-radius:100px;cursor:pointer}.icon-confirm.input-button-inline{position:absolute;right:3px;top:5px}input[type=submit]:focus{box-shadow:0 0 0 2px inset var(--color-main-text) !important}input[type=text],input[type=tel],input[type=password],input[type=email]{width:266px;padding:5px 10px;color:var(--color-text-lighter);cursor:text;font-family:inherit;font-weight:normal;margin-left:0;margin-right:0}input[type=password].password-with-toggle,input[type=text].password-with-toggle{width:238px;padding-right:40px !important}input.login{width:260px;height:50px;background-position:right 16px center}input[type=submit],input[type=submit].icon-confirm,input.updateButton,input.update-continue{padding:10px 20px;overflow:hidden;text-overflow:ellipsis}button::-moz-focus-inner,input::-moz-focus-inner{border:0}input.primary:not(:disabled):hover,input.primary:not(:disabled):focus,button.primary:not(:disabled):hover,button.primary:not(:disabled):focus,a.primary:not(:disabled):hover,a.primary:not(:disabled):focus{color:var(--color-primary-text)}input[type=checkbox].checkbox{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}input[type=checkbox].checkbox+label{user-select:none}input[type=checkbox].checkbox:disabled+label,input[type=checkbox].checkbox:disabled+label:before{cursor:default}input[type=checkbox].checkbox+label:before{content:"";display:inline-block;vertical-align:middle;margin:3px;margin-top:1px;border:1px solid #888;border-radius:1px;height:10px;width:10px;background-position:center}input[type=checkbox].checkbox--white+label:before{border-color:#ddd}input[type=checkbox].checkbox--white:not(:disabled):not(:checked)+label:hover:before,input[type=checkbox].checkbox--white:focus+label:before{border-color:#fff}input[type=checkbox].checkbox--white:checked+label:before{background-color:#eee;border-color:#eee}input[type=checkbox].checkbox--white:disabled+label:before{background-color:#666 !important;border-color:#999 !important}input[type=checkbox].checkbox--white:checked:disabled+label:before{border-color:#666;background-color:#222}input[type=checkbox].checkbox--white:checked+label:before{background-color:rgba(0,0,0,0) !important;border-color:#fff !important;background-image:url("../img/actions/checkbox-mark-white.svg")}.strengthify-wrapper{display:inline-block;position:relative;top:-20px;width:250px;border-radius:0 0 3px 3px;overflow:hidden;height:3px}.tooltip-inner{font-weight:bold;padding:3px 6px;text-align:center}#show,#dbpassword-toggle{position:absolute;right:2px;top:-3px;display:flex;justify-content:center;width:44px;align-content:center;padding:13px}#pass2,input[name=personal-password-clone]{padding:.6em 2.5em .4em .4em;width:8em}#personal-show+label{height:14px;margin-top:-25px;left:295px;display:block}#passwordbutton{margin-left:.5em}p.info,form fieldset legend,#datadirContent label,form fieldset .warning-info,form input[type=checkbox]+label{text-align:center}form .warning input[type=checkbox]:hover+label,form .warning input[type=checkbox]:focus+label,form .warning input[type=checkbox]+label{color:var(--color-primary-text) !important}.body-login-container.two-factor{max-width:290px;margin:15px auto 0}.two-factor-provider{display:flex;border-radius:3px;margin:12px 0;border:1px solid rgba(0,0,0,0);text-align:left;align-items:center;text-decoration:none !important}.two-factor-provider:hover,.two-factor-provider:focus,.two-factor-provider:active{border:1px solid #fff}.two-factor-provider img{width:64px;height:64px;padding:0 12px}.two-factor-provider div{margin:12px 0}.two-factor-provider h3{margin:0}.two-factor-provider p{font-weight:normal}.two-factor-icon{width:100px;display:block;margin:0 auto}.two-factor-submit{width:100%;padding:10px;margin:0 0 5px 0;border-radius:100px;font-size:20px}.two-factor-primary{padding:14px !important;width:226px}.two-factor-secondary{display:inline-block;padding:12px}#remember_login{margin:18px 5px 0 16px !important}.updateProgress .error{margin-top:10px;margin-bottom:10px}form #selectDbType{text-align:center;white-space:nowrap;margin:0;display:flex}form #selectDbType .info{white-space:normal}form #selectDbType label{flex-grow:1;margin:0 -1px 5px;font-size:12px;background:var(--color-background-hover);color:var(--color-main-text);cursor:pointer;border:1px solid var(--color-border);padding:10px 17px}form #selectDbType label.ui-state-hover,form #selectDbType label.ui-state-active{font-weight:normal;background:var(--color-background-darker);color:var(--color-main-text)}form #selectDbType label span{display:none}.grouptop,.groupmiddle,.groupbottom{position:relative;user-select:none}.grouptop,.groupmiddle{margin-bottom:8px !important}.groupbottom{margin-bottom:13px}.groupbottom input[type=submit]{box-shadow:none !important}.grouptop.groupbottom input{border-radius:3px !important;margin:5px 0 !important}.body-login-container{display:flex;flex-direction:column;text-align:left;word-wrap:break-word;border-radius:10px;cursor:default;-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text}.body-login-container .icon-big{background-size:70px;height:70px}.body-login-container form{width:initial}.body-login-container p:not(:last-child){margin-bottom:12px}.infogroup{margin:8px 0}.infogroup:last-child{margin-bottom:0}p.info{margin:20px auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.update{width:calc(100% - 32px);text-align:center}.update .appList{list-style:disc;text-align:left;margin-left:25px;margin-right:25px}.update img.float-spinner{float:left}.update a.update-show-detailed{border-bottom:inherit}#update-progress-detailed{text-align:left;margin-bottom:12px}.update-show-detailed{padding:12px;display:block;opacity:.75}.update-show-detailed .icon-caret-white{display:inline-block;vertical-align:middle}#update-progress-icon{height:32px;margin:10px;background-size:32px}.icon-info-white{background-image:url("../img/actions/info-white.svg?v=2")}.icon-error-white{background-image:url("../img/actions/error-white.svg?v=1")}.icon-caret-white{background-image:url("../img/actions/caret-white.svg?v=1")}.icon-confirm{background-image:url("../img/actions/confirm.svg?v=2")}.icon-confirm-white{background-image:url("../img/actions/confirm-white.svg?v=2")}.icon-checkmark-white{background-image:url("../img/actions/checkmark-white.svg?v=1")}.float-spinner{margin-top:-32px;padding-top:32px;height:32px;display:none}[class^=icon-],[class*=" icon-"]{background-repeat:no-repeat;background-position:center;min-width:16px;min-height:16px}.loading,.loading-small,.icon-loading,.icon-loading-dark,.icon-loading-small,.icon-loading-small-dark{position:relative;filter:var(--background-invert-if-dark)}.loading:after,.loading-small:after,.icon-loading:after,.icon-loading-dark:after,.icon-loading-small:after,.icon-loading-small-dark:after{z-index:2;content:"";height:32px;width:32px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%;border-radius:100%;-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.primary .loading,.primary+.loading,.primary .loading-small,.primary+.loading-small,.primary .icon-loading,.primary+.icon-loading,.primary .icon-loading-dark,.primary+.icon-loading-dark,.primary .icon-loading-small,.primary+.icon-loading-small,.primary .icon-loading-small-dark,.primary+.icon-loading-small-dark{filter:var(--primary-invert-if-bright)}.loading:after,.loading-small:after,.icon-loading:after,.icon-loading-dark:after,.icon-loading-small:after,.icon-loading-small-dark:after{border:2px solid rgba(150,150,150,.5);border-top-color:#646464}.icon-loading-dark:after,.icon-loading-small-dark:after{border:2px solid rgba(187,187,187,.5);border-top-color:#bbb}.icon-loading-small:after,.icon-loading-small-dark:after{height:16px;width:16px;margin:-9px 0 0 -9px}img.icon-loading,object.icon-loading,video.icon-loading,button.icon-loading,textarea.icon-loading,input.icon-loading,select.icon-loading,div[contenteditable=true].icon-loading{background-image:url("../img/loading.gif")}img.icon-loading-dark,object.icon-loading-dark,video.icon-loading-dark,button.icon-loading-dark,textarea.icon-loading-dark,input.icon-loading-dark,select.icon-loading-dark,div[contenteditable=true].icon-loading-dark{background-image:url("../img/loading-dark.gif")}img.icon-loading-small,object.icon-loading-small,video.icon-loading-small,button.icon-loading-small,textarea.icon-loading-small,input.icon-loading-small,select.icon-loading-small,div[contenteditable=true].icon-loading-small{background-image:url("../img/loading-small.gif")}img.icon-loading-small-dark,object.icon-loading-small-dark,video.icon-loading-small-dark,button.icon-loading-small-dark,textarea.icon-loading-small-dark,input.icon-loading-small-dark,select.icon-loading-small-dark,div[contenteditable=true].icon-loading-small-dark{background-image:url("../img/loading-small-dark.gif")}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}footer{min-height:70px;margin-top:auto}footer .info .entity-name{font-weight:bold}label.infield,.hidden-visually{position:absolute;left:-10000px;top:-10000px;width:1px;height:1px;overflow:hidden}a.legal{font-size:smaller}.notecard{color:var(--color-text-light);background-color:var(--note-background);border-left:4px solid var(--note-theme);border-radius:var(--border-radius);margin:1rem 0;padding:1rem;text-align:left}.notecard.success{--note-background: rgba(var(--color-success-rgb), 0.1);--note-theme: var(--color-success)}.notecard.error{--note-background: rgba(var(--color-error-rgb), 0.1);--note-theme: var(--color-error)}.notecard.warning{--note-background: rgba(var(--color-warning-rgb), 0.1);--note-theme: var(--color-warning)}.notecard:last-child{margin-bottom:0}.notecard pre{background-color:var(--color-background-dark);margin-top:1rem;padding:1em 1.3em;border-radius:var(--border-radius)}.guest-box,.body-login-container{color:var(--color-main-text);background-color:var(--color-main-background);padding:16px;border-radius:var(--border-radius-large);box-shadow:0 0 10px var(--color-box-shadow);display:inline-block}.guest-box.wide{display:block;text-align:left}.guest-box fieldset{margin-top:0}.guest-box .pre{overflow-x:scroll}button.toggle-password{background-color:rgba(0,0,0,0);border-width:0;height:44px}.margin-top{margin-top:1rem !important}.text-left{text-align:left !important}.hidden{display:none}/*# sourceMappingURL=guest.css.map */ diff --git a/core/css/guest.css.map b/core/css/guest.css.map index fdb20b94546..9816937d7c0 100644 --- a/core/css/guest.css.map +++ b/core/css/guest.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["guest.scss","animations.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA;EACC;IACC;IACA;;EAED;IACC;IACA;;;AAGF;EACC;IACC;IACA;;EAED;IACC;IACA;;;AD7BF;AACA;EAAyT;EAAU;EAAW;EAAU;EAAW;EAAqB;EAAgB;EAAqB;EAAyB;;;AACtb;EAAO;;;AACP;EAAuE;;;AACvE;EAAO;;;AACP;EAAQ;EAA0B;EAAkB;;;AACpD;EAAkB;EAAiB;;;AACnC;EAAgB;;;AAChB;EAAI;EAAU;EAA+B;;;AAC7C;EAAsD;;;AACtD;EAAK;;;AAEL;EACC;AACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;AACA;AAAA;AAAA;AAAA;AAAA;EAKA;EACG;EACH;EACA;EACA;EACA;;;AAGD;AAEC;EACC;;AAGD;EACC;;AAGD;AAAA;EAEC;EACA;;;AAIF;EACC;EACA;;;AAGD;AACA;AAAA;AAAA;EAGC;;;AAGD;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAKH;EACC;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;;;AAED;EACC;;;AAGD;AAAA;EAEC;;;AAED;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;;;AAED;AAAA;EAEC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAGD;AACA;EACC;;;AAED;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;AAAA;;;AAID;EACC;IACC;;;AAMF;EACC;;AAEA;EACC;EACA;EACA;EACA;AAAA;AAAA;AAAA;;AAKD;AAAA;AAAA;EAGC;;AAGD;EACC;EACA;EACA;;;AAMF;EACC;;;AAED;AAAA;AAAA;AAAA;AAAA;EAKC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAED;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;AAAA;AAAA;AAAA;EAIC;EACA;EACA;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;AAAA;EAEC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;AAAA;EAEC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAGD;AACA;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAED;AACA;AAAA;AAAA;EAGC;;;AAGD;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGC;;AAED;EACC;EACA;EACA;;AAED;EACC;;AAED;EACC;;AAED;EACC;;;AAGF;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;AACC;EACA;EACA;;;AAED;EACC;EACA;;;AAID;AACA;EACC;;;AAGD;AACA;AACA;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;AAAA;EAEC;EACA;EACA;;AAED;EACC;;;AAKF;AACA;AAAA;AAAA;EAGC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAGD;AACA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;;AAKF;AACA;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;;AAGF;EACC;EACA;;;AAED;EACC;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;EACA;;;AAID;AACA;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAID;AACA;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACI;;;AAEJ;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;AACA;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;IACA;IACA;;EAEA;IACA;IACA;;;AAGD;EACC;IACA;IACA;;EAEA;IACA;IACA;;;AAID;AACA;EACC;EACA;;AACA;EACC;;;AAIF;AACA;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA,SAzxByB;EA0xBzB;EACA;EACA;;;AAIA;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;AACA;EACC;;;AAGD;EACC;;;AAGD;EACC","file":"guest.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["animations.scss","guest.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqBA,0BACC,KACC,+BACA,uBAED,GACC,iCACA,0BAGF,kBACC,KACC,+BACA,uBAED,GACC,iCACA,0BC5BF,wYACA,iBACA,2EACA,qBACA,mEACA,iDACA,kCACA,6DACA,6DACA,mBAEA,KACC,mBAEA,iBACA,kBACA,qLACA,wBACA,kBAEA,sFAMA,2JACG,4BACH,gBACA,YACA,cACA,gBAKA,cACC,gBAGD,qBACC,wBAGD,kEAEC,0BACA,8BAIF,GACC,kBACA,WAID,SAGC,iBAGD,GACC,eACA,mBACA,iBAED,GACC,eACA,cAID,KACC,aACA,sBACA,uBACA,mBAIA,cACC,gBACA,WACA,iBACA,cACA,kBACA,WACA,kBACC,UACA,eACA,iBAKH,SACC,WACA,gBACA,gBAID,KACC,kBACA,YACA,UAED,kBACC,gBAGD,4DAEC,WAED,uCACC,YACA,uBACA,SACA,UAGD,wBACC,SAGD,wBACC,iBACA,mBAED,sCACC,mBACA,gBAED,2CAEC,mBAED,qBACC,WAED,2CACC,WAED,sBACC,cACA,SAED,0BACC,mBAID,cACC,aAED,kBACC,sBAID,gBACC,aACA,mBACA,uBACA,iBACA,kBAID,2CACC,SACC,cAMF,gBACC,cAEA,6BACC,kBACA,WACA,mCACA,oBAKD,uMAGC,WAGD,oCACC,kBACA,SACA,WAMF,uDACC,qLAED,yFAKC,eACA,WACA,YACA,aACA,kBACA,wBAGD,gDAEI,iBAGJ,sCACI,2BAGJ,qGAOC,qBACA,WACA,eACA,aACA,8CACA,iBACA,wBACA,YACA,oBACA,eAGD,kCACC,kBACA,UACA,QAGD,yBACC,6DAED,wEAIC,YACA,iBACA,gCACA,YACA,oBACA,mBACA,cACA,eAED,gFACC,YACA,8BAED,YACC,YACA,YACA,sCAED,4FAIC,kBACA,gBACA,uBAID,iDAEC,SAGD,4MAMC,gCAID,8BACC,kBACA,cACA,SACA,UACA,WACA,gBAED,oCACC,iBAED,iGAEC,eAED,2CACC,WACA,qBACA,sBACA,WACA,eACA,sBACA,kBACA,YACA,WACA,2BAED,kDACC,kBAED,6IAEC,kBAED,0DACC,sBACA,kBAED,2DACC,iCACA,6BAED,mEACC,kBACA,sBAED,0DACC,0CACA,6BACA,+DAID,qBACC,qBACA,kBACA,UACA,YACA,0BACA,gBACA,WAED,eACC,iBACA,gBACA,kBAID,yBACC,kBACA,UACA,SACA,aACA,uBACA,WACA,qBACA,aAGD,2CACC,6BACA,UAED,qBACC,YACA,iBACA,WACA,cAED,gBACC,iBAID,8GAKC,kBAGD,uIAGC,2CAGD,iCACC,gBACA,mBAED,qBACC,aACA,kBACA,cACA,+BACA,gBACA,mBACA,gCAEA,kFAGC,sBAED,yBACC,WACA,YACA,eAED,yBACC,cAED,wBACC,SAED,uBACC,mBAGF,iBACC,YACA,cACA,cAED,mBACC,WACA,aACA,iBACA,oBACA,eAED,oBAEC,wBACA,YAED,sBACC,qBACA,aAKD,gBACC,kCAKD,uBACC,gBACA,mBAID,mBACC,kBACA,mBACA,SACA,aACA,yBACC,mBAED,yBACC,YACA,kBACA,eACA,yCACA,6BACA,eACA,qCACA,kBAED,iFAEC,mBACA,0CACA,6BAED,8BACC,aAMF,oCAGC,kBACA,iBAED,uBACC,6BAED,aACC,mBAED,gCACC,2BAED,4BACC,6BACA,wBAKD,sBACC,aACA,sBACA,gBACA,qBACA,mBACA,eACA,sBACA,yBACA,qBACA,iBAGA,gCACC,qBACA,YAGD,2BACC,cAGD,yCACC,mBAMF,WACC,aAED,sBACC,gBAED,OACC,iBACA,yBACA,sBACA,qBACA,iBAID,QACC,wBACA,kBAEA,iBACC,gBACA,gBACA,iBACA,kBAGD,0BACC,WAGD,+BACC,sBAGF,0BACC,gBACA,mBAED,sBACC,aACA,cACA,YAEA,wCACC,qBACA,sBAIF,sBACC,YACA,YACA,qBAKD,iBACC,0DAED,kBACC,2DAED,kBACC,2DAED,cACC,uDAED,oBACC,6DAED,sBACC,+DAKD,eACC,iBACA,iBACA,YACA,aAED,iCACC,4BACA,2BACA,eACA,gBAED,sGACC,kBACA,wCAED,0IACC,UACA,WACA,YACA,WACA,uBACA,kBACA,QACA,SACA,mBACA,6CACA,qCACA,gCACA,4BACA,wBAED,wTACI,uCAEJ,0IACC,sCACA,yBAED,wDACC,sCACA,sBAED,yDACC,YACA,WACA,qBAGD,gLACC,2CAED,wNACC,gDAED,gOACC,iDAED,wQACC,sDAED,0BACC,KACA,+BACA,uBAEA,GACA,iCACA,0BAGD,kBACC,KACA,+BACA,uBAEA,GACA,iCACA,0BAKD,OACC,gBACA,gBACA,0BACC,iBAKF,+BAEC,kBACA,cACA,aACA,UACA,WACA,gBAGD,QACC,kBAGD,UACC,8BACA,wCACA,wCACA,mCACA,cACA,aACA,gBAEA,kBACC,uDACA,mCAGD,gBACC,qDACA,iCAGD,kBACC,uDACA,mCAGD,qBACC,gBAGD,cACC,8CACA,gBACA,kBACA,mCAIF,iCACC,6BACA,8CACA,QAzxByB,KA0xBzB,yCACA,4CACA,qBAIA,gBACC,cACA,gBAGD,oBACC,aAGD,gBACC,kBAIF,uBACC,+BACA,eACA,YAID,YACC,2BAGD,WACC,2BAGD,QACC","file":"guest.css"} \ No newline at end of file diff --git a/core/css/header.css b/core/css/header.css index 1dc751ad910..966102e57f5 100644 --- a/core/css/header.css +++ b/core/css/header.css @@ -1,381 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, Lukas Reschke - * @copyright Copyright (c) 2016, Jos Poortvliet - * @copyright Copyright (c) 2016, Erik Pellikka - * @copyright Copyright (c) 2016, jowi - * @copyright Copyright (c) 2015, Hendrik Leppelsack - * @copyright Copyright (c) 2015, Volker E - * @copyright Copyright (c) 2014-2017, Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - */ -/* prevent ugly selection effect on accidental selection */ -#header, -#expanddiv { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; -} -#header a:not(.button):focus-visible, #header button:not(.button-vue):focus-visible, #header div[role=button]:focus-visible, -#expanddiv a:not(.button):focus-visible, -#expanddiv button:not(.button-vue):focus-visible, -#expanddiv div[role=button]:focus-visible { - outline: none; -} -#header a:not(.button):focus-visible::after, #header .button-vue:focus-visible::after, #header div[role=button]:focus-visible::after, -#expanddiv a:not(.button):focus-visible::after, -#expanddiv .button-vue:focus-visible::after, -#expanddiv div[role=button]:focus-visible::after { - content: " "; - position: absolute; - transform: translateX(-50%); - width: 12px; - height: 2px; - border-radius: 3px; - background-color: var(--color-primary-text); - left: 50%; - opacity: 1; -} -#header a:not(.button):focus-visible::after, #header .button-vue:focus-visible::after, -#expanddiv a:not(.button):focus-visible::after, -#expanddiv .button-vue:focus-visible::after { - bottom: 2px; -} -#header .header-right a:not(.button):focus-visible::after, #header .header-right div[role=button]:focus-visible::after, -#expanddiv .header-right a:not(.button):focus-visible::after, -#expanddiv .header-right div[role=button]:focus-visible::after { - bottom: 4px; -} -#header .header-right #expand.menutoggle:focus-visible::after, -#expanddiv .header-right #expand.menutoggle:focus-visible::after { - left: 40%; -} - -/* HEADERS ------------------------------------------------------------------ */ -#body-user #header, -#body-settings #header, -#body-public #header { - display: inline-flex; - position: absolute; - top: 0; - width: 100%; - z-index: 2000; - height: 50px; - box-sizing: border-box; - justify-content: space-between; -} - -/* LOGO and APP NAME -------------------------------------------------------- */ -#nextcloud { - padding: 5px 0; - padding-left: 86px; - position: relative; - height: calc(100% - 4px); - box-sizing: border-box; - opacity: 1; - align-items: center; - display: flex; - flex-wrap: wrap; - overflow: hidden; - margin: 2px; -} -#nextcloud:hover, #nextcloud:active { - opacity: 1; -} - -#header { - /* Header menu */ - /* Right header standard */ -} -#header .header-right > div > .menu { - background-color: var(--color-main-background); - filter: drop-shadow(0 1px 5px var(--color-box-shadow)); - border-radius: var(--border-radius-large); - box-sizing: border-box; - z-index: 2000; - position: absolute; - max-width: 350px; - min-height: 66px; - max-height: calc(100vh - 50px - 8px); - right: 8px; - top: 50px; - margin: 0; - overflow-y: auto; - /* Dropdown arrow */ - /* Use by the settings right menu */ -} -#header .header-right > div > .menu:not(.popovermenu) { - display: none; -} -#header .header-right > div > .menu:after { - border: 10px solid transparent; - border-bottom-color: var(--color-main-background); - bottom: 100%; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - right: 10px; -} -#header .header-right > div > .menu > div, #header .header-right > div > .menu > ul { - -webkit-overflow-scrolling: touch; - min-height: 66px; - max-height: calc(100vh - 50px - 8px); -} -#header .header-right > div > .menu.settings-menu > ul { - padding: 4px; - display: flex; - flex-direction: column; - gap: 2px; -} -#header .header-right > div > .menu.settings-menu > ul li a { - border-radius: 6px; - display: inline-flex; - align-items: center; - height: 44px; - color: var(--color-main-text); - padding: 10px 12px; - box-sizing: border-box; - white-space: nowrap; - position: relative; - width: 100%; -} -#header .header-right > div > .menu.settings-menu > ul li a:hover, #header .header-right > div > .menu.settings-menu > ul li a:focus { - background-color: var(--color-background-hover); -} -#header .header-right > div > .menu.settings-menu > ul li a:active, #header .header-right > div > .menu.settings-menu > ul li a.active { - background-color: var(--color-primary-light); -} -#header .header-right > div > .menu.settings-menu > ul li a:focus-visible { - box-shadow: inset 0 0 0 2px var(--color-primary); - outline: none; -} -#header .header-right > div > .menu.settings-menu > ul li a span { - display: inline-block; - padding-bottom: 0; - color: var(--color-main-text); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 110px; -} -#header .header-right > div > .menu.settings-menu > ul li a .icon-loading-small { - margin-right: 10px; - background-size: 16px 16px; -} -#header .header-right > div > .menu.settings-menu > ul li a img, -#header .header-right > div > .menu.settings-menu > ul li a svg { - opacity: 0.7; - margin-right: 10px; - height: 16px; - width: 16px; - filter: var(--background-invert-if-dark); -} -#header .logo { - display: inline-flex; - width: 62px; - position: absolute; - left: 12px; - filter: var(--image-logoheader-custom, var(--background-image-invert-if-bright)); -} -#header .header-appname-container { - display: none; - padding-right: 10px; - flex-shrink: 0; -} -#header #header-left, #header .header-left, -#header #header-right, #header .header-right { - display: inline-flex; - align-items: center; -} -#header #header-left, #header .header-left { - flex: 1 0; - white-space: nowrap; - min-width: 0; -} -#header #header-right, #header .header-right { - justify-content: flex-end; - flex-shrink: 1; -} -#header .header-right > div, -#header .header-right > form { - height: 100%; - position: relative; -} -#header .header-right > div > .menutoggle, -#header .header-right > form > .menutoggle { - display: flex; - justify-content: center; - align-items: center; - width: 50px; - height: 44px; - cursor: pointer; - opacity: 0.85; - padding: 0; - margin: 2px 0; -} -#header .header-right > div > .menutoggle:focus, -#header .header-right > form > .menutoggle:focus { - opacity: 1; -} -#header .header-right > div > .menutoggle:focus-visible, -#header .header-right > form > .menutoggle:focus-visible { - outline: none; -} - -/* hover effect for app switcher label */ -.header-appname-container .header-appname { - opacity: 0.75; -} - -/* TODO: move into minimal css file for public shared template */ -/* only used for public share pages now as we have the app icons when logged in */ -.header-appname { - color: var(--color-primary-text); - font-size: 16px; - font-weight: bold; - margin: 0; - padding: 0; - padding-right: 5px; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 100%; -} - -.header-shared-by { - color: var(--color-primary-text); - position: relative; - font-weight: 300; - font-size: 11px; - line-height: 11px; - overflow: hidden; - text-overflow: ellipsis; -} - -/* USER MENU -----------------------------------------------------------------*/ -#settings { - display: inline-block; - height: 100%; - cursor: pointer; - flex: 0 0 auto; - /* User menu on the right */ -} -#settings #expand { - opacity: 1; /* override icon opacity */ - margin-right: 12px; - /* Profile picture in header */ - /* show triangle below user menu if active */ -} -#settings #expand:hover, #settings #expand:focus, #settings #expand:active { - color: var(--color-primary-text); -} -#settings #expand:hover #expandDisplayName, -#settings #expand:hover .avatardiv, #settings #expand:focus #expandDisplayName, -#settings #expand:focus .avatardiv, #settings #expand:active #expandDisplayName, -#settings #expand:active .avatardiv { - border-radius: 50%; - border: 2px solid var(--color-primary-text); - margin: -2px; -} -#settings #expand:hover .avatardiv, #settings #expand:focus .avatardiv, #settings #expand:active .avatardiv { - background-color: var(--color-primary-text); -} -#settings #expand:hover #expandDisplayName, #settings #expand:focus #expandDisplayName, #settings #expand:active #expandDisplayName { - opacity: 1; -} -#settings #expand .avatardiv { - cursor: pointer; - height: 32px; - width: 32px; - /* do not show display name when profile picture is present */ -} -#settings #expand .avatardiv img { - opacity: 1; - cursor: pointer; -} -#settings #expand .avatardiv.avatardiv-shown + #expandDisplayName { - display: none; -} -#settings #expand #expandDisplayName { - padding: 8px; - opacity: 0.6; - cursor: pointer; - /* full opacity for gear icon if active */ -} -#body-settings #settings #expand #expandDisplayName { - opacity: 1; -} -#body-settings #settings #expand:before { - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - bottom: 2px; - z-index: 100; - display: block; - width: 10px; - height: 5px; - border-radius: 3px; - background-color: var(--color-primary-text); -} -#settings #expanddiv:after { - right: 22px; -} - -/* Skip navigation links – show only on keyboard focus */ -#skip-actions { - position: absolute; - overflow: hidden; - z-index: 9999; - top: -999px; - left: 3px; - height: 50px; - padding: 11px; -} -#skip-actions:focus-within { - top: 50px; -} - -/* Empty content messages in the header e.g. notifications, contacts menu, … */ -header #emptycontent h2, -header .emptycontent h2 { - font-weight: normal; - font-size: 16px; -} -header #emptycontent [class^=icon-], -header #emptycontent [class*=icon-], -header .emptycontent [class^=icon-], -header .emptycontent [class*=icon-] { - background-size: 48px; - height: 48px; - width: 48px; -} - -/*# sourceMappingURL=header.css.map */ +#header,#expanddiv{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#header a:not(.button):focus-visible,#header button:not(.button-vue):focus-visible,#header div[role=button]:focus-visible,#expanddiv a:not(.button):focus-visible,#expanddiv button:not(.button-vue):focus-visible,#expanddiv div[role=button]:focus-visible{outline:none}#header a:not(.button):focus-visible::after,#header .button-vue:focus-visible::after,#header div[role=button]:focus-visible::after,#expanddiv a:not(.button):focus-visible::after,#expanddiv .button-vue:focus-visible::after,#expanddiv div[role=button]:focus-visible::after{content:" ";position:absolute;transform:translateX(-50%);width:12px;height:2px;border-radius:3px;background-color:var(--color-primary-text);left:50%;opacity:1}#header a:not(.button):focus-visible::after,#header .button-vue:focus-visible::after,#expanddiv a:not(.button):focus-visible::after,#expanddiv .button-vue:focus-visible::after{bottom:2px}#header .header-right a:not(.button):focus-visible::after,#header .header-right div[role=button]:focus-visible::after,#expanddiv .header-right a:not(.button):focus-visible::after,#expanddiv .header-right div[role=button]:focus-visible::after{bottom:4px}#header .header-right #expand.menutoggle:focus-visible::after,#expanddiv .header-right #expand.menutoggle:focus-visible::after{left:40%}#body-user #header,#body-settings #header,#body-public #header{display:inline-flex;position:absolute;top:0;width:100%;z-index:2000;height:50px;box-sizing:border-box;justify-content:space-between}#nextcloud{padding:5px 0;padding-left:86px;position:relative;height:calc(100% - 4px);box-sizing:border-box;opacity:1;align-items:center;display:flex;flex-wrap:wrap;overflow:hidden;margin:2px}#nextcloud:hover,#nextcloud:active{opacity:1}#header .header-right>div>.menu{background-color:var(--color-main-background);filter:drop-shadow(0 1px 5px var(--color-box-shadow));border-radius:var(--border-radius-large);box-sizing:border-box;z-index:2000;position:absolute;max-width:350px;min-height:66px;max-height:calc(100vh - 50px - 8px);right:8px;top:50px;margin:0;overflow-y:auto}#header .header-right>div>.menu:not(.popovermenu){display:none}#header .header-right>div>.menu:after{border:10px solid rgba(0,0,0,0);border-bottom-color:var(--color-main-background);bottom:100%;content:" ";height:0;width:0;position:absolute;pointer-events:none;right:10px}#header .header-right>div>.menu>div,#header .header-right>div>.menu>ul{-webkit-overflow-scrolling:touch;min-height:66px;max-height:calc(100vh - 50px - 8px)}#header .header-right>div>.menu.settings-menu>ul{padding:4px;display:flex;flex-direction:column;gap:2px}#header .header-right>div>.menu.settings-menu>ul li a{border-radius:6px;display:inline-flex;align-items:center;height:44px;color:var(--color-main-text);padding:10px 12px;box-sizing:border-box;white-space:nowrap;position:relative;width:100%}#header .header-right>div>.menu.settings-menu>ul li a:hover,#header .header-right>div>.menu.settings-menu>ul li a:focus{background-color:var(--color-background-hover)}#header .header-right>div>.menu.settings-menu>ul li a:active,#header .header-right>div>.menu.settings-menu>ul li a.active{background-color:var(--color-primary-light)}#header .header-right>div>.menu.settings-menu>ul li a:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary);outline:none}#header .header-right>div>.menu.settings-menu>ul li a span{display:inline-block;padding-bottom:0;color:var(--color-main-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}#header .header-right>div>.menu.settings-menu>ul li a .icon-loading-small{margin-right:10px;background-size:16px 16px}#header .header-right>div>.menu.settings-menu>ul li a img,#header .header-right>div>.menu.settings-menu>ul li a svg{opacity:.7;margin-right:10px;height:16px;width:16px;filter:var(--background-invert-if-dark)}#header .logo{display:inline-flex;width:62px;position:absolute;left:12px;filter:var(--image-logoheader-custom, var(--background-image-invert-if-bright))}#header .header-appname-container{display:none;padding-right:10px;flex-shrink:0}#header #header-left,#header .header-left,#header #header-right,#header .header-right{display:inline-flex;align-items:center}#header #header-left,#header .header-left{flex:1 0;white-space:nowrap;min-width:0}#header #header-right,#header .header-right{justify-content:flex-end;flex-shrink:1}#header .header-right>div,#header .header-right>form{height:100%;position:relative}#header .header-right>div>.menutoggle,#header .header-right>form>.menutoggle{display:flex;justify-content:center;align-items:center;width:50px;height:44px;cursor:pointer;opacity:.85;padding:0;margin:2px 0}#header .header-right>div>.menutoggle:focus,#header .header-right>form>.menutoggle:focus{opacity:1}#header .header-right>div>.menutoggle:focus-visible,#header .header-right>form>.menutoggle:focus-visible{outline:none}.header-appname-container .header-appname{opacity:.75}.header-appname{color:var(--color-primary-text);font-size:16px;font-weight:bold;margin:0;padding:0;padding-right:5px;overflow:hidden;text-overflow:ellipsis;flex:1 1 100%}.header-shared-by{color:var(--color-primary-text);position:relative;font-weight:300;font-size:11px;line-height:11px;overflow:hidden;text-overflow:ellipsis}#settings{display:inline-block;height:100%;cursor:pointer;flex:0 0 auto}#settings #expand{opacity:1;margin-right:12px}#settings #expand:hover,#settings #expand:focus,#settings #expand:active{color:var(--color-primary-text)}#settings #expand:hover #expandDisplayName,#settings #expand:hover .avatardiv,#settings #expand:focus #expandDisplayName,#settings #expand:focus .avatardiv,#settings #expand:active #expandDisplayName,#settings #expand:active .avatardiv{border-radius:50%;border:2px solid var(--color-primary-text);margin:-2px}#settings #expand:hover .avatardiv,#settings #expand:focus .avatardiv,#settings #expand:active .avatardiv{background-color:var(--color-primary-text)}#settings #expand:hover #expandDisplayName,#settings #expand:focus #expandDisplayName,#settings #expand:active #expandDisplayName{opacity:1}#settings #expand .avatardiv{cursor:pointer;height:32px;width:32px}#settings #expand .avatardiv img{opacity:1;cursor:pointer}#settings #expand .avatardiv.avatardiv-shown+#expandDisplayName{display:none}#settings #expand #expandDisplayName{padding:8px;opacity:.6;cursor:pointer}#body-settings #settings #expand #expandDisplayName{opacity:1}#body-settings #settings #expand:before{content:" ";height:0;width:0;position:absolute;pointer-events:none;bottom:2px;z-index:100;display:block;width:10px;height:5px;border-radius:3px;background-color:var(--color-primary-text)}#settings #expanddiv:after{right:22px}#skip-actions{position:absolute;overflow:hidden;z-index:9999;top:-999px;left:3px;height:50px;padding:11px}#skip-actions:focus-within{top:50px}header #emptycontent h2,header .emptycontent h2{font-weight:normal;font-size:16px}header #emptycontent [class^=icon-],header #emptycontent [class*=icon-],header .emptycontent [class^=icon-],header .emptycontent [class*=icon-]{background-size:48px;height:48px;width:48px}/*# sourceMappingURL=header.css.map */ diff --git a/core/css/header.css.map b/core/css/header.css.map index a186e14c83e..00500861f2f 100644 --- a/core/css/header.css.map +++ b/core/css/header.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["variables.scss","header.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AACA;AAAA;EAEC;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;AAAA;AAAA;EACC;;AAIA;AAAA;AAAA;EACC;;AAGD;AAAA;EACC;;;AAMH;AACA;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA,QD2Ce;EC1Cf;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AASF;AACC;AA+HA;;AA5HA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAfD;EACA;EAgBC;EACA;EACA;EACA;AAMA;AAmBA;;AAvBA;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAEC;EAzCF;EACA;;AA6CC;EACC;EACA;EACA;EACA;;AAEC;EACC;EACA;EACA;EACA,QAlDuB;EAmDvB;EACA;EACA;EACA;EACA;EACA;;AACA;EAEC;;AAED;EAEC;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;AAAA;EAEC;EACA;EACA;EACA;EACA;;AAML;EACC;EACA;EACA;EACA;EAEA;;AAGD;EACC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAKA;AAAA;EAEC;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA,OD5HY;EC6HZ;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACC;;AAGD;AAAA;EACC;;;AAOL;AAEA;EACC;;;AAGD;AACA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;AAEA;;AACA;EACC;EACA;AAqBA;AA2BA;;AA9CA;EAGC;;AAEA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;AAKF;EACC;EACA;EACA;AAMA;;AAJA;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;AAEA;;AACA;EACC;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;;AAIF;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,KDzQc;;;AC8QhB;AAGC;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;EAEC;EACA;EACA","file":"header.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["header.scss","variables.scss"],"names":[],"mappings":"AAiBA,mBAEC,yBACA,sBACA,qBACA,6PACC,aAGD,+QACC,YACA,kBACA,2BACA,WACA,WACA,kBACA,2CACA,SACA,UAGD,gLACC,WAIA,kPACC,WAGD,+HACC,SAOH,+DAGC,oBACA,kBACA,MACA,WACA,aACA,OC2Ce,KD1Cf,sBACA,8BAID,WACC,cACA,kBACA,kBACA,wBACA,sBACA,UACA,mBACA,aACA,eACA,gBACA,WAEA,mCACC,UAaD,gCACC,8CACA,sDACA,yCACA,sBACA,aACA,kBACA,gBAfD,gBACA,oCAgBC,UACA,SACA,SACA,gBAEA,kDACC,aAID,sCACC,gCACA,iDACA,YACA,YACA,SACA,QACA,kBACA,oBACA,WAGD,uEAEC,iCAzCF,gBACA,oCA6CC,iDACC,YACA,aACA,sBACA,QAEC,sDACC,kBACA,oBACA,mBACA,OAlDuB,KAmDvB,6BACA,kBACA,sBACA,mBACA,kBACA,WACA,wHAEC,+CAED,0HAEC,4CAED,oEACC,gDACA,aAED,2DACC,qBACA,iBACA,6BACA,mBACA,gBACA,uBACA,gBAED,0EACC,kBACA,0BAED,oHAEC,WACA,kBACA,YACA,WACA,wCAML,cACC,oBACA,WACA,kBACA,UAEA,gFAGD,kCACC,aACA,mBACA,cAGD,sFAEC,oBACA,mBAGD,0CACC,SACA,mBACA,YAGD,4CACC,yBACA,cAKA,qDAEC,YACA,kBACA,6EACC,aACA,uBACA,mBACA,MC5HY,KD6HZ,YACA,eACA,YACA,UACA,aAEA,yFACC,UAGD,yGACC,aASL,0CACC,YAKD,gBACC,gCACA,eACA,iBACA,SACA,UACA,kBACA,gBACA,uBAEA,cAGD,kBACC,gCACA,kBACA,gBACA,eACA,iBACA,gBACA,uBAID,UACC,qBACA,YACA,eACA,cAGA,kBACC,UACA,kBAEA,yEAGC,gCAEA,4OAEC,kBACA,2CACA,YAED,0GACC,2CAED,kIACC,UAKF,6BACC,eACA,YACA,WAEA,iCACC,UACA,eAGD,gEACC,aAIF,qCACC,YACA,WACA,eAGA,oDACC,UAKF,wCACC,YACA,SACA,QACA,kBACA,oBACA,WACA,YACA,cACA,WACA,WACA,kBACA,2CAIF,2BACC,WAKF,cACC,kBACA,gBACA,aACA,WACA,SACA,YACA,aAEA,2BACC,ICzQc,KDiRf,gDACC,mBACA,eAED,gJAEC,qBACA,YACA","file":"header.css"} \ No newline at end of file diff --git a/core/css/icons.css b/core/css/icons.css index 80728ebd00c..edce7481956 100644 --- a/core/css/icons.css +++ b/core/css/icons.css @@ -1,206 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * @author Joas Schilling - * @author Lukas Reschke - * @author Roeland Jago Douma - * @author Vincent Chan - * @author Thomas Müller - * @author Hendrik Leppelsack - * @author Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -/* GLOBAL ------------------------------------------------------------------- */ -@import url("../../dist/icons.css"); -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -[class^=icon-], [class*=" icon-"] { - background-repeat: no-repeat; - background-position: center; - min-width: 16px; - min-height: 16px; -} - -.icon-breadcrumb { - background-image: url("../img/breadcrumb.svg?v=1"); -} - -/* LOADING ------------------------------------------------------------------ */ -.loading, -.loading-small, -.icon-loading, -.icon-loading-dark, -.icon-loading-small, -.icon-loading-small-dark { - position: relative; -} -.loading:after, -.loading-small:after, -.icon-loading:after, -.icon-loading-dark:after, -.icon-loading-small:after, -.icon-loading-small-dark:after { - z-index: 2; - content: ""; - height: 28px; - width: 28px; - margin: -16px 0 0 -16px; - position: absolute; - top: 50%; - left: 50%; - border-radius: 100%; - -webkit-animation: rotate 0.8s infinite linear; - animation: rotate 0.8s infinite linear; - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - border: 2px solid var(--color-loading-light); - border-top-color: var(--color-loading-dark); - filter: var(--background-invert-if-dark); -} -.primary .loading:after, .primary + .loading:after, -.primary .loading-small:after, -.primary + .loading-small:after, -.primary .icon-loading:after, -.primary + .icon-loading:after, -.primary .icon-loading-dark:after, -.primary + .icon-loading-dark:after, -.primary .icon-loading-small:after, -.primary + .icon-loading-small:after, -.primary .icon-loading-small-dark:after, -.primary + .icon-loading-small-dark:after { - filter: var(--primary-invert-if-bright); -} - -.icon-loading-dark:after, -.icon-loading-small-dark:after { - border: 2px solid var(--color-loading-dark); - border-top-color: var(--color-loading-light); -} - -.icon-loading-small:after, -.icon-loading-small-dark:after { - height: 12px; - width: 12px; - margin: -8px 0 0 -8px; -} - -/* Css replaced elements don't have ::after nor ::before */ -audio.icon-loading, canvas.icon-loading, embed.icon-loading, iframe.icon-loading, img.icon-loading, input.icon-loading, object.icon-loading, video.icon-loading { - background-image: url("../img/loading.gif"); -} -audio.icon-loading-dark, canvas.icon-loading-dark, embed.icon-loading-dark, iframe.icon-loading-dark, img.icon-loading-dark, input.icon-loading-dark, object.icon-loading-dark, video.icon-loading-dark { - background-image: url("../img/loading-dark.gif"); -} -audio.icon-loading-small, canvas.icon-loading-small, embed.icon-loading-small, iframe.icon-loading-small, img.icon-loading-small, input.icon-loading-small, object.icon-loading-small, video.icon-loading-small { - background-image: url("../img/loading-small.gif"); -} -audio.icon-loading-small-dark, canvas.icon-loading-small-dark, embed.icon-loading-small-dark, iframe.icon-loading-small-dark, img.icon-loading-small-dark, input.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-small-dark { - background-image: url("../img/loading-small-dark.gif"); -} - -@keyframes rotate { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} -.icon-32 { - background-size: 32px !important; -} - -.icon-white.icon-shadow, -.icon-audio-white, -.icon-audio-off-white, -.icon-fullscreen-white, -.icon-screen-white, -.icon-screen-off-white, -.icon-video-white, -.icon-video-off-white { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); -} - -/* ICONS ------------------------------------------------------------------- - * These icon classes are generated automatically with the following pattern - * .icon-close (black icon) - * .icon-close-white (white icon) - * .icon-close.icon-white (white icon) - * - * Some class definitions are kept as before, since they don't follow the pattern - * or have some additional styling like drop shadows - */ - -/*# sourceMappingURL=icons.css.map */ +@import"../../dist/icons.css";[class^=icon-],[class*=" icon-"]{background-repeat:no-repeat;background-position:center;min-width:16px;min-height:16px}.icon-breadcrumb{background-image:url("../img/breadcrumb.svg?v=1")}.loading,.loading-small,.icon-loading,.icon-loading-dark,.icon-loading-small,.icon-loading-small-dark{position:relative}.loading:after,.loading-small:after,.icon-loading:after,.icon-loading-dark:after,.icon-loading-small:after,.icon-loading-small-dark:after{z-index:2;content:"";height:28px;width:28px;margin:-16px 0 0 -16px;position:absolute;top:50%;left:50%;border-radius:100%;-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;border:2px solid var(--color-loading-light);border-top-color:var(--color-loading-dark);filter:var(--background-invert-if-dark)}.primary .loading:after,.primary+.loading:after,.primary .loading-small:after,.primary+.loading-small:after,.primary .icon-loading:after,.primary+.icon-loading:after,.primary .icon-loading-dark:after,.primary+.icon-loading-dark:after,.primary .icon-loading-small:after,.primary+.icon-loading-small:after,.primary .icon-loading-small-dark:after,.primary+.icon-loading-small-dark:after{filter:var(--primary-invert-if-bright)}.icon-loading-dark:after,.icon-loading-small-dark:after{border:2px solid var(--color-loading-dark);border-top-color:var(--color-loading-light)}.icon-loading-small:after,.icon-loading-small-dark:after{height:12px;width:12px;margin:-8px 0 0 -8px}audio.icon-loading,canvas.icon-loading,embed.icon-loading,iframe.icon-loading,img.icon-loading,input.icon-loading,object.icon-loading,video.icon-loading{background-image:url("../img/loading.gif")}audio.icon-loading-dark,canvas.icon-loading-dark,embed.icon-loading-dark,iframe.icon-loading-dark,img.icon-loading-dark,input.icon-loading-dark,object.icon-loading-dark,video.icon-loading-dark{background-image:url("../img/loading-dark.gif")}audio.icon-loading-small,canvas.icon-loading-small,embed.icon-loading-small,iframe.icon-loading-small,img.icon-loading-small,input.icon-loading-small,object.icon-loading-small,video.icon-loading-small{background-image:url("../img/loading-small.gif")}audio.icon-loading-small-dark,canvas.icon-loading-small-dark,embed.icon-loading-small-dark,iframe.icon-loading-small-dark,img.icon-loading-small-dark,input.icon-loading-small-dark,object.icon-loading-small-dark,video.icon-loading-small-dark{background-image:url("../img/loading-small-dark.gif")}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.icon-32{background-size:32px !important}.icon-white.icon-shadow,.icon-audio-white,.icon-audio-off-white,.icon-fullscreen-white,.icon-screen-white,.icon-screen-off-white,.icon-video-white,.icon-video-off-white{filter:drop-shadow(1px 1px 4px var(--color-box-shadow))}/*# sourceMappingURL=icons.css.map */ diff --git a/core/css/icons.css.map b/core/css/icons.css.map index f78070a9adc..d63e5bcfbe4 100644 --- a/core/css/icons.css.map +++ b/core/css/icons.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["icons.scss","functions.scss","variables.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADnBA;AA+GQ;AE9IR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AFgCA;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;;;AAKH;AAAA;EAEC;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;AAEC;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;;AAIF;EACC;IACC;;EAED;IACC;;;AAIF;EACC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"icons.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["icons.scss"],"names":[],"mappings":"AA8IQ,8BA9GR,iCACC,4BACA,2BACA,eACA,gBAGD,iBACC,kDAID,sGAMC,kBACA,0IACC,UACA,WACA,YACA,WACA,uBACA,kBACA,QACA,SACA,mBACA,6CACA,qCACA,gCACA,4BACA,wBACA,4CACA,2CAEA,wCAEA,gYAGC,uCAKH,wDAEC,2CACA,4CAGD,yDAEC,YACA,WACA,qBAKA,yJACC,2CAED,iMACC,gDAED,yMACC,iDAED,iPACC,sDAIF,kBACC,KACC,uBAED,GACC,0BAIF,SACC,gCAGD,yKAQC","file":"icons.css"} \ No newline at end of file diff --git a/core/css/inputs.css b/core/css/inputs.css index c9ff81aa674..a1784892251 100644 --- a/core/css/inputs.css +++ b/core/css/inputs.css @@ -1,985 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Morris Jobke - * @copyright Copyright (c) 2016, Joas Schilling - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, jowi - * @copyright Copyright (c) 2015, Joas Schilling - * @copyright Copyright (c) 2015, Hendrik Leppelsack - * @copyright Copyright (c) 2014-2017, Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -/* Specifically override browser styles */ -input, textarea, select, button, div[contenteditable=true], div[contenteditable=false] { - font-family: var(--font-face); -} - -.select2-container-multi .select2-choices .select2-search-field input, .select2-search input, .ui-widget { - font-family: var(--font-face) !important; -} - -.select2-container.select2-drop-above .select2-choice { - background-image: unset !important; -} - -/* Simple selector to allow easy overriding */ -select, -button:not(.button-vue, -[class^=vs__]), -input, -textarea, -div[contenteditable=true], -div[contenteditable=false] { - width: 130px; - min-height: 36px; - box-sizing: border-box; -} - -/** - * color-text-lighter normal state - * color-text-lighter active state - * color-text-maxcontrast disabled state - */ -input:not([type=range]) { - outline: none; -} - -/* Default global values */ -div.select2-drop .select2-search input, -input[type=submit], -input[type=button], -input[type=reset], -button:not(.button-vue, -[class^=vs__]), -.button, -.pager li a { - margin: 3px 3px 3px 0; - padding: 7px 14px; - font-size: 13px; - background-color: var(--color-main-background); - color: var(--color-main-text); - border: 1px solid var(--color-border-dark); - font-size: var(--default-font-size); - outline: none; - border-radius: var(--border-radius); - cursor: text; - /* Primary action button, use sparingly */ -} -div.select2-drop .select2-search input:not(:disabled):not(.primary):hover, div.select2-drop .select2-search input:not(:disabled):not(.primary):focus, div.select2-drop .select2-search input:not(:disabled):not(.primary).active, -input[type=submit]:not(:disabled):not(.primary):hover, -input[type=submit]:not(:disabled):not(.primary):focus, -input[type=submit]:not(:disabled):not(.primary).active, -input[type=button]:not(:disabled):not(.primary):hover, -input[type=button]:not(:disabled):not(.primary):focus, -input[type=button]:not(:disabled):not(.primary).active, -input[type=reset]:not(:disabled):not(.primary):hover, -input[type=reset]:not(:disabled):not(.primary):focus, -input[type=reset]:not(:disabled):not(.primary).active, -button:not(.button-vue, -[class^=vs__]):not(:disabled):not(.primary):hover, -button:not(.button-vue, -[class^=vs__]):not(:disabled):not(.primary):focus, -button:not(.button-vue, -[class^=vs__]):not(:disabled):not(.primary).active, -.button:not(:disabled):not(.primary):hover, -.button:not(:disabled):not(.primary):focus, -.button:not(:disabled):not(.primary).active, -.pager li a:not(:disabled):not(.primary):hover, -.pager li a:not(:disabled):not(.primary):focus, -.pager li a:not(:disabled):not(.primary).active { - /* active class used for multiselect */ - border-color: var(--color-primary-element); - outline: none; -} -div.select2-drop .select2-search input:not(:disabled):not(.primary):active, -input[type=submit]:not(:disabled):not(.primary):active, -input[type=button]:not(:disabled):not(.primary):active, -input[type=reset]:not(:disabled):not(.primary):active, -button:not(.button-vue, -[class^=vs__]):not(:disabled):not(.primary):active, -.button:not(:disabled):not(.primary):active, -.pager li a:not(:disabled):not(.primary):active { - outline: none; - background-color: var(--color-main-background); - color: var(--color-text-light); -} -div.select2-drop .select2-search input:not(:disabled):not(.primary):focus-visible, -input[type=submit]:not(:disabled):not(.primary):focus-visible, -input[type=button]:not(:disabled):not(.primary):focus-visible, -input[type=reset]:not(:disabled):not(.primary):focus-visible, -button:not(.button-vue, -[class^=vs__]):not(:disabled):not(.primary):focus-visible, -.button:not(:disabled):not(.primary):focus-visible, -.pager li a:not(:disabled):not(.primary):focus-visible { - box-shadow: 0 0 0 2px var(--color-primary); -} -div.select2-drop .select2-search input:disabled, -input[type=submit]:disabled, -input[type=button]:disabled, -input[type=reset]:disabled, -button:not(.button-vue, -[class^=vs__]):disabled, -.button:disabled, -.pager li a:disabled { - background-color: var(--color-background-dark); - color: var(--color-main-text); - cursor: default; - opacity: 0.5; -} -div.select2-drop .select2-search input:required, -input[type=submit]:required, -input[type=button]:required, -input[type=reset]:required, -button:not(.button-vue, -[class^=vs__]):required, -.button:required, -.pager li a:required { - box-shadow: none; -} -div.select2-drop .select2-search input:user-invalid, -input[type=submit]:user-invalid, -input[type=button]:user-invalid, -input[type=reset]:user-invalid, -button:not(.button-vue, -[class^=vs__]):user-invalid, -.button:user-invalid, -.pager li a:user-invalid { - box-shadow: 0 0 0 2px var(--color-error) !important; -} -div.select2-drop .select2-search input.primary, -input[type=submit].primary, -input[type=button].primary, -input[type=reset].primary, -button:not(.button-vue, -[class^=vs__]).primary, -.button.primary, -.pager li a.primary { - background-color: var(--color-primary-element); - border-color: var(--color-primary-element); - color: var(--color-primary-text); - cursor: pointer; - /* Apply border to primary button if on log in page (and not in a dark container) or if in header */ -} -#body-login :not(.body-login-container) div.select2-drop .select2-search input.primary, #header div.select2-drop .select2-search input.primary, -#body-login :not(.body-login-container) input[type=submit].primary, -#header input[type=submit].primary, -#body-login :not(.body-login-container) input[type=button].primary, -#header input[type=button].primary, -#body-login :not(.body-login-container) input[type=reset].primary, -#header input[type=reset].primary, -#body-login :not(.body-login-container) button:not(.button-vue, -[class^=vs__]).primary, -#header button:not(.button-vue, -[class^=vs__]).primary, -#body-login :not(.body-login-container) .button.primary, -#header .button.primary, -#body-login :not(.body-login-container) .pager li a.primary, -#header .pager li a.primary { - border-color: var(--color-primary-text); -} -div.select2-drop .select2-search input.primary:not(:disabled):hover, div.select2-drop .select2-search input.primary:not(:disabled):focus, div.select2-drop .select2-search input.primary:not(:disabled):active, -input[type=submit].primary:not(:disabled):hover, -input[type=submit].primary:not(:disabled):focus, -input[type=submit].primary:not(:disabled):active, -input[type=button].primary:not(:disabled):hover, -input[type=button].primary:not(:disabled):focus, -input[type=button].primary:not(:disabled):active, -input[type=reset].primary:not(:disabled):hover, -input[type=reset].primary:not(:disabled):focus, -input[type=reset].primary:not(:disabled):active, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):hover, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):focus, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):active, -.button.primary:not(:disabled):hover, -.button.primary:not(:disabled):focus, -.button.primary:not(:disabled):active, -.pager li a.primary:not(:disabled):hover, -.pager li a.primary:not(:disabled):focus, -.pager li a.primary:not(:disabled):active { - background-color: var(--color-primary-element-hover); - border-color: var(--color-primary-element-hover); -} -div.select2-drop .select2-search input.primary:not(:disabled):focus, div.select2-drop .select2-search input.primary:not(:disabled):focus-visible, -input[type=submit].primary:not(:disabled):focus, -input[type=submit].primary:not(:disabled):focus-visible, -input[type=button].primary:not(:disabled):focus, -input[type=button].primary:not(:disabled):focus-visible, -input[type=reset].primary:not(:disabled):focus, -input[type=reset].primary:not(:disabled):focus-visible, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):focus, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):focus-visible, -.button.primary:not(:disabled):focus, -.button.primary:not(:disabled):focus-visible, -.pager li a.primary:not(:disabled):focus, -.pager li a.primary:not(:disabled):focus-visible { - box-shadow: 0 0 0 2px var(--color-main-text); -} -div.select2-drop .select2-search input.primary:not(:disabled):active, -input[type=submit].primary:not(:disabled):active, -input[type=button].primary:not(:disabled):active, -input[type=reset].primary:not(:disabled):active, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):active, -.button.primary:not(:disabled):active, -.pager li a.primary:not(:disabled):active { - color: var(--color-primary-text-dark); -} -div.select2-drop .select2-search input.primary:disabled, -input[type=submit].primary:disabled, -input[type=button].primary:disabled, -input[type=reset].primary:disabled, -button:not(.button-vue, -[class^=vs__]).primary:disabled, -.button.primary:disabled, -.pager li a.primary:disabled { - background-color: var(--color-primary-element); - color: var(--color-primary-text-dark); - cursor: default; -} - -div[contenteditable=false] { - margin: 3px 3px 3px 0; - padding: 7px 6px; - font-size: 13px; - background-color: var(--color-main-background); - color: var(--color-text-lighter); - border: 1px solid var(--color-background-darker); - outline: none; - border-radius: var(--border-radius); - background-color: var(--color-background-dark); - color: var(--color-text-lighter); - cursor: default; - opacity: 0.5; -} - -/* Specific override */ -input { - /* Color input doesn't respect the initial height - so we need to set a custom one */ -} -input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):not([type=color]):not([type=file]):not([type=image]) { - -webkit-appearance: textfield; - -moz-appearance: textfield; - height: 36px; -} -input[type=radio], input[type=checkbox], input[type=file], input[type=image] { - height: auto; - width: auto; -} -input[type=color] { - margin: 3px; - padding: 0 2px; - min-height: 30px; - width: 40px; - cursor: pointer; -} -input[type=hidden] { - height: 0; - width: 0; -} -input[type=time] { - width: initial; -} - -/* 'Click' inputs */ -select, -button:not(.button-vue, -[class^=vs__]), -.button, -input[type=button], -input[type=submit], -input[type=reset] { - padding: 8px 14px; - font-size: var(--default-font-size); - width: auto; - min-height: 36px; - cursor: pointer; - box-sizing: border-box; - background-color: var(--color-background-dark); -} -select:disabled, -button:not(.button-vue, -[class^=vs__]):disabled, -.button:disabled, -input[type=button]:disabled, -input[type=submit]:disabled, -input[type=reset]:disabled { - cursor: default; -} - -input:not([type=range], -.input-field__input, -[type=submit], -[type=button], -[type=reset], -.multiselect__input, -.select2-input, -.action-input__input, -[class^=vs__]), -select, -div[contenteditable=true], -textarea { - margin: 3px 3px 3px 0; - padding: 0 12px; - font-size: var(--default-font-size); - background-color: var(--color-main-background); - color: var(--color-main-text); - border: 2px solid var(--color-border-maxcontrast); - height: 36px; - outline: none; - border-radius: var(--border-radius-large); - text-overflow: ellipsis; - cursor: pointer; -} -input:not([type=range], -.input-field__input, -[type=submit], -[type=button], -[type=reset], -.multiselect__input, -.select2-input, -.action-input__input, -[class^=vs__]):not(:disabled):hover, input:not([type=range], -.input-field__input, -[type=submit], -[type=button], -[type=reset], -.multiselect__input, -.select2-input, -.action-input__input, -[class^=vs__]):not(:disabled):focus, input:not([type=range], -.input-field__input, -[type=submit], -[type=button], -[type=reset], -.multiselect__input, -.select2-input, -.action-input__input, -[class^=vs__]):not(:disabled):active, -select:not(:disabled):hover, -select:not(:disabled):focus, -select:not(:disabled):active, -div[contenteditable=true]:not(:disabled):hover, -div[contenteditable=true]:not(:disabled):focus, -div[contenteditable=true]:not(:disabled):active, -textarea:not(:disabled):hover, -textarea:not(:disabled):focus, -textarea:not(:disabled):active { - border-color: var(--color-primary-element); -} -input:not([type=range], -.input-field__input, -[type=submit], -[type=button], -[type=reset], -.multiselect__input, -.select2-input, -.action-input__input, -[class^=vs__]):not(:disabled):focus, -select:not(:disabled):focus, -div[contenteditable=true]:not(:disabled):focus, -textarea:not(:disabled):focus { - cursor: text; -} - -.multiselect__input, .select2-input { - background-color: var(--color-main-background); - color: var(--color-main-text); -} - -textarea, div[contenteditable=true] { - padding: 12px; - height: auto; -} - -/* Override the ugly select arrow */ -select { - background: var(--icon-triangle-s-dark) no-repeat right 8px center; - appearance: none; - background-color: var(--color-main-background); - padding-right: 28px !important; -} - -select *, -button:not(.button-vue, -[class^=vs__]) *, -.button * { - cursor: pointer; -} -select:disabled *, -button:not(.button-vue, -[class^=vs__]):disabled *, -.button:disabled * { - cursor: default; -} - -/* Buttons */ -button:not(.button-vue, -[class^=vs__]), -.button, -input[type=button], -input[type=submit], -input[type=reset] { - font-weight: bold; - border-radius: var(--border-radius-pill); - /* Get rid of the inside dotted line in Firefox */ -} -button:not(.button-vue, -[class^=vs__])::-moz-focus-inner, -.button::-moz-focus-inner, -input[type=button]::-moz-focus-inner, -input[type=submit]::-moz-focus-inner, -input[type=reset]::-moz-focus-inner { - border: 0; -} -button:not(.button-vue, -[class^=vs__]).error, -.button.error, -input[type=button].error, -input[type=submit].error, -input[type=reset].error { - background-color: var(--color-error) !important; - border-color: var(--color-error) !important; - color: #fff !important; -} - -button:not(.button-vue, -.action-button, -[class^=vs__]) > span, -.button > span { - /* icon position inside buttons */ -} -button:not(.button-vue, -.action-button, -[class^=vs__]) > span[class^=icon-], button:not(.button-vue, -.action-button, -[class^=vs__]) > span[class*=" icon-"], -.button > span[class^=icon-], -.button > span[class*=" icon-"] { - display: inline-block; - vertical-align: text-bottom; - opacity: 0.5; -} - -/* Confirm inputs */ -input[type=text], input[type=password], input[type=email] { - /* only show confirm borders if input is not focused */ -} -input[type=text] + .icon-confirm, input[type=password] + .icon-confirm, input[type=email] + .icon-confirm { - margin-left: -13px !important; - border-left-color: transparent !important; - border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0 !important; - border-width: 2px; - background-clip: padding-box; - /* Avoid background under border */ - background-color: var(--color-main-background) !important; - opacity: 1; - height: 36px; - width: 36px; - padding: 7px 6px; - cursor: pointer; - margin-right: 0; -} -input[type=text] + .icon-confirm:disabled, input[type=password] + .icon-confirm:disabled, input[type=email] + .icon-confirm:disabled { - cursor: default; - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-confirm-fade-dark); -} -input[type=text]:not(:active):not(:hover):not(:focus):invalid + .icon-confirm, input[type=password]:not(:active):not(:hover):not(:focus):invalid + .icon-confirm, input[type=email]:not(:active):not(:hover):not(:focus):invalid + .icon-confirm { - border-color: var(--color-error); -} -input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus { - border-color: var(--color-primary-element) !important; - border-radius: var(--border-radius) !important; -} -input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled { - border-color: var(--color-background-darker) !important; -} -input[type=text]:active + .icon-confirm, input[type=text]:hover + .icon-confirm, input[type=text]:focus + .icon-confirm, input[type=password]:active + .icon-confirm, input[type=password]:hover + .icon-confirm, input[type=password]:focus + .icon-confirm, input[type=email]:active + .icon-confirm, input[type=email]:hover + .icon-confirm, input[type=email]:focus + .icon-confirm { - border-color: var(--color-primary-element) !important; - border-left-color: transparent !important; - /* above previous input */ - z-index: 2; -} - -/* Various Fixes */ -button img, -.button img { - cursor: pointer; -} - -select, -.button.multiselect { - font-weight: normal; -} - -/* Radio & Checkboxes */ -input[type=checkbox], input[type=radio] { - /* We do not use the variables as we keep the colours as white for this variant */ -} -input[type=checkbox].radio, input[type=checkbox].checkbox, input[type=radio].radio, input[type=radio].checkbox { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; -} -input[type=checkbox].radio + label, input[type=checkbox].checkbox + label, input[type=radio].radio + label, input[type=radio].checkbox + label { - user-select: none; -} -input[type=checkbox].radio:disabled + label, input[type=checkbox].radio:disabled + label:before, input[type=checkbox].checkbox:disabled + label, input[type=checkbox].checkbox:disabled + label:before, input[type=radio].radio:disabled + label, input[type=radio].radio:disabled + label:before, input[type=radio].checkbox:disabled + label, input[type=radio].checkbox:disabled + label:before { - cursor: default; -} -input[type=checkbox].radio + label:before, input[type=checkbox].checkbox + label:before, input[type=radio].radio + label:before, input[type=radio].checkbox + label:before { - content: ""; - display: inline-block; - height: 14px; - width: 14px; - vertical-align: middle; - border-radius: 50%; - margin: 0 6px 3px 3px; - border: 1px solid var(--color-text-lighter); -} -input[type=checkbox].radio:not(:disabled):not(:checked) + label:hover:before, input[type=checkbox].radio:focus + label:before, input[type=checkbox].checkbox:not(:disabled):not(:checked) + label:hover:before, input[type=checkbox].checkbox:focus + label:before, input[type=radio].radio:not(:disabled):not(:checked) + label:hover:before, input[type=radio].radio:focus + label:before, input[type=radio].checkbox:not(:disabled):not(:checked) + label:hover:before, input[type=radio].checkbox:focus + label:before { - border-color: var(--color-primary-element); -} -input[type=checkbox].radio:focus-visible + label, input[type=checkbox].checkbox:focus-visible + label, input[type=radio].radio:focus-visible + label, input[type=radio].checkbox:focus-visible + label { - outline-style: solid; - outline-color: var(--color-main-text); - outline-width: 1px; - outline-offset: 2px; -} -input[type=checkbox].radio:checked + label:before, input[type=checkbox].radio.checkbox:indeterminate + label:before, input[type=checkbox].checkbox:checked + label:before, input[type=checkbox].checkbox.checkbox:indeterminate + label:before, input[type=radio].radio:checked + label:before, input[type=radio].radio.checkbox:indeterminate + label:before, input[type=radio].checkbox:checked + label:before, input[type=radio].checkbox.checkbox:indeterminate + label:before { - /* ^ :indeterminate have a strange behavior on radio, - so we respecified the checkbox class again to be safe */ - box-shadow: inset 0px 0px 0px 2px var(--color-main-background); - background-color: var(--color-primary-element); - border-color: var(--color-primary-element); -} -input[type=checkbox].radio:disabled + label:before, input[type=checkbox].checkbox:disabled + label:before, input[type=radio].radio:disabled + label:before, input[type=radio].checkbox:disabled + label:before { - border: 1px solid var(--color-text-lighter); - background-color: var(--color-text-maxcontrast) !important; /* override other status */ -} -input[type=checkbox].radio:checked:disabled + label:before, input[type=checkbox].checkbox:checked:disabled + label:before, input[type=radio].radio:checked:disabled + label:before, input[type=radio].checkbox:checked:disabled + label:before { - background-color: var(--color-text-maxcontrast); -} -input[type=checkbox].radio + label ~ em, input[type=checkbox].checkbox + label ~ em, input[type=radio].radio + label ~ em, input[type=radio].checkbox + label ~ em { - display: inline-block; - margin-left: 25px; -} -input[type=checkbox].radio + label ~ em:last-of-type, input[type=checkbox].checkbox + label ~ em:last-of-type, input[type=radio].radio + label ~ em:last-of-type, input[type=radio].checkbox + label ~ em:last-of-type { - margin-bottom: 14px; -} -input[type=checkbox].checkbox + label:before, input[type=radio].checkbox + label:before { - border-radius: 1px; - height: 14px; - width: 14px; - box-shadow: none !important; - background-position: center; -} -input[type=checkbox].checkbox:checked + label:before, input[type=radio].checkbox:checked + label:before { - background-image: url("../img/actions/checkbox-mark.svg"); -} -input[type=checkbox].checkbox:indeterminate + label:before, input[type=radio].checkbox:indeterminate + label:before { - background-image: url("../img/actions/checkbox-mixed.svg"); -} -input[type=checkbox].radio--white + label:before, input[type=checkbox].radio--white:focus + label:before, input[type=checkbox].checkbox--white + label:before, input[type=checkbox].checkbox--white:focus + label:before, input[type=radio].radio--white + label:before, input[type=radio].radio--white:focus + label:before, input[type=radio].checkbox--white + label:before, input[type=radio].checkbox--white:focus + label:before { - border-color: #bababa; -} -input[type=checkbox].radio--white:not(:disabled):not(:checked) + label:hover:before, input[type=checkbox].checkbox--white:not(:disabled):not(:checked) + label:hover:before, input[type=radio].radio--white:not(:disabled):not(:checked) + label:hover:before, input[type=radio].checkbox--white:not(:disabled):not(:checked) + label:hover:before { - border-color: #fff; -} -input[type=checkbox].radio--white:checked + label:before, input[type=checkbox].checkbox--white:checked + label:before, input[type=radio].radio--white:checked + label:before, input[type=radio].checkbox--white:checked + label:before { - box-shadow: inset 0px 0px 0px 2px var(--color-main-background); - background-color: #dbdbdb; - border-color: #dbdbdb; -} -input[type=checkbox].radio--white:disabled + label:before, input[type=checkbox].checkbox--white:disabled + label:before, input[type=radio].radio--white:disabled + label:before, input[type=radio].checkbox--white:disabled + label:before { - background-color: #bababa !important; /* override other status */ - border-color: rgba(255, 255, 255, 0.4) !important; /* override other status */ -} -input[type=checkbox].radio--white:checked:disabled + label:before, input[type=checkbox].checkbox--white:checked:disabled + label:before, input[type=radio].radio--white:checked:disabled + label:before, input[type=radio].checkbox--white:checked:disabled + label:before { - box-shadow: inset 0px 0px 0px 2px var(--color-main-background); - border-color: rgba(255, 255, 255, 0.4) !important; /* override other status */ - background-color: #bababa; -} -input[type=checkbox].checkbox--white:checked + label:before, input[type=checkbox].checkbox--white:indeterminate + label:before, input[type=radio].checkbox--white:checked + label:before, input[type=radio].checkbox--white:indeterminate + label:before { - background-color: transparent !important; /* Override default checked */ - border-color: #fff !important; /* Override default checked */ - background-image: url("../img/actions/checkbox-mark-white.svg"); -} -input[type=checkbox].checkbox--white:indeterminate + label:before, input[type=radio].checkbox--white:indeterminate + label:before { - background-image: url("../img/actions/checkbox-mixed-white.svg"); -} -input[type=checkbox].checkbox--white:disabled + label:before, input[type=radio].checkbox--white:disabled + label:before { - opacity: 0.7; /* No other choice for white background image */ -} - -/* Select2 overriding. Merged to core with vendor stylesheet */ -div.select2-drop { - margin-top: -2px; - background-color: var(--color-main-background); -} -div.select2-drop.select2-drop-active { - border-color: var(--color-border-dark); -} -div.select2-drop .avatar { - display: inline-block; - margin-right: 8px; - vertical-align: middle; -} -div.select2-drop .avatar img { - cursor: pointer; -} -div.select2-drop .select2-search input { - min-height: auto; - background: var(--icon-search-dark) no-repeat right center !important; - background-origin: content-box !important; -} -div.select2-drop .select2-results { - max-height: 250px; - margin: 0; - padding: 0; -} -div.select2-drop .select2-results .select2-result-label { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -div.select2-drop .select2-results .select2-result-label span { - cursor: pointer; -} -div.select2-drop .select2-results .select2-result-label span em { - cursor: inherit; - background: unset; -} -div.select2-drop .select2-results .select2-result, -div.select2-drop .select2-results .select2-no-results, -div.select2-drop .select2-results .select2-searching { - position: relative; - display: list-item; - padding: 12px; - background-color: transparent; - cursor: pointer; - color: var(--color-text-lighter); -} -div.select2-drop .select2-results .select2-result.select2-selected { - background-color: var(--color-background-dark); -} -div.select2-drop .select2-results .select2-highlighted { - background-color: var(--color-background-dark); - color: var(--color-main-text); -} - -.select2-chosen .avatar, -.select2-chosen .avatar img, -#select2-drop .avatar, -#select2-drop .avatar img { - cursor: pointer; -} - -div.select2-container-multi .select2-choices, div.select2-container-multi.select2-container-active .select2-choices { - box-shadow: none; - white-space: nowrap; - text-overflow: ellipsis; - background: var(--color-main-background); - color: var(--color-text-lighter) !important; - box-sizing: content-box; - border-radius: var(--border-radius-large); - border: 2px solid var(--color-border-dark); - margin: 0; - padding: 6px; - min-height: 44px; -} -div.select2-container-multi .select2-choices:focus-within, div.select2-container-multi.select2-container-active .select2-choices:focus-within { - border-color: var(--color-primary); -} -div.select2-container-multi .select2-choices .select2-search-choice, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice { - line-height: 20px; - padding-left: 5px; -} -div.select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus, div.select2-container-multi .select2-choices .select2-search-choice:hover, div.select2-container-multi .select2-choices .select2-search-choice:active, div.select2-container-multi .select2-choices .select2-search-choice, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice.select2-search-choice-focus, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:hover, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:active, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice { - background-image: none; - background-color: var(--color-main-background); - color: var(--color-text-lighter); - border: 1px solid var(--color-border-dark); -} -div.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice .select2-search-choice-close { - display: none; -} -div.select2-container-multi .select2-choices .select2-search-field input, div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input { - line-height: 20px; - min-height: 28px; - max-height: 28px; - color: var(--color-main-text); -} -div.select2-container-multi .select2-choices .select2-search-field input.select2-active, div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input.select2-active { - background: none !important; -} - -div.select2-container { - margin: 3px 3px 3px 0; -} -div.select2-container.select2-container-multi .select2-choices { - display: flex; - flex-wrap: wrap; -} -div.select2-container.select2-container-multi .select2-choices li { - float: none; -} -div.select2-container a.select2-choice { - box-shadow: none; - white-space: nowrap; - text-overflow: ellipsis; - background: var(--color-main-background); - color: var(--color-text-lighter) !important; - box-sizing: content-box; - border-radius: var(--border-radius-large); - border: 2px solid var(--color-border-dark); - margin: 0; - padding: 6px 12px; - min-height: 44px; -} -div.select2-container a.select2-choice:focus-within { - border-color: var(--color-primary); -} -div.select2-container a.select2-choice .select2-search-choice { - line-height: 20px; - padding-left: 5px; - background-image: none; - background-color: var(--color-background-dark); - border-color: var(--color-background-dark); -} -div.select2-container a.select2-choice .select2-search-choice .select2-search-choice-close { - display: none; -} -div.select2-container a.select2-choice .select2-search-choice.select2-search-choice-focus, div.select2-container a.select2-choice .select2-search-choice:hover { - background-color: var(--color-border); - border-color: var(--color-border); -} -div.select2-container a.select2-choice .select2-arrow { - background: none; - border-radius: 0; - border: none; -} -div.select2-container a.select2-choice .select2-arrow b { - background: var(--icon-triangle-s-dark) no-repeat center !important; - opacity: 0.5; -} -div.select2-container a.select2-choice:hover .select2-arrow b, div.select2-container a.select2-choice:focus .select2-arrow b, div.select2-container a.select2-choice:active .select2-arrow b { - opacity: 0.7; -} -div.select2-container a.select2-choice .select2-search-field input { - line-height: 20px; -} - -/* Vue v-select */ -.v-select { - margin: 3px 3px 3px 0; - display: inline-block; -} -.v-select .dropdown-toggle { - display: flex !important; - flex-wrap: wrap; -} -.v-select .dropdown-toggle .selected-tag { - line-height: 20px; - padding-left: 5px; - background-image: none; - background-color: var(--color-main-background); - color: var(--color-text-lighter); - border: 1px solid var(--color-border-dark); - display: inline-flex; - align-items: center; -} -.v-select .dropdown-toggle .selected-tag .close { - margin-left: 3px; -} -.v-select .dropdown-menu { - padding: 0; -} -.v-select .dropdown-menu li { - padding: 5px; - position: relative; - display: list-item; - background-color: transparent; - cursor: pointer; - color: var(--color-text-lighter); -} -.v-select .dropdown-menu li a { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - height: 25px; - padding: 3px 7px 4px 2px; - margin: 0; - cursor: pointer; - min-height: 1em; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: inline-flex; - align-items: center; - background-color: transparent !important; - color: inherit !important; -} -.v-select .dropdown-menu li a::before { - content: " "; - background-image: var(--icon-checkmark-dark); - background-repeat: no-repeat; - background-position: center; - min-width: 16px; - min-height: 16px; - display: block; - opacity: 0.5; - margin-right: 5px; - visibility: hidden; -} -.v-select .dropdown-menu li.highlight { - color: var(--color-main-text); -} -.v-select .dropdown-menu li.active > a { - background-color: var(--color-background-dark); - color: var(--color-main-text); -} -.v-select .dropdown-menu li.active > a::before { - visibility: visible; -} - -/* Progressbar */ -progress:not(.vue) { - display: block; - width: 100%; - padding: 0; - border: 0 none; - background-color: var(--color-background-dark); - border-radius: var(--border-radius); - flex-basis: 100%; - height: 5px; - overflow: hidden; -} -progress:not(.vue).warn::-moz-progress-bar { - background: var(--color-error); -} -progress:not(.vue).warn::-webkit-progress-value { - background: var(--color-error); -} -progress:not(.vue)::-webkit-progress-bar { - background: transparent; -} -progress:not(.vue)::-moz-progress-bar { - border-radius: var(--border-radius); - background: var(--color-primary); - transition: 250ms all ease-in-out; -} -progress:not(.vue)::-webkit-progress-value { - border-radius: var(--border-radius); - background: var(--color-primary); - transition: 250ms all ease-in-out; -} - -/* Animation */ -@keyframes shake { - 10%, 90% { - transform: translate(-1px); - } - 20%, 80% { - transform: translate(2px); - } - 30%, 50%, 70% { - transform: translate(-4px); - } - 40%, 60% { - transform: translate(4px); - } -} -.shake { - animation-name: shake; - animation-duration: 0.7s; - animation-timing-function: ease-out; -} - -label.infield { - position: absolute; - left: -10000px; - top: -10000px; - width: 1px; - height: 1px; - overflow: hidden; -} - -::placeholder, -::-ms-input-placeholder, -::-webkit-input-placeholder { - color: var(--color-text-maxcontrast); - font-size: var(--default-font-size); -} - -/*# sourceMappingURL=inputs.css.map */ +input,textarea,select,button,div[contenteditable=true],div[contenteditable=false]{font-family:var(--font-face)}.select2-container-multi .select2-choices .select2-search-field input,.select2-search input,.ui-widget{font-family:var(--font-face) !important}.select2-container.select2-drop-above .select2-choice{background-image:unset !important}select,button:not(.button-vue,[class^=vs__]),input,textarea,div[contenteditable=true],div[contenteditable=false]{width:130px;min-height:36px;box-sizing:border-box}input:not([type=range]){outline:none}div.select2-drop .select2-search input,input[type=submit],input[type=button],input[type=reset],button:not(.button-vue,[class^=vs__]),.button,.pager li a{margin:3px 3px 3px 0;padding:7px 14px;font-size:13px;background-color:var(--color-main-background);color:var(--color-main-text);border:1px solid var(--color-border-dark);font-size:var(--default-font-size);outline:none;border-radius:var(--border-radius);cursor:text}div.select2-drop .select2-search input:not(:disabled):not(.primary):hover,div.select2-drop .select2-search input:not(:disabled):not(.primary):focus,div.select2-drop .select2-search input:not(:disabled):not(.primary).active,input[type=submit]:not(:disabled):not(.primary):hover,input[type=submit]:not(:disabled):not(.primary):focus,input[type=submit]:not(:disabled):not(.primary).active,input[type=button]:not(:disabled):not(.primary):hover,input[type=button]:not(:disabled):not(.primary):focus,input[type=button]:not(:disabled):not(.primary).active,input[type=reset]:not(:disabled):not(.primary):hover,input[type=reset]:not(:disabled):not(.primary):focus,input[type=reset]:not(:disabled):not(.primary).active,button:not(.button-vue,[class^=vs__]):not(:disabled):not(.primary):hover,button:not(.button-vue,[class^=vs__]):not(:disabled):not(.primary):focus,button:not(.button-vue,[class^=vs__]):not(:disabled):not(.primary).active,.button:not(:disabled):not(.primary):hover,.button:not(:disabled):not(.primary):focus,.button:not(:disabled):not(.primary).active,.pager li a:not(:disabled):not(.primary):hover,.pager li a:not(:disabled):not(.primary):focus,.pager li a:not(:disabled):not(.primary).active{border-color:var(--color-primary-element);outline:none}div.select2-drop .select2-search input:not(:disabled):not(.primary):active,input[type=submit]:not(:disabled):not(.primary):active,input[type=button]:not(:disabled):not(.primary):active,input[type=reset]:not(:disabled):not(.primary):active,button:not(.button-vue,[class^=vs__]):not(:disabled):not(.primary):active,.button:not(:disabled):not(.primary):active,.pager li a:not(:disabled):not(.primary):active{outline:none;background-color:var(--color-main-background);color:var(--color-text-light)}div.select2-drop .select2-search input:not(:disabled):not(.primary):focus-visible,input[type=submit]:not(:disabled):not(.primary):focus-visible,input[type=button]:not(:disabled):not(.primary):focus-visible,input[type=reset]:not(:disabled):not(.primary):focus-visible,button:not(.button-vue,[class^=vs__]):not(:disabled):not(.primary):focus-visible,.button:not(:disabled):not(.primary):focus-visible,.pager li a:not(:disabled):not(.primary):focus-visible{box-shadow:0 0 0 2px var(--color-primary)}div.select2-drop .select2-search input:disabled,input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,button:not(.button-vue,[class^=vs__]):disabled,.button:disabled,.pager li a:disabled{background-color:var(--color-background-dark);color:var(--color-main-text);cursor:default;opacity:.5}div.select2-drop .select2-search input:required,input[type=submit]:required,input[type=button]:required,input[type=reset]:required,button:not(.button-vue,[class^=vs__]):required,.button:required,.pager li a:required{box-shadow:none}div.select2-drop .select2-search input:user-invalid,input[type=submit]:user-invalid,input[type=button]:user-invalid,input[type=reset]:user-invalid,button:not(.button-vue,[class^=vs__]):user-invalid,.button:user-invalid,.pager li a:user-invalid{box-shadow:0 0 0 2px var(--color-error) !important}div.select2-drop .select2-search input.primary,input[type=submit].primary,input[type=button].primary,input[type=reset].primary,button:not(.button-vue,[class^=vs__]).primary,.button.primary,.pager li a.primary{background-color:var(--color-primary-element);border-color:var(--color-primary-element);color:var(--color-primary-text);cursor:pointer}#body-login :not(.body-login-container) div.select2-drop .select2-search input.primary,#header div.select2-drop .select2-search input.primary,#body-login :not(.body-login-container) input[type=submit].primary,#header input[type=submit].primary,#body-login :not(.body-login-container) input[type=button].primary,#header input[type=button].primary,#body-login :not(.body-login-container) input[type=reset].primary,#header input[type=reset].primary,#body-login :not(.body-login-container) button:not(.button-vue,[class^=vs__]).primary,#header button:not(.button-vue,[class^=vs__]).primary,#body-login :not(.body-login-container) .button.primary,#header .button.primary,#body-login :not(.body-login-container) .pager li a.primary,#header .pager li a.primary{border-color:var(--color-primary-text)}div.select2-drop .select2-search input.primary:not(:disabled):hover,div.select2-drop .select2-search input.primary:not(:disabled):focus,div.select2-drop .select2-search input.primary:not(:disabled):active,input[type=submit].primary:not(:disabled):hover,input[type=submit].primary:not(:disabled):focus,input[type=submit].primary:not(:disabled):active,input[type=button].primary:not(:disabled):hover,input[type=button].primary:not(:disabled):focus,input[type=button].primary:not(:disabled):active,input[type=reset].primary:not(:disabled):hover,input[type=reset].primary:not(:disabled):focus,input[type=reset].primary:not(:disabled):active,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):hover,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):focus,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):active,.button.primary:not(:disabled):hover,.button.primary:not(:disabled):focus,.button.primary:not(:disabled):active,.pager li a.primary:not(:disabled):hover,.pager li a.primary:not(:disabled):focus,.pager li a.primary:not(:disabled):active{background-color:var(--color-primary-element-hover);border-color:var(--color-primary-element-hover)}div.select2-drop .select2-search input.primary:not(:disabled):focus,div.select2-drop .select2-search input.primary:not(:disabled):focus-visible,input[type=submit].primary:not(:disabled):focus,input[type=submit].primary:not(:disabled):focus-visible,input[type=button].primary:not(:disabled):focus,input[type=button].primary:not(:disabled):focus-visible,input[type=reset].primary:not(:disabled):focus,input[type=reset].primary:not(:disabled):focus-visible,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):focus,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):focus-visible,.button.primary:not(:disabled):focus,.button.primary:not(:disabled):focus-visible,.pager li a.primary:not(:disabled):focus,.pager li a.primary:not(:disabled):focus-visible{box-shadow:0 0 0 2px var(--color-main-text)}div.select2-drop .select2-search input.primary:not(:disabled):active,input[type=submit].primary:not(:disabled):active,input[type=button].primary:not(:disabled):active,input[type=reset].primary:not(:disabled):active,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):active,.button.primary:not(:disabled):active,.pager li a.primary:not(:disabled):active{color:var(--color-primary-text-dark)}div.select2-drop .select2-search input.primary:disabled,input[type=submit].primary:disabled,input[type=button].primary:disabled,input[type=reset].primary:disabled,button:not(.button-vue,[class^=vs__]).primary:disabled,.button.primary:disabled,.pager li a.primary:disabled{background-color:var(--color-primary-element);color:var(--color-primary-text-dark);cursor:default}div[contenteditable=false]{margin:3px 3px 3px 0;padding:7px 6px;font-size:13px;background-color:var(--color-main-background);color:var(--color-text-lighter);border:1px solid var(--color-background-darker);outline:none;border-radius:var(--border-radius);background-color:var(--color-background-dark);color:var(--color-text-lighter);cursor:default;opacity:.5}input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):not([type=color]):not([type=file]):not([type=image]){-webkit-appearance:textfield;-moz-appearance:textfield;height:36px}input[type=radio],input[type=checkbox],input[type=file],input[type=image]{height:auto;width:auto}input[type=color]{margin:3px;padding:0 2px;min-height:30px;width:40px;cursor:pointer}input[type=hidden]{height:0;width:0}input[type=time]{width:initial}select,button:not(.button-vue,[class^=vs__]),.button,input[type=button],input[type=submit],input[type=reset]{padding:8px 14px;font-size:var(--default-font-size);width:auto;min-height:36px;cursor:pointer;box-sizing:border-box;background-color:var(--color-background-dark)}select:disabled,button:not(.button-vue,[class^=vs__]):disabled,.button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled{cursor:default}input:not([type=range],.input-field__input,[type=submit],[type=button],[type=reset],.multiselect__input,.select2-input,.action-input__input,[class^=vs__]),select,div[contenteditable=true],textarea{margin:3px 3px 3px 0;padding:0 12px;font-size:var(--default-font-size);background-color:var(--color-main-background);color:var(--color-main-text);border:2px solid var(--color-border-maxcontrast);height:36px;outline:none;border-radius:var(--border-radius-large);text-overflow:ellipsis;cursor:pointer}input:not([type=range],.input-field__input,[type=submit],[type=button],[type=reset],.multiselect__input,.select2-input,.action-input__input,[class^=vs__]):not(:disabled):hover,input:not([type=range],.input-field__input,[type=submit],[type=button],[type=reset],.multiselect__input,.select2-input,.action-input__input,[class^=vs__]):not(:disabled):focus,input:not([type=range],.input-field__input,[type=submit],[type=button],[type=reset],.multiselect__input,.select2-input,.action-input__input,[class^=vs__]):not(:disabled):active,select:not(:disabled):hover,select:not(:disabled):focus,select:not(:disabled):active,div[contenteditable=true]:not(:disabled):hover,div[contenteditable=true]:not(:disabled):focus,div[contenteditable=true]:not(:disabled):active,textarea:not(:disabled):hover,textarea:not(:disabled):focus,textarea:not(:disabled):active{border-color:var(--color-primary-element)}input:not([type=range],.input-field__input,[type=submit],[type=button],[type=reset],.multiselect__input,.select2-input,.action-input__input,[class^=vs__]):not(:disabled):focus,select:not(:disabled):focus,div[contenteditable=true]:not(:disabled):focus,textarea:not(:disabled):focus{cursor:text}.multiselect__input,.select2-input{background-color:var(--color-main-background);color:var(--color-main-text)}textarea,div[contenteditable=true]{padding:12px;height:auto}select{background:var(--icon-triangle-s-dark) no-repeat right 8px center;appearance:none;background-color:var(--color-main-background);padding-right:28px !important}select *,button:not(.button-vue,[class^=vs__]) *,.button *{cursor:pointer}select:disabled *,button:not(.button-vue,[class^=vs__]):disabled *,.button:disabled *{cursor:default}button:not(.button-vue,[class^=vs__]),.button,input[type=button],input[type=submit],input[type=reset]{font-weight:bold;border-radius:var(--border-radius-pill)}button:not(.button-vue,[class^=vs__])::-moz-focus-inner,.button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=reset]::-moz-focus-inner{border:0}button:not(.button-vue,[class^=vs__]).error,.button.error,input[type=button].error,input[type=submit].error,input[type=reset].error{background-color:var(--color-error) !important;border-color:var(--color-error) !important;color:#fff !important}button:not(.button-vue,.action-button,[class^=vs__])>span[class^=icon-],button:not(.button-vue,.action-button,[class^=vs__])>span[class*=" icon-"],.button>span[class^=icon-],.button>span[class*=" icon-"]{display:inline-block;vertical-align:text-bottom;opacity:.5}input[type=text]+.icon-confirm,input[type=password]+.icon-confirm,input[type=email]+.icon-confirm{margin-left:-13px !important;border-left-color:rgba(0,0,0,0) !important;border-radius:0 var(--border-radius-large) var(--border-radius-large) 0 !important;border-width:2px;background-clip:padding-box;background-color:var(--color-main-background) !important;opacity:1;height:36px;width:36px;padding:7px 6px;cursor:pointer;margin-right:0}input[type=text]+.icon-confirm:disabled,input[type=password]+.icon-confirm:disabled,input[type=email]+.icon-confirm:disabled{cursor:default;background-image:var(--icon-confirm-fade-dark)}input[type=text]:not(:active):not(:hover):not(:focus):invalid+.icon-confirm,input[type=password]:not(:active):not(:hover):not(:focus):invalid+.icon-confirm,input[type=email]:not(:active):not(:hover):not(:focus):invalid+.icon-confirm{border-color:var(--color-error)}input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:active,input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover,input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:active,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:active,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus{border-color:var(--color-primary-element) !important;border-radius:var(--border-radius) !important}input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:active:disabled,input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover:disabled,input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus:disabled,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:active:disabled,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover:disabled,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus:disabled,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:active:disabled,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover:disabled,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus:disabled{border-color:var(--color-background-darker) !important}input[type=text]:active+.icon-confirm,input[type=text]:hover+.icon-confirm,input[type=text]:focus+.icon-confirm,input[type=password]:active+.icon-confirm,input[type=password]:hover+.icon-confirm,input[type=password]:focus+.icon-confirm,input[type=email]:active+.icon-confirm,input[type=email]:hover+.icon-confirm,input[type=email]:focus+.icon-confirm{border-color:var(--color-primary-element) !important;border-left-color:rgba(0,0,0,0) !important;z-index:2}button img,.button img{cursor:pointer}select,.button.multiselect{font-weight:normal}input[type=checkbox].radio,input[type=checkbox].checkbox,input[type=radio].radio,input[type=radio].checkbox{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}input[type=checkbox].radio+label,input[type=checkbox].checkbox+label,input[type=radio].radio+label,input[type=radio].checkbox+label{user-select:none}input[type=checkbox].radio:disabled+label,input[type=checkbox].radio:disabled+label:before,input[type=checkbox].checkbox:disabled+label,input[type=checkbox].checkbox:disabled+label:before,input[type=radio].radio:disabled+label,input[type=radio].radio:disabled+label:before,input[type=radio].checkbox:disabled+label,input[type=radio].checkbox:disabled+label:before{cursor:default}input[type=checkbox].radio+label:before,input[type=checkbox].checkbox+label:before,input[type=radio].radio+label:before,input[type=radio].checkbox+label:before{content:"";display:inline-block;height:14px;width:14px;vertical-align:middle;border-radius:50%;margin:0 6px 3px 3px;border:1px solid var(--color-text-lighter)}input[type=checkbox].radio:not(:disabled):not(:checked)+label:hover:before,input[type=checkbox].radio:focus+label:before,input[type=checkbox].checkbox:not(:disabled):not(:checked)+label:hover:before,input[type=checkbox].checkbox:focus+label:before,input[type=radio].radio:not(:disabled):not(:checked)+label:hover:before,input[type=radio].radio:focus+label:before,input[type=radio].checkbox:not(:disabled):not(:checked)+label:hover:before,input[type=radio].checkbox:focus+label:before{border-color:var(--color-primary-element)}input[type=checkbox].radio:focus-visible+label,input[type=checkbox].checkbox:focus-visible+label,input[type=radio].radio:focus-visible+label,input[type=radio].checkbox:focus-visible+label{outline-style:solid;outline-color:var(--color-main-text);outline-width:1px;outline-offset:2px}input[type=checkbox].radio:checked+label:before,input[type=checkbox].radio.checkbox:indeterminate+label:before,input[type=checkbox].checkbox:checked+label:before,input[type=checkbox].checkbox.checkbox:indeterminate+label:before,input[type=radio].radio:checked+label:before,input[type=radio].radio.checkbox:indeterminate+label:before,input[type=radio].checkbox:checked+label:before,input[type=radio].checkbox.checkbox:indeterminate+label:before{box-shadow:inset 0px 0px 0px 2px var(--color-main-background);background-color:var(--color-primary-element);border-color:var(--color-primary-element)}input[type=checkbox].radio:disabled+label:before,input[type=checkbox].checkbox:disabled+label:before,input[type=radio].radio:disabled+label:before,input[type=radio].checkbox:disabled+label:before{border:1px solid var(--color-text-lighter);background-color:var(--color-text-maxcontrast) !important}input[type=checkbox].radio:checked:disabled+label:before,input[type=checkbox].checkbox:checked:disabled+label:before,input[type=radio].radio:checked:disabled+label:before,input[type=radio].checkbox:checked:disabled+label:before{background-color:var(--color-text-maxcontrast)}input[type=checkbox].radio+label~em,input[type=checkbox].checkbox+label~em,input[type=radio].radio+label~em,input[type=radio].checkbox+label~em{display:inline-block;margin-left:25px}input[type=checkbox].radio+label~em:last-of-type,input[type=checkbox].checkbox+label~em:last-of-type,input[type=radio].radio+label~em:last-of-type,input[type=radio].checkbox+label~em:last-of-type{margin-bottom:14px}input[type=checkbox].checkbox+label:before,input[type=radio].checkbox+label:before{border-radius:1px;height:14px;width:14px;box-shadow:none !important;background-position:center}input[type=checkbox].checkbox:checked+label:before,input[type=radio].checkbox:checked+label:before{background-image:url("../img/actions/checkbox-mark.svg")}input[type=checkbox].checkbox:indeterminate+label:before,input[type=radio].checkbox:indeterminate+label:before{background-image:url("../img/actions/checkbox-mixed.svg")}input[type=checkbox].radio--white+label:before,input[type=checkbox].radio--white:focus+label:before,input[type=checkbox].checkbox--white+label:before,input[type=checkbox].checkbox--white:focus+label:before,input[type=radio].radio--white+label:before,input[type=radio].radio--white:focus+label:before,input[type=radio].checkbox--white+label:before,input[type=radio].checkbox--white:focus+label:before{border-color:#bababa}input[type=checkbox].radio--white:not(:disabled):not(:checked)+label:hover:before,input[type=checkbox].checkbox--white:not(:disabled):not(:checked)+label:hover:before,input[type=radio].radio--white:not(:disabled):not(:checked)+label:hover:before,input[type=radio].checkbox--white:not(:disabled):not(:checked)+label:hover:before{border-color:#fff}input[type=checkbox].radio--white:checked+label:before,input[type=checkbox].checkbox--white:checked+label:before,input[type=radio].radio--white:checked+label:before,input[type=radio].checkbox--white:checked+label:before{box-shadow:inset 0px 0px 0px 2px var(--color-main-background);background-color:#dbdbdb;border-color:#dbdbdb}input[type=checkbox].radio--white:disabled+label:before,input[type=checkbox].checkbox--white:disabled+label:before,input[type=radio].radio--white:disabled+label:before,input[type=radio].checkbox--white:disabled+label:before{background-color:#bababa !important;border-color:rgba(255,255,255,.4) !important}input[type=checkbox].radio--white:checked:disabled+label:before,input[type=checkbox].checkbox--white:checked:disabled+label:before,input[type=radio].radio--white:checked:disabled+label:before,input[type=radio].checkbox--white:checked:disabled+label:before{box-shadow:inset 0px 0px 0px 2px var(--color-main-background);border-color:rgba(255,255,255,.4) !important;background-color:#bababa}input[type=checkbox].checkbox--white:checked+label:before,input[type=checkbox].checkbox--white:indeterminate+label:before,input[type=radio].checkbox--white:checked+label:before,input[type=radio].checkbox--white:indeterminate+label:before{background-color:rgba(0,0,0,0) !important;border-color:#fff !important;background-image:url("../img/actions/checkbox-mark-white.svg")}input[type=checkbox].checkbox--white:indeterminate+label:before,input[type=radio].checkbox--white:indeterminate+label:before{background-image:url("../img/actions/checkbox-mixed-white.svg")}input[type=checkbox].checkbox--white:disabled+label:before,input[type=radio].checkbox--white:disabled+label:before{opacity:.7}div.select2-drop{margin-top:-2px;background-color:var(--color-main-background)}div.select2-drop.select2-drop-active{border-color:var(--color-border-dark)}div.select2-drop .avatar{display:inline-block;margin-right:8px;vertical-align:middle}div.select2-drop .avatar img{cursor:pointer}div.select2-drop .select2-search input{min-height:auto;background:var(--icon-search-dark) no-repeat right center !important;background-origin:content-box !important}div.select2-drop .select2-results{max-height:250px;margin:0;padding:0}div.select2-drop .select2-results .select2-result-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.select2-drop .select2-results .select2-result-label span{cursor:pointer}div.select2-drop .select2-results .select2-result-label span em{cursor:inherit;background:unset}div.select2-drop .select2-results .select2-result,div.select2-drop .select2-results .select2-no-results,div.select2-drop .select2-results .select2-searching{position:relative;display:list-item;padding:12px;background-color:rgba(0,0,0,0);cursor:pointer;color:var(--color-text-lighter)}div.select2-drop .select2-results .select2-result.select2-selected{background-color:var(--color-background-dark)}div.select2-drop .select2-results .select2-highlighted{background-color:var(--color-background-dark);color:var(--color-main-text)}.select2-chosen .avatar,.select2-chosen .avatar img,#select2-drop .avatar,#select2-drop .avatar img{cursor:pointer}div.select2-container-multi .select2-choices,div.select2-container-multi.select2-container-active .select2-choices{box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background:var(--color-main-background);color:var(--color-text-lighter) !important;box-sizing:content-box;border-radius:var(--border-radius-large);border:2px solid var(--color-border-dark);margin:0;padding:6px;min-height:44px}div.select2-container-multi .select2-choices:focus-within,div.select2-container-multi.select2-container-active .select2-choices:focus-within{border-color:var(--color-primary)}div.select2-container-multi .select2-choices .select2-search-choice,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice{line-height:20px;padding-left:5px}div.select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus,div.select2-container-multi .select2-choices .select2-search-choice:hover,div.select2-container-multi .select2-choices .select2-search-choice:active,div.select2-container-multi .select2-choices .select2-search-choice,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice.select2-search-choice-focus,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:hover,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:active,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice{background-image:none;background-color:var(--color-main-background);color:var(--color-text-lighter);border:1px solid var(--color-border-dark)}div.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice .select2-search-choice-close{display:none}div.select2-container-multi .select2-choices .select2-search-field input,div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input{line-height:20px;min-height:28px;max-height:28px;color:var(--color-main-text)}div.select2-container-multi .select2-choices .select2-search-field input.select2-active,div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input.select2-active{background:none !important}div.select2-container{margin:3px 3px 3px 0}div.select2-container.select2-container-multi .select2-choices{display:flex;flex-wrap:wrap}div.select2-container.select2-container-multi .select2-choices li{float:none}div.select2-container a.select2-choice{box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background:var(--color-main-background);color:var(--color-text-lighter) !important;box-sizing:content-box;border-radius:var(--border-radius-large);border:2px solid var(--color-border-dark);margin:0;padding:6px 12px;min-height:44px}div.select2-container a.select2-choice:focus-within{border-color:var(--color-primary)}div.select2-container a.select2-choice .select2-search-choice{line-height:20px;padding-left:5px;background-image:none;background-color:var(--color-background-dark);border-color:var(--color-background-dark)}div.select2-container a.select2-choice .select2-search-choice .select2-search-choice-close{display:none}div.select2-container a.select2-choice .select2-search-choice.select2-search-choice-focus,div.select2-container a.select2-choice .select2-search-choice:hover{background-color:var(--color-border);border-color:var(--color-border)}div.select2-container a.select2-choice .select2-arrow{background:none;border-radius:0;border:none}div.select2-container a.select2-choice .select2-arrow b{background:var(--icon-triangle-s-dark) no-repeat center !important;opacity:.5}div.select2-container a.select2-choice:hover .select2-arrow b,div.select2-container a.select2-choice:focus .select2-arrow b,div.select2-container a.select2-choice:active .select2-arrow b{opacity:.7}div.select2-container a.select2-choice .select2-search-field input{line-height:20px}.v-select{margin:3px 3px 3px 0;display:inline-block}.v-select .dropdown-toggle{display:flex !important;flex-wrap:wrap}.v-select .dropdown-toggle .selected-tag{line-height:20px;padding-left:5px;background-image:none;background-color:var(--color-main-background);color:var(--color-text-lighter);border:1px solid var(--color-border-dark);display:inline-flex;align-items:center}.v-select .dropdown-toggle .selected-tag .close{margin-left:3px}.v-select .dropdown-menu{padding:0}.v-select .dropdown-menu li{padding:5px;position:relative;display:list-item;background-color:rgba(0,0,0,0);cursor:pointer;color:var(--color-text-lighter)}.v-select .dropdown-menu li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:25px;padding:3px 7px 4px 2px;margin:0;cursor:pointer;min-height:1em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;align-items:center;background-color:rgba(0,0,0,0) !important;color:inherit !important}.v-select .dropdown-menu li a::before{content:" ";background-image:var(--icon-checkmark-dark);background-repeat:no-repeat;background-position:center;min-width:16px;min-height:16px;display:block;opacity:.5;margin-right:5px;visibility:hidden}.v-select .dropdown-menu li.highlight{color:var(--color-main-text)}.v-select .dropdown-menu li.active>a{background-color:var(--color-background-dark);color:var(--color-main-text)}.v-select .dropdown-menu li.active>a::before{visibility:visible}progress:not(.vue){display:block;width:100%;padding:0;border:0 none;background-color:var(--color-background-dark);border-radius:var(--border-radius);flex-basis:100%;height:5px;overflow:hidden}progress:not(.vue).warn::-moz-progress-bar{background:var(--color-error)}progress:not(.vue).warn::-webkit-progress-value{background:var(--color-error)}progress:not(.vue)::-webkit-progress-bar{background:rgba(0,0,0,0)}progress:not(.vue)::-moz-progress-bar{border-radius:var(--border-radius);background:var(--color-primary);transition:250ms all ease-in-out}progress:not(.vue)::-webkit-progress-value{border-radius:var(--border-radius);background:var(--color-primary);transition:250ms all ease-in-out}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake{animation-name:shake;animation-duration:.7s;animation-timing-function:ease-out}label.infield{position:absolute;left:-10000px;top:-10000px;width:1px;height:1px;overflow:hidden}::placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:var(--color-text-maxcontrast);font-size:var(--default-font-size)}/*# sourceMappingURL=inputs.css.map */ diff --git a/core/css/inputs.css.map b/core/css/inputs.css.map index dc2d938466d..8ce786116e7 100644 --- a/core/css/inputs.css.map +++ b/core/css/inputs.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["variables.scss","inputs.scss","functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADlCC;AACD;EACC;;;AAED;EACC;;;AAED;EACI;;;AAKJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUC;EACA,YAdgB;EAehB;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAMA;EACI;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8BA;;AA5BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;AACA;AAcC;AAAA;;AAbA;EACC;EACA;EAEA,QAzIe;;AA2IhB;EAIC;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;;AAIF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASC;EACA;EACA;EACA,YAjLgB;EAkLhB;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;;;AASA;AAAA;AAAA;AAAA;EACC;;AAIA;AAAA;AAAA;AAAA;EACC;;;AAKH;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AASD;AAAA;AAAA;AAAA;AACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;AAKH;AAEC;AAuBC;;AApBA;EACC;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA,QArTc;EAsTd,OAtTc;EAuTd;EACA;EACA;;AACA;EACC;ACvRH;EAEA;;AD6RG;EACC;;AAID;EAGC;EACA;;AACA;EACC;;AAQH;EACC;EACA;AACA;EACA;;;AAOJ;AACA;AAAA;EAEC;;;AAED;AAAA;EAEC;;;AAGD;AAKC;AA8EC;;AA5EA;EAEC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;;AAED;EACC;EACA;EACA,QAxBkB;EAyBlB,OAzBkB;EA0BlB;EACA;EACA;EACA;;AAED;EAEC;;AAED;EACC;EACA;EACA;EACA;;AAED;AAEA;AAAA;EAEC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;AAID;EACC;EACA;;AAED;EACC,eA/DkB;;AAmEnB;EACC;EACA,QArEkB;EAsElB,OAtEkB;EAuElB;EACA;;AAED;EACC;;AAED;EACC;;AAOD;EAEC;;AAED;EACC,cAzFyB;;AA2F1B;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;;AAID;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;;AAMJ;AACA;EACC;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAIH;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAGF;EACE;EACA;;;AAMH;AAAA;AAAA;AAAA;EAEC;;;AAID;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AACA;EAIC;EACA;EACA;EACA;;AAED;EACC;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAKJ;EACC;;AACA;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;EACA;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AAGF;EAGC;;AAED;EACC;;;AAKH;AACA;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;;;AAOL;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;;AAIF;AACA;EACC;IAEC;;EAED;IAEC;;EAED;IAGC;;EAED;IAEC;;;AAGF;EACC;EACA;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACG","file":"inputs.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["inputs.scss","functions.scss"],"names":[],"mappings":"AAiBA,kFACC,6BAED,uGACC,wCAED,sDACI,kCAMJ,iHAUC,YACA,WAdgB,KAehB,sBASD,wBACI,aAIJ,yJAUC,qBACA,iBACA,eACA,8CACA,6BACA,0CACA,mCACA,aACA,mCACA,YAEC,irCAIC,0CACA,aAED,qZACC,aACA,8CACA,8BAED,scACC,0CAGF,wNACC,8CACA,6BACA,eACA,WAED,wNACC,gBAED,oPACC,mDAGD,iNACC,8CACA,0CACA,gCACA,eAGA,kvBAEC,uCAIA,mjCAGC,oDACA,gDAED,gwBAEC,4CAED,2WACC,qCAGF,gRAEC,8CACA,qCACA,eAKH,2BACC,qBACA,gBACA,eACA,8CACA,gCACA,gDACA,aACA,mCAEA,8CACA,gCACA,eACA,WAKA,4KACC,6BACA,0BAEA,OAzIe,KA2IhB,0EAIC,YACA,WAID,kBACC,WACA,cACA,gBACA,WACA,eAED,mBACC,SACA,QAED,iBACC,cAKF,6GASC,iBACA,mCACA,WACA,WAjLgB,KAkLhB,eACA,sBACA,8CAEA,mKACC,eAIF,qMAcC,qBACA,eACA,mCACA,8CACA,6BACA,iDACA,YACA,aACA,yCACA,uBACA,eACA,+0BACC,0CAED,yRACC,YAIF,mCACC,8CACA,6BAGD,mCACC,aACA,YAID,OACC,kEACA,gBACA,8CACA,8BASA,2DACC,eAIA,sFACC,eAMH,sGAQC,iBACA,wCAGA,gMACC,SAGD,oIACC,+CACA,2CACA,sBAWA,4MAEC,qBACA,2BACA,WAUD,kGACC,6BACA,2CACA,mFACA,iBACA,4BAEA,yDACA,UACA,OArTc,KAsTd,MAtTc,KAuTd,gBACA,eACA,eACA,6HACC,eCrRH,+CD6RG,yOACC,gCAID,4qBAGC,qDACA,8CACA,6vBACC,uDAQH,+VACC,qDACA,2CAEA,UAQJ,uBAEC,eAED,2BAEC,mBAUC,4GAEC,kBACA,cACA,SACA,UACA,WACA,gBACA,oIACC,iBAED,4WAEC,eAED,gKACC,WACA,qBACA,OAxBkB,KAyBlB,MAzBkB,KA0BlB,sBACA,kBACA,qBACA,2CAED,oeAEC,0CAED,4LACC,oBACA,qCACA,kBACA,mBAED,4bAIC,8DACA,8CACA,0CAED,oMACC,2CACA,0DAED,oOACC,+CAID,gJACC,qBACA,iBAED,oMACC,cA/DkB,KAmEnB,mFACC,kBACA,OArEkB,KAsElB,MAtEkB,KAuElB,2BACA,2BAED,mGACC,yDAED,+GACC,0DAOD,gZAEC,qBAED,wUACC,aAzFyB,KA2F1B,4NACC,8DACA,yBACA,qBAED,gOACC,oCACA,6CAED,gQACC,8DACA,6CACA,yBAID,8OAEC,0CACA,6BACA,+DAED,6HACC,gEAED,mHACC,WAOJ,iBACC,gBACA,8CACA,qCACC,sCAED,yBACC,qBACA,iBACA,sBACA,6BACC,eAGF,uCACC,gBACA,qEACA,yCAED,kCACC,iBACA,SACA,UACA,wDACC,mBACA,gBACA,uBACA,6DACC,eACA,gEACC,eACA,iBAIH,6JAGC,kBACA,kBACA,aACA,+BACA,eACA,gCAGA,mEACC,8CAGF,uDACE,8CACA,6BAMH,oGAEC,eAID,mHAEC,gBACA,mBACA,uBACA,wCACA,2CACA,uBACA,yCACA,0CACA,SACA,YACA,gBACA,6IACC,kCAED,iKACC,iBACA,iBACA,stBAIC,sBACA,8CACA,gCACA,0CAED,2NACC,aAGF,2KACC,iBACA,gBACA,gBACA,6BACA,yMACC,2BAKJ,sBACC,qBACA,+DACC,aACA,eACA,kEACC,WAGF,uCACC,gBACA,mBACA,uBACA,wCACA,2CACA,uBACA,yCACA,0CACA,SACA,iBACA,gBACA,oDACC,kCAED,8DACC,iBACA,iBACA,sBACA,8CACA,0CACA,2FACC,aAED,8JAEC,qCACA,iCAGF,sDACC,gBACA,gBACA,YACA,wDACC,mEACA,WAGF,2LAGC,WAED,mEACC,iBAMH,UACC,qBACA,qBACA,2BACC,wBACA,eACA,yCACC,iBACA,iBACA,sBACA,8CACA,gCACA,0CACA,oBACA,mBACA,gDACC,gBAIH,yBACC,UACA,4BACC,YACA,kBACA,kBACA,+BACA,eACA,gCACA,8BACC,mBACA,gBACA,uBACA,YACA,wBACA,SACA,eACA,eACA,2BACA,yBACA,sBACA,qBACA,iBACA,oBACA,mBACA,0CACA,yBACA,sCACC,YACA,4CACA,4BACA,2BACA,eACA,gBACA,cACA,WACA,iBACA,kBAGF,sCACC,6BAED,qCACC,8CACA,6BACA,6CACC,mBAQL,mBACC,cACA,WACA,UACA,cACA,8CACA,mCACA,gBACA,WACA,gBAEC,2CACC,8BAED,gDACC,8BAGF,yCACC,yBAED,sCACC,mCACA,gCACA,iCAED,2CACC,mCACA,gCACA,iCAKF,iBACC,QAEC,0BAED,QAEC,yBAED,YAGC,0BAED,QAEC,0BAGF,OACC,qBACA,uBACA,mCAKD,cACC,kBACA,cACA,aACA,UACA,WACA,gBAGD,kEAGC,oCACG","file":"inputs.css"} \ No newline at end of file diff --git a/core/css/mobile.css b/core/css/mobile.css index abb0090bb22..0baffa7592d 100644 --- a/core/css/mobile.css +++ b/core/css/mobile.css @@ -1,174 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -@media only screen and (max-width: 1024px) { - /* position share dropdown */ - #dropdown { - margin-right: 10% !important; - width: 80% !important; - } - /* fix name autocomplete not showing on mobile */ - .ui-autocomplete { - z-index: 1000 !important; - } - /* fix error display on smaller screens */ - .error-wide { - width: 100%; - margin-left: 0 !important; - box-sizing: border-box; - } - /* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/ - #app-navigation:not(.vue) { - transform: translateX(-300px); - position: fixed; - height: var(--body-height); - } - .snapjs-left #app-navigation { - transform: translateX(0); - } - #app-navigation:not(.hidden) + #app-content { - margin-left: 0; - } - .skip-navigation.skip-content { - left: 3px; - margin-left: 0; - } - /* full width for message list on mobile */ - .app-content-list { - background: var(--color-main-background); - flex: 1 1 100%; - max-height: unset; - max-width: 100%; - } - .app-content-list + .app-content-details { - display: none; - } - .app-content-list.showdetails { - display: none; - } - .app-content-list.showdetails + .app-content-details { - display: initial; - } - /* Show app details page */ - #app-content.showdetails #app-navigation-toggle { - transform: translateX(-44px); - } - #app-content.showdetails #app-navigation-toggle-back { - position: fixed; - display: inline-block !important; - top: 50px; - left: 0; - width: 44px; - height: 44px; - z-index: 1050; - background-color: rgba(255, 255, 255, 0.7); - cursor: pointer; - opacity: 0.6; - transform: rotate(90deg); - } - #app-content.showdetails .app-content-list { - transform: translateX(-100%); - } - #app-navigation-toggle { - position: fixed; - display: inline-block !important; - left: 0; - width: 44px; - height: 44px; - z-index: 1050; - cursor: pointer; - opacity: 0.6; - } - #app-navigation-toggle:hover, - #app-navigation-toggle:focus { - opacity: 1; - } - /* position controls for apps with app-navigation */ - #app-navigation + #app-content .files-controls { - padding-left: 44px; - } - /* .viewer-mode is when text editor, PDF viewer, etc is open */ - #body-user .app-files.viewer-mode .files-controls { - padding-left: 0 !important; - } - .app-files.viewer-mode #app-navigation-toggle { - display: none !important; - } - table.multiselect thead { - left: 0 !important; - } - /* prevent overflow in user management controls bar */ - #usersearchform { - display: none; - } - #body-settings .files-controls { - min-width: 1024px !important; - } - /* do not show dates in filepicker */ - #oc-dialog-filepicker-content .filelist .column-size, - #oc-dialog-filepicker-content .filelist .column-mtime, - #oc-dialog-filepicker-content .filelist .filesize, - #oc-dialog-filepicker-content .filelist .date { - display: none; - } - #oc-dialog-filepicker-content .filelist .filename { - max-width: 100%; - } - .snapjs-left table.multiselect thead { - top: 44px; - } - /* end of media query */ -} -@media only screen and (max-width: 480px) { - #header .header-right > div > .menu { - max-width: calc(100vw - 10px); - position: fixed; - } - #header .header-right > div > .menu::after { - display: none !important; - } - /* Arrow directly child of menutoggle */ - #header .header-right > div { - /* settings need a different offset, since they have a right padding */ - } - #header .header-right > div.openedMenu::after { - display: block; - } - #header .header-right > div::after { - border: 10px solid transparent; - border-bottom-color: var(--color-main-background); - bottom: 0; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - right: 15px; - z-index: 2001; - display: none; - } - #header .header-right > div#settings::after { - right: 27px; - } -} - -/*# sourceMappingURL=mobile.css.map */ +@media only screen and (max-width: 1024px){#dropdown{margin-right:10% !important;width:80% !important}.ui-autocomplete{z-index:1000 !important}.error-wide{width:100%;margin-left:0 !important;box-sizing:border-box}#app-navigation:not(.vue){transform:translateX(-300px);position:fixed;height:var(--body-height)}.snapjs-left #app-navigation{transform:translateX(0)}#app-navigation:not(.hidden)+#app-content{margin-left:0}.skip-navigation.skip-content{left:3px;margin-left:0}.app-content-list{background:var(--color-main-background);flex:1 1 100%;max-height:unset;max-width:100%}.app-content-list+.app-content-details{display:none}.app-content-list.showdetails{display:none}.app-content-list.showdetails+.app-content-details{display:initial}#app-content.showdetails #app-navigation-toggle{transform:translateX(-44px)}#app-content.showdetails #app-navigation-toggle-back{position:fixed;display:inline-block !important;top:50px;left:0;width:44px;height:44px;z-index:1050;background-color:rgba(255,255,255,.7);cursor:pointer;opacity:.6;transform:rotate(90deg)}#app-content.showdetails .app-content-list{transform:translateX(-100%)}#app-navigation-toggle{position:fixed;display:inline-block !important;left:0;width:44px;height:44px;z-index:1050;cursor:pointer;opacity:.6}#app-navigation-toggle:hover,#app-navigation-toggle:focus{opacity:1}#app-navigation+#app-content .files-controls{padding-left:44px}#body-user .app-files.viewer-mode .files-controls{padding-left:0 !important}.app-files.viewer-mode #app-navigation-toggle{display:none !important}table.multiselect thead{left:0 !important}#usersearchform{display:none}#body-settings .files-controls{min-width:1024px !important}#oc-dialog-filepicker-content .filelist .column-size,#oc-dialog-filepicker-content .filelist .column-mtime,#oc-dialog-filepicker-content .filelist .filesize,#oc-dialog-filepicker-content .filelist .date{display:none}#oc-dialog-filepicker-content .filelist .filename{max-width:100%}.snapjs-left table.multiselect thead{top:44px}}@media only screen and (max-width: 480px){#header .header-right>div>.menu{max-width:calc(100vw - 10px);position:fixed}#header .header-right>div>.menu::after{display:none !important}#header .header-right>div.openedMenu::after{display:block}#header .header-right>div::after{border:10px solid rgba(0,0,0,0);border-bottom-color:var(--color-main-background);bottom:0;content:" ";height:0;width:0;position:absolute;pointer-events:none;right:15px;z-index:2001;display:none}#header .header-right>div#settings::after{right:27px}}/*# sourceMappingURL=mobile.css.map */ diff --git a/core/css/mobile.css.map b/core/css/mobile.css.map index e39c63c58a4..b197110fd80 100644 --- a/core/css/mobile.css.map +++ b/core/css/mobile.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAEC;EACA;IACC;IACA;;AAGD;EACA;IACC;;AAGD;EACA;IACC;IACA;IACA;;AAGD;EACA;IACC;IACA;IACA;;EAGA;IACC;;EAIF;IACC;;EAGD;IACC;IACA;;AAGD;EACA;IACC;IACA;IAEA;IAEA;;EACA;IACC;;EAED;IACC;;EACA;IACC;;AAKH;EAEC;IACC;;EAED;IACC;IACA;IACA,KDoCa;ICnCb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;;EAKF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;AAAA;IAEC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;;EAED;IACC;;EAGD;IACC;;AAGD;EACA;IACC;;EAED;IACC;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;EAED;IACC;;EAGD;IACC;;AAGD;;AAGD;EACC;IACC;IACA;;EACA;IACC;;AAGF;EACA;AAoBC;;EAlBC;IACC;;EAGF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAID;IACC","file":"mobile.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["mobile.scss","variables.scss"],"names":[],"mappings":"AAEA,2CAGC,UACC,4BACA,qBAID,iBACC,wBAID,YACC,WACA,yBACA,sBAID,0BACC,6BACA,eACA,0BAGA,6BACC,wBAIF,0CACC,cAGD,8BACC,SACA,cAID,kBACC,wCACA,cAEA,iBAEA,eACA,uCACC,aAED,8BACC,aACA,mDACC,gBAOF,gDACC,4BAED,qDACC,eACA,gCACA,ICoCa,KDnCb,OACA,WACA,YACA,aACA,sCACA,eACA,WACA,wBAED,2CACC,4BAKF,uBACC,eACA,gCACA,OACA,WACA,YACA,aACA,eACA,WAED,0DAEC,UAID,6CACC,kBAID,kDACC,0BAED,8CACC,wBAGD,wBACC,kBAID,gBACC,aAED,+BACC,4BAID,2MAIC,aAED,kDACC,eAGD,qCACC,UAMF,0CACC,gCACC,6BACA,eACA,uCACC,wBAMA,4CACC,cAGF,iCACC,gCACA,iDACA,SACA,YACA,SACA,QACA,kBACA,oBACA,WACA,aACA,aAID,0CACC","file":"mobile.css"} \ No newline at end of file diff --git a/core/css/public.css b/core/css/public.css index 91bac9daa26..88e97d9a695 100644 --- a/core/css/public.css +++ b/core/css/public.css @@ -1,74 +1 @@ -#body-public { - /** don't apply content header padding on the base layout */ - /* public footer */ -} -#body-public .header-right #header-primary-action a { - color: var(--color-primary-text); -} -#body-public .header-right #header-secondary-action ul li { - min-width: 270px; -} -#body-public .header-right #header-secondary-action #header-actions-toggle { - background-color: transparent; - border-color: transparent; - filter: var(--background-invert-if-dark); -} -#body-public .header-right #header-secondary-action #header-actions-toggle:hover, #body-public .header-right #header-secondary-action #header-actions-toggle:focus, #body-public .header-right #header-secondary-action #header-actions-toggle:active { - opacity: 1; -} -#body-public .header-right #header-secondary-action #external-share-menu-item form { - display: flex; -} -#body-public .header-right #header-secondary-action #external-share-menu-item .hidden { - display: none; -} -#body-public .header-right #header-secondary-action #external-share-menu-item #save-button-confirm { - flex-grow: 0; -} -#body-public #content { - min-height: calc(100% - 65px); -} -#body-public.layout-base #content { - padding-top: 0; -} -#body-public p.info { - margin: 20px auto; - text-shadow: 0 0 2px rgba(0, 0, 0, 0.4); - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -#body-public p.info, #body-public form fieldset legend, -#body-public #datadirContent label, -#body-public form fieldset .warning-info, -#body-public form input[type=checkbox] + label { - text-align: center; -} -#body-public footer { - position: fixed; - display: flex; - align-items: center; - justify-content: center; - height: 65px; - flex-direction: column; - bottom: 0; - width: calc(100% - 16px); - margin: 8px; - background-color: var(--color-main-background); - border-radius: var(--border-radius-large); -} -#body-public footer p { - text-align: center; - color: var(--color-text-lighter); -} -#body-public footer p a { - color: var(--color-text-lighter); - font-weight: bold; - white-space: nowrap; - /* increasing clickability to more than the text height */ - padding: 10px; - margin: -10px; - line-height: 200%; -} - -/*# sourceMappingURL=public.css.map */ +#body-public .header-right #header-primary-action a{color:var(--color-primary-text)}#body-public .header-right #header-secondary-action ul li{min-width:270px}#body-public .header-right #header-secondary-action #header-actions-toggle{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);filter:var(--background-invert-if-dark)}#body-public .header-right #header-secondary-action #header-actions-toggle:hover,#body-public .header-right #header-secondary-action #header-actions-toggle:focus,#body-public .header-right #header-secondary-action #header-actions-toggle:active{opacity:1}#body-public .header-right #header-secondary-action #external-share-menu-item form{display:flex}#body-public .header-right #header-secondary-action #external-share-menu-item .hidden{display:none}#body-public .header-right #header-secondary-action #external-share-menu-item #save-button-confirm{flex-grow:0}#body-public #content{min-height:calc(100% - 65px)}#body-public.layout-base #content{padding-top:0}#body-public p.info{margin:20px auto;text-shadow:0 0 2px rgba(0,0,0,.4);-moz-user-select:none;-ms-user-select:none;user-select:none}#body-public p.info,#body-public form fieldset legend,#body-public #datadirContent label,#body-public form fieldset .warning-info,#body-public form input[type=checkbox]+label{text-align:center}#body-public footer{position:fixed;display:flex;align-items:center;justify-content:center;height:65px;flex-direction:column;bottom:0;width:calc(100% - 16px);margin:8px;background-color:var(--color-main-background);border-radius:var(--border-radius-large)}#body-public footer p{text-align:center;color:var(--color-text-lighter)}#body-public footer p a{color:var(--color-text-lighter);font-weight:bold;white-space:nowrap;padding:10px;margin:-10px;line-height:200%}/*# sourceMappingURL=public.css.map */ diff --git a/core/css/public.css.map b/core/css/public.css.map index ab9629f6b5a..fcc33807759 100644 --- a/core/css/public.css.map +++ b/core/css/public.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["public.scss"],"names":[],"mappings":"AAEA;AA0CC;AAmBA;;AA1DC;EACC;;AAIA;EACC;;AAED;EACC;EACA;EACA;;AAEA;EAGC;;AAID;EACC;;AAED;EACC;;AAED;EACC;;AAMJ;EAEC;;AAKD;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;EAIC;;AAID;EACC;EACA;EACA;EACA;EACA,QArEc;EAsEd;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;AACA;EACA;EACA;EACA","file":"public.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["public.scss"],"names":[],"mappings":"AAKE,oDACC,gCAIA,0DACC,gBAED,2EACC,+BACA,2BACA,wCAEA,oPAGC,UAID,mFACC,aAED,sFACC,aAED,mGACC,YAMJ,sBAEC,6BAKD,kCACC,cAGD,oBACC,iBACA,mCACA,sBACA,qBACA,iBAED,+KAIC,kBAID,oBACC,eACA,aACA,mBACA,uBACA,OArEc,KAsEd,sBACA,SACA,wBACA,WACA,8CACA,yCACA,sBACC,kBACA,gCACA,wBACC,gCACA,iBACA,mBAEA,aACA,aACA","file":"public.css"} \ No newline at end of file diff --git a/core/css/server.css b/core/css/server.css index bfd3bdcbb45..b590f7d2cb3 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -1,4890 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -@import url("../../dist/icons.css"); -/** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Lukas Reschke - * @copyright Copyright (c) 2016, Robin Appelman - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, Joas Schilling - * @copyright Copyright (c) 2016, Morris Jobke - * @copyright Copyright (c) 2016, Christoph Wurst - * @copyright Copyright (c) 2016, Raghu Nayyar - * @copyright Copyright (c) 2011-2017, Jan-Christoph Borchardt - * @copyright Copyright (c) 2019-2020, Gary Kim - * - * @license GNU AGPL version 3 or any later version - * - */ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section, main { - margin: 0; - padding: 0; - border: 0; - font-weight: inherit; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; - cursor: default; - scrollbar-color: var(--color-border-dark) transparent; - scrollbar-width: thin; -} - -.js-focus-visible :focus:not(.focus-visible) { - outline: none; -} - -/** Let vue apps handle the focus themselves */ -.content:not(#content-vue) :focus-visible, -.app-navigation:not(#app-navigation-vue) :focus-visible { - box-shadow: inset 0 0 0 2px var(--color-primary); - outline: none; -} - -html, body { - height: 100%; -} - -article, aside, dialog, figure, footer, header, hgroup, nav, section { - display: block; -} - -body { - line-height: 1.5; -} - -table { - border-collapse: separate; - border-spacing: 0; - white-space: nowrap; -} - -caption, th, td { - text-align: left; - font-weight: normal; -} - -table, td, th { - vertical-align: middle; -} - -a { - border: 0; - color: var(--color-main-text); - text-decoration: none; - cursor: pointer; -} -a * { - cursor: pointer; -} - -a.external { - margin: 0 3px; - text-decoration: underline; -} - -input { - cursor: pointer; -} -input * { - cursor: pointer; -} - -select, .button span, label { - cursor: pointer; -} - -ul { - list-style: none; -} - -body { - font-weight: normal; - /* bring the default font size up to 15px */ - font-size: var(--default-font-size); - line-height: var(--default-line-height); - font-family: var(--font-face); - color: var(--color-main-text); -} - -.two-factor-header { - text-align: center; -} - -.two-factor-provider { - text-align: center; - width: 258px !important; - display: inline-block; - margin-bottom: 0 !important; - background-color: var(--color-background-darker) !important; - border: none !important; -} - -.two-factor-link { - display: inline-block; - padding: 12px; - color: var(--color-text-lighter); -} - -.float-spinner { - height: 32px; - display: none; -} - -#nojavascript { - position: fixed; - top: 0; - bottom: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 9000; - text-align: center; - background-color: var(--color-background-darker); - color: var(--color-primary-text); - line-height: 125%; - font-size: 24px; -} -#nojavascript div { - display: block; - position: relative; - width: 50%; - top: 35%; - margin: 0px auto; -} -#nojavascript a { - color: var(--color-primary-text); - border-bottom: 2px dotted var(--color-main-background); -} -#nojavascript a:hover, #nojavascript a:focus { - color: var(--color-primary-text-dark); -} - -/* SCROLLING */ -::-webkit-scrollbar { - width: 12px; - height: 12px; -} - -::-webkit-scrollbar-track-piece { - background-color: transparent; -} - -::-webkit-scrollbar-thumb { - background: var(--color-scrollbar); - border-radius: var(--border-radius-large); - border: 2px solid transparent; - background-clip: content-box; -} - -/* SELECTION */ -::selection { - background-color: var(--color-primary-element); - color: var(--color-primary-text); -} - -/* CONTENT ------------------------------------------------------------------ */ -#app-navigation * { - box-sizing: border-box; -} - -/* EMPTY CONTENT DISPLAY ------------------------------------------------------------ */ -#emptycontent, -.emptycontent { - color: var(--color-text-maxcontrast); - text-align: center; - margin-top: 30vh; - width: 100%; -} -#app-sidebar #emptycontent, -#app-sidebar .emptycontent { - margin-top: 10vh; -} -#emptycontent .emptycontent-search, -.emptycontent .emptycontent-search { - position: static; -} -#emptycontent h2, -.emptycontent h2 { - margin-bottom: 10px; -} -#emptycontent [class^=icon-], -#emptycontent [class*=icon-], -.emptycontent [class^=icon-], -.emptycontent [class*=icon-] { - background-size: 64px; - height: 64px; - width: 64px; - margin: 0 auto 15px; -} -#emptycontent [class^=icon-]:not([class^=icon-loading]), #emptycontent [class^=icon-]:not([class*=icon-loading]), -#emptycontent [class*=icon-]:not([class^=icon-loading]), -#emptycontent [class*=icon-]:not([class*=icon-loading]), -.emptycontent [class^=icon-]:not([class^=icon-loading]), -.emptycontent [class^=icon-]:not([class*=icon-loading]), -.emptycontent [class*=icon-]:not([class^=icon-loading]), -.emptycontent [class*=icon-]:not([class*=icon-loading]) { - opacity: 0.4; -} - -/* LOG IN & INSTALLATION ------------------------------------------------------------ */ -#datadirContent label { - width: 100%; -} - -/* strengthify wrapper */ -/* General new input field look */ -/* Nicely grouping input field sets */ -.grouptop, .groupmiddle, .groupbottom { - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -/* Show password toggle */ -#show, #dbpassword { - position: absolute; - right: 1em; - top: 0.8em; - float: right; -} - -#show + label, #dbpassword + label { - right: 21px; - top: 15px !important; - margin: -14px !important; - padding: 14px !important; -} - -#show:checked + label, #dbpassword:checked + label, #personal-show:checked + label { - opacity: 0.8; -} - -#show:focus-visible + label, #dbpassword-toggle:focus-visible + label, #personal-show:focus-visible + label { - box-shadow: var(--color-primary) 0 0 0 2px; - opacity: 1; - border-radius: 9999px; -} - -#show + label, #dbpassword + label, #personal-show + label { - position: absolute !important; - height: 20px; - width: 24px; - background-image: var(--icon-toggle-dark); - background-repeat: no-repeat; - background-position: center; - opacity: 0.3; -} - -/* Feedback for keyboard focus and mouse hover */ -#show:focus + label, -#dbpassword:focus + label, -#personal-show:focus + label { - opacity: 1; -} -#show + label:hover, -#dbpassword + label:hover, -#personal-show + label:hover { - opacity: 1; -} - -#show + label:before, #dbpassword + label:before, #personal-show + label:before { - display: none; -} - -#pass2, input[name=personal-password-clone] { - padding-right: 30px; -} - -.personal-show-container { - position: relative; - display: inline-block; - margin-right: 6px; -} - -#personal-show + label { - display: block; - right: 0; - margin-top: -43px; - margin-right: -4px; - padding: 22px; -} - -/* Warnings and errors are the same */ -#body-user .warning, #body-settings .warning { - margin-top: 8px; - padding: 5px; - border-radius: var(--border-radius); - color: var(--color-main-text); - background-color: rgba(var(--color-warning-rgb), 0.2); -} - -.warning legend, .warning a { - font-weight: bold !important; -} - -.error:not(.toastify) a { - color: white !important; - font-weight: bold !important; -} -.error:not(.toastify) a.button { - color: var(--color-text-lighter) !important; - display: inline-block; - text-align: center; -} -.error:not(.toastify) pre { - white-space: pre-wrap; - text-align: left; -} - -.error-wide { - width: 700px; - margin-left: -200px !important; -} -.error-wide .button { - color: black !important; -} - -.warning-input { - border-color: var(--color-error) !important; -} - -/* fixes for update page TODO should be fixed some time in a proper way */ -/* this is just for an error while updating the Nextcloud instance */ -/* Sticky footer */ -/* round profile photos */ -.avatar, .avatardiv { - border-radius: 50%; - flex-shrink: 0; -} -.avatar > img, .avatardiv > img { - border-radius: 50%; - flex-shrink: 0; -} - -td.avatar { - border-radius: 0; -} - -tr .action:not(.permanent), .selectedActions > a { - opacity: 0; -} - -tr:hover .action:not(.menuitem), tr:focus .action:not(.menuitem), -tr .action.permanent:not(.menuitem) { - opacity: 0.5; -} - -.selectedActions > a { - opacity: 0.5; - position: relative; - top: 2px; -} -.selectedActions > a:hover, .selectedActions > a:focus { - opacity: 1; -} - -tr .action { - width: 16px; - height: 16px; -} - -.header-action { - opacity: 0.8; -} - -tr:hover .action:hover, tr:focus .action:focus { - opacity: 1; -} - -.selectedActions a:hover, .selectedActions a:focus { - opacity: 1; -} - -.header-action:hover, .header-action:focus { - opacity: 1; -} - -tbody tr:hover, tbody tr:focus, tbody tr:active { - background-color: var(--color-background-dark); -} - -code { - font-family: "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", monospace; -} - -.pager { - list-style: none; - float: right; - display: inline; - margin: 0.7em 13em 0 0; -} -.pager li { - display: inline-block; -} - -.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { - overflow: hidden; - text-overflow: ellipsis; -} - -.ui-icon-circle-triangle-e { - background-image: url("../img/actions/play-next.svg?v=1"); -} - -.ui-icon-circle-triangle-w { - background-image: url("../img/actions/play-previous.svg?v=1"); -} - -/* ---- jQuery UI datepicker ---- */ -.ui-widget.ui-datepicker { - margin-top: 10px; - padding: 4px 8px; - width: auto; - border-radius: var(--border-radius); - border: none; - z-index: 1600 !important; -} -.ui-widget.ui-datepicker .ui-state-default, -.ui-widget.ui-datepicker .ui-widget-content .ui-state-default, -.ui-widget.ui-datepicker .ui-widget-header .ui-state-default { - border: 1px solid transparent; - background: inherit; -} -.ui-widget.ui-datepicker .ui-widget-header { - padding: 7px; - font-size: 13px; - border: none; - background-color: var(--color-main-background); - color: var(--color-main-text); -} -.ui-widget.ui-datepicker .ui-widget-header .ui-datepicker-title { - line-height: 1; - font-weight: normal; -} -.ui-widget.ui-datepicker .ui-widget-header .ui-icon { - opacity: 0.5; -} -.ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { - background: url("../img/actions/arrow-right.svg") center center no-repeat; -} -.ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { - background: url("../img/actions/arrow-left.svg") center center no-repeat; -} -.ui-widget.ui-datepicker .ui-widget-header .ui-state-hover .ui-icon { - opacity: 1; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar th { - font-weight: normal; - color: var(--color-text-lighter); - opacity: 0.8; - width: 26px; - padding: 2px; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar tr:hover { - background-color: inherit; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:not(.ui-state-hover) { - background-color: var(--color-background-darker); -} -.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active, -.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-hover, -.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-focus { - background-color: var(--color-primary); - color: var(--color-primary-text); - font-weight: bold; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:not(.ui-state-disabled) :not(.ui-state-hover), -.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-priority-secondary:not(.ui-state-hover) { - color: var(--color-text-lighter); - opacity: 0.8; -} - -.ui-datepicker-prev, .ui-datepicker-next { - border: var(--color-border-dark); - background: var(--color-main-background); -} - -/* ---- jQuery UI timepicker ---- */ -.ui-widget.ui-timepicker { - margin-top: 10px !important; - width: auto !important; - border-radius: var(--border-radius); - z-index: 1600 !important; - /* AM/PM fix */ -} -.ui-widget.ui-timepicker .ui-widget-content { - border: none !important; -} -.ui-widget.ui-timepicker .ui-state-default, -.ui-widget.ui-timepicker .ui-widget-content .ui-state-default, -.ui-widget.ui-timepicker .ui-widget-header .ui-state-default { - border: 1px solid transparent; - background: inherit; -} -.ui-widget.ui-timepicker .ui-widget-header { - padding: 7px; - font-size: 13px; - border: none; - background-color: var(--color-main-background); - color: var(--color-main-text); -} -.ui-widget.ui-timepicker .ui-widget-header .ui-timepicker-title { - line-height: 1; - font-weight: normal; -} -.ui-widget.ui-timepicker table.ui-timepicker tr .ui-timepicker-hour-cell:first-child { - margin-left: 30px; -} -.ui-widget.ui-timepicker .ui-timepicker-table th { - font-weight: normal; - color: var(--color-text-lighter); - opacity: 0.8; -} -.ui-widget.ui-timepicker .ui-timepicker-table th.periods { - padding: 0; - width: 30px; - line-height: 30px; -} -.ui-widget.ui-timepicker .ui-timepicker-table tr:hover { - background-color: inherit; -} -.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hour-cell a.ui-state-active, .ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minute-cell a.ui-state-active, -.ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-hover, -.ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-focus { - background-color: var(--color-primary); - color: var(--color-primary-text); - font-weight: bold; -} -.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minutes:not(.ui-state-hover) { - color: var(--color-text-lighter); -} -.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hours { - border-right: 1px solid var(--color-border); -} - -/* ---- jQuery UI datepicker & timepicker global rules ---- */ -.ui-widget.ui-datepicker .ui-datepicker-calendar tr, -.ui-widget.ui-timepicker table.ui-timepicker tr { - display: flex; - flex-wrap: nowrap; - justify-content: space-between; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar tr td, -.ui-widget.ui-timepicker table.ui-timepicker tr td { - flex: 1 1 auto; - margin: 0; - padding: 2px; - height: 26px; - width: 26px; - display: flex; - align-items: center; - justify-content: center; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar tr td > *, -.ui-widget.ui-timepicker table.ui-timepicker tr td > * { - border-radius: 50%; - text-align: center; - font-weight: normal; - color: var(--color-main-text); - display: block; - line-height: 18px; - width: 18px; - height: 18px; - padding: 3px; - font-size: 0.9em; -} - -/* ---- DIALOGS ---- */ -#oc-dialog-filepicker-content { - position: relative; - display: flex; - flex-direction: column; -} -#oc-dialog-filepicker-content .dirtree { - flex-wrap: wrap; - box-sizing: border-box; - padding-right: 140px; -} -#oc-dialog-filepicker-content .dirtree div:first-child a { - background-image: var(--icon-home-dark); - background-repeat: no-repeat; - background-position: left center; -} -#oc-dialog-filepicker-content .dirtree span:not(:last-child) { - cursor: pointer; -} -#oc-dialog-filepicker-content .dirtree span:last-child { - font-weight: bold; -} -#oc-dialog-filepicker-content .dirtree span:not(:last-child)::after { - content: ">"; - padding: 3px; -} -#oc-dialog-filepicker-content #picker-showgridview { - position: absolute; - background-color: transparent; - border: none; - margin: 0; - padding: 22px; - opacity: 0.5; - right: 0; - top: 0; -} -#oc-dialog-filepicker-content #picker-showgridview:hover, #oc-dialog-filepicker-content #picker-showgridview:active, #oc-dialog-filepicker-content #picker-showgridview:focus { - box-shadow: 0 0 0 2px var(--color-primary); - opacity: 1; -} -#oc-dialog-filepicker-content .actions.creatable { - flex-wrap: wrap; - padding: 0px; - box-sizing: border-box; - display: inline-flex; - float: none; - max-height: 36px; - max-width: 36px; - background-color: var(--color-background-dark); - border: 1px solid var(--color-border-dark); - border-radius: var(--border-radius-pill); - position: relative; - left: 15px; - top: 3px; - order: 1; -} -#oc-dialog-filepicker-content .actions.creatable .icon.icon-add { - background-image: var(--icon-add-dark); - background-size: 16px 16px; - width: 34px; - height: 34px; - margin: 0px; - opacity: 0.5; -} -#oc-dialog-filepicker-content .actions.creatable a { - width: 36px; - padding: 0px; - position: static; -} -#oc-dialog-filepicker-content .actions.creatable .menu { - top: 100%; - margin-top: 10px; -} -#oc-dialog-filepicker-content .actions.creatable .menu form { - display: flex; - margin: 10px; -} -#oc-dialog-filepicker-content .filelist-container { - box-sizing: border-box; - display: inline-block; - overflow-y: auto; - flex: 1; - /*height: 100%;*/ - /* overflow under the button row */ - width: 100%; - overflow-x: hidden; -} -#oc-dialog-filepicker-content .emptycontent { - color: var(--color-text-maxcontrast); - text-align: center; - margin-top: 80px; - width: 100%; - display: none; -} -#oc-dialog-filepicker-content .filelist { - background-color: var(--color-main-background); - width: 100%; -} -#oc-dialog-filepicker-content #picker-filestable.filelist { - /* prevent the filepicker to overflow */ - min-width: initial; - margin-bottom: 50px; -} -#oc-dialog-filepicker-content #picker-filestable.filelist thead tr { - border-bottom: 1px solid var(--color-border); - background-color: var(--color-main-background); -} -#oc-dialog-filepicker-content #picker-filestable.filelist thead tr th { - width: 80%; - border: none; -} -#oc-dialog-filepicker-content #picker-filestable.filelist th .columntitle { - display: block; - padding: 15px; - height: 50px; - box-sizing: border-box; - -moz-box-sizing: border-box; - vertical-align: middle; -} -#oc-dialog-filepicker-content #picker-filestable.filelist th .columntitle.name { - padding-left: 5px; - margin-left: 50px; -} -#oc-dialog-filepicker-content #picker-filestable.filelist th .sort-indicator { - width: 10px; - height: 8px; - margin-left: 5px; - display: inline-block; - vertical-align: text-bottom; - opacity: 0.3; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .sort-indicator.hidden, -#oc-dialog-filepicker-content #picker-filestable.filelist th:hover .sort-indicator.hidden, -#oc-dialog-filepicker-content #picker-filestable.filelist th:focus .sort-indicator.hidden { - visibility: hidden; -} -#oc-dialog-filepicker-content #picker-filestable.filelist th:hover .sort-indicator.hidden, -#oc-dialog-filepicker-content #picker-filestable.filelist th:focus .sort-indicator.hidden { - visibility: visible; -} -#oc-dialog-filepicker-content #picker-filestable.filelist td { - padding: 14px; - border-bottom: 1px solid var(--color-border); -} -#oc-dialog-filepicker-content #picker-filestable.filelist tr:last-child td { - border-bottom: none; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filename { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - background-size: 32px; - background-repeat: no-repeat; - padding-left: 51px; - background-position: 7px 7px; - cursor: pointer; - max-width: 0; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts { - display: flex; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts__first { - overflow: hidden; - white-space: pre; - text-overflow: ellipsis; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts__last { - white-space: pre; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filesize, #oc-dialog-filepicker-content #picker-filestable.filelist .date { - width: 80px; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filesize { - text-align: right; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid { - display: flex; - flex-direction: column; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody { - display: grid; - grid-template-columns: repeat(auto-fill, 120px); - justify-content: space-around; - row-gap: 15px; - margin: 15px 0; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr { - display: block; - position: relative; - border-radius: var(--border-radius); - padding: 10px; - display: flex; - flex-direction: column; - width: 100px; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td { - border: none; - padding: 0; - text-align: center; - border-radius: var(--border-radius); -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filename { - padding: 100px 0 0 0; - background-position: center top; - background-size: contain; - line-height: 30px; - max-width: none; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filename .filename-parts { - justify-content: center; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filesize { - line-height: 10px; - width: 100%; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.date { - display: none; -} -#oc-dialog-filepicker-content .filepicker_element_selected { - background-color: var(--color-background-darker); -} - -.ui-dialog { - position: fixed !important; -} - -span.ui-icon { - float: left; - margin: 3px 7px 30px 0; -} - -/* ---- CONTACTS MENU ---- */ -#contactsmenu .menutoggle { - cursor: pointer; -} -#contactsmenu .menutoggle:before { - background-size: 20px 20px; - background-repeat: no-repeat; - background-position-x: 3px; - background-position-y: 4px; - padding: 14px; - content: " "; - background-image: var(--original-icon-contacts-white); - filter: var(--background-image-invert-if-bright); -} -#contactsmenu .menutoggle:hover, #contactsmenu .menutoggle:focus, #contactsmenu .menutoggle:active { - opacity: 1 !important; -} -#contactsmenu #contactsmenu-menu a { - padding: 2px; -} -#contactsmenu #contactsmenu-menu a:focus-visible { - box-shadow: inset 0 0 0 2px var(--color-main-text) !important; -} - -#header .header-right > div#contactsmenu > .menu { - /* show 2.5 to 4.5 entries depending on the screen height */ - height: calc(100vh - 150px); - max-height: 302px; - min-height: 175px; - width: 350px; -} -#header .header-right > div#contactsmenu > .menu .emptycontent { - margin-top: 5vh !important; - margin-bottom: 2vh; -} -#header .header-right > div#contactsmenu > .menu .emptycontent .icon-loading, -#header .header-right > div#contactsmenu > .menu .emptycontent .icon-search { - display: inline-block; -} -#header .header-right > div#contactsmenu > .menu .content { - /* fixed max height of the parent container without the search input */ - height: calc(100vh - 150px - 50px); - max-height: 250px; - min-height: 125px; - overflow-y: auto; -} -#header .header-right > div#contactsmenu > .menu .content .footer { - text-align: center; -} -#header .header-right > div#contactsmenu > .menu .content .footer a { - display: block; - width: 100%; - padding: 12px 0; - opacity: 0.5; -} -#header .header-right > div#contactsmenu > .menu .contact { - display: flex; - position: relative; - align-items: center; - padding: 3px 3px 3px 10px; - /* actions menu */ -} -#header .header-right > div#contactsmenu > .menu .contact .avatar { - height: 32px; - width: 32px; - display: inline-block; -} -#header .header-right > div#contactsmenu > .menu .contact .body { - flex-grow: 1; - padding-left: 8px; -} -#header .header-right > div#contactsmenu > .menu .contact .body div { - position: relative; - width: 100%; -} -#header .header-right > div#contactsmenu > .menu .contact .body .full-name, #header .header-right > div#contactsmenu > .menu .contact .body .last-message { - /* TODO: don't use fixed width */ - max-width: 204px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -#header .header-right > div#contactsmenu > .menu .contact .body .last-message, #header .header-right > div#contactsmenu > .menu .contact .body .email-address { - color: var(--color-text-maxcontrast); -} -#header .header-right > div#contactsmenu > .menu .contact .top-action, #header .header-right > div#contactsmenu > .menu .contact .second-action, #header .header-right > div#contactsmenu > .menu .contact .other-actions { - width: 16px; - height: 16px; - opacity: 0.5; - cursor: pointer; -} -#header .header-right > div#contactsmenu > .menu .contact .top-action:not(button), #header .header-right > div#contactsmenu > .menu .contact .second-action:not(button), #header .header-right > div#contactsmenu > .menu .contact .other-actions:not(button) { - padding: 14px; -} -#header .header-right > div#contactsmenu > .menu .contact .top-action img, #header .header-right > div#contactsmenu > .menu .contact .second-action img, #header .header-right > div#contactsmenu > .menu .contact .other-actions img { - filter: var(--background-invert-if-dark); -} -#header .header-right > div#contactsmenu > .menu .contact .top-action:hover, #header .header-right > div#contactsmenu > .menu .contact .top-action:active, #header .header-right > div#contactsmenu > .menu .contact .top-action:focus, #header .header-right > div#contactsmenu > .menu .contact .second-action:hover, #header .header-right > div#contactsmenu > .menu .contact .second-action:active, #header .header-right > div#contactsmenu > .menu .contact .second-action:focus, #header .header-right > div#contactsmenu > .menu .contact .other-actions:hover, #header .header-right > div#contactsmenu > .menu .contact .other-actions:active, #header .header-right > div#contactsmenu > .menu .contact .other-actions:focus { - opacity: 1; -} -#header .header-right > div#contactsmenu > .menu .contact button.other-actions { - width: 44px; -} -#header .header-right > div#contactsmenu > .menu .contact button.other-actions:focus { - border-color: transparent; - box-shadow: 0 0 0 2px var(--color-main-text); -} -#header .header-right > div#contactsmenu > .menu .contact button.other-actions:focus-visible { - border-radius: var(--border-radius-pill); -} -#header .header-right > div#contactsmenu > .menu .contact .menu { - top: 47px; - margin-right: 13px; -} -#header .header-right > div#contactsmenu > .menu .contact .popovermenu::after { - right: 2px; -} - -#contactsmenu-search { - width: calc(100% - 16px); - margin: 8px; - height: 34px; -} - -/* ---- TOOLTIPS ---- */ -.extra-data { - padding-right: 5px !important; -} - -/* ---- TAGS ---- */ -#tagsdialog .content { - width: 100%; - height: 280px; -} -#tagsdialog .scrollarea { - overflow: auto; - border: 1px solid var(--color-background-darker); - width: 100%; - height: 240px; -} -#tagsdialog .bottombuttons { - width: 100%; - height: 30px; -} -#tagsdialog .bottombuttons * { - float: left; -} -#tagsdialog .taglist li { - background: var(--color-background-dark); - padding: 0.3em 0.8em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -webkit-transition: background-color 500ms; - transition: background-color 500ms; -} -#tagsdialog .taglist li:hover, #tagsdialog .taglist li:active { - background: var(--color-background-darker); -} -#tagsdialog .addinput { - width: 90%; - clear: both; -} - -/* ---- BREADCRUMB ---- */ -.breadcrumb { - display: inline-flex; -} - -div.crumb { - display: inline-flex; - background-image: url("../img/breadcrumb.svg?v=1"); - background-repeat: no-repeat; - background-position: right center; - height: 44px; - background-size: auto 24px; - flex: 0 0 auto; - order: 1; - padding-right: 7px; -} -div.crumb.crumbmenu { - order: 2; - position: relative; -} -div.crumb.crumbmenu a { - opacity: 0.5; -} -div.crumb.crumbmenu.canDropChildren .popovermenu, div.crumb.crumbmenu.canDrop .popovermenu { - display: block; -} -div.crumb.crumbmenu .popovermenu { - top: 100%; - margin-right: 3px; -} -div.crumb.crumbmenu .popovermenu ul { - max-height: 345px; - overflow-y: auto; - overflow-x: hidden; - padding-right: 5px; -} -div.crumb.crumbmenu .popovermenu ul li.canDrop span:first-child { - background-image: url("../img/filetypes/folder-drag-accept.svg?v=1") !important; -} -div.crumb.crumbmenu .popovermenu .in-breadcrumb { - display: none; -} -div.crumb.hidden { - display: none; -} -div.crumb.hidden ~ .crumb { - order: 3; -} -div.crumb > a, -div.crumb > span { - position: relative; - padding: 12px; - opacity: 0.5; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - flex: 0 0 auto; - max-width: 200px; -} -div.crumb > a.icon-home, div.crumb > a.icon-delete, -div.crumb > span.icon-home, -div.crumb > span.icon-delete { - text-indent: -9999px; -} -div.crumb > a[class^=icon-] { - padding: 0; - width: 44px; -} -div.crumb:last-child { - font-weight: bold; - margin-right: 10px; -} -div.crumb:last-child a ~ span { - padding-left: 0; -} -div.crumb:hover, div.crumb:focus, div.crumb a:focus, div.crumb:active { - opacity: 1; -} -div.crumb:hover > a, -div.crumb:hover > span, div.crumb:focus > a, -div.crumb:focus > span, div.crumb a:focus > a, -div.crumb a:focus > span, div.crumb:active > a, -div.crumb:active > span { - opacity: 0.7; -} - -/* some feedback for hover/tap on breadcrumbs */ -.appear { - opacity: 1; - -webkit-transition: opacity 500ms ease 0s; - -moz-transition: opacity 500ms ease 0s; - -ms-transition: opacity 500ms ease 0s; - -o-transition: opacity 500ms ease 0s; - transition: opacity 500ms ease 0s; -} -.appear.transparent { - opacity: 0; -} - -/* LEGACY FIX only - do not use fieldsets for settings */ -fieldset.warning legend, fieldset.update legend { - top: 18px; - position: relative; -} -fieldset.warning legend + p, fieldset.update legend + p { - margin-top: 12px; -} - -/* for IE10 */ -@-ms-viewport { - width: device-width; -} -/* hidden input type=file field */ -.hiddenuploadfield { - display: none; - width: 0; - height: 0; - opacity: 0; -} - -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Morris Jobke - * @copyright Copyright (c) 2016, Joas Schilling - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, jowi - * @copyright Copyright (c) 2015, Joas Schilling - * @copyright Copyright (c) 2015, Hendrik Leppelsack - * @copyright Copyright (c) 2014-2017, Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -/* Specifically override browser styles */ -input, textarea, select, button, div[contenteditable=true], div[contenteditable=false] { - font-family: var(--font-face); -} - -.select2-container-multi .select2-choices .select2-search-field input, .select2-search input, .ui-widget { - font-family: var(--font-face) !important; -} - -.select2-container.select2-drop-above .select2-choice { - background-image: unset !important; -} - -/* Simple selector to allow easy overriding */ -select, -button:not(.button-vue, -[class^=vs__]), -input, -textarea, -div[contenteditable=true], -div[contenteditable=false] { - width: 130px; - min-height: 36px; - box-sizing: border-box; -} - -/** - * color-text-lighter normal state - * color-text-lighter active state - * color-text-maxcontrast disabled state - */ -input:not([type=range]) { - outline: none; -} - -/* Default global values */ -div.select2-drop .select2-search input, -input[type=submit], -input[type=button], -input[type=reset], -button:not(.button-vue, -[class^=vs__]), -.button, -.pager li a { - margin: 3px 3px 3px 0; - padding: 7px 14px; - font-size: 13px; - background-color: var(--color-main-background); - color: var(--color-main-text); - border: 1px solid var(--color-border-dark); - font-size: var(--default-font-size); - outline: none; - border-radius: var(--border-radius); - cursor: text; - /* Primary action button, use sparingly */ -} -div.select2-drop .select2-search input:not(:disabled):not(.primary):hover, div.select2-drop .select2-search input:not(:disabled):not(.primary):focus, div.select2-drop .select2-search input:not(:disabled):not(.primary).active, -input[type=submit]:not(:disabled):not(.primary):hover, -input[type=submit]:not(:disabled):not(.primary):focus, -input[type=submit]:not(:disabled):not(.primary).active, -input[type=button]:not(:disabled):not(.primary):hover, -input[type=button]:not(:disabled):not(.primary):focus, -input[type=button]:not(:disabled):not(.primary).active, -input[type=reset]:not(:disabled):not(.primary):hover, -input[type=reset]:not(:disabled):not(.primary):focus, -input[type=reset]:not(:disabled):not(.primary).active, -button:not(.button-vue, -[class^=vs__]):not(:disabled):not(.primary):hover, -button:not(.button-vue, -[class^=vs__]):not(:disabled):not(.primary):focus, -button:not(.button-vue, -[class^=vs__]):not(:disabled):not(.primary).active, -.button:not(:disabled):not(.primary):hover, -.button:not(:disabled):not(.primary):focus, -.button:not(:disabled):not(.primary).active, -.pager li a:not(:disabled):not(.primary):hover, -.pager li a:not(:disabled):not(.primary):focus, -.pager li a:not(:disabled):not(.primary).active { - /* active class used for multiselect */ - border-color: var(--color-primary-element); - outline: none; -} -div.select2-drop .select2-search input:not(:disabled):not(.primary):active, -input[type=submit]:not(:disabled):not(.primary):active, -input[type=button]:not(:disabled):not(.primary):active, -input[type=reset]:not(:disabled):not(.primary):active, -button:not(.button-vue, -[class^=vs__]):not(:disabled):not(.primary):active, -.button:not(:disabled):not(.primary):active, -.pager li a:not(:disabled):not(.primary):active { - outline: none; - background-color: var(--color-main-background); - color: var(--color-text-light); -} -div.select2-drop .select2-search input:not(:disabled):not(.primary):focus-visible, -input[type=submit]:not(:disabled):not(.primary):focus-visible, -input[type=button]:not(:disabled):not(.primary):focus-visible, -input[type=reset]:not(:disabled):not(.primary):focus-visible, -button:not(.button-vue, -[class^=vs__]):not(:disabled):not(.primary):focus-visible, -.button:not(:disabled):not(.primary):focus-visible, -.pager li a:not(:disabled):not(.primary):focus-visible { - box-shadow: 0 0 0 2px var(--color-primary); -} -div.select2-drop .select2-search input:disabled, -input[type=submit]:disabled, -input[type=button]:disabled, -input[type=reset]:disabled, -button:not(.button-vue, -[class^=vs__]):disabled, -.button:disabled, -.pager li a:disabled { - background-color: var(--color-background-dark); - color: var(--color-main-text); - cursor: default; - opacity: 0.5; -} -div.select2-drop .select2-search input:required, -input[type=submit]:required, -input[type=button]:required, -input[type=reset]:required, -button:not(.button-vue, -[class^=vs__]):required, -.button:required, -.pager li a:required { - box-shadow: none; -} -div.select2-drop .select2-search input:user-invalid, -input[type=submit]:user-invalid, -input[type=button]:user-invalid, -input[type=reset]:user-invalid, -button:not(.button-vue, -[class^=vs__]):user-invalid, -.button:user-invalid, -.pager li a:user-invalid { - box-shadow: 0 0 0 2px var(--color-error) !important; -} -div.select2-drop .select2-search input.primary, -input[type=submit].primary, -input[type=button].primary, -input[type=reset].primary, -button:not(.button-vue, -[class^=vs__]).primary, -.button.primary, -.pager li a.primary { - background-color: var(--color-primary-element); - border-color: var(--color-primary-element); - color: var(--color-primary-text); - cursor: pointer; - /* Apply border to primary button if on log in page (and not in a dark container) or if in header */ -} -#body-login :not(.body-login-container) div.select2-drop .select2-search input.primary, #header div.select2-drop .select2-search input.primary, -#body-login :not(.body-login-container) input[type=submit].primary, -#header input[type=submit].primary, -#body-login :not(.body-login-container) input[type=button].primary, -#header input[type=button].primary, -#body-login :not(.body-login-container) input[type=reset].primary, -#header input[type=reset].primary, -#body-login :not(.body-login-container) button:not(.button-vue, -[class^=vs__]).primary, -#header button:not(.button-vue, -[class^=vs__]).primary, -#body-login :not(.body-login-container) .button.primary, -#header .button.primary, -#body-login :not(.body-login-container) .pager li a.primary, -#header .pager li a.primary { - border-color: var(--color-primary-text); -} -div.select2-drop .select2-search input.primary:not(:disabled):hover, div.select2-drop .select2-search input.primary:not(:disabled):focus, div.select2-drop .select2-search input.primary:not(:disabled):active, -input[type=submit].primary:not(:disabled):hover, -input[type=submit].primary:not(:disabled):focus, -input[type=submit].primary:not(:disabled):active, -input[type=button].primary:not(:disabled):hover, -input[type=button].primary:not(:disabled):focus, -input[type=button].primary:not(:disabled):active, -input[type=reset].primary:not(:disabled):hover, -input[type=reset].primary:not(:disabled):focus, -input[type=reset].primary:not(:disabled):active, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):hover, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):focus, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):active, -.button.primary:not(:disabled):hover, -.button.primary:not(:disabled):focus, -.button.primary:not(:disabled):active, -.pager li a.primary:not(:disabled):hover, -.pager li a.primary:not(:disabled):focus, -.pager li a.primary:not(:disabled):active { - background-color: var(--color-primary-element-hover); - border-color: var(--color-primary-element-hover); -} -div.select2-drop .select2-search input.primary:not(:disabled):focus, div.select2-drop .select2-search input.primary:not(:disabled):focus-visible, -input[type=submit].primary:not(:disabled):focus, -input[type=submit].primary:not(:disabled):focus-visible, -input[type=button].primary:not(:disabled):focus, -input[type=button].primary:not(:disabled):focus-visible, -input[type=reset].primary:not(:disabled):focus, -input[type=reset].primary:not(:disabled):focus-visible, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):focus, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):focus-visible, -.button.primary:not(:disabled):focus, -.button.primary:not(:disabled):focus-visible, -.pager li a.primary:not(:disabled):focus, -.pager li a.primary:not(:disabled):focus-visible { - box-shadow: 0 0 0 2px var(--color-main-text); -} -div.select2-drop .select2-search input.primary:not(:disabled):active, -input[type=submit].primary:not(:disabled):active, -input[type=button].primary:not(:disabled):active, -input[type=reset].primary:not(:disabled):active, -button:not(.button-vue, -[class^=vs__]).primary:not(:disabled):active, -.button.primary:not(:disabled):active, -.pager li a.primary:not(:disabled):active { - color: var(--color-primary-text-dark); -} -div.select2-drop .select2-search input.primary:disabled, -input[type=submit].primary:disabled, -input[type=button].primary:disabled, -input[type=reset].primary:disabled, -button:not(.button-vue, -[class^=vs__]).primary:disabled, -.button.primary:disabled, -.pager li a.primary:disabled { - background-color: var(--color-primary-element); - color: var(--color-primary-text-dark); - cursor: default; -} - -div[contenteditable=false] { - margin: 3px 3px 3px 0; - padding: 7px 6px; - font-size: 13px; - background-color: var(--color-main-background); - color: var(--color-text-lighter); - border: 1px solid var(--color-background-darker); - outline: none; - border-radius: var(--border-radius); - background-color: var(--color-background-dark); - color: var(--color-text-lighter); - cursor: default; - opacity: 0.5; -} - -/* Specific override */ -input { - /* Color input doesn't respect the initial height - so we need to set a custom one */ -} -input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):not([type=color]):not([type=file]):not([type=image]) { - -webkit-appearance: textfield; - -moz-appearance: textfield; - height: 36px; -} -input[type=radio], input[type=checkbox], input[type=file], input[type=image] { - height: auto; - width: auto; -} -input[type=color] { - margin: 3px; - padding: 0 2px; - min-height: 30px; - width: 40px; - cursor: pointer; -} -input[type=hidden] { - height: 0; - width: 0; -} -input[type=time] { - width: initial; -} - -/* 'Click' inputs */ -select, -button:not(.button-vue, -[class^=vs__]), -.button, -input[type=button], -input[type=submit], -input[type=reset] { - padding: 8px 14px; - font-size: var(--default-font-size); - width: auto; - min-height: 36px; - cursor: pointer; - box-sizing: border-box; - background-color: var(--color-background-dark); -} -select:disabled, -button:not(.button-vue, -[class^=vs__]):disabled, -.button:disabled, -input[type=button]:disabled, -input[type=submit]:disabled, -input[type=reset]:disabled { - cursor: default; -} - -input:not([type=range], -.input-field__input, -[type=submit], -[type=button], -[type=reset], -.multiselect__input, -.select2-input, -.action-input__input, -[class^=vs__]), -select, -div[contenteditable=true], -textarea { - margin: 3px 3px 3px 0; - padding: 0 12px; - font-size: var(--default-font-size); - background-color: var(--color-main-background); - color: var(--color-main-text); - border: 2px solid var(--color-border-maxcontrast); - height: 36px; - outline: none; - border-radius: var(--border-radius-large); - text-overflow: ellipsis; - cursor: pointer; -} -input:not([type=range], -.input-field__input, -[type=submit], -[type=button], -[type=reset], -.multiselect__input, -.select2-input, -.action-input__input, -[class^=vs__]):not(:disabled):hover, input:not([type=range], -.input-field__input, -[type=submit], -[type=button], -[type=reset], -.multiselect__input, -.select2-input, -.action-input__input, -[class^=vs__]):not(:disabled):focus, input:not([type=range], -.input-field__input, -[type=submit], -[type=button], -[type=reset], -.multiselect__input, -.select2-input, -.action-input__input, -[class^=vs__]):not(:disabled):active, -select:not(:disabled):hover, -select:not(:disabled):focus, -select:not(:disabled):active, -div[contenteditable=true]:not(:disabled):hover, -div[contenteditable=true]:not(:disabled):focus, -div[contenteditable=true]:not(:disabled):active, -textarea:not(:disabled):hover, -textarea:not(:disabled):focus, -textarea:not(:disabled):active { - border-color: var(--color-primary-element); -} -input:not([type=range], -.input-field__input, -[type=submit], -[type=button], -[type=reset], -.multiselect__input, -.select2-input, -.action-input__input, -[class^=vs__]):not(:disabled):focus, -select:not(:disabled):focus, -div[contenteditable=true]:not(:disabled):focus, -textarea:not(:disabled):focus { - cursor: text; -} - -.multiselect__input, .select2-input { - background-color: var(--color-main-background); - color: var(--color-main-text); -} - -textarea, div[contenteditable=true] { - padding: 12px; - height: auto; -} - -/* Override the ugly select arrow */ -select { - background: var(--icon-triangle-s-dark) no-repeat right 8px center; - appearance: none; - background-color: var(--color-main-background); - padding-right: 28px !important; -} - -select *, -button:not(.button-vue, -[class^=vs__]) *, -.button * { - cursor: pointer; -} -select:disabled *, -button:not(.button-vue, -[class^=vs__]):disabled *, -.button:disabled * { - cursor: default; -} - -/* Buttons */ -button:not(.button-vue, -[class^=vs__]), -.button, -input[type=button], -input[type=submit], -input[type=reset] { - font-weight: bold; - border-radius: var(--border-radius-pill); - /* Get rid of the inside dotted line in Firefox */ -} -button:not(.button-vue, -[class^=vs__])::-moz-focus-inner, -.button::-moz-focus-inner, -input[type=button]::-moz-focus-inner, -input[type=submit]::-moz-focus-inner, -input[type=reset]::-moz-focus-inner { - border: 0; -} -button:not(.button-vue, -[class^=vs__]).error, -.button.error, -input[type=button].error, -input[type=submit].error, -input[type=reset].error { - background-color: var(--color-error) !important; - border-color: var(--color-error) !important; - color: #fff !important; -} - -button:not(.button-vue, -.action-button, -[class^=vs__]) > span, -.button > span { - /* icon position inside buttons */ -} -button:not(.button-vue, -.action-button, -[class^=vs__]) > span[class^=icon-], button:not(.button-vue, -.action-button, -[class^=vs__]) > span[class*=" icon-"], -.button > span[class^=icon-], -.button > span[class*=" icon-"] { - display: inline-block; - vertical-align: text-bottom; - opacity: 0.5; -} - -/* Confirm inputs */ -input[type=text], input[type=password], input[type=email] { - /* only show confirm borders if input is not focused */ -} -input[type=text] + .icon-confirm, input[type=password] + .icon-confirm, input[type=email] + .icon-confirm { - margin-left: -13px !important; - border-left-color: transparent !important; - border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0 !important; - border-width: 2px; - background-clip: padding-box; - /* Avoid background under border */ - background-color: var(--color-main-background) !important; - opacity: 1; - height: 36px; - width: 36px; - padding: 7px 6px; - cursor: pointer; - margin-right: 0; -} -input[type=text] + .icon-confirm:disabled, input[type=password] + .icon-confirm:disabled, input[type=email] + .icon-confirm:disabled { - cursor: default; - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-confirm-fade-dark); -} -input[type=text]:not(:active):not(:hover):not(:focus):invalid + .icon-confirm, input[type=password]:not(:active):not(:hover):not(:focus):invalid + .icon-confirm, input[type=email]:not(:active):not(:hover):not(:focus):invalid + .icon-confirm { - border-color: var(--color-error); -} -input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus { - border-color: var(--color-primary-element) !important; - border-radius: var(--border-radius) !important; -} -input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type=text]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type=password]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type=email]:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled { - border-color: var(--color-background-darker) !important; -} -input[type=text]:active + .icon-confirm, input[type=text]:hover + .icon-confirm, input[type=text]:focus + .icon-confirm, input[type=password]:active + .icon-confirm, input[type=password]:hover + .icon-confirm, input[type=password]:focus + .icon-confirm, input[type=email]:active + .icon-confirm, input[type=email]:hover + .icon-confirm, input[type=email]:focus + .icon-confirm { - border-color: var(--color-primary-element) !important; - border-left-color: transparent !important; - /* above previous input */ - z-index: 2; -} - -/* Various Fixes */ -button img, -.button img { - cursor: pointer; -} - -select, -.button.multiselect { - font-weight: normal; -} - -/* Radio & Checkboxes */ -input[type=checkbox], input[type=radio] { - /* We do not use the variables as we keep the colours as white for this variant */ -} -input[type=checkbox].radio, input[type=checkbox].checkbox, input[type=radio].radio, input[type=radio].checkbox { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; -} -input[type=checkbox].radio + label, input[type=checkbox].checkbox + label, input[type=radio].radio + label, input[type=radio].checkbox + label { - user-select: none; -} -input[type=checkbox].radio:disabled + label, input[type=checkbox].radio:disabled + label:before, input[type=checkbox].checkbox:disabled + label, input[type=checkbox].checkbox:disabled + label:before, input[type=radio].radio:disabled + label, input[type=radio].radio:disabled + label:before, input[type=radio].checkbox:disabled + label, input[type=radio].checkbox:disabled + label:before { - cursor: default; -} -input[type=checkbox].radio + label:before, input[type=checkbox].checkbox + label:before, input[type=radio].radio + label:before, input[type=radio].checkbox + label:before { - content: ""; - display: inline-block; - height: 14px; - width: 14px; - vertical-align: middle; - border-radius: 50%; - margin: 0 6px 3px 3px; - border: 1px solid var(--color-text-lighter); -} -input[type=checkbox].radio:not(:disabled):not(:checked) + label:hover:before, input[type=checkbox].radio:focus + label:before, input[type=checkbox].checkbox:not(:disabled):not(:checked) + label:hover:before, input[type=checkbox].checkbox:focus + label:before, input[type=radio].radio:not(:disabled):not(:checked) + label:hover:before, input[type=radio].radio:focus + label:before, input[type=radio].checkbox:not(:disabled):not(:checked) + label:hover:before, input[type=radio].checkbox:focus + label:before { - border-color: var(--color-primary-element); -} -input[type=checkbox].radio:focus-visible + label, input[type=checkbox].checkbox:focus-visible + label, input[type=radio].radio:focus-visible + label, input[type=radio].checkbox:focus-visible + label { - outline-style: solid; - outline-color: var(--color-main-text); - outline-width: 1px; - outline-offset: 2px; -} -input[type=checkbox].radio:checked + label:before, input[type=checkbox].radio.checkbox:indeterminate + label:before, input[type=checkbox].checkbox:checked + label:before, input[type=checkbox].checkbox.checkbox:indeterminate + label:before, input[type=radio].radio:checked + label:before, input[type=radio].radio.checkbox:indeterminate + label:before, input[type=radio].checkbox:checked + label:before, input[type=radio].checkbox.checkbox:indeterminate + label:before { - /* ^ :indeterminate have a strange behavior on radio, - so we respecified the checkbox class again to be safe */ - box-shadow: inset 0px 0px 0px 2px var(--color-main-background); - background-color: var(--color-primary-element); - border-color: var(--color-primary-element); -} -input[type=checkbox].radio:disabled + label:before, input[type=checkbox].checkbox:disabled + label:before, input[type=radio].radio:disabled + label:before, input[type=radio].checkbox:disabled + label:before { - border: 1px solid var(--color-text-lighter); - background-color: var(--color-text-maxcontrast) !important; /* override other status */ -} -input[type=checkbox].radio:checked:disabled + label:before, input[type=checkbox].checkbox:checked:disabled + label:before, input[type=radio].radio:checked:disabled + label:before, input[type=radio].checkbox:checked:disabled + label:before { - background-color: var(--color-text-maxcontrast); -} -input[type=checkbox].radio + label ~ em, input[type=checkbox].checkbox + label ~ em, input[type=radio].radio + label ~ em, input[type=radio].checkbox + label ~ em { - display: inline-block; - margin-left: 25px; -} -input[type=checkbox].radio + label ~ em:last-of-type, input[type=checkbox].checkbox + label ~ em:last-of-type, input[type=radio].radio + label ~ em:last-of-type, input[type=radio].checkbox + label ~ em:last-of-type { - margin-bottom: 14px; -} -input[type=checkbox].checkbox + label:before, input[type=radio].checkbox + label:before { - border-radius: 1px; - height: 14px; - width: 14px; - box-shadow: none !important; - background-position: center; -} -input[type=checkbox].checkbox:checked + label:before, input[type=radio].checkbox:checked + label:before { - background-image: url("../img/actions/checkbox-mark.svg"); -} -input[type=checkbox].checkbox:indeterminate + label:before, input[type=radio].checkbox:indeterminate + label:before { - background-image: url("../img/actions/checkbox-mixed.svg"); -} -input[type=checkbox].radio--white + label:before, input[type=checkbox].radio--white:focus + label:before, input[type=checkbox].checkbox--white + label:before, input[type=checkbox].checkbox--white:focus + label:before, input[type=radio].radio--white + label:before, input[type=radio].radio--white:focus + label:before, input[type=radio].checkbox--white + label:before, input[type=radio].checkbox--white:focus + label:before { - border-color: #bababa; -} -input[type=checkbox].radio--white:not(:disabled):not(:checked) + label:hover:before, input[type=checkbox].checkbox--white:not(:disabled):not(:checked) + label:hover:before, input[type=radio].radio--white:not(:disabled):not(:checked) + label:hover:before, input[type=radio].checkbox--white:not(:disabled):not(:checked) + label:hover:before { - border-color: #fff; -} -input[type=checkbox].radio--white:checked + label:before, input[type=checkbox].checkbox--white:checked + label:before, input[type=radio].radio--white:checked + label:before, input[type=radio].checkbox--white:checked + label:before { - box-shadow: inset 0px 0px 0px 2px var(--color-main-background); - background-color: #dbdbdb; - border-color: #dbdbdb; -} -input[type=checkbox].radio--white:disabled + label:before, input[type=checkbox].checkbox--white:disabled + label:before, input[type=radio].radio--white:disabled + label:before, input[type=radio].checkbox--white:disabled + label:before { - background-color: #bababa !important; /* override other status */ - border-color: rgba(255, 255, 255, 0.4) !important; /* override other status */ -} -input[type=checkbox].radio--white:checked:disabled + label:before, input[type=checkbox].checkbox--white:checked:disabled + label:before, input[type=radio].radio--white:checked:disabled + label:before, input[type=radio].checkbox--white:checked:disabled + label:before { - box-shadow: inset 0px 0px 0px 2px var(--color-main-background); - border-color: rgba(255, 255, 255, 0.4) !important; /* override other status */ - background-color: #bababa; -} -input[type=checkbox].checkbox--white:checked + label:before, input[type=checkbox].checkbox--white:indeterminate + label:before, input[type=radio].checkbox--white:checked + label:before, input[type=radio].checkbox--white:indeterminate + label:before { - background-color: transparent !important; /* Override default checked */ - border-color: #fff !important; /* Override default checked */ - background-image: url("../img/actions/checkbox-mark-white.svg"); -} -input[type=checkbox].checkbox--white:indeterminate + label:before, input[type=radio].checkbox--white:indeterminate + label:before { - background-image: url("../img/actions/checkbox-mixed-white.svg"); -} -input[type=checkbox].checkbox--white:disabled + label:before, input[type=radio].checkbox--white:disabled + label:before { - opacity: 0.7; /* No other choice for white background image */ -} - -/* Select2 overriding. Merged to core with vendor stylesheet */ -div.select2-drop { - margin-top: -2px; - background-color: var(--color-main-background); -} -div.select2-drop.select2-drop-active { - border-color: var(--color-border-dark); -} -div.select2-drop .avatar { - display: inline-block; - margin-right: 8px; - vertical-align: middle; -} -div.select2-drop .avatar img { - cursor: pointer; -} -div.select2-drop .select2-search input { - min-height: auto; - background: var(--icon-search-dark) no-repeat right center !important; - background-origin: content-box !important; -} -div.select2-drop .select2-results { - max-height: 250px; - margin: 0; - padding: 0; -} -div.select2-drop .select2-results .select2-result-label { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -div.select2-drop .select2-results .select2-result-label span { - cursor: pointer; -} -div.select2-drop .select2-results .select2-result-label span em { - cursor: inherit; - background: unset; -} -div.select2-drop .select2-results .select2-result, -div.select2-drop .select2-results .select2-no-results, -div.select2-drop .select2-results .select2-searching { - position: relative; - display: list-item; - padding: 12px; - background-color: transparent; - cursor: pointer; - color: var(--color-text-lighter); -} -div.select2-drop .select2-results .select2-result.select2-selected { - background-color: var(--color-background-dark); -} -div.select2-drop .select2-results .select2-highlighted { - background-color: var(--color-background-dark); - color: var(--color-main-text); -} - -.select2-chosen .avatar, -.select2-chosen .avatar img, -#select2-drop .avatar, -#select2-drop .avatar img { - cursor: pointer; -} - -div.select2-container-multi .select2-choices, div.select2-container-multi.select2-container-active .select2-choices { - box-shadow: none; - white-space: nowrap; - text-overflow: ellipsis; - background: var(--color-main-background); - color: var(--color-text-lighter) !important; - box-sizing: content-box; - border-radius: var(--border-radius-large); - border: 2px solid var(--color-border-dark); - margin: 0; - padding: 6px; - min-height: 44px; -} -div.select2-container-multi .select2-choices:focus-within, div.select2-container-multi.select2-container-active .select2-choices:focus-within { - border-color: var(--color-primary); -} -div.select2-container-multi .select2-choices .select2-search-choice, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice { - line-height: 20px; - padding-left: 5px; -} -div.select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus, div.select2-container-multi .select2-choices .select2-search-choice:hover, div.select2-container-multi .select2-choices .select2-search-choice:active, div.select2-container-multi .select2-choices .select2-search-choice, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice.select2-search-choice-focus, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:hover, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:active, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice { - background-image: none; - background-color: var(--color-main-background); - color: var(--color-text-lighter); - border: 1px solid var(--color-border-dark); -} -div.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice .select2-search-choice-close { - display: none; -} -div.select2-container-multi .select2-choices .select2-search-field input, div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input { - line-height: 20px; - min-height: 28px; - max-height: 28px; - color: var(--color-main-text); -} -div.select2-container-multi .select2-choices .select2-search-field input.select2-active, div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input.select2-active { - background: none !important; -} - -div.select2-container { - margin: 3px 3px 3px 0; -} -div.select2-container.select2-container-multi .select2-choices { - display: flex; - flex-wrap: wrap; -} -div.select2-container.select2-container-multi .select2-choices li { - float: none; -} -div.select2-container a.select2-choice { - box-shadow: none; - white-space: nowrap; - text-overflow: ellipsis; - background: var(--color-main-background); - color: var(--color-text-lighter) !important; - box-sizing: content-box; - border-radius: var(--border-radius-large); - border: 2px solid var(--color-border-dark); - margin: 0; - padding: 6px 12px; - min-height: 44px; -} -div.select2-container a.select2-choice:focus-within { - border-color: var(--color-primary); -} -div.select2-container a.select2-choice .select2-search-choice { - line-height: 20px; - padding-left: 5px; - background-image: none; - background-color: var(--color-background-dark); - border-color: var(--color-background-dark); -} -div.select2-container a.select2-choice .select2-search-choice .select2-search-choice-close { - display: none; -} -div.select2-container a.select2-choice .select2-search-choice.select2-search-choice-focus, div.select2-container a.select2-choice .select2-search-choice:hover { - background-color: var(--color-border); - border-color: var(--color-border); -} -div.select2-container a.select2-choice .select2-arrow { - background: none; - border-radius: 0; - border: none; -} -div.select2-container a.select2-choice .select2-arrow b { - background: var(--icon-triangle-s-dark) no-repeat center !important; - opacity: 0.5; -} -div.select2-container a.select2-choice:hover .select2-arrow b, div.select2-container a.select2-choice:focus .select2-arrow b, div.select2-container a.select2-choice:active .select2-arrow b { - opacity: 0.7; -} -div.select2-container a.select2-choice .select2-search-field input { - line-height: 20px; -} - -/* Vue v-select */ -.v-select { - margin: 3px 3px 3px 0; - display: inline-block; -} -.v-select .dropdown-toggle { - display: flex !important; - flex-wrap: wrap; -} -.v-select .dropdown-toggle .selected-tag { - line-height: 20px; - padding-left: 5px; - background-image: none; - background-color: var(--color-main-background); - color: var(--color-text-lighter); - border: 1px solid var(--color-border-dark); - display: inline-flex; - align-items: center; -} -.v-select .dropdown-toggle .selected-tag .close { - margin-left: 3px; -} -.v-select .dropdown-menu { - padding: 0; -} -.v-select .dropdown-menu li { - padding: 5px; - position: relative; - display: list-item; - background-color: transparent; - cursor: pointer; - color: var(--color-text-lighter); -} -.v-select .dropdown-menu li a { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - height: 25px; - padding: 3px 7px 4px 2px; - margin: 0; - cursor: pointer; - min-height: 1em; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: inline-flex; - align-items: center; - background-color: transparent !important; - color: inherit !important; -} -.v-select .dropdown-menu li a::before { - content: " "; - background-image: var(--icon-checkmark-dark); - background-repeat: no-repeat; - background-position: center; - min-width: 16px; - min-height: 16px; - display: block; - opacity: 0.5; - margin-right: 5px; - visibility: hidden; -} -.v-select .dropdown-menu li.highlight { - color: var(--color-main-text); -} -.v-select .dropdown-menu li.active > a { - background-color: var(--color-background-dark); - color: var(--color-main-text); -} -.v-select .dropdown-menu li.active > a::before { - visibility: visible; -} - -/* Progressbar */ -progress:not(.vue) { - display: block; - width: 100%; - padding: 0; - border: 0 none; - background-color: var(--color-background-dark); - border-radius: var(--border-radius); - flex-basis: 100%; - height: 5px; - overflow: hidden; -} -progress:not(.vue).warn::-moz-progress-bar { - background: var(--color-error); -} -progress:not(.vue).warn::-webkit-progress-value { - background: var(--color-error); -} -progress:not(.vue)::-webkit-progress-bar { - background: transparent; -} -progress:not(.vue)::-moz-progress-bar { - border-radius: var(--border-radius); - background: var(--color-primary); - transition: 250ms all ease-in-out; -} -progress:not(.vue)::-webkit-progress-value { - border-radius: var(--border-radius); - background: var(--color-primary); - transition: 250ms all ease-in-out; -} - -/* Animation */ -@keyframes shake { - 10%, 90% { - transform: translate(-1px); - } - 20%, 80% { - transform: translate(2px); - } - 30%, 50%, 70% { - transform: translate(-4px); - } - 40%, 60% { - transform: translate(4px); - } -} -.shake { - animation-name: shake; - animation-duration: 0.7s; - animation-timing-function: ease-out; -} - -label.infield { - position: absolute; - left: -10000px; - top: -10000px; - width: 1px; - height: 1px; - overflow: hidden; -} - -::placeholder, -::-ms-input-placeholder, -::-webkit-input-placeholder { - color: var(--color-text-maxcontrast); - font-size: var(--default-font-size); -} - -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, Lukas Reschke - * @copyright Copyright (c) 2016, Jos Poortvliet - * @copyright Copyright (c) 2016, Erik Pellikka - * @copyright Copyright (c) 2016, jowi - * @copyright Copyright (c) 2015, Hendrik Leppelsack - * @copyright Copyright (c) 2015, Volker E - * @copyright Copyright (c) 2014-2017, Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - */ -/* prevent ugly selection effect on accidental selection */ -#header, -#expanddiv { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; -} -#header a:not(.button):focus-visible, #header button:not(.button-vue):focus-visible, #header div[role=button]:focus-visible, -#expanddiv a:not(.button):focus-visible, -#expanddiv button:not(.button-vue):focus-visible, -#expanddiv div[role=button]:focus-visible { - outline: none; -} -#header a:not(.button):focus-visible::after, #header .button-vue:focus-visible::after, #header div[role=button]:focus-visible::after, -#expanddiv a:not(.button):focus-visible::after, -#expanddiv .button-vue:focus-visible::after, -#expanddiv div[role=button]:focus-visible::after { - content: " "; - position: absolute; - transform: translateX(-50%); - width: 12px; - height: 2px; - border-radius: 3px; - background-color: var(--color-primary-text); - left: 50%; - opacity: 1; -} -#header a:not(.button):focus-visible::after, #header .button-vue:focus-visible::after, -#expanddiv a:not(.button):focus-visible::after, -#expanddiv .button-vue:focus-visible::after { - bottom: 2px; -} -#header .header-right a:not(.button):focus-visible::after, #header .header-right div[role=button]:focus-visible::after, -#expanddiv .header-right a:not(.button):focus-visible::after, -#expanddiv .header-right div[role=button]:focus-visible::after { - bottom: 4px; -} -#header .header-right #expand.menutoggle:focus-visible::after, -#expanddiv .header-right #expand.menutoggle:focus-visible::after { - left: 40%; -} - -/* HEADERS ------------------------------------------------------------------ */ -#body-user #header, -#body-settings #header, -#body-public #header { - display: inline-flex; - position: absolute; - top: 0; - width: 100%; - z-index: 2000; - height: 50px; - box-sizing: border-box; - justify-content: space-between; -} - -/* LOGO and APP NAME -------------------------------------------------------- */ -#nextcloud { - padding: 5px 0; - padding-left: 86px; - position: relative; - height: calc(100% - 4px); - box-sizing: border-box; - opacity: 1; - align-items: center; - display: flex; - flex-wrap: wrap; - overflow: hidden; - margin: 2px; -} -#nextcloud:hover, #nextcloud:active { - opacity: 1; -} - -#header { - /* Header menu */ - /* Right header standard */ -} -#header .header-right > div > .menu { - background-color: var(--color-main-background); - filter: drop-shadow(0 1px 5px var(--color-box-shadow)); - border-radius: var(--border-radius-large); - box-sizing: border-box; - z-index: 2000; - position: absolute; - max-width: 350px; - min-height: 66px; - max-height: calc(100vh - 50px - 8px); - right: 8px; - top: 50px; - margin: 0; - overflow-y: auto; - /* Dropdown arrow */ - /* Use by the settings right menu */ -} -#header .header-right > div > .menu:not(.popovermenu) { - display: none; -} -#header .header-right > div > .menu:after { - border: 10px solid transparent; - border-bottom-color: var(--color-main-background); - bottom: 100%; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - right: 10px; -} -#header .header-right > div > .menu > div, #header .header-right > div > .menu > ul { - -webkit-overflow-scrolling: touch; - min-height: 66px; - max-height: calc(100vh - 50px - 8px); -} -#header .header-right > div > .menu.settings-menu > ul { - padding: 4px; - display: flex; - flex-direction: column; - gap: 2px; -} -#header .header-right > div > .menu.settings-menu > ul li a { - border-radius: 6px; - display: inline-flex; - align-items: center; - height: 44px; - color: var(--color-main-text); - padding: 10px 12px; - box-sizing: border-box; - white-space: nowrap; - position: relative; - width: 100%; -} -#header .header-right > div > .menu.settings-menu > ul li a:hover, #header .header-right > div > .menu.settings-menu > ul li a:focus { - background-color: var(--color-background-hover); -} -#header .header-right > div > .menu.settings-menu > ul li a:active, #header .header-right > div > .menu.settings-menu > ul li a.active { - background-color: var(--color-primary-light); -} -#header .header-right > div > .menu.settings-menu > ul li a:focus-visible { - box-shadow: inset 0 0 0 2px var(--color-primary); - outline: none; -} -#header .header-right > div > .menu.settings-menu > ul li a span { - display: inline-block; - padding-bottom: 0; - color: var(--color-main-text); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 110px; -} -#header .header-right > div > .menu.settings-menu > ul li a .icon-loading-small { - margin-right: 10px; - background-size: 16px 16px; -} -#header .header-right > div > .menu.settings-menu > ul li a img, -#header .header-right > div > .menu.settings-menu > ul li a svg { - opacity: 0.7; - margin-right: 10px; - height: 16px; - width: 16px; - filter: var(--background-invert-if-dark); -} -#header .logo { - display: inline-flex; - width: 62px; - position: absolute; - left: 12px; - filter: var(--image-logoheader-custom, var(--background-image-invert-if-bright)); -} -#header .header-appname-container { - display: none; - padding-right: 10px; - flex-shrink: 0; -} -#header #header-left, #header .header-left, -#header #header-right, #header .header-right { - display: inline-flex; - align-items: center; -} -#header #header-left, #header .header-left { - flex: 1 0; - white-space: nowrap; - min-width: 0; -} -#header #header-right, #header .header-right { - justify-content: flex-end; - flex-shrink: 1; -} -#header .header-right > div, -#header .header-right > form { - height: 100%; - position: relative; -} -#header .header-right > div > .menutoggle, -#header .header-right > form > .menutoggle { - display: flex; - justify-content: center; - align-items: center; - width: 50px; - height: 44px; - cursor: pointer; - opacity: 0.85; - padding: 0; - margin: 2px 0; -} -#header .header-right > div > .menutoggle:focus, -#header .header-right > form > .menutoggle:focus { - opacity: 1; -} -#header .header-right > div > .menutoggle:focus-visible, -#header .header-right > form > .menutoggle:focus-visible { - outline: none; -} - -/* hover effect for app switcher label */ -.header-appname-container .header-appname { - opacity: 0.75; -} - -/* TODO: move into minimal css file for public shared template */ -/* only used for public share pages now as we have the app icons when logged in */ -.header-appname { - color: var(--color-primary-text); - font-size: 16px; - font-weight: bold; - margin: 0; - padding: 0; - padding-right: 5px; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 100%; -} - -.header-shared-by { - color: var(--color-primary-text); - position: relative; - font-weight: 300; - font-size: 11px; - line-height: 11px; - overflow: hidden; - text-overflow: ellipsis; -} - -/* USER MENU -----------------------------------------------------------------*/ -#settings { - display: inline-block; - height: 100%; - cursor: pointer; - flex: 0 0 auto; - /* User menu on the right */ -} -#settings #expand { - opacity: 1; /* override icon opacity */ - margin-right: 12px; - /* Profile picture in header */ - /* show triangle below user menu if active */ -} -#settings #expand:hover, #settings #expand:focus, #settings #expand:active { - color: var(--color-primary-text); -} -#settings #expand:hover #expandDisplayName, -#settings #expand:hover .avatardiv, #settings #expand:focus #expandDisplayName, -#settings #expand:focus .avatardiv, #settings #expand:active #expandDisplayName, -#settings #expand:active .avatardiv { - border-radius: 50%; - border: 2px solid var(--color-primary-text); - margin: -2px; -} -#settings #expand:hover .avatardiv, #settings #expand:focus .avatardiv, #settings #expand:active .avatardiv { - background-color: var(--color-primary-text); -} -#settings #expand:hover #expandDisplayName, #settings #expand:focus #expandDisplayName, #settings #expand:active #expandDisplayName { - opacity: 1; -} -#settings #expand .avatardiv { - cursor: pointer; - height: 32px; - width: 32px; - /* do not show display name when profile picture is present */ -} -#settings #expand .avatardiv img { - opacity: 1; - cursor: pointer; -} -#settings #expand .avatardiv.avatardiv-shown + #expandDisplayName { - display: none; -} -#settings #expand #expandDisplayName { - padding: 8px; - opacity: 0.6; - cursor: pointer; - /* full opacity for gear icon if active */ -} -#body-settings #settings #expand #expandDisplayName { - opacity: 1; -} -#body-settings #settings #expand:before { - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - bottom: 2px; - z-index: 100; - display: block; - width: 10px; - height: 5px; - border-radius: 3px; - background-color: var(--color-primary-text); -} -#settings #expanddiv:after { - right: 22px; -} - -/* Skip navigation links – show only on keyboard focus */ -#skip-actions { - position: absolute; - overflow: hidden; - z-index: 9999; - top: -999px; - left: 3px; - height: 50px; - padding: 11px; -} -#skip-actions:focus-within { - top: 50px; -} - -/* Empty content messages in the header e.g. notifications, contacts menu, … */ -header #emptycontent h2, -header .emptycontent h2 { - font-weight: normal; - font-size: 16px; -} -header #emptycontent [class^=icon-], -header #emptycontent [class*=icon-], -header .emptycontent [class^=icon-], -header .emptycontent [class*=icon-] { - background-size: 48px; - height: 48px; - width: 48px; -} - -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * @author Joas Schilling - * @author Lukas Reschke - * @author Roeland Jago Douma - * @author Vincent Chan - * @author Thomas Müller - * @author Hendrik Leppelsack - * @author Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -/* GLOBAL ------------------------------------------------------------------- */ -[class^=icon-], [class*=" icon-"] { - background-repeat: no-repeat; - background-position: center; - min-width: 16px; - min-height: 16px; -} - -.icon-breadcrumb { - background-image: url("../img/breadcrumb.svg?v=1"); -} - -/* LOADING ------------------------------------------------------------------ */ -.loading, -.loading-small, -.icon-loading, -.icon-loading-dark, -.icon-loading-small, -.icon-loading-small-dark { - position: relative; -} -.loading:after, -.loading-small:after, -.icon-loading:after, -.icon-loading-dark:after, -.icon-loading-small:after, -.icon-loading-small-dark:after { - z-index: 2; - content: ""; - height: 28px; - width: 28px; - margin: -16px 0 0 -16px; - position: absolute; - top: 50%; - left: 50%; - border-radius: 100%; - -webkit-animation: rotate 0.8s infinite linear; - animation: rotate 0.8s infinite linear; - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - border: 2px solid var(--color-loading-light); - border-top-color: var(--color-loading-dark); - filter: var(--background-invert-if-dark); -} -.primary .loading:after, .primary + .loading:after, -.primary .loading-small:after, -.primary + .loading-small:after, -.primary .icon-loading:after, -.primary + .icon-loading:after, -.primary .icon-loading-dark:after, -.primary + .icon-loading-dark:after, -.primary .icon-loading-small:after, -.primary + .icon-loading-small:after, -.primary .icon-loading-small-dark:after, -.primary + .icon-loading-small-dark:after { - filter: var(--primary-invert-if-bright); -} - -.icon-loading-dark:after, -.icon-loading-small-dark:after { - border: 2px solid var(--color-loading-dark); - border-top-color: var(--color-loading-light); -} - -.icon-loading-small:after, -.icon-loading-small-dark:after { - height: 12px; - width: 12px; - margin: -8px 0 0 -8px; -} - -/* Css replaced elements don't have ::after nor ::before */ -audio.icon-loading, canvas.icon-loading, embed.icon-loading, iframe.icon-loading, img.icon-loading, input.icon-loading, object.icon-loading, video.icon-loading { - background-image: url("../img/loading.gif"); -} -audio.icon-loading-dark, canvas.icon-loading-dark, embed.icon-loading-dark, iframe.icon-loading-dark, img.icon-loading-dark, input.icon-loading-dark, object.icon-loading-dark, video.icon-loading-dark { - background-image: url("../img/loading-dark.gif"); -} -audio.icon-loading-small, canvas.icon-loading-small, embed.icon-loading-small, iframe.icon-loading-small, img.icon-loading-small, input.icon-loading-small, object.icon-loading-small, video.icon-loading-small { - background-image: url("../img/loading-small.gif"); -} -audio.icon-loading-small-dark, canvas.icon-loading-small-dark, embed.icon-loading-small-dark, iframe.icon-loading-small-dark, img.icon-loading-small-dark, input.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-small-dark { - background-image: url("../img/loading-small-dark.gif"); -} - -@keyframes rotate { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} -.icon-32 { - background-size: 32px !important; -} - -.icon-white.icon-shadow, -.icon-audio-white, -.icon-audio-off-white, -.icon-fullscreen-white, -.icon-screen-white, -.icon-screen-off-white, -.icon-video-white, -.icon-video-off-white { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); -} - -/* ICONS ------------------------------------------------------------------- - * These icon classes are generated automatically with the following pattern - * .icon-close (black icon) - * .icon-close-white (white icon) - * .icon-close.icon-white (white icon) - * - * Some class definitions are kept as before, since they don't follow the pattern - * or have some additional styling like drop shadows - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2016-2017, John Molakvoæ - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, Morris Jobke - * @copyright Copyright (c) 2016, pgys - * @copyright Copyright (c) 2016, Lukas Reschke - * @copyright Copyright (c) 2016, Stefan Weil - * @copyright Copyright (c) 2016, Roeland Jago Douma - * @copyright Copyright (c) 2016, jowi - * @copyright Copyright (c) 2015, Hendrik Leppelsack - * @copyright Copyright (c) 2015, Thomas Müller - * @copyright Copyright (c) 2015, Vincent Petry - * @copyright Copyright (c) 2014-2017, Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -:root { - --body-container-margin: calc(var(--default-grid-baseline) * 2); - /* - 2px is required for making it look nice */ - --body-container-radius: calc(var(--default-clickable-area) / 2 + var(--default-grid-baseline) * 2 - 2px); - --body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin)); -} - -@media screen and (max-width: 1024px) { - :root { - --body-container-margin: 0px; - --body-container-radius: 0px; - } -} -html { - width: 100%; - height: 100%; - position: absolute; - background-color: var(--color-background-plain, var(--color-main-background)); -} - -body { - background-color: var(--color-background-plain, var(--color-main-background)); - background-image: var(--image-background, var(--image-background-default)); - background-size: cover; - background-position: center; - position: fixed; - width: 100%; - height: calc(100vh - env(safe-area-inset-bottom)); -} - -/* BASE STYLING ------------------------------------------------------------ */ -h2 { - font-weight: bold; - font-size: 20px; - margin-bottom: 12px; - line-height: 30px; - color: var(--color-text-light); -} - -h3 { - font-size: 16px; - margin: 12px 0; - color: var(--color-text-light); -} - -h4 { - font-size: 14px; -} - -/* do not use italic typeface style, instead lighter color */ -em { - font-style: normal; - color: var(--color-text-lighter); -} - -dl { - padding: 12px 0; -} - -dt, -dd { - display: inline-block; - padding: 12px; - padding-left: 0; -} - -dt { - width: 130px; - white-space: nowrap; - text-align: right; -} - -kbd { - padding: 4px 10px; - border: 1px solid #ccc; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); - border-radius: var(--border-radius); - display: inline-block; - white-space: nowrap; -} - -/* APP STYLING ------------------------------------------------------------ */ -#content[class*=app-] * { - box-sizing: border-box; -} - -/* APP-NAVIGATION ------------------------------------------------------------ */ -/* Navigation: folder like structure */ -#app-navigation:not(.vue) { - --border-radius-pill: calc(var(--default-clickable-area) / 2); - width: 300px; - z-index: 500; - overflow-y: auto; - overflow-x: hidden; - background-color: var(--color-main-background-blur); - backdrop-filter: var(--filter-background-blur); - -webkit-backdrop-filter: var(--filter-background-blur); - -webkit-user-select: none; - position: sticky; - height: 100%; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: flex; - flex-direction: column; - flex-grow: 0; - flex-shrink: 0; - /* 'New' button */ - /** - * Button styling for menu, edit and undo - */ - /** - * Collapsible menus - */ - /** - * App navigation utils, buttons and counters for drop down menu - */ - /** - * Editable entries - */ - /** - * Deleted entries with undo button - */ - /** - * Common rules for animation of undo and edit entries - */ - /** - * drag and drop - */ -} -#app-navigation:not(.vue) .app-navigation-new { - display: block; - padding: calc(var(--default-grid-baseline) * 2); -} -#app-navigation:not(.vue) .app-navigation-new button { - display: inline-block; - width: 100%; - padding: 10px; - padding-left: 34px; - background-position: 10px center; - text-align: left; - margin: 0; -} -#app-navigation:not(.vue) li { - position: relative; -} -#app-navigation:not(.vue) > ul { - position: relative; - height: 100%; - width: 100%; - overflow-x: hidden; - overflow-y: auto; - box-sizing: border-box; - display: flex; - flex-direction: column; - padding: calc(var(--default-grid-baseline) * 2); - padding-bottom: 0; - /* Menu and submenu */ -} -#app-navigation:not(.vue) > ul:last-child { - padding-bottom: calc(var(--default-grid-baseline) * 2); -} -#app-navigation:not(.vue) > ul > li { - display: inline-flex; - flex-wrap: wrap; - order: 1; - flex-shrink: 0; - margin: 0; - margin-bottom: 3px; - width: 100%; - border-radius: var(--border-radius-pill); - /* Pinned-to-bottom entries */ - /* align loader */ - /* hide deletion/collapse of subitems */ - /* Second level nesting for lists */ -} -#app-navigation:not(.vue) > ul > li.pinned { - order: 2; -} -#app-navigation:not(.vue) > ul > li.pinned.first-pinned { - margin-top: auto !important; -} -#app-navigation:not(.vue) > ul > li > .app-navigation-entry-deleted { - /* Ugly hack for overriding the main entry link */ - padding-left: 44px !important; -} -#app-navigation:not(.vue) > ul > li > .app-navigation-entry-edit { - /* Ugly hack for overriding the main entry link */ - /* align the input correctly with the link text - 44px-6px padding for the input */ - padding-left: 38px !important; -} -#app-navigation:not(.vue) > ul > li a:hover, -#app-navigation:not(.vue) > ul > li a:hover > a, -#app-navigation:not(.vue) > ul > li a:focus, -#app-navigation:not(.vue) > ul > li a:focus > a { - background-color: var(--color-background-hover); -} -#app-navigation:not(.vue) > ul > li a:focus-visible { - box-shadow: var(--color-primary) inset 0 0 0 2px; - outline: none; -} -#app-navigation:not(.vue) > ul > li.active, -#app-navigation:not(.vue) > ul > li.active > a, -#app-navigation:not(.vue) > ul > li a:active, -#app-navigation:not(.vue) > ul > li a:active > a, -#app-navigation:not(.vue) > ul > li a.selected, -#app-navigation:not(.vue) > ul > li a.selected > a, -#app-navigation:not(.vue) > ul > li a.active, -#app-navigation:not(.vue) > ul > li a.active > a { - background-color: var(--color-primary-light); -} -#app-navigation:not(.vue) > ul > li.icon-loading-small:after { - left: 22px; - top: 22px; -} -#app-navigation:not(.vue) > ul > li.deleted > ul, #app-navigation:not(.vue) > ul > li.collapsible:not(.open) > ul { - display: none; -} -#app-navigation:not(.vue) > ul > li.app-navigation-caption { - font-weight: bold; - line-height: 44px; - padding: 0 44px; - white-space: nowrap; - text-overflow: ellipsis; - box-shadow: none !important; - user-select: none; - pointer-events: none; -} -#app-navigation:not(.vue) > ul > li.app-navigation-caption:not(:first-child) { - margin-top: 22px; -} -#app-navigation:not(.vue) > ul > li > ul { - flex: 0 1 auto; - width: 100%; - position: relative; -} -#app-navigation:not(.vue) > ul > li > ul > li { - display: inline-flex; - flex-wrap: wrap; - padding-left: 44px; - width: 100%; - margin-bottom: 3px; - /* align loader */ -} -#app-navigation:not(.vue) > ul > li > ul > li:hover, -#app-navigation:not(.vue) > ul > li > ul > li:hover > a, #app-navigation:not(.vue) > ul > li > ul > li:focus, -#app-navigation:not(.vue) > ul > li > ul > li:focus > a { - border-radius: var(--border-radius-pill); - background-color: var(--color-background-hover); -} -#app-navigation:not(.vue) > ul > li > ul > li.active, -#app-navigation:not(.vue) > ul > li > ul > li.active > a, -#app-navigation:not(.vue) > ul > li > ul > li a.selected, -#app-navigation:not(.vue) > ul > li > ul > li a.selected > a { - border-radius: var(--border-radius-pill); - background-color: var(--color-primary-light); -} -#app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small:after { - left: 22px; /* 44px / 2 */ -} -#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-deleted { - /* margin to keep active indicator visible */ - margin-left: 4px; - padding-left: 84px; -} -#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-edit { - /* margin to keep active indicator visible */ - margin-left: 4px; - /* align the input correctly with the link text - 44px+44px-4px-6px padding for the input */ - padding-left: 78px !important; -} -#app-navigation:not(.vue) > ul > li, -#app-navigation:not(.vue) > ul > li > ul > li { - position: relative; - box-sizing: border-box; - /* hide icons if loading */ - /* Main entry link */ - /* Bullet icon */ - /* popover fix the flex positionning of the li parent */ - /* show edit/undo field if editing/deleted */ -} -#app-navigation:not(.vue) > ul > li.icon-loading-small > a, -#app-navigation:not(.vue) > ul > li.icon-loading-small > .app-navigation-entry-bullet, -#app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small > a, -#app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small > .app-navigation-entry-bullet { - /* hide icon or bullet if loading state*/ - background: transparent !important; -} -#app-navigation:not(.vue) > ul > li > a, -#app-navigation:not(.vue) > ul > li > ul > li > a { - background-size: 16px 16px; - background-position: 14px center; - background-repeat: no-repeat; - display: block; - justify-content: space-between; - line-height: 44px; - min-height: 44px; - padding: 0 12px 0 14px; - overflow: hidden; - box-sizing: border-box; - white-space: nowrap; - text-overflow: ellipsis; - border-radius: var(--border-radius-pill); - color: var(--color-main-text); - flex: 1 1 0px; - z-index: 100; /* above the bullet to allow click*/ - /* TODO: forbid using img as icon in menu? */ - /* counter can also be inside the link */ -} -#app-navigation:not(.vue) > ul > li > a.svg, -#app-navigation:not(.vue) > ul > li > ul > li > a.svg { - padding: 0 12px 0 44px; -} -#app-navigation:not(.vue) > ul > li > a.svg :focus-visible, -#app-navigation:not(.vue) > ul > li > ul > li > a.svg :focus-visible { - padding: 0 8px 0 42px; -} -#app-navigation:not(.vue) > ul > li > a:first-child img, -#app-navigation:not(.vue) > ul > li > ul > li > a:first-child img { - margin-right: 11px; - width: 16px; - height: 16px; - filter: var(--background-invert-if-dark); -} -#app-navigation:not(.vue) > ul > li > a > .app-navigation-entry-utils, -#app-navigation:not(.vue) > ul > li > ul > li > a > .app-navigation-entry-utils { - display: inline-block; - float: right; -} -#app-navigation:not(.vue) > ul > li > a > .app-navigation-entry-utils .app-navigation-entry-utils-counter, -#app-navigation:not(.vue) > ul > li > ul > li > a > .app-navigation-entry-utils .app-navigation-entry-utils-counter { - padding-right: 0 !important; -} -#app-navigation:not(.vue) > ul > li > .app-navigation-entry-bullet, -#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-bullet { - position: absolute; - display: block; - margin: 16px; - width: 12px; - height: 12px; - border: none; - border-radius: 50%; - cursor: pointer; - transition: background 100ms ease-in-out; -} -#app-navigation:not(.vue) > ul > li > .app-navigation-entry-bullet + a, -#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-bullet + a { - /* hide icon if bullet, can't have both */ - background: transparent !important; -} -#app-navigation:not(.vue) > ul > li > .app-navigation-entry-menu, -#app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-menu { - top: 44px; -} -#app-navigation:not(.vue) > ul > li.editing .app-navigation-entry-edit, -#app-navigation:not(.vue) > ul > li > ul > li.editing .app-navigation-entry-edit { - opacity: 1; - z-index: 250; -} -#app-navigation:not(.vue) > ul > li.deleted .app-navigation-entry-deleted, -#app-navigation:not(.vue) > ul > li > ul > li.deleted .app-navigation-entry-deleted { - transform: translateX(0); - z-index: 250; -} -#app-navigation:not(.vue).hidden { - display: none; -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button, -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button { - border: 0; - opacity: 0.5; - background-color: transparent; - background-repeat: no-repeat; - background-position: center; -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button:hover, #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button:focus, -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover, -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus { - background-color: transparent; - opacity: 1; -} -#app-navigation:not(.vue) .collapsible { - /* Fallback for old collapse button. - TODO: to be removed. Leaved here for retro compatibility */ - /* force padding on link no matter if 'a' has an icon class */ -} -#app-navigation:not(.vue) .collapsible .collapse { - opacity: 0; - position: absolute; - width: 44px; - height: 44px; - margin: 0; - z-index: 110; - /* Needed for IE11; otherwise the button appears to the right of the - * link. */ - left: 0; -} -#app-navigation:not(.vue) .collapsible .collapse:focus-visible { - opacity: 1; - border-width: 0; - box-shadow: inset 0 0 0 2px var(--color-primary); - background: none; -} -#app-navigation:not(.vue) .collapsible:before { - position: absolute; - height: 44px; - width: 44px; - margin: 0; - padding: 0; - background: none; - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-triangle-s-dark); - background-size: 16px; - background-repeat: no-repeat; - background-position: center; - border: none; - border-radius: 0; - outline: none !important; - box-shadow: none; - content: " "; - opacity: 0; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - z-index: 105; - border-radius: 50%; - transition: opacity 100ms ease-in-out; -} -#app-navigation:not(.vue) .collapsible > a:first-child { - padding-left: 44px; -} -#app-navigation:not(.vue) .collapsible:hover:before, #app-navigation:not(.vue) .collapsible:focus:before { - opacity: 1; -} -#app-navigation:not(.vue) .collapsible:hover > a, #app-navigation:not(.vue) .collapsible:focus > a { - background-image: none; -} -#app-navigation:not(.vue) .collapsible:hover > .app-navigation-entry-bullet, #app-navigation:not(.vue) .collapsible:focus > .app-navigation-entry-bullet { - background: transparent !important; -} -#app-navigation:not(.vue) .collapsible.open:before { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); -} -#app-navigation:not(.vue) .app-navigation-entry-utils { - flex: 0 1 auto; -} -#app-navigation:not(.vue) .app-navigation-entry-utils ul { - display: flex !important; - align-items: center; - justify-content: flex-end; -} -#app-navigation:not(.vue) .app-navigation-entry-utils li { - width: 44px !important; - height: 44px; -} -#app-navigation:not(.vue) .app-navigation-entry-utils button { - height: 100%; - width: 100%; - margin: 0; - box-shadow: none; -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button { - /* Prevent bg img override if an icon class is set */ -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button button:not([class^=icon-]):not([class*=" icon-"]) { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-more-dark); -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:hover button, #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:focus button { - background-color: transparent; - opacity: 1; -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter { - overflow: hidden; - text-align: right; - font-size: 9pt; - line-height: 44px; - padding: 0 12px; /* Same padding as all li > a in the app-navigation */ -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted { - padding: 0; - text-align: center; -} -#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted span { - padding: 2px 5px; - border-radius: 10px; - background-color: var(--color-primary); - color: var(--color-primary-text); -} -#app-navigation:not(.vue) .app-navigation-entry-edit { - padding-left: 5px; - padding-right: 5px; - display: block; - width: calc(100% - 1px); /* Avoid border overlapping */ - transition: opacity 250ms ease-in-out; - opacity: 0; - position: absolute; - background-color: var(--color-main-background); - z-index: -1; -} -#app-navigation:not(.vue) .app-navigation-entry-edit form, -#app-navigation:not(.vue) .app-navigation-entry-edit div { - display: inline-flex; - width: 100%; -} -#app-navigation:not(.vue) .app-navigation-entry-edit input { - padding: 5px; - margin-right: 0; - height: 38px; -} -#app-navigation:not(.vue) .app-navigation-entry-edit input:hover, #app-navigation:not(.vue) .app-navigation-entry-edit input:focus { - /* overlapp borders */ - z-index: 1; -} -#app-navigation:not(.vue) .app-navigation-entry-edit input[type=text] { - width: 100%; - min-width: 0; /* firefox hack: override auto */ - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} -#app-navigation:not(.vue) .app-navigation-entry-edit button, -#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]) { - width: 36px; - height: 38px; - flex: 0 0 36px; -} -#app-navigation:not(.vue) .app-navigation-entry-edit button:not(:last-child), -#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):not(:last-child) { - border-radius: 0 !important; -} -#app-navigation:not(.vue) .app-navigation-entry-edit button:not(:first-child), -#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):not(:first-child) { - margin-left: -1px; -} -#app-navigation:not(.vue) .app-navigation-entry-edit button:last-child, -#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):last-child { - border-bottom-right-radius: var(--border-radius); - border-top-right-radius: var(--border-radius); - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} -#app-navigation:not(.vue) .app-navigation-entry-deleted { - display: inline-flex; - padding-left: 44px; - transform: translateX(300px); -} -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-description { - position: relative; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - flex: 1 1 0px; - line-height: 44px; -} -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button { - margin: 0; - height: 44px; - width: 44px; - line-height: 44px; -} -#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover, #app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus { - opacity: 1; -} -#app-navigation:not(.vue) .app-navigation-entry-edit, -#app-navigation:not(.vue) .app-navigation-entry-deleted { - width: calc(100% - 1px); /* Avoid border overlapping */ - transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, z-index 250ms ease-in-out; - position: absolute; - left: 0; - background-color: var(--color-main-background); - box-sizing: border-box; -} -#app-navigation:not(.vue) .drag-and-drop { - -webkit-transition: padding-bottom 500ms ease 0s; - transition: padding-bottom 500ms ease 0s; - padding-bottom: 40px; -} -#app-navigation:not(.vue) .error { - color: var(--color-error); -} -#app-navigation:not(.vue) .app-navigation-entry-utils ul, -#app-navigation:not(.vue) .app-navigation-entry-menu ul { - list-style-type: none; -} - -/* CONTENT --------------------------------------------------------- */ -#content { - box-sizing: border-box; - position: static; - margin: var(--body-container-margin); - margin-top: 50px; - padding: 0; - display: flex; - width: calc(100% - var(--body-container-margin) * 2); - height: var(--body-height); - border-radius: var(--body-container-radius); - overflow: hidden; -} -#content:not(.with-sidebar--full) { - position: fixed; -} - -@media only screen and (max-width: 1024px) { - #content { - border-top-left-radius: var(--border-radius-large); - border-top-right-radius: var(--border-radius-large); - } - #app-navigation { - border-top-left-radius: var(--border-radius-large); - } - #app-sidebar { - border-top-right-radius: var(--border-radius-large); - } -} -/* APP-CONTENT AND WRAPPER ------------------------------------------ */ -/* Part where the content will be loaded into */ -/** - * !Important. We are defining the minimum requirement we want for flex - * Just before the mobile breakpoint we have variables.$breakpoint-mobile (1024px) - variables.$navigation-width - * -> 468px. In that case we want 200px for the list and 268px for the content - */ -#app-content { - z-index: 1000; - background-color: var(--color-main-background); - flex-basis: 100vw; - overflow: auto; - position: initial; - height: 100%; - /* margin if navigation element is here */ - /* no top border for first settings item */ - /* if app-content-list is present */ -} -#app-content > .section:first-child { - border-top: none; -} -#app-content #app-content-wrapper { - display: flex; - position: relative; - align-items: stretch; - /* make sure we have at least full height for loaders or such - no need for list/details since we have a flex stretch */ - min-height: 100%; - /* CONTENT DETAILS AFTER LIST*/ -} -#app-content #app-content-wrapper .app-content-details { - /* grow full width */ - flex: 1 1 524px; -} -#app-content #app-content-wrapper .app-content-details #app-navigation-toggle-back { - display: none; -} - -/* APP-SIDEBAR ------------------------------------------------------------ */ -/* - Sidebar: a sidebar to be used within #content - #app-content will be shrinked properly -*/ -#app-sidebar { - width: 27vw; - min-width: 300px; - max-width: 500px; - display: block; - position: -webkit-sticky; - position: sticky; - top: 50px; - right: 0; - overflow-y: auto; - overflow-x: hidden; - z-index: 1500; - opacity: 0.7px; - height: calc(100vh - 50px); - background: var(--color-main-background); - border-left: 1px solid var(--color-border); - flex-shrink: 0; -} -#app-sidebar.disappear { - display: none; -} - -/* APP-SETTINGS ------------------------------------------------------------ */ -/* settings area */ -#app-settings { - margin-top: auto; -} -#app-settings.open #app-settings-content, #app-settings.opened #app-settings-content { - display: block; -} - -#app-settings-content { - display: none; - padding: calc(var(--default-grid-baseline) * 2); - padding-top: 0; - padding-left: calc(var(--default-grid-baseline) * 4); - /* restrict height of settings and make scrollable */ - max-height: 300px; - overflow-y: auto; - box-sizing: border-box; - /* display input fields at full width */ -} -#app-settings-content input[type=text] { - width: 93%; -} -#app-settings-content .info-text { - padding: 5px 0 7px 22px; - color: var(--color-text-lighter); -} -#app-settings-content input[type=checkbox].radio + label, #app-settings-content input[type=checkbox].checkbox + label, #app-settings-content input[type=radio].radio + label, #app-settings-content input[type=radio].checkbox + label { - display: inline-block; - width: 100%; - padding: 5px 0; -} - -#app-settings-header { - box-sizing: border-box; - background-color: transparent; - overflow: hidden; - border-radius: calc(var(--default-clickable-area) / 2); - padding: calc(var(--default-grid-baseline) * 2); - padding-top: 0; -} -#app-settings-header .settings-button { - display: flex; - align-items: center; - height: 44px; - width: 100%; - padding: 0; - margin: 0; - background-color: transparent; - box-shadow: none; - border: 0; - border-radius: calc(var(--default-clickable-area) / 2); - text-align: left; - font-weight: normal; - font-size: 100%; - opacity: 0.8; - /* like app-navigation a */ - color: var(--color-main-text); -} -#app-settings-header .settings-button.opened { - border-top: solid 1px var(--color-border); - background-color: var(--color-main-background); - margin-top: 8px; -} -#app-settings-header .settings-button:hover, #app-settings-header .settings-button:focus { - background-color: var(--color-background-hover); -} -#app-settings-header .settings-button::before { - background-image: var(--icon-settings-dark); - background-position: 14px center; - background-repeat: no-repeat; - content: ""; - width: 44px; - height: 44px; - top: 0; - left: 0; - display: block; -} -#app-settings-header .settings-button:focus-visible { - box-shadow: 0 0 0 2px inset var(--color-primary) !important; - background-position: 12px center; -} - -/* GENERAL SECTION ------------------------------------------------------------ */ -.section { - display: block; - padding: 30px; - margin-bottom: 24px; - /* slight position correction of checkboxes and radio buttons */ -} -.section.hidden { - display: none !important; -} -.section input[type=checkbox], .section input[type=radio] { - vertical-align: -2px; - margin-right: 4px; -} - -.sub-section { - position: relative; - margin-top: 10px; - margin-left: 27px; - margin-bottom: 10px; -} - -.appear { - opacity: 1; - -webkit-transition: opacity 500ms ease 0s; - -moz-transition: opacity 500ms ease 0s; - -ms-transition: opacity 500ms ease 0s; - -o-transition: opacity 500ms ease 0s; - transition: opacity 500ms ease 0s; -} -.appear.transparent { - opacity: 0; -} - -/* TABS ------------------------------------------------------------ */ -.tabHeaders { - display: flex; - margin-bottom: 16px; -} -.tabHeaders .tabHeader { - display: flex; - flex-direction: column; - flex-grow: 1; - text-align: center; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - cursor: pointer; - color: var(--color-text-lighter); - margin-bottom: 1px; - padding: 5px; - /* Use same amount as sidebar padding */ -} -.tabHeaders .tabHeader.hidden { - display: none; -} -.tabHeaders .tabHeader:first-child { - padding-left: 15px; -} -.tabHeaders .tabHeader:last-child { - padding-right: 15px; -} -.tabHeaders .tabHeader .icon { - display: inline-block; - width: 100%; - height: 16px; - background-size: 16px; - vertical-align: middle; - margin-top: -2px; - margin-right: 3px; - opacity: 0.7; - cursor: pointer; -} -.tabHeaders .tabHeader a { - color: var(--color-text-lighter); - margin-bottom: 1px; - overflow: hidden; - text-overflow: ellipsis; -} -.tabHeaders .tabHeader.selected { - font-weight: bold; -} -.tabHeaders .tabHeader.selected, .tabHeaders .tabHeader:hover, .tabHeaders .tabHeader:focus { - margin-bottom: 0px; - color: var(--color-main-text); - border-bottom: 1px solid var(--color-text-lighter); -} - -.tabsContainer { - clear: left; -} -.tabsContainer .tab { - padding: 0 15px 15px; -} - -/* POPOVER MENU ------------------------------------------------------------ */ -.contact .popovermenu ul > li > a > img, -.popover__menu > li > a > img { - filter: var(--background-invert-if-dark); -} -.contact .popovermenu ul > li > a > img[src^=data], -.popover__menu > li > a > img[src^=data] { - filter: none; -} - -.bubble, -.app-navigation-entry-menu, -.popovermenu { - position: absolute; - background-color: var(--color-main-background); - color: var(--color-main-text); - border-radius: var(--border-radius-large); - padding: 3px; - z-index: 110; - margin: 5px; - margin-top: -5px; - right: 0; - filter: drop-shadow(0 1px 3px var(--color-box-shadow)); - display: none; - will-change: filter; - /* Center the popover */ - /* Align the popover to the left */ -} -.bubble:after, -.app-navigation-entry-menu:after, -.popovermenu:after { - bottom: 100%; - right: 7px; - /* change this to adjust the arrow position */ - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-bottom-color: var(--color-main-background); - border-width: 9px; -} -.bubble.menu-center, -.app-navigation-entry-menu.menu-center, -.popovermenu.menu-center { - transform: translateX(50%); - right: 50%; - margin-right: 0; -} -.bubble.menu-center:after, -.app-navigation-entry-menu.menu-center:after, -.popovermenu.menu-center:after { - right: 50%; - transform: translateX(50%); -} -.bubble.menu-left, -.app-navigation-entry-menu.menu-left, -.popovermenu.menu-left { - right: auto; - left: 0; - margin-right: 0; -} -.bubble.menu-left:after, -.app-navigation-entry-menu.menu-left:after, -.popovermenu.menu-left:after { - left: 6px; - right: auto; -} -.bubble.open, -.app-navigation-entry-menu.open, -.popovermenu.open { - display: block; -} -.bubble.contactsmenu-popover, -.app-navigation-entry-menu.contactsmenu-popover, -.popovermenu.contactsmenu-popover { - margin: 0; -} -.bubble ul, -.app-navigation-entry-menu ul, -.popovermenu ul { - /* Overwrite #app-navigation > ul ul */ - display: flex !important; - flex-direction: column; -} -.bubble li, -.app-navigation-entry-menu li, -.popovermenu li { - display: flex; - flex: 0 0 auto; - /* css hack, only first not hidden */ -} -.bubble li.hidden, -.app-navigation-entry-menu li.hidden, -.popovermenu li.hidden { - display: none; -} -.bubble li > button, -.bubble li > a, -.bubble li > .menuitem, -.app-navigation-entry-menu li > button, -.app-navigation-entry-menu li > a, -.app-navigation-entry-menu li > .menuitem, -.popovermenu li > button, -.popovermenu li > a, -.popovermenu li > .menuitem { - cursor: pointer; - line-height: 44px; - border: 0; - border-radius: var(--border-radius-large); - background-color: transparent; - display: flex; - align-items: flex-start; - height: auto; - margin: 0; - font-weight: normal; - box-shadow: none; - width: 100%; - color: var(--color-main-text); - white-space: nowrap; - /* prevent .action class to break the design */ - /* Add padding if contains icon+text */ - /* DEPRECATED! old img in popover fallback - * TODO: to remove */ - /* checkbox/radio fixes */ - /* no margin if hidden span before */ - /* Inputs inside popover supports text, submit & reset */ -} -.bubble li > button span[class^=icon-], -.bubble li > button span[class*=" icon-"], .bubble li > button[class^=icon-], .bubble li > button[class*=" icon-"], -.bubble li > a span[class^=icon-], -.bubble li > a span[class*=" icon-"], -.bubble li > a[class^=icon-], -.bubble li > a[class*=" icon-"], -.bubble li > .menuitem span[class^=icon-], -.bubble li > .menuitem span[class*=" icon-"], -.bubble li > .menuitem[class^=icon-], -.bubble li > .menuitem[class*=" icon-"], -.app-navigation-entry-menu li > button span[class^=icon-], -.app-navigation-entry-menu li > button span[class*=" icon-"], -.app-navigation-entry-menu li > button[class^=icon-], -.app-navigation-entry-menu li > button[class*=" icon-"], -.app-navigation-entry-menu li > a span[class^=icon-], -.app-navigation-entry-menu li > a span[class*=" icon-"], -.app-navigation-entry-menu li > a[class^=icon-], -.app-navigation-entry-menu li > a[class*=" icon-"], -.app-navigation-entry-menu li > .menuitem span[class^=icon-], -.app-navigation-entry-menu li > .menuitem span[class*=" icon-"], -.app-navigation-entry-menu li > .menuitem[class^=icon-], -.app-navigation-entry-menu li > .menuitem[class*=" icon-"], -.popovermenu li > button span[class^=icon-], -.popovermenu li > button span[class*=" icon-"], -.popovermenu li > button[class^=icon-], -.popovermenu li > button[class*=" icon-"], -.popovermenu li > a span[class^=icon-], -.popovermenu li > a span[class*=" icon-"], -.popovermenu li > a[class^=icon-], -.popovermenu li > a[class*=" icon-"], -.popovermenu li > .menuitem span[class^=icon-], -.popovermenu li > .menuitem span[class*=" icon-"], -.popovermenu li > .menuitem[class^=icon-], -.popovermenu li > .menuitem[class*=" icon-"] { - min-width: 0; /* Overwrite icons*/ - min-height: 0; - background-position: 14px center; - background-size: 16px; -} -.bubble li > button span[class^=icon-], -.bubble li > button span[class*=" icon-"], -.bubble li > a span[class^=icon-], -.bubble li > a span[class*=" icon-"], -.bubble li > .menuitem span[class^=icon-], -.bubble li > .menuitem span[class*=" icon-"], -.app-navigation-entry-menu li > button span[class^=icon-], -.app-navigation-entry-menu li > button span[class*=" icon-"], -.app-navigation-entry-menu li > a span[class^=icon-], -.app-navigation-entry-menu li > a span[class*=" icon-"], -.app-navigation-entry-menu li > .menuitem span[class^=icon-], -.app-navigation-entry-menu li > .menuitem span[class*=" icon-"], -.popovermenu li > button span[class^=icon-], -.popovermenu li > button span[class*=" icon-"], -.popovermenu li > a span[class^=icon-], -.popovermenu li > a span[class*=" icon-"], -.popovermenu li > .menuitem span[class^=icon-], -.popovermenu li > .menuitem span[class*=" icon-"] { - /* Keep padding to define the width to - assure correct position of a possible text */ - padding: 22px 0 22px 44px; -} -.bubble li > button:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > button:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > button:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > a:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > a:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > a:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > .menuitem:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > .menuitem:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.bubble li > .menuitem:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > button:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > button:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > button:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > a:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > a:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > a:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.app-navigation-entry-menu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > button:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > button:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > button:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > a:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > a:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > a:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > span:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > input:not([class^=icon-]):not([class*=icon-]):first-child, -.popovermenu li > .menuitem:not([class^=icon-]):not([class*=icon-]) > form:not([class^=icon-]):not([class*=icon-]):first-child { - margin-left: 44px; -} -.bubble li > button[class^=icon-], .bubble li > button[class*=" icon-"], -.bubble li > a[class^=icon-], -.bubble li > a[class*=" icon-"], -.bubble li > .menuitem[class^=icon-], -.bubble li > .menuitem[class*=" icon-"], -.app-navigation-entry-menu li > button[class^=icon-], -.app-navigation-entry-menu li > button[class*=" icon-"], -.app-navigation-entry-menu li > a[class^=icon-], -.app-navigation-entry-menu li > a[class*=" icon-"], -.app-navigation-entry-menu li > .menuitem[class^=icon-], -.app-navigation-entry-menu li > .menuitem[class*=" icon-"], -.popovermenu li > button[class^=icon-], -.popovermenu li > button[class*=" icon-"], -.popovermenu li > a[class^=icon-], -.popovermenu li > a[class*=" icon-"], -.popovermenu li > .menuitem[class^=icon-], -.popovermenu li > .menuitem[class*=" icon-"] { - padding: 0 14px 0 44px !important; -} -.bubble li > button:hover, .bubble li > button:focus, -.bubble li > a:hover, -.bubble li > a:focus, -.bubble li > .menuitem:hover, -.bubble li > .menuitem:focus, -.app-navigation-entry-menu li > button:hover, -.app-navigation-entry-menu li > button:focus, -.app-navigation-entry-menu li > a:hover, -.app-navigation-entry-menu li > a:focus, -.app-navigation-entry-menu li > .menuitem:hover, -.app-navigation-entry-menu li > .menuitem:focus, -.popovermenu li > button:hover, -.popovermenu li > button:focus, -.popovermenu li > a:hover, -.popovermenu li > a:focus, -.popovermenu li > .menuitem:hover, -.popovermenu li > .menuitem:focus { - background-color: var(--color-background-hover); -} -.bubble li > button:focus, .bubble li > button:focus-visible, -.bubble li > a:focus, -.bubble li > a:focus-visible, -.bubble li > .menuitem:focus, -.bubble li > .menuitem:focus-visible, -.app-navigation-entry-menu li > button:focus, -.app-navigation-entry-menu li > button:focus-visible, -.app-navigation-entry-menu li > a:focus, -.app-navigation-entry-menu li > a:focus-visible, -.app-navigation-entry-menu li > .menuitem:focus, -.app-navigation-entry-menu li > .menuitem:focus-visible, -.popovermenu li > button:focus, -.popovermenu li > button:focus-visible, -.popovermenu li > a:focus, -.popovermenu li > a:focus-visible, -.popovermenu li > .menuitem:focus, -.popovermenu li > .menuitem:focus-visible { - box-shadow: 0 0 0 2px var(--color-primary-element); -} -.bubble li > button.active, -.bubble li > a.active, -.bubble li > .menuitem.active, -.app-navigation-entry-menu li > button.active, -.app-navigation-entry-menu li > a.active, -.app-navigation-entry-menu li > .menuitem.active, -.popovermenu li > button.active, -.popovermenu li > a.active, -.popovermenu li > .menuitem.active { - border-radius: var(--border-radius-pill); - background-color: var(--color-primary-light); -} -.bubble li > button.action, -.bubble li > a.action, -.bubble li > .menuitem.action, -.app-navigation-entry-menu li > button.action, -.app-navigation-entry-menu li > a.action, -.app-navigation-entry-menu li > .menuitem.action, -.popovermenu li > button.action, -.popovermenu li > a.action, -.popovermenu li > .menuitem.action { - padding: inherit !important; -} -.bubble li > button > span, -.bubble li > a > span, -.bubble li > .menuitem > span, -.app-navigation-entry-menu li > button > span, -.app-navigation-entry-menu li > a > span, -.app-navigation-entry-menu li > .menuitem > span, -.popovermenu li > button > span, -.popovermenu li > a > span, -.popovermenu li > .menuitem > span { - cursor: pointer; - white-space: nowrap; -} -.bubble li > button > p, -.bubble li > a > p, -.bubble li > .menuitem > p, -.app-navigation-entry-menu li > button > p, -.app-navigation-entry-menu li > a > p, -.app-navigation-entry-menu li > .menuitem > p, -.popovermenu li > button > p, -.popovermenu li > a > p, -.popovermenu li > .menuitem > p { - width: 150px; - line-height: 1.6em; - padding: 8px 0; - white-space: normal; -} -.bubble li > button > select, -.bubble li > a > select, -.bubble li > .menuitem > select, -.app-navigation-entry-menu li > button > select, -.app-navigation-entry-menu li > a > select, -.app-navigation-entry-menu li > .menuitem > select, -.popovermenu li > button > select, -.popovermenu li > a > select, -.popovermenu li > .menuitem > select { - margin: 0; - margin-left: 6px; -} -.bubble li > button:not(:empty), -.bubble li > a:not(:empty), -.bubble li > .menuitem:not(:empty), -.app-navigation-entry-menu li > button:not(:empty), -.app-navigation-entry-menu li > a:not(:empty), -.app-navigation-entry-menu li > .menuitem:not(:empty), -.popovermenu li > button:not(:empty), -.popovermenu li > a:not(:empty), -.popovermenu li > .menuitem:not(:empty) { - padding-right: 14px !important; -} -.bubble li > button > img, -.bubble li > a > img, -.bubble li > .menuitem > img, -.app-navigation-entry-menu li > button > img, -.app-navigation-entry-menu li > a > img, -.app-navigation-entry-menu li > .menuitem > img, -.popovermenu li > button > img, -.popovermenu li > a > img, -.popovermenu li > .menuitem > img { - width: 16px; - padding: 14px; -} -.bubble li > button > input.radio + label, -.bubble li > button > input.checkbox + label, -.bubble li > a > input.radio + label, -.bubble li > a > input.checkbox + label, -.bubble li > .menuitem > input.radio + label, -.bubble li > .menuitem > input.checkbox + label, -.app-navigation-entry-menu li > button > input.radio + label, -.app-navigation-entry-menu li > button > input.checkbox + label, -.app-navigation-entry-menu li > a > input.radio + label, -.app-navigation-entry-menu li > a > input.checkbox + label, -.app-navigation-entry-menu li > .menuitem > input.radio + label, -.app-navigation-entry-menu li > .menuitem > input.checkbox + label, -.popovermenu li > button > input.radio + label, -.popovermenu li > button > input.checkbox + label, -.popovermenu li > a > input.radio + label, -.popovermenu li > a > input.checkbox + label, -.popovermenu li > .menuitem > input.radio + label, -.popovermenu li > .menuitem > input.checkbox + label { - padding: 0 !important; - width: 100%; -} -.bubble li > button > input.checkbox + label::before, -.bubble li > a > input.checkbox + label::before, -.bubble li > .menuitem > input.checkbox + label::before, -.app-navigation-entry-menu li > button > input.checkbox + label::before, -.app-navigation-entry-menu li > a > input.checkbox + label::before, -.app-navigation-entry-menu li > .menuitem > input.checkbox + label::before, -.popovermenu li > button > input.checkbox + label::before, -.popovermenu li > a > input.checkbox + label::before, -.popovermenu li > .menuitem > input.checkbox + label::before { - margin: -2px 13px 0; -} -.bubble li > button > input.radio + label::before, -.bubble li > a > input.radio + label::before, -.bubble li > .menuitem > input.radio + label::before, -.app-navigation-entry-menu li > button > input.radio + label::before, -.app-navigation-entry-menu li > a > input.radio + label::before, -.app-navigation-entry-menu li > .menuitem > input.radio + label::before, -.popovermenu li > button > input.radio + label::before, -.popovermenu li > a > input.radio + label::before, -.popovermenu li > .menuitem > input.radio + label::before { - margin: -2px 12px 0; -} -.bubble li > button > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.bubble li > a > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.bubble li > .menuitem > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.app-navigation-entry-menu li > button > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.app-navigation-entry-menu li > a > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.app-navigation-entry-menu li > .menuitem > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.popovermenu li > button > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.popovermenu li > a > input:not([type=radio]):not([type=checkbox]):not([type=image]), -.popovermenu li > .menuitem > input:not([type=radio]):not([type=checkbox]):not([type=image]) { - width: 150px; -} -.bubble li > button form, -.bubble li > a form, -.bubble li > .menuitem form, -.app-navigation-entry-menu li > button form, -.app-navigation-entry-menu li > a form, -.app-navigation-entry-menu li > .menuitem form, -.popovermenu li > button form, -.popovermenu li > a form, -.popovermenu li > .menuitem form { - display: flex; - flex: 1 1 auto; - /* put a small space between text and form - if there is an element before */ - align-items: center; -} -.bubble li > button form:not(:first-child), -.bubble li > a form:not(:first-child), -.bubble li > .menuitem form:not(:first-child), -.app-navigation-entry-menu li > button form:not(:first-child), -.app-navigation-entry-menu li > a form:not(:first-child), -.app-navigation-entry-menu li > .menuitem form:not(:first-child), -.popovermenu li > button form:not(:first-child), -.popovermenu li > a form:not(:first-child), -.popovermenu li > .menuitem form:not(:first-child) { - margin-left: 5px; -} -.bubble li > button > span.hidden + form, -.bubble li > button > span[style*="display:none"] + form, -.bubble li > a > span.hidden + form, -.bubble li > a > span[style*="display:none"] + form, -.bubble li > .menuitem > span.hidden + form, -.bubble li > .menuitem > span[style*="display:none"] + form, -.app-navigation-entry-menu li > button > span.hidden + form, -.app-navigation-entry-menu li > button > span[style*="display:none"] + form, -.app-navigation-entry-menu li > a > span.hidden + form, -.app-navigation-entry-menu li > a > span[style*="display:none"] + form, -.app-navigation-entry-menu li > .menuitem > span.hidden + form, -.app-navigation-entry-menu li > .menuitem > span[style*="display:none"] + form, -.popovermenu li > button > span.hidden + form, -.popovermenu li > button > span[style*="display:none"] + form, -.popovermenu li > a > span.hidden + form, -.popovermenu li > a > span[style*="display:none"] + form, -.popovermenu li > .menuitem > span.hidden + form, -.popovermenu li > .menuitem > span[style*="display:none"] + form { - margin-left: 0; -} -.bubble li > button input, -.bubble li > a input, -.bubble li > .menuitem input, -.app-navigation-entry-menu li > button input, -.app-navigation-entry-menu li > a input, -.app-navigation-entry-menu li > .menuitem input, -.popovermenu li > button input, -.popovermenu li > a input, -.popovermenu li > .menuitem input { - min-width: 44px; - max-height: 40px; /* twice the element margin-y */ - margin: 2px 0; - flex: 1 1 auto; -} -.bubble li > button input:not(:first-child), -.bubble li > a input:not(:first-child), -.bubble li > .menuitem input:not(:first-child), -.app-navigation-entry-menu li > button input:not(:first-child), -.app-navigation-entry-menu li > a input:not(:first-child), -.app-navigation-entry-menu li > .menuitem input:not(:first-child), -.popovermenu li > button input:not(:first-child), -.popovermenu li > a input:not(:first-child), -.popovermenu li > .menuitem input:not(:first-child) { - margin-left: 5px; -} -.bubble li:not(.hidden):not([style*="display:none"]):first-of-type > button > form, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > button > input, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > a > form, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > a > input, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > form, .bubble li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > button > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > button > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > a > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > a > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > button > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > button > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > a > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > a > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type > .menuitem > input { - margin-top: 12px; -} -.bubble li:not(.hidden):not([style*="display:none"]):last-of-type > button > form, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > button > input, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > a > form, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > a > input, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > form, .bubble li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > button > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > button > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > a > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > a > input, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > form, -.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > button > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > button > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > a > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > a > input, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > form, -.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type > .menuitem > input { - margin-bottom: 0px; -} -.bubble li > button, -.app-navigation-entry-menu li > button, -.popovermenu li > button { - padding: 0; -} -.bubble li > button span, -.app-navigation-entry-menu li > button span, -.popovermenu li > button span { - opacity: 1; -} - -/* CONTENT LIST ------------------------------------------------------------ */ -.app-content-list { - position: -webkit-sticky; - position: relative; - top: 0; - border-right: 1px solid var(--color-border); - display: flex; - flex-direction: column; - transition: transform 250ms ease-in-out; - min-height: 100%; - max-height: 100%; - overflow-y: auto; - overflow-x: hidden; - flex: 1 1 200px; - min-width: 200px; - max-width: 300px; - /* Default item */ -} -.app-content-list .app-content-list-item { - position: relative; - height: 68px; - cursor: pointer; - padding: 10px 7px; - display: flex; - flex-wrap: wrap; - align-items: center; - flex: 0 0 auto; - /* Icon fixes */ -} -.app-content-list .app-content-list-item > [class^=icon-], -.app-content-list .app-content-list-item > [class*=" icon-"], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"] { - order: 4; - width: 24px; - height: 24px; - margin: -7px; - padding: 22px; - opacity: 0.3; - cursor: pointer; -} -.app-content-list .app-content-list-item > [class^=icon-]:hover, .app-content-list .app-content-list-item > [class^=icon-]:focus, -.app-content-list .app-content-list-item > [class*=" icon-"]:hover, -.app-content-list .app-content-list-item > [class*=" icon-"]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"]:focus { - opacity: 0.7; -} -.app-content-list .app-content-list-item > [class^=icon-][class^=icon-star], .app-content-list .app-content-list-item > [class^=icon-][class*=" icon-star"], -.app-content-list .app-content-list-item > [class*=" icon-"][class^=icon-star], -.app-content-list .app-content-list-item > [class*=" icon-"][class*=" icon-star"], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class^=icon-star], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class*=" icon-star"], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class^=icon-star], -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class*=" icon-star"] { - opacity: 0.7; -} -.app-content-list .app-content-list-item > [class^=icon-][class^=icon-star]:hover, .app-content-list .app-content-list-item > [class^=icon-][class^=icon-star]:focus, .app-content-list .app-content-list-item > [class^=icon-][class*=" icon-star"]:hover, .app-content-list .app-content-list-item > [class^=icon-][class*=" icon-star"]:focus, -.app-content-list .app-content-list-item > [class*=" icon-"][class^=icon-star]:hover, -.app-content-list .app-content-list-item > [class*=" icon-"][class^=icon-star]:focus, -.app-content-list .app-content-list-item > [class*=" icon-"][class*=" icon-star"]:hover, -.app-content-list .app-content-list-item > [class*=" icon-"][class*=" icon-star"]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class^=icon-star]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class^=icon-star]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class*=" icon-star"]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-][class*=" icon-star"]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class^=icon-star]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class^=icon-star]:focus, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class*=" icon-star"]:hover, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"][class*=" icon-star"]:focus { - opacity: 1; -} -.app-content-list .app-content-list-item > [class^=icon-].icon-starred, -.app-content-list .app-content-list-item > [class*=" icon-"].icon-starred, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class^=icon-].icon-starred, -.app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=" icon-"].icon-starred { - opacity: 1; -} -.app-content-list .app-content-list-item:hover, .app-content-list .app-content-list-item:focus, .app-content-list .app-content-list-item.active { - background-color: var(--color-background-dark); -} -.app-content-list .app-content-list-item:hover .app-content-list-item-checkbox.checkbox + label, .app-content-list .app-content-list-item:focus .app-content-list-item-checkbox.checkbox + label, .app-content-list .app-content-list-item.active .app-content-list-item-checkbox.checkbox + label { - display: flex; -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label, -.app-content-list .app-content-list-item .app-content-list-item-star { - position: absolute; - height: 40px; - width: 40px; - z-index: 50; -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active + label { - display: flex; -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active + label + .app-content-list-item-icon { - opacity: 0.7; -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label { - top: 14px; - left: 7px; - display: none; - /* Hide the star, priority to the checkbox */ -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label::before { - margin: 0; -} -.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label ~ .app-content-list-item-star { - display: none; -} -.app-content-list .app-content-list-item .app-content-list-item-star { - display: flex; - top: 10px; - left: 32px; - background-size: 16px; - height: 20px; - width: 20px; - margin: 0; - padding: 0; -} -.app-content-list .app-content-list-item .app-content-list-item-icon { - position: absolute; - display: inline-block; - height: 40px; - width: 40px; - line-height: 40px; - border-radius: 50%; - vertical-align: middle; - margin-right: 10px; - color: #fff; - text-align: center; - font-size: 1.5em; - text-transform: capitalize; - object-fit: cover; - user-select: none; - cursor: pointer; - top: 50%; - margin-top: -20px; -} -.app-content-list .app-content-list-item .app-content-list-item-line-one, -.app-content-list .app-content-list-item .app-content-list-item-line-two { - display: block; - padding-left: 50px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - order: 1; - flex: 1 1 0px; - padding-right: 10px; - cursor: pointer; -} -.app-content-list .app-content-list-item .app-content-list-item-line-two { - opacity: 0.5; - order: 3; - flex: 1 0; - flex-basis: calc(100% - 44px); -} -.app-content-list .app-content-list-item .app-content-list-item-details { - order: 2; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100px; - opacity: 0.5; - font-size: 80%; - user-select: none; -} -.app-content-list .app-content-list-item .app-content-list-item-menu { - order: 4; - position: relative; -} -.app-content-list .app-content-list-item .app-content-list-item-menu .popovermenu { - margin: 0; - right: -2px; -} -.app-content-list.selection .app-content-list-item-checkbox.checkbox + label { - display: flex; -} - -/* Copyright (c) 2015, Raghu Nayyar, http://raghunayyar.com - This file is licensed under the Affero General Public License version 3 or later. - See the COPYING-README file. */ -/* Global Components */ -.pull-left { - float: left; -} - -.pull-right { - float: right; -} - -.clear-left { - clear: left; -} - -.clear-right { - clear: right; -} - -.clear-both { - clear: both; -} - -.hidden { - display: none; -} - -.hidden-visually { - position: absolute; - left: -10000px; - top: -10000px; - width: 1px; - height: 1px; - overflow: hidden; -} - -.bold { - font-weight: 600; -} - -.center { - text-align: center; -} - -.inlineblock { - display: inline-block; -} - -/* ---- BROWSER-SPECIFIC FIXES ---- */ -/* remove dotted outlines in Firefox */ -::-moz-focus-inner { - border: 0; -} - -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -@media only screen and (max-width: 1024px) { - /* position share dropdown */ - #dropdown { - margin-right: 10% !important; - width: 80% !important; - } - /* fix name autocomplete not showing on mobile */ - .ui-autocomplete { - z-index: 1000 !important; - } - /* fix error display on smaller screens */ - .error-wide { - width: 100%; - margin-left: 0 !important; - box-sizing: border-box; - } - /* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/ - #app-navigation:not(.vue) { - transform: translateX(-300px); - position: fixed; - height: var(--body-height); - } - .snapjs-left #app-navigation { - transform: translateX(0); - } - #app-navigation:not(.hidden) + #app-content { - margin-left: 0; - } - .skip-navigation.skip-content { - left: 3px; - margin-left: 0; - } - /* full width for message list on mobile */ - .app-content-list { - background: var(--color-main-background); - flex: 1 1 100%; - max-height: unset; - max-width: 100%; - } - .app-content-list + .app-content-details { - display: none; - } - .app-content-list.showdetails { - display: none; - } - .app-content-list.showdetails + .app-content-details { - display: initial; - } - /* Show app details page */ - #app-content.showdetails #app-navigation-toggle { - transform: translateX(-44px); - } - #app-content.showdetails #app-navigation-toggle-back { - position: fixed; - display: inline-block !important; - top: 50px; - left: 0; - width: 44px; - height: 44px; - z-index: 1050; - background-color: rgba(255, 255, 255, 0.7); - cursor: pointer; - opacity: 0.6; - transform: rotate(90deg); - } - #app-content.showdetails .app-content-list { - transform: translateX(-100%); - } - #app-navigation-toggle { - position: fixed; - display: inline-block !important; - left: 0; - width: 44px; - height: 44px; - z-index: 1050; - cursor: pointer; - opacity: 0.6; - } - #app-navigation-toggle:hover, - #app-navigation-toggle:focus { - opacity: 1; - } - /* position controls for apps with app-navigation */ - #app-navigation + #app-content .files-controls { - padding-left: 44px; - } - /* .viewer-mode is when text editor, PDF viewer, etc is open */ - #body-user .app-files.viewer-mode .files-controls { - padding-left: 0 !important; - } - .app-files.viewer-mode #app-navigation-toggle { - display: none !important; - } - table.multiselect thead { - left: 0 !important; - } - /* prevent overflow in user management controls bar */ - #usersearchform { - display: none; - } - #body-settings .files-controls { - min-width: 1024px !important; - } - /* do not show dates in filepicker */ - #oc-dialog-filepicker-content .filelist .column-size, - #oc-dialog-filepicker-content .filelist .column-mtime, - #oc-dialog-filepicker-content .filelist .filesize, - #oc-dialog-filepicker-content .filelist .date { - display: none; - } - #oc-dialog-filepicker-content .filelist .filename { - max-width: 100%; - } - .snapjs-left table.multiselect thead { - top: 44px; - } - /* end of media query */ -} -@media only screen and (max-width: 480px) { - #header .header-right > div > .menu { - max-width: calc(100vw - 10px); - position: fixed; - } - #header .header-right > div > .menu::after { - display: none !important; - } - /* Arrow directly child of menutoggle */ - #header .header-right > div { - /* settings need a different offset, since they have a right padding */ - } - #header .header-right > div.openedMenu::after { - display: block; - } - #header .header-right > div::after { - border: 10px solid transparent; - border-bottom-color: var(--color-main-background); - bottom: 0; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - right: 15px; - z-index: 2001; - display: none; - } - #header .header-right > div#settings::after { - right: 27px; - } -} -/** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Robin Appelman - * @copyright Copyright (c) 2016, Jan-Christoph Borchardt - * @copyright Copyright (c) 2016, Erik Pellikka - * @copyright Copyright (c) 2015, Vincent Petry - * - * Bootstrap (http://getbootstrap.com) - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ -.tooltip { - position: absolute; - display: block; - font-family: var(--font-face); - font-style: normal; - font-weight: normal; - letter-spacing: normal; - line-break: auto; - line-height: 1.6; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - white-space: normal; - word-break: normal; - word-spacing: normal; - word-wrap: normal; - overflow-wrap: anywhere; - font-size: 12px; - opacity: 0; - z-index: 100000; - /* default to top */ - margin-top: -3px; - padding: 10px 0; - filter: drop-shadow(0 1px 10px var(--color-box-shadow)); - /* TOP */ - /* BOTTOM */ -} -.tooltip.in, .tooltip.show, .tooltip.tooltip[aria-hidden=false] { - visibility: visible; - opacity: 1; - transition: opacity 0.15s; -} -.tooltip.top .tooltip-arrow, .tooltip[x-placement^=top] { - left: 50%; - margin-left: -10px; -} -.tooltip.bottom, .tooltip[x-placement^=bottom] { - margin-top: 3px; - padding: 10px 0; -} -.tooltip.right, .tooltip[x-placement^=right] { - margin-left: 3px; - padding: 0 10px; -} -.tooltip.right .tooltip-arrow, .tooltip[x-placement^=right] .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -10px; - border-width: 10px 10px 10px 0; - border-right-color: var(--color-main-background); -} -.tooltip.left, .tooltip[x-placement^=left] { - margin-left: -3px; - padding: 0 5px; -} -.tooltip.left .tooltip-arrow, .tooltip[x-placement^=left] .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -10px; - border-width: 10px 0 10px 10px; - border-left-color: var(--color-main-background); -} -.tooltip.top .tooltip-arrow, .tooltip.top .arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-left .arrow, .tooltip[x-placement^=top] .tooltip-arrow, .tooltip[x-placement^=top] .arrow, .tooltip.top-right .tooltip-arrow, .tooltip.top-right .arrow { - bottom: 0; - border-width: 10px 10px 0; - border-top-color: var(--color-main-background); -} -.tooltip.top-left .tooltip-arrow { - right: 10px; - margin-bottom: -10px; -} -.tooltip.top-right .tooltip-arrow { - left: 10px; - margin-bottom: -10px; -} -.tooltip.bottom .tooltip-arrow, .tooltip.bottom .arrow, .tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip[x-placement^=bottom] .arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-left .arrow, .tooltip.bottom-right .tooltip-arrow, .tooltip.bottom-right .arrow { - top: 0; - border-width: 0 10px 10px; - border-bottom-color: var(--color-main-background); -} -.tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip.bottom .tooltip-arrow { - left: 50%; - margin-left: -10px; -} -.tooltip.bottom-left .tooltip-arrow { - right: 10px; - margin-top: -10px; -} -.tooltip.bottom-right .tooltip-arrow { - left: 10px; - margin-top: -10px; -} - -.tooltip-inner { - max-width: 350px; - padding: 5px 8px; - background-color: var(--color-main-background); - color: var(--color-main-text); - text-align: center; - border-radius: var(--border-radius); -} - -.tooltip-arrow, .tooltip .arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -/** - * @copyright Copyright (c) 2019 Julius Härtl - * - * @author Julius Härtl - * @author John Molakvoæ - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - */ -.toastify.dialogs { - min-width: 200px; - background: none; - background-color: var(--color-main-background); - color: var(--color-main-text); - box-shadow: 0 0 6px 0 var(--color-box-shadow); - padding: 0 12px; - margin-top: 45px; - position: fixed; - z-index: 10100; - border-radius: var(--border-radius); - display: flex; - align-items: center; -} - -.toastify.dialogs .toast-undo-container { - display: flex; - align-items: center; -} - -.toastify.dialogs .toast-undo-button, -.toastify.dialogs .toast-close { - position: static; - overflow: hidden; - box-sizing: border-box; - min-width: 44px; - height: 100%; - padding: 12px; - white-space: nowrap; - background-repeat: no-repeat; - background-position: center; - background-color: transparent; - min-height: 0; -} - -.toastify.dialogs .toast-undo-button.toast-close, -.toastify.dialogs .toast-close.toast-close { - text-indent: 0; - opacity: 0.4; - border: none; - min-height: 44px; - margin-left: 10px; - font-size: 0; - /* dark theme overrides for Nextcloud 25 and later */ -} - -.toastify.dialogs .toast-undo-button.toast-close::before, -.toastify.dialogs .toast-close.toast-close::before { - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+CiAgPHBhdGggZD0iTTE0IDEyLjNMMTIuMyAxNCA4IDkuNyAzLjcgMTQgMiAxMi4zIDYuMyA4IDIgMy43IDMuNyAyIDggNi4zIDEyLjMgMiAxNCAzLjcgOS43IDh6Ii8+Cjwvc3ZnPgo="); - content: " "; - filter: var(--background-invert-if-dark); - display: inline-block; - width: 16px; - height: 16px; -} - -.toastify.dialogs .toast-undo-button.toast-undo-button, -.toastify.dialogs .toast-close.toast-undo-button { - margin: 3px; - height: calc(100% - 6px); - margin-left: 12px; -} - -.toastify.dialogs .toast-undo-button:hover, .toastify.dialogs .toast-undo-button:focus, .toastify.dialogs .toast-undo-button:active, -.toastify.dialogs .toast-close:hover, -.toastify.dialogs .toast-close:focus, -.toastify.dialogs .toast-close:active { - cursor: pointer; - opacity: 1; -} - -.toastify.dialogs.toastify-top { - right: 10px; -} - -.toastify.dialogs.toast-with-click { - cursor: pointer; -} - -.toastify.dialogs.toast-error { - border-left: 3px solid var(--color-error); -} - -.toastify.dialogs.toast-info { - border-left: 3px solid var(--color-primary); -} - -.toastify.dialogs.toast-warning { - border-left: 3px solid var(--color-warning); -} - -.toastify.dialogs.toast-success { - border-left: 3px solid var(--color-success); -} - -.toastify.dialogs.toast-undo { - border-left: 3px solid var(--color-success); -} - -/* dark theme overrides for Nextcloud 24 and earlier */ -.theme--dark .toastify.dialogs .toast-close { - /* close icon style */ -} - -.theme--dark .toastify.dialogs .toast-close.toast-close::before { - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+CiAgPHBhdGggZD0iTTE0IDEyLjNMMTIuMyAxNCA4IDkuNyAzLjcgMTQgMiAxMi4zIDYuMyA4IDIgMy43IDMuNyAyIDggNi4zIDEyLjMgMiAxNCAzLjcgOS43IDh6IiBzdHlsZT0iZmlsbC1vcGFjaXR5OjE7ZmlsbDojZmZmZmZmIi8+Cjwvc3ZnPgo="); -} - -/*# sourceMappingURL=index.css.map */ -#body-public { - /** don't apply content header padding on the base layout */ - /* public footer */ -} -#body-public .header-right #header-primary-action a { - color: var(--color-primary-text); -} -#body-public .header-right #header-secondary-action ul li { - min-width: 270px; -} -#body-public .header-right #header-secondary-action #header-actions-toggle { - background-color: transparent; - border-color: transparent; - filter: var(--background-invert-if-dark); -} -#body-public .header-right #header-secondary-action #header-actions-toggle:hover, #body-public .header-right #header-secondary-action #header-actions-toggle:focus, #body-public .header-right #header-secondary-action #header-actions-toggle:active { - opacity: 1; -} -#body-public .header-right #header-secondary-action #external-share-menu-item form { - display: flex; -} -#body-public .header-right #header-secondary-action #external-share-menu-item .hidden { - display: none; -} -#body-public .header-right #header-secondary-action #external-share-menu-item #save-button-confirm { - flex-grow: 0; -} -#body-public #content { - min-height: calc(100% - 65px); -} -#body-public.layout-base #content { - padding-top: 0; -} -#body-public p.info { - margin: 20px auto; - text-shadow: 0 0 2px rgba(0, 0, 0, 0.4); - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -#body-public p.info, #body-public form fieldset legend, -#body-public #datadirContent label, -#body-public form fieldset .warning-info, -#body-public form input[type=checkbox] + label { - text-align: center; -} -#body-public footer { - position: fixed; - display: flex; - align-items: center; - justify-content: center; - height: 65px; - flex-direction: column; - bottom: 0; - width: calc(100% - 16px); - margin: 8px; - background-color: var(--color-main-background); - border-radius: var(--border-radius-large); -} -#body-public footer p { - text-align: center; - color: var(--color-text-lighter); -} -#body-public footer p a { - color: var(--color-text-lighter); - font-weight: bold; - white-space: nowrap; - /* increasing clickability to more than the text height */ - padding: 10px; - margin: -10px; - line-height: 200%; -} - -/*# sourceMappingURL=server.css.map */ +@import"../../dist/icons.css";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section,main{margin:0;padding:0;border:0;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;cursor:default;scrollbar-color:var(--color-border-dark) rgba(0,0,0,0);scrollbar-width:thin}.js-focus-visible :focus:not(.focus-visible){outline:none}.content:not(#content-vue) :focus-visible,.app-navigation:not(#app-navigation-vue) :focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary);outline:none}html,body{height:100%}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1.5}table{border-collapse:separate;border-spacing:0;white-space:nowrap}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}a{border:0;color:var(--color-main-text);text-decoration:none;cursor:pointer}a *{cursor:pointer}a.external{margin:0 3px;text-decoration:underline}input{cursor:pointer}input *{cursor:pointer}select,.button span,label{cursor:pointer}ul{list-style:none}body{font-weight:normal;font-size:var(--default-font-size);line-height:var(--default-line-height);font-family:var(--font-face);color:var(--color-main-text)}.two-factor-header{text-align:center}.two-factor-provider{text-align:center;width:258px !important;display:inline-block;margin-bottom:0 !important;background-color:var(--color-background-darker) !important;border:none !important}.two-factor-link{display:inline-block;padding:12px;color:var(--color-text-lighter)}.float-spinner{height:32px;display:none}#nojavascript{position:fixed;top:0;bottom:0;left:0;height:100%;width:100%;z-index:9000;text-align:center;background-color:var(--color-background-darker);color:var(--color-primary-text);line-height:125%;font-size:24px}#nojavascript div{display:block;position:relative;width:50%;top:35%;margin:0px auto}#nojavascript a{color:var(--color-primary-text);border-bottom:2px dotted var(--color-main-background)}#nojavascript a:hover,#nojavascript a:focus{color:var(--color-primary-text-dark)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:var(--border-radius-large);border:2px solid rgba(0,0,0,0);background-clip:content-box}::selection{background-color:var(--color-primary-element);color:var(--color-primary-text)}#app-navigation *{box-sizing:border-box}#emptycontent,.emptycontent{color:var(--color-text-maxcontrast);text-align:center;margin-top:30vh;width:100%}#app-sidebar #emptycontent,#app-sidebar .emptycontent{margin-top:10vh}#emptycontent .emptycontent-search,.emptycontent .emptycontent-search{position:static}#emptycontent h2,.emptycontent h2{margin-bottom:10px}#emptycontent [class^=icon-],#emptycontent [class*=icon-],.emptycontent [class^=icon-],.emptycontent [class*=icon-]{background-size:64px;height:64px;width:64px;margin:0 auto 15px}#emptycontent [class^=icon-]:not([class^=icon-loading]),#emptycontent [class^=icon-]:not([class*=icon-loading]),#emptycontent [class*=icon-]:not([class^=icon-loading]),#emptycontent [class*=icon-]:not([class*=icon-loading]),.emptycontent [class^=icon-]:not([class^=icon-loading]),.emptycontent [class^=icon-]:not([class*=icon-loading]),.emptycontent [class*=icon-]:not([class^=icon-loading]),.emptycontent [class*=icon-]:not([class*=icon-loading]){opacity:.4}#datadirContent label{width:100%}.grouptop,.groupmiddle,.groupbottom{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#show,#dbpassword{position:absolute;right:1em;top:.8em;float:right}#show+label,#dbpassword+label{right:21px;top:15px !important;margin:-14px !important;padding:14px !important}#show:checked+label,#dbpassword:checked+label,#personal-show:checked+label{opacity:.8}#show:focus-visible+label,#dbpassword-toggle:focus-visible+label,#personal-show:focus-visible+label{box-shadow:var(--color-primary) 0 0 0 2px;opacity:1;border-radius:9999px}#show+label,#dbpassword+label,#personal-show+label{position:absolute !important;height:20px;width:24px;background-image:var(--icon-toggle-dark);background-repeat:no-repeat;background-position:center;opacity:.3}#show:focus+label,#dbpassword:focus+label,#personal-show:focus+label{opacity:1}#show+label:hover,#dbpassword+label:hover,#personal-show+label:hover{opacity:1}#show+label:before,#dbpassword+label:before,#personal-show+label:before{display:none}#pass2,input[name=personal-password-clone]{padding-right:30px}.personal-show-container{position:relative;display:inline-block;margin-right:6px}#personal-show+label{display:block;right:0;margin-top:-43px;margin-right:-4px;padding:22px}#body-user .warning,#body-settings .warning{margin-top:8px;padding:5px;border-radius:var(--border-radius);color:var(--color-main-text);background-color:rgba(var(--color-warning-rgb), 0.2)}.warning legend,.warning a{font-weight:bold !important}.error:not(.toastify) a{color:#fff !important;font-weight:bold !important}.error:not(.toastify) a.button{color:var(--color-text-lighter) !important;display:inline-block;text-align:center}.error:not(.toastify) pre{white-space:pre-wrap;text-align:left}.error-wide{width:700px;margin-left:-200px !important}.error-wide .button{color:#000 !important}.warning-input{border-color:var(--color-error) !important}.avatar,.avatardiv{border-radius:50%;flex-shrink:0}.avatar>img,.avatardiv>img{border-radius:50%;flex-shrink:0}td.avatar{border-radius:0}tr .action:not(.permanent),.selectedActions>a{opacity:0}tr:hover .action:not(.menuitem),tr:focus .action:not(.menuitem),tr .action.permanent:not(.menuitem){opacity:.5}.selectedActions>a{opacity:.5;position:relative;top:2px}.selectedActions>a:hover,.selectedActions>a:focus{opacity:1}tr .action{width:16px;height:16px}.header-action{opacity:.8}tr:hover .action:hover,tr:focus .action:focus{opacity:1}.selectedActions a:hover,.selectedActions a:focus{opacity:1}.header-action:hover,.header-action:focus{opacity:1}tbody tr:hover,tbody tr:focus,tbody tr:active{background-color:var(--color-background-dark)}code{font-family:"Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono",monospace}.pager{list-style:none;float:right;display:inline;margin:.7em 13em 0 0}.pager li{display:inline-block}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{overflow:hidden;text-overflow:ellipsis}.ui-icon-circle-triangle-e{background-image:url("../img/actions/play-next.svg?v=1")}.ui-icon-circle-triangle-w{background-image:url("../img/actions/play-previous.svg?v=1")}.ui-widget.ui-datepicker{margin-top:10px;padding:4px 8px;width:auto;border-radius:var(--border-radius);border:none;z-index:1600 !important}.ui-widget.ui-datepicker .ui-state-default,.ui-widget.ui-datepicker .ui-widget-content .ui-state-default,.ui-widget.ui-datepicker .ui-widget-header .ui-state-default{border:1px solid rgba(0,0,0,0);background:inherit}.ui-widget.ui-datepicker .ui-widget-header{padding:7px;font-size:13px;border:none;background-color:var(--color-main-background);color:var(--color-main-text)}.ui-widget.ui-datepicker .ui-widget-header .ui-datepicker-title{line-height:1;font-weight:normal}.ui-widget.ui-datepicker .ui-widget-header .ui-icon{opacity:.5}.ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e{background:url("../img/actions/arrow-right.svg") center center no-repeat}.ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w{background:url("../img/actions/arrow-left.svg") center center no-repeat}.ui-widget.ui-datepicker .ui-widget-header .ui-state-hover .ui-icon{opacity:1}.ui-widget.ui-datepicker .ui-datepicker-calendar th{font-weight:normal;color:var(--color-text-lighter);opacity:.8;width:26px;padding:2px}.ui-widget.ui-datepicker .ui-datepicker-calendar tr:hover{background-color:inherit}.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:not(.ui-state-hover){background-color:var(--color-background-darker)}.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active,.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-hover,.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-focus{background-color:var(--color-primary);color:var(--color-primary-text);font-weight:bold}.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:not(.ui-state-disabled) :not(.ui-state-hover),.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-priority-secondary:not(.ui-state-hover){color:var(--color-text-lighter);opacity:.8}.ui-datepicker-prev,.ui-datepicker-next{border:var(--color-border-dark);background:var(--color-main-background)}.ui-widget.ui-timepicker{margin-top:10px !important;width:auto !important;border-radius:var(--border-radius);z-index:1600 !important}.ui-widget.ui-timepicker .ui-widget-content{border:none !important}.ui-widget.ui-timepicker .ui-state-default,.ui-widget.ui-timepicker .ui-widget-content .ui-state-default,.ui-widget.ui-timepicker .ui-widget-header .ui-state-default{border:1px solid rgba(0,0,0,0);background:inherit}.ui-widget.ui-timepicker .ui-widget-header{padding:7px;font-size:13px;border:none;background-color:var(--color-main-background);color:var(--color-main-text)}.ui-widget.ui-timepicker .ui-widget-header .ui-timepicker-title{line-height:1;font-weight:normal}.ui-widget.ui-timepicker table.ui-timepicker tr .ui-timepicker-hour-cell:first-child{margin-left:30px}.ui-widget.ui-timepicker .ui-timepicker-table th{font-weight:normal;color:var(--color-text-lighter);opacity:.8}.ui-widget.ui-timepicker .ui-timepicker-table th.periods{padding:0;width:30px;line-height:30px}.ui-widget.ui-timepicker .ui-timepicker-table tr:hover{background-color:inherit}.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hour-cell a.ui-state-active,.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minute-cell a.ui-state-active,.ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-hover,.ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-focus{background-color:var(--color-primary);color:var(--color-primary-text);font-weight:bold}.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minutes:not(.ui-state-hover){color:var(--color-text-lighter)}.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hours{border-right:1px solid var(--color-border)}.ui-widget.ui-datepicker .ui-datepicker-calendar tr,.ui-widget.ui-timepicker table.ui-timepicker tr{display:flex;flex-wrap:nowrap;justify-content:space-between}.ui-widget.ui-datepicker .ui-datepicker-calendar tr td,.ui-widget.ui-timepicker table.ui-timepicker tr td{flex:1 1 auto;margin:0;padding:2px;height:26px;width:26px;display:flex;align-items:center;justify-content:center}.ui-widget.ui-datepicker .ui-datepicker-calendar tr td>*,.ui-widget.ui-timepicker table.ui-timepicker tr td>*{border-radius:50%;text-align:center;font-weight:normal;color:var(--color-main-text);display:block;line-height:18px;width:18px;height:18px;padding:3px;font-size:.9em}#oc-dialog-filepicker-content{position:relative;display:flex;flex-direction:column}#oc-dialog-filepicker-content .dirtree{flex-wrap:wrap;box-sizing:border-box;padding-right:140px}#oc-dialog-filepicker-content .dirtree div:first-child a{background-image:var(--icon-home-dark);background-repeat:no-repeat;background-position:left center}#oc-dialog-filepicker-content .dirtree span:not(:last-child){cursor:pointer}#oc-dialog-filepicker-content .dirtree span:last-child{font-weight:bold}#oc-dialog-filepicker-content .dirtree span:not(:last-child)::after{content:">";padding:3px}#oc-dialog-filepicker-content #picker-showgridview{position:absolute;background-color:rgba(0,0,0,0);border:none;margin:0;padding:22px;opacity:.5;right:0;top:0}#oc-dialog-filepicker-content #picker-showgridview:hover,#oc-dialog-filepicker-content #picker-showgridview:active,#oc-dialog-filepicker-content #picker-showgridview:focus{box-shadow:0 0 0 2px var(--color-primary);opacity:1}#oc-dialog-filepicker-content .actions.creatable{flex-wrap:wrap;padding:0px;box-sizing:border-box;display:inline-flex;float:none;max-height:36px;max-width:36px;background-color:var(--color-background-dark);border:1px solid var(--color-border-dark);border-radius:var(--border-radius-pill);position:relative;left:15px;top:3px;order:1}#oc-dialog-filepicker-content .actions.creatable .icon.icon-add{background-image:var(--icon-add-dark);background-size:16px 16px;width:34px;height:34px;margin:0px;opacity:.5}#oc-dialog-filepicker-content .actions.creatable a{width:36px;padding:0px;position:static}#oc-dialog-filepicker-content .actions.creatable .menu{top:100%;margin-top:10px}#oc-dialog-filepicker-content .actions.creatable .menu form{display:flex;margin:10px}#oc-dialog-filepicker-content .filelist-container{box-sizing:border-box;display:inline-block;overflow-y:auto;flex:1;width:100%;overflow-x:hidden}#oc-dialog-filepicker-content .emptycontent{color:var(--color-text-maxcontrast);text-align:center;margin-top:80px;width:100%;display:none}#oc-dialog-filepicker-content .filelist{background-color:var(--color-main-background);width:100%}#oc-dialog-filepicker-content #picker-filestable.filelist{min-width:initial;margin-bottom:50px}#oc-dialog-filepicker-content #picker-filestable.filelist thead tr{border-bottom:1px solid var(--color-border);background-color:var(--color-main-background)}#oc-dialog-filepicker-content #picker-filestable.filelist thead tr th{width:80%;border:none}#oc-dialog-filepicker-content #picker-filestable.filelist th .columntitle{display:block;padding:15px;height:50px;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle}#oc-dialog-filepicker-content #picker-filestable.filelist th .columntitle.name{padding-left:5px;margin-left:50px}#oc-dialog-filepicker-content #picker-filestable.filelist th .sort-indicator{width:10px;height:8px;margin-left:5px;display:inline-block;vertical-align:text-bottom;opacity:.3}#oc-dialog-filepicker-content #picker-filestable.filelist .sort-indicator.hidden,#oc-dialog-filepicker-content #picker-filestable.filelist th:hover .sort-indicator.hidden,#oc-dialog-filepicker-content #picker-filestable.filelist th:focus .sort-indicator.hidden{visibility:hidden}#oc-dialog-filepicker-content #picker-filestable.filelist th:hover .sort-indicator.hidden,#oc-dialog-filepicker-content #picker-filestable.filelist th:focus .sort-indicator.hidden{visibility:visible}#oc-dialog-filepicker-content #picker-filestable.filelist td{padding:14px;border-bottom:1px solid var(--color-border)}#oc-dialog-filepicker-content #picker-filestable.filelist tr:last-child td{border-bottom:none}#oc-dialog-filepicker-content #picker-filestable.filelist .filename{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-size:32px;background-repeat:no-repeat;padding-left:51px;background-position:7px 7px;cursor:pointer;max-width:0}#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts{display:flex}#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts__first{overflow:hidden;white-space:pre;text-overflow:ellipsis}#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts__last{white-space:pre}#oc-dialog-filepicker-content #picker-filestable.filelist .filesize,#oc-dialog-filepicker-content #picker-filestable.filelist .date{width:80px}#oc-dialog-filepicker-content #picker-filestable.filelist .filesize{text-align:right}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid{display:flex;flex-direction:column}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody{display:grid;grid-template-columns:repeat(auto-fill, 120px);justify-content:space-around;row-gap:15px;margin:15px 0}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr{display:block;position:relative;border-radius:var(--border-radius);padding:10px;display:flex;flex-direction:column;width:100px}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td{border:none;padding:0;text-align:center;border-radius:var(--border-radius)}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filename{padding:100px 0 0 0;background-position:center top;background-size:contain;line-height:30px;max-width:none}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filename .filename-parts{justify-content:center}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filesize{line-height:10px;width:100%}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.date{display:none}#oc-dialog-filepicker-content .filepicker_element_selected{background-color:var(--color-background-darker)}.ui-dialog{position:fixed !important}span.ui-icon{float:left;margin:3px 7px 30px 0}#contactsmenu .menutoggle{cursor:pointer}#contactsmenu .menutoggle:before{background-size:20px 20px;background-repeat:no-repeat;background-position-x:3px;background-position-y:4px;padding:14px;content:" ";background-image:var(--original-icon-contacts-white);filter:var(--background-image-invert-if-bright)}#contactsmenu .menutoggle:hover,#contactsmenu .menutoggle:focus,#contactsmenu .menutoggle:active{opacity:1 !important}#contactsmenu #contactsmenu-menu a{padding:2px}#contactsmenu #contactsmenu-menu a:focus-visible{box-shadow:inset 0 0 0 2px var(--color-main-text) !important}#header .header-right>div#contactsmenu>.menu{height:calc(100vh - 150px);max-height:302px;min-height:175px;width:350px}#header .header-right>div#contactsmenu>.menu .emptycontent{margin-top:5vh !important;margin-bottom:2vh}#header .header-right>div#contactsmenu>.menu .emptycontent .icon-loading,#header .header-right>div#contactsmenu>.menu .emptycontent .icon-search{display:inline-block}#header .header-right>div#contactsmenu>.menu .content{height:calc(100vh - 150px - 50px);max-height:250px;min-height:125px;overflow-y:auto}#header .header-right>div#contactsmenu>.menu .content .footer{text-align:center}#header .header-right>div#contactsmenu>.menu .content .footer a{display:block;width:100%;padding:12px 0;opacity:.5}#header .header-right>div#contactsmenu>.menu .contact{display:flex;position:relative;align-items:center;padding:3px 3px 3px 10px}#header .header-right>div#contactsmenu>.menu .contact .avatar{height:32px;width:32px;display:inline-block}#header .header-right>div#contactsmenu>.menu .contact .body{flex-grow:1;padding-left:8px}#header .header-right>div#contactsmenu>.menu .contact .body div{position:relative;width:100%}#header .header-right>div#contactsmenu>.menu .contact .body .full-name,#header .header-right>div#contactsmenu>.menu .contact .body .last-message{max-width:204px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#header .header-right>div#contactsmenu>.menu .contact .body .last-message,#header .header-right>div#contactsmenu>.menu .contact .body .email-address{color:var(--color-text-maxcontrast)}#header .header-right>div#contactsmenu>.menu .contact .top-action,#header .header-right>div#contactsmenu>.menu .contact .second-action,#header .header-right>div#contactsmenu>.menu .contact .other-actions{width:16px;height:16px;opacity:.5;cursor:pointer}#header .header-right>div#contactsmenu>.menu .contact .top-action:not(button),#header .header-right>div#contactsmenu>.menu .contact .second-action:not(button),#header .header-right>div#contactsmenu>.menu .contact .other-actions:not(button){padding:14px}#header .header-right>div#contactsmenu>.menu .contact .top-action img,#header .header-right>div#contactsmenu>.menu .contact .second-action img,#header .header-right>div#contactsmenu>.menu .contact .other-actions img{filter:var(--background-invert-if-dark)}#header .header-right>div#contactsmenu>.menu .contact .top-action:hover,#header .header-right>div#contactsmenu>.menu .contact .top-action:active,#header .header-right>div#contactsmenu>.menu .contact .top-action:focus,#header .header-right>div#contactsmenu>.menu .contact .second-action:hover,#header .header-right>div#contactsmenu>.menu .contact .second-action:active,#header .header-right>div#contactsmenu>.menu .contact .second-action:focus,#header .header-right>div#contactsmenu>.menu .contact .other-actions:hover,#header .header-right>div#contactsmenu>.menu .contact .other-actions:active,#header .header-right>div#contactsmenu>.menu .contact .other-actions:focus{opacity:1}#header .header-right>div#contactsmenu>.menu .contact button.other-actions{width:44px}#header .header-right>div#contactsmenu>.menu .contact button.other-actions:focus{border-color:rgba(0,0,0,0);box-shadow:0 0 0 2px var(--color-main-text)}#header .header-right>div#contactsmenu>.menu .contact button.other-actions:focus-visible{border-radius:var(--border-radius-pill)}#header .header-right>div#contactsmenu>.menu .contact .menu{top:47px;margin-right:13px}#header .header-right>div#contactsmenu>.menu .contact .popovermenu::after{right:2px}#contactsmenu-search{width:calc(100% - 16px);margin:8px;height:34px}.extra-data{padding-right:5px !important}#tagsdialog .content{width:100%;height:280px}#tagsdialog .scrollarea{overflow:auto;border:1px solid var(--color-background-darker);width:100%;height:240px}#tagsdialog .bottombuttons{width:100%;height:30px}#tagsdialog .bottombuttons *{float:left}#tagsdialog .taglist li{background:var(--color-background-dark);padding:.3em .8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:background-color 500ms;transition:background-color 500ms}#tagsdialog .taglist li:hover,#tagsdialog .taglist li:active{background:var(--color-background-darker)}#tagsdialog .addinput{width:90%;clear:both}.breadcrumb{display:inline-flex}div.crumb{display:inline-flex;background-image:url("../img/breadcrumb.svg?v=1");background-repeat:no-repeat;background-position:right center;height:44px;background-size:auto 24px;flex:0 0 auto;order:1;padding-right:7px}div.crumb.crumbmenu{order:2;position:relative}div.crumb.crumbmenu a{opacity:.5}div.crumb.crumbmenu.canDropChildren .popovermenu,div.crumb.crumbmenu.canDrop .popovermenu{display:block}div.crumb.crumbmenu .popovermenu{top:100%;margin-right:3px}div.crumb.crumbmenu .popovermenu ul{max-height:345px;overflow-y:auto;overflow-x:hidden;padding-right:5px}div.crumb.crumbmenu .popovermenu ul li.canDrop span:first-child{background-image:url("../img/filetypes/folder-drag-accept.svg?v=1") !important}div.crumb.crumbmenu .popovermenu .in-breadcrumb{display:none}div.crumb.hidden{display:none}div.crumb.hidden~.crumb{order:3}div.crumb>a,div.crumb>span{position:relative;padding:12px;opacity:.5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:0 0 auto;max-width:200px}div.crumb>a.icon-home,div.crumb>a.icon-delete,div.crumb>span.icon-home,div.crumb>span.icon-delete{text-indent:-9999px}div.crumb>a[class^=icon-]{padding:0;width:44px}div.crumb:last-child{font-weight:bold;margin-right:10px}div.crumb:last-child a~span{padding-left:0}div.crumb:hover,div.crumb:focus,div.crumb a:focus,div.crumb:active{opacity:1}div.crumb:hover>a,div.crumb:hover>span,div.crumb:focus>a,div.crumb:focus>span,div.crumb a:focus>a,div.crumb a:focus>span,div.crumb:active>a,div.crumb:active>span{opacity:.7}.appear{opacity:1;-webkit-transition:opacity 500ms ease 0s;-moz-transition:opacity 500ms ease 0s;-ms-transition:opacity 500ms ease 0s;-o-transition:opacity 500ms ease 0s;transition:opacity 500ms ease 0s}.appear.transparent{opacity:0}fieldset.warning legend,fieldset.update legend{top:18px;position:relative}fieldset.warning legend+p,fieldset.update legend+p{margin-top:12px}@-ms-viewport{width:device-width}.hiddenuploadfield{display:none;width:0;height:0;opacity:0}input,textarea,select,button,div[contenteditable=true],div[contenteditable=false]{font-family:var(--font-face)}.select2-container-multi .select2-choices .select2-search-field input,.select2-search input,.ui-widget{font-family:var(--font-face) !important}.select2-container.select2-drop-above .select2-choice{background-image:unset !important}select,button:not(.button-vue,[class^=vs__]),input,textarea,div[contenteditable=true],div[contenteditable=false]{width:130px;min-height:36px;box-sizing:border-box}input:not([type=range]){outline:none}div.select2-drop .select2-search input,input[type=submit],input[type=button],input[type=reset],button:not(.button-vue,[class^=vs__]),.button,.pager li a{margin:3px 3px 3px 0;padding:7px 14px;font-size:13px;background-color:var(--color-main-background);color:var(--color-main-text);border:1px solid var(--color-border-dark);font-size:var(--default-font-size);outline:none;border-radius:var(--border-radius);cursor:text}div.select2-drop .select2-search input:not(:disabled):not(.primary):hover,div.select2-drop .select2-search input:not(:disabled):not(.primary):focus,div.select2-drop .select2-search input:not(:disabled):not(.primary).active,input[type=submit]:not(:disabled):not(.primary):hover,input[type=submit]:not(:disabled):not(.primary):focus,input[type=submit]:not(:disabled):not(.primary).active,input[type=button]:not(:disabled):not(.primary):hover,input[type=button]:not(:disabled):not(.primary):focus,input[type=button]:not(:disabled):not(.primary).active,input[type=reset]:not(:disabled):not(.primary):hover,input[type=reset]:not(:disabled):not(.primary):focus,input[type=reset]:not(:disabled):not(.primary).active,button:not(.button-vue,[class^=vs__]):not(:disabled):not(.primary):hover,button:not(.button-vue,[class^=vs__]):not(:disabled):not(.primary):focus,button:not(.button-vue,[class^=vs__]):not(:disabled):not(.primary).active,.button:not(:disabled):not(.primary):hover,.button:not(:disabled):not(.primary):focus,.button:not(:disabled):not(.primary).active,.pager li a:not(:disabled):not(.primary):hover,.pager li a:not(:disabled):not(.primary):focus,.pager li a:not(:disabled):not(.primary).active{border-color:var(--color-primary-element);outline:none}div.select2-drop .select2-search input:not(:disabled):not(.primary):active,input[type=submit]:not(:disabled):not(.primary):active,input[type=button]:not(:disabled):not(.primary):active,input[type=reset]:not(:disabled):not(.primary):active,button:not(.button-vue,[class^=vs__]):not(:disabled):not(.primary):active,.button:not(:disabled):not(.primary):active,.pager li a:not(:disabled):not(.primary):active{outline:none;background-color:var(--color-main-background);color:var(--color-text-light)}div.select2-drop .select2-search input:not(:disabled):not(.primary):focus-visible,input[type=submit]:not(:disabled):not(.primary):focus-visible,input[type=button]:not(:disabled):not(.primary):focus-visible,input[type=reset]:not(:disabled):not(.primary):focus-visible,button:not(.button-vue,[class^=vs__]):not(:disabled):not(.primary):focus-visible,.button:not(:disabled):not(.primary):focus-visible,.pager li a:not(:disabled):not(.primary):focus-visible{box-shadow:0 0 0 2px var(--color-primary)}div.select2-drop .select2-search input:disabled,input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,button:not(.button-vue,[class^=vs__]):disabled,.button:disabled,.pager li a:disabled{background-color:var(--color-background-dark);color:var(--color-main-text);cursor:default;opacity:.5}div.select2-drop .select2-search input:required,input[type=submit]:required,input[type=button]:required,input[type=reset]:required,button:not(.button-vue,[class^=vs__]):required,.button:required,.pager li a:required{box-shadow:none}div.select2-drop .select2-search input:user-invalid,input[type=submit]:user-invalid,input[type=button]:user-invalid,input[type=reset]:user-invalid,button:not(.button-vue,[class^=vs__]):user-invalid,.button:user-invalid,.pager li a:user-invalid{box-shadow:0 0 0 2px var(--color-error) !important}div.select2-drop .select2-search input.primary,input[type=submit].primary,input[type=button].primary,input[type=reset].primary,button:not(.button-vue,[class^=vs__]).primary,.button.primary,.pager li a.primary{background-color:var(--color-primary-element);border-color:var(--color-primary-element);color:var(--color-primary-text);cursor:pointer}#body-login :not(.body-login-container) div.select2-drop .select2-search input.primary,#header div.select2-drop .select2-search input.primary,#body-login :not(.body-login-container) input[type=submit].primary,#header input[type=submit].primary,#body-login :not(.body-login-container) input[type=button].primary,#header input[type=button].primary,#body-login :not(.body-login-container) input[type=reset].primary,#header input[type=reset].primary,#body-login :not(.body-login-container) button:not(.button-vue,[class^=vs__]).primary,#header button:not(.button-vue,[class^=vs__]).primary,#body-login :not(.body-login-container) .button.primary,#header .button.primary,#body-login :not(.body-login-container) .pager li a.primary,#header .pager li a.primary{border-color:var(--color-primary-text)}div.select2-drop .select2-search input.primary:not(:disabled):hover,div.select2-drop .select2-search input.primary:not(:disabled):focus,div.select2-drop .select2-search input.primary:not(:disabled):active,input[type=submit].primary:not(:disabled):hover,input[type=submit].primary:not(:disabled):focus,input[type=submit].primary:not(:disabled):active,input[type=button].primary:not(:disabled):hover,input[type=button].primary:not(:disabled):focus,input[type=button].primary:not(:disabled):active,input[type=reset].primary:not(:disabled):hover,input[type=reset].primary:not(:disabled):focus,input[type=reset].primary:not(:disabled):active,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):hover,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):focus,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):active,.button.primary:not(:disabled):hover,.button.primary:not(:disabled):focus,.button.primary:not(:disabled):active,.pager li a.primary:not(:disabled):hover,.pager li a.primary:not(:disabled):focus,.pager li a.primary:not(:disabled):active{background-color:var(--color-primary-element-hover);border-color:var(--color-primary-element-hover)}div.select2-drop .select2-search input.primary:not(:disabled):focus,div.select2-drop .select2-search input.primary:not(:disabled):focus-visible,input[type=submit].primary:not(:disabled):focus,input[type=submit].primary:not(:disabled):focus-visible,input[type=button].primary:not(:disabled):focus,input[type=button].primary:not(:disabled):focus-visible,input[type=reset].primary:not(:disabled):focus,input[type=reset].primary:not(:disabled):focus-visible,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):focus,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):focus-visible,.button.primary:not(:disabled):focus,.button.primary:not(:disabled):focus-visible,.pager li a.primary:not(:disabled):focus,.pager li a.primary:not(:disabled):focus-visible{box-shadow:0 0 0 2px var(--color-main-text)}div.select2-drop .select2-search input.primary:not(:disabled):active,input[type=submit].primary:not(:disabled):active,input[type=button].primary:not(:disabled):active,input[type=reset].primary:not(:disabled):active,button:not(.button-vue,[class^=vs__]).primary:not(:disabled):active,.button.primary:not(:disabled):active,.pager li a.primary:not(:disabled):active{color:var(--color-primary-text-dark)}div.select2-drop .select2-search input.primary:disabled,input[type=submit].primary:disabled,input[type=button].primary:disabled,input[type=reset].primary:disabled,button:not(.button-vue,[class^=vs__]).primary:disabled,.button.primary:disabled,.pager li a.primary:disabled{background-color:var(--color-primary-element);color:var(--color-primary-text-dark);cursor:default}div[contenteditable=false]{margin:3px 3px 3px 0;padding:7px 6px;font-size:13px;background-color:var(--color-main-background);color:var(--color-text-lighter);border:1px solid var(--color-background-darker);outline:none;border-radius:var(--border-radius);background-color:var(--color-background-dark);color:var(--color-text-lighter);cursor:default;opacity:.5}input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):not([type=color]):not([type=file]):not([type=image]){-webkit-appearance:textfield;-moz-appearance:textfield;height:36px}input[type=radio],input[type=checkbox],input[type=file],input[type=image]{height:auto;width:auto}input[type=color]{margin:3px;padding:0 2px;min-height:30px;width:40px;cursor:pointer}input[type=hidden]{height:0;width:0}input[type=time]{width:initial}select,button:not(.button-vue,[class^=vs__]),.button,input[type=button],input[type=submit],input[type=reset]{padding:8px 14px;font-size:var(--default-font-size);width:auto;min-height:36px;cursor:pointer;box-sizing:border-box;background-color:var(--color-background-dark)}select:disabled,button:not(.button-vue,[class^=vs__]):disabled,.button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled{cursor:default}input:not([type=range],.input-field__input,[type=submit],[type=button],[type=reset],.multiselect__input,.select2-input,.action-input__input,[class^=vs__]),select,div[contenteditable=true],textarea{margin:3px 3px 3px 0;padding:0 12px;font-size:var(--default-font-size);background-color:var(--color-main-background);color:var(--color-main-text);border:2px solid var(--color-border-maxcontrast);height:36px;outline:none;border-radius:var(--border-radius-large);text-overflow:ellipsis;cursor:pointer}input:not([type=range],.input-field__input,[type=submit],[type=button],[type=reset],.multiselect__input,.select2-input,.action-input__input,[class^=vs__]):not(:disabled):hover,input:not([type=range],.input-field__input,[type=submit],[type=button],[type=reset],.multiselect__input,.select2-input,.action-input__input,[class^=vs__]):not(:disabled):focus,input:not([type=range],.input-field__input,[type=submit],[type=button],[type=reset],.multiselect__input,.select2-input,.action-input__input,[class^=vs__]):not(:disabled):active,select:not(:disabled):hover,select:not(:disabled):focus,select:not(:disabled):active,div[contenteditable=true]:not(:disabled):hover,div[contenteditable=true]:not(:disabled):focus,div[contenteditable=true]:not(:disabled):active,textarea:not(:disabled):hover,textarea:not(:disabled):focus,textarea:not(:disabled):active{border-color:var(--color-primary-element)}input:not([type=range],.input-field__input,[type=submit],[type=button],[type=reset],.multiselect__input,.select2-input,.action-input__input,[class^=vs__]):not(:disabled):focus,select:not(:disabled):focus,div[contenteditable=true]:not(:disabled):focus,textarea:not(:disabled):focus{cursor:text}.multiselect__input,.select2-input{background-color:var(--color-main-background);color:var(--color-main-text)}textarea,div[contenteditable=true]{padding:12px;height:auto}select{background:var(--icon-triangle-s-dark) no-repeat right 8px center;appearance:none;background-color:var(--color-main-background);padding-right:28px !important}select *,button:not(.button-vue,[class^=vs__]) *,.button *{cursor:pointer}select:disabled *,button:not(.button-vue,[class^=vs__]):disabled *,.button:disabled *{cursor:default}button:not(.button-vue,[class^=vs__]),.button,input[type=button],input[type=submit],input[type=reset]{font-weight:bold;border-radius:var(--border-radius-pill)}button:not(.button-vue,[class^=vs__])::-moz-focus-inner,.button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=reset]::-moz-focus-inner{border:0}button:not(.button-vue,[class^=vs__]).error,.button.error,input[type=button].error,input[type=submit].error,input[type=reset].error{background-color:var(--color-error) !important;border-color:var(--color-error) !important;color:#fff !important}button:not(.button-vue,.action-button,[class^=vs__])>span[class^=icon-],button:not(.button-vue,.action-button,[class^=vs__])>span[class*=" icon-"],.button>span[class^=icon-],.button>span[class*=" icon-"]{display:inline-block;vertical-align:text-bottom;opacity:.5}input[type=text]+.icon-confirm,input[type=password]+.icon-confirm,input[type=email]+.icon-confirm{margin-left:-13px !important;border-left-color:rgba(0,0,0,0) !important;border-radius:0 var(--border-radius-large) var(--border-radius-large) 0 !important;border-width:2px;background-clip:padding-box;background-color:var(--color-main-background) !important;opacity:1;height:36px;width:36px;padding:7px 6px;cursor:pointer;margin-right:0}input[type=text]+.icon-confirm:disabled,input[type=password]+.icon-confirm:disabled,input[type=email]+.icon-confirm:disabled{cursor:default;background-image:var(--icon-confirm-fade-dark)}input[type=text]:not(:active):not(:hover):not(:focus):invalid+.icon-confirm,input[type=password]:not(:active):not(:hover):not(:focus):invalid+.icon-confirm,input[type=email]:not(:active):not(:hover):not(:focus):invalid+.icon-confirm{border-color:var(--color-error)}input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:active,input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover,input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:active,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:active,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus{border-color:var(--color-primary-element) !important;border-radius:var(--border-radius) !important}input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:active:disabled,input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover:disabled,input[type=text]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus:disabled,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:active:disabled,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover:disabled,input[type=password]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus:disabled,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:active:disabled,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:hover:disabled,input[type=email]:not(:active):not(:hover):not(:focus)+.icon-confirm:focus:disabled{border-color:var(--color-background-darker) !important}input[type=text]:active+.icon-confirm,input[type=text]:hover+.icon-confirm,input[type=text]:focus+.icon-confirm,input[type=password]:active+.icon-confirm,input[type=password]:hover+.icon-confirm,input[type=password]:focus+.icon-confirm,input[type=email]:active+.icon-confirm,input[type=email]:hover+.icon-confirm,input[type=email]:focus+.icon-confirm{border-color:var(--color-primary-element) !important;border-left-color:rgba(0,0,0,0) !important;z-index:2}button img,.button img{cursor:pointer}select,.button.multiselect{font-weight:normal}input[type=checkbox].radio,input[type=checkbox].checkbox,input[type=radio].radio,input[type=radio].checkbox{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}input[type=checkbox].radio+label,input[type=checkbox].checkbox+label,input[type=radio].radio+label,input[type=radio].checkbox+label{user-select:none}input[type=checkbox].radio:disabled+label,input[type=checkbox].radio:disabled+label:before,input[type=checkbox].checkbox:disabled+label,input[type=checkbox].checkbox:disabled+label:before,input[type=radio].radio:disabled+label,input[type=radio].radio:disabled+label:before,input[type=radio].checkbox:disabled+label,input[type=radio].checkbox:disabled+label:before{cursor:default}input[type=checkbox].radio+label:before,input[type=checkbox].checkbox+label:before,input[type=radio].radio+label:before,input[type=radio].checkbox+label:before{content:"";display:inline-block;height:14px;width:14px;vertical-align:middle;border-radius:50%;margin:0 6px 3px 3px;border:1px solid var(--color-text-lighter)}input[type=checkbox].radio:not(:disabled):not(:checked)+label:hover:before,input[type=checkbox].radio:focus+label:before,input[type=checkbox].checkbox:not(:disabled):not(:checked)+label:hover:before,input[type=checkbox].checkbox:focus+label:before,input[type=radio].radio:not(:disabled):not(:checked)+label:hover:before,input[type=radio].radio:focus+label:before,input[type=radio].checkbox:not(:disabled):not(:checked)+label:hover:before,input[type=radio].checkbox:focus+label:before{border-color:var(--color-primary-element)}input[type=checkbox].radio:focus-visible+label,input[type=checkbox].checkbox:focus-visible+label,input[type=radio].radio:focus-visible+label,input[type=radio].checkbox:focus-visible+label{outline-style:solid;outline-color:var(--color-main-text);outline-width:1px;outline-offset:2px}input[type=checkbox].radio:checked+label:before,input[type=checkbox].radio.checkbox:indeterminate+label:before,input[type=checkbox].checkbox:checked+label:before,input[type=checkbox].checkbox.checkbox:indeterminate+label:before,input[type=radio].radio:checked+label:before,input[type=radio].radio.checkbox:indeterminate+label:before,input[type=radio].checkbox:checked+label:before,input[type=radio].checkbox.checkbox:indeterminate+label:before{box-shadow:inset 0px 0px 0px 2px var(--color-main-background);background-color:var(--color-primary-element);border-color:var(--color-primary-element)}input[type=checkbox].radio:disabled+label:before,input[type=checkbox].checkbox:disabled+label:before,input[type=radio].radio:disabled+label:before,input[type=radio].checkbox:disabled+label:before{border:1px solid var(--color-text-lighter);background-color:var(--color-text-maxcontrast) !important}input[type=checkbox].radio:checked:disabled+label:before,input[type=checkbox].checkbox:checked:disabled+label:before,input[type=radio].radio:checked:disabled+label:before,input[type=radio].checkbox:checked:disabled+label:before{background-color:var(--color-text-maxcontrast)}input[type=checkbox].radio+label~em,input[type=checkbox].checkbox+label~em,input[type=radio].radio+label~em,input[type=radio].checkbox+label~em{display:inline-block;margin-left:25px}input[type=checkbox].radio+label~em:last-of-type,input[type=checkbox].checkbox+label~em:last-of-type,input[type=radio].radio+label~em:last-of-type,input[type=radio].checkbox+label~em:last-of-type{margin-bottom:14px}input[type=checkbox].checkbox+label:before,input[type=radio].checkbox+label:before{border-radius:1px;height:14px;width:14px;box-shadow:none !important;background-position:center}input[type=checkbox].checkbox:checked+label:before,input[type=radio].checkbox:checked+label:before{background-image:url("../img/actions/checkbox-mark.svg")}input[type=checkbox].checkbox:indeterminate+label:before,input[type=radio].checkbox:indeterminate+label:before{background-image:url("../img/actions/checkbox-mixed.svg")}input[type=checkbox].radio--white+label:before,input[type=checkbox].radio--white:focus+label:before,input[type=checkbox].checkbox--white+label:before,input[type=checkbox].checkbox--white:focus+label:before,input[type=radio].radio--white+label:before,input[type=radio].radio--white:focus+label:before,input[type=radio].checkbox--white+label:before,input[type=radio].checkbox--white:focus+label:before{border-color:#bababa}input[type=checkbox].radio--white:not(:disabled):not(:checked)+label:hover:before,input[type=checkbox].checkbox--white:not(:disabled):not(:checked)+label:hover:before,input[type=radio].radio--white:not(:disabled):not(:checked)+label:hover:before,input[type=radio].checkbox--white:not(:disabled):not(:checked)+label:hover:before{border-color:#fff}input[type=checkbox].radio--white:checked+label:before,input[type=checkbox].checkbox--white:checked+label:before,input[type=radio].radio--white:checked+label:before,input[type=radio].checkbox--white:checked+label:before{box-shadow:inset 0px 0px 0px 2px var(--color-main-background);background-color:#dbdbdb;border-color:#dbdbdb}input[type=checkbox].radio--white:disabled+label:before,input[type=checkbox].checkbox--white:disabled+label:before,input[type=radio].radio--white:disabled+label:before,input[type=radio].checkbox--white:disabled+label:before{background-color:#bababa !important;border-color:rgba(255,255,255,.4) !important}input[type=checkbox].radio--white:checked:disabled+label:before,input[type=checkbox].checkbox--white:checked:disabled+label:before,input[type=radio].radio--white:checked:disabled+label:before,input[type=radio].checkbox--white:checked:disabled+label:before{box-shadow:inset 0px 0px 0px 2px var(--color-main-background);border-color:rgba(255,255,255,.4) !important;background-color:#bababa}input[type=checkbox].checkbox--white:checked+label:before,input[type=checkbox].checkbox--white:indeterminate+label:before,input[type=radio].checkbox--white:checked+label:before,input[type=radio].checkbox--white:indeterminate+label:before{background-color:rgba(0,0,0,0) !important;border-color:#fff !important;background-image:url("../img/actions/checkbox-mark-white.svg")}input[type=checkbox].checkbox--white:indeterminate+label:before,input[type=radio].checkbox--white:indeterminate+label:before{background-image:url("../img/actions/checkbox-mixed-white.svg")}input[type=checkbox].checkbox--white:disabled+label:before,input[type=radio].checkbox--white:disabled+label:before{opacity:.7}div.select2-drop{margin-top:-2px;background-color:var(--color-main-background)}div.select2-drop.select2-drop-active{border-color:var(--color-border-dark)}div.select2-drop .avatar{display:inline-block;margin-right:8px;vertical-align:middle}div.select2-drop .avatar img{cursor:pointer}div.select2-drop .select2-search input{min-height:auto;background:var(--icon-search-dark) no-repeat right center !important;background-origin:content-box !important}div.select2-drop .select2-results{max-height:250px;margin:0;padding:0}div.select2-drop .select2-results .select2-result-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.select2-drop .select2-results .select2-result-label span{cursor:pointer}div.select2-drop .select2-results .select2-result-label span em{cursor:inherit;background:unset}div.select2-drop .select2-results .select2-result,div.select2-drop .select2-results .select2-no-results,div.select2-drop .select2-results .select2-searching{position:relative;display:list-item;padding:12px;background-color:rgba(0,0,0,0);cursor:pointer;color:var(--color-text-lighter)}div.select2-drop .select2-results .select2-result.select2-selected{background-color:var(--color-background-dark)}div.select2-drop .select2-results .select2-highlighted{background-color:var(--color-background-dark);color:var(--color-main-text)}.select2-chosen .avatar,.select2-chosen .avatar img,#select2-drop .avatar,#select2-drop .avatar img{cursor:pointer}div.select2-container-multi .select2-choices,div.select2-container-multi.select2-container-active .select2-choices{box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background:var(--color-main-background);color:var(--color-text-lighter) !important;box-sizing:content-box;border-radius:var(--border-radius-large);border:2px solid var(--color-border-dark);margin:0;padding:6px;min-height:44px}div.select2-container-multi .select2-choices:focus-within,div.select2-container-multi.select2-container-active .select2-choices:focus-within{border-color:var(--color-primary)}div.select2-container-multi .select2-choices .select2-search-choice,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice{line-height:20px;padding-left:5px}div.select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus,div.select2-container-multi .select2-choices .select2-search-choice:hover,div.select2-container-multi .select2-choices .select2-search-choice:active,div.select2-container-multi .select2-choices .select2-search-choice,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice.select2-search-choice-focus,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:hover,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:active,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice{background-image:none;background-color:var(--color-main-background);color:var(--color-text-lighter);border:1px solid var(--color-border-dark)}div.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close,div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice .select2-search-choice-close{display:none}div.select2-container-multi .select2-choices .select2-search-field input,div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input{line-height:20px;min-height:28px;max-height:28px;color:var(--color-main-text)}div.select2-container-multi .select2-choices .select2-search-field input.select2-active,div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input.select2-active{background:none !important}div.select2-container{margin:3px 3px 3px 0}div.select2-container.select2-container-multi .select2-choices{display:flex;flex-wrap:wrap}div.select2-container.select2-container-multi .select2-choices li{float:none}div.select2-container a.select2-choice{box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background:var(--color-main-background);color:var(--color-text-lighter) !important;box-sizing:content-box;border-radius:var(--border-radius-large);border:2px solid var(--color-border-dark);margin:0;padding:6px 12px;min-height:44px}div.select2-container a.select2-choice:focus-within{border-color:var(--color-primary)}div.select2-container a.select2-choice .select2-search-choice{line-height:20px;padding-left:5px;background-image:none;background-color:var(--color-background-dark);border-color:var(--color-background-dark)}div.select2-container a.select2-choice .select2-search-choice .select2-search-choice-close{display:none}div.select2-container a.select2-choice .select2-search-choice.select2-search-choice-focus,div.select2-container a.select2-choice .select2-search-choice:hover{background-color:var(--color-border);border-color:var(--color-border)}div.select2-container a.select2-choice .select2-arrow{background:none;border-radius:0;border:none}div.select2-container a.select2-choice .select2-arrow b{background:var(--icon-triangle-s-dark) no-repeat center !important;opacity:.5}div.select2-container a.select2-choice:hover .select2-arrow b,div.select2-container a.select2-choice:focus .select2-arrow b,div.select2-container a.select2-choice:active .select2-arrow b{opacity:.7}div.select2-container a.select2-choice .select2-search-field input{line-height:20px}.v-select{margin:3px 3px 3px 0;display:inline-block}.v-select .dropdown-toggle{display:flex !important;flex-wrap:wrap}.v-select .dropdown-toggle .selected-tag{line-height:20px;padding-left:5px;background-image:none;background-color:var(--color-main-background);color:var(--color-text-lighter);border:1px solid var(--color-border-dark);display:inline-flex;align-items:center}.v-select .dropdown-toggle .selected-tag .close{margin-left:3px}.v-select .dropdown-menu{padding:0}.v-select .dropdown-menu li{padding:5px;position:relative;display:list-item;background-color:rgba(0,0,0,0);cursor:pointer;color:var(--color-text-lighter)}.v-select .dropdown-menu li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:25px;padding:3px 7px 4px 2px;margin:0;cursor:pointer;min-height:1em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;align-items:center;background-color:rgba(0,0,0,0) !important;color:inherit !important}.v-select .dropdown-menu li a::before{content:" ";background-image:var(--icon-checkmark-dark);background-repeat:no-repeat;background-position:center;min-width:16px;min-height:16px;display:block;opacity:.5;margin-right:5px;visibility:hidden}.v-select .dropdown-menu li.highlight{color:var(--color-main-text)}.v-select .dropdown-menu li.active>a{background-color:var(--color-background-dark);color:var(--color-main-text)}.v-select .dropdown-menu li.active>a::before{visibility:visible}progress:not(.vue){display:block;width:100%;padding:0;border:0 none;background-color:var(--color-background-dark);border-radius:var(--border-radius);flex-basis:100%;height:5px;overflow:hidden}progress:not(.vue).warn::-moz-progress-bar{background:var(--color-error)}progress:not(.vue).warn::-webkit-progress-value{background:var(--color-error)}progress:not(.vue)::-webkit-progress-bar{background:rgba(0,0,0,0)}progress:not(.vue)::-moz-progress-bar{border-radius:var(--border-radius);background:var(--color-primary);transition:250ms all ease-in-out}progress:not(.vue)::-webkit-progress-value{border-radius:var(--border-radius);background:var(--color-primary);transition:250ms all ease-in-out}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake{animation-name:shake;animation-duration:.7s;animation-timing-function:ease-out}label.infield{position:absolute;left:-10000px;top:-10000px;width:1px;height:1px;overflow:hidden}::placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:var(--color-text-maxcontrast);font-size:var(--default-font-size)}#header,#expanddiv{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#header a:not(.button):focus-visible,#header button:not(.button-vue):focus-visible,#header div[role=button]:focus-visible,#expanddiv a:not(.button):focus-visible,#expanddiv button:not(.button-vue):focus-visible,#expanddiv div[role=button]:focus-visible{outline:none}#header a:not(.button):focus-visible::after,#header .button-vue:focus-visible::after,#header div[role=button]:focus-visible::after,#expanddiv a:not(.button):focus-visible::after,#expanddiv .button-vue:focus-visible::after,#expanddiv div[role=button]:focus-visible::after{content:" ";position:absolute;transform:translateX(-50%);width:12px;height:2px;border-radius:3px;background-color:var(--color-primary-text);left:50%;opacity:1}#header a:not(.button):focus-visible::after,#header .button-vue:focus-visible::after,#expanddiv a:not(.button):focus-visible::after,#expanddiv .button-vue:focus-visible::after{bottom:2px}#header .header-right a:not(.button):focus-visible::after,#header .header-right div[role=button]:focus-visible::after,#expanddiv .header-right a:not(.button):focus-visible::after,#expanddiv .header-right div[role=button]:focus-visible::after{bottom:4px}#header .header-right #expand.menutoggle:focus-visible::after,#expanddiv .header-right #expand.menutoggle:focus-visible::after{left:40%}#body-user #header,#body-settings #header,#body-public #header{display:inline-flex;position:absolute;top:0;width:100%;z-index:2000;height:50px;box-sizing:border-box;justify-content:space-between}#nextcloud{padding:5px 0;padding-left:86px;position:relative;height:calc(100% - 4px);box-sizing:border-box;opacity:1;align-items:center;display:flex;flex-wrap:wrap;overflow:hidden;margin:2px}#nextcloud:hover,#nextcloud:active{opacity:1}#header .header-right>div>.menu{background-color:var(--color-main-background);filter:drop-shadow(0 1px 5px var(--color-box-shadow));border-radius:var(--border-radius-large);box-sizing:border-box;z-index:2000;position:absolute;max-width:350px;min-height:66px;max-height:calc(100vh - 50px - 8px);right:8px;top:50px;margin:0;overflow-y:auto}#header .header-right>div>.menu:not(.popovermenu){display:none}#header .header-right>div>.menu:after{border:10px solid rgba(0,0,0,0);border-bottom-color:var(--color-main-background);bottom:100%;content:" ";height:0;width:0;position:absolute;pointer-events:none;right:10px}#header .header-right>div>.menu>div,#header .header-right>div>.menu>ul{-webkit-overflow-scrolling:touch;min-height:66px;max-height:calc(100vh - 50px - 8px)}#header .header-right>div>.menu.settings-menu>ul{padding:4px;display:flex;flex-direction:column;gap:2px}#header .header-right>div>.menu.settings-menu>ul li a{border-radius:6px;display:inline-flex;align-items:center;height:44px;color:var(--color-main-text);padding:10px 12px;box-sizing:border-box;white-space:nowrap;position:relative;width:100%}#header .header-right>div>.menu.settings-menu>ul li a:hover,#header .header-right>div>.menu.settings-menu>ul li a:focus{background-color:var(--color-background-hover)}#header .header-right>div>.menu.settings-menu>ul li a:active,#header .header-right>div>.menu.settings-menu>ul li a.active{background-color:var(--color-primary-light)}#header .header-right>div>.menu.settings-menu>ul li a:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary);outline:none}#header .header-right>div>.menu.settings-menu>ul li a span{display:inline-block;padding-bottom:0;color:var(--color-main-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}#header .header-right>div>.menu.settings-menu>ul li a .icon-loading-small{margin-right:10px;background-size:16px 16px}#header .header-right>div>.menu.settings-menu>ul li a img,#header .header-right>div>.menu.settings-menu>ul li a svg{opacity:.7;margin-right:10px;height:16px;width:16px;filter:var(--background-invert-if-dark)}#header .logo{display:inline-flex;width:62px;position:absolute;left:12px;filter:var(--image-logoheader-custom, var(--background-image-invert-if-bright))}#header .header-appname-container{display:none;padding-right:10px;flex-shrink:0}#header #header-left,#header .header-left,#header #header-right,#header .header-right{display:inline-flex;align-items:center}#header #header-left,#header .header-left{flex:1 0;white-space:nowrap;min-width:0}#header #header-right,#header .header-right{justify-content:flex-end;flex-shrink:1}#header .header-right>div,#header .header-right>form{height:100%;position:relative}#header .header-right>div>.menutoggle,#header .header-right>form>.menutoggle{display:flex;justify-content:center;align-items:center;width:50px;height:44px;cursor:pointer;opacity:.85;padding:0;margin:2px 0}#header .header-right>div>.menutoggle:focus,#header .header-right>form>.menutoggle:focus{opacity:1}#header .header-right>div>.menutoggle:focus-visible,#header .header-right>form>.menutoggle:focus-visible{outline:none}.header-appname-container .header-appname{opacity:.75}.header-appname{color:var(--color-primary-text);font-size:16px;font-weight:bold;margin:0;padding:0;padding-right:5px;overflow:hidden;text-overflow:ellipsis;flex:1 1 100%}.header-shared-by{color:var(--color-primary-text);position:relative;font-weight:300;font-size:11px;line-height:11px;overflow:hidden;text-overflow:ellipsis}#settings{display:inline-block;height:100%;cursor:pointer;flex:0 0 auto}#settings #expand{opacity:1;margin-right:12px}#settings #expand:hover,#settings #expand:focus,#settings #expand:active{color:var(--color-primary-text)}#settings #expand:hover #expandDisplayName,#settings #expand:hover .avatardiv,#settings #expand:focus #expandDisplayName,#settings #expand:focus .avatardiv,#settings #expand:active #expandDisplayName,#settings #expand:active .avatardiv{border-radius:50%;border:2px solid var(--color-primary-text);margin:-2px}#settings #expand:hover .avatardiv,#settings #expand:focus .avatardiv,#settings #expand:active .avatardiv{background-color:var(--color-primary-text)}#settings #expand:hover #expandDisplayName,#settings #expand:focus #expandDisplayName,#settings #expand:active #expandDisplayName{opacity:1}#settings #expand .avatardiv{cursor:pointer;height:32px;width:32px}#settings #expand .avatardiv img{opacity:1;cursor:pointer}#settings #expand .avatardiv.avatardiv-shown+#expandDisplayName{display:none}#settings #expand #expandDisplayName{padding:8px;opacity:.6;cursor:pointer}#body-settings #settings #expand #expandDisplayName{opacity:1}#body-settings #settings #expand:before{content:" ";height:0;width:0;position:absolute;pointer-events:none;bottom:2px;z-index:100;display:block;width:10px;height:5px;border-radius:3px;background-color:var(--color-primary-text)}#settings #expanddiv:after{right:22px}#skip-actions{position:absolute;overflow:hidden;z-index:9999;top:-999px;left:3px;height:50px;padding:11px}#skip-actions:focus-within{top:50px}header #emptycontent h2,header .emptycontent h2{font-weight:normal;font-size:16px}header #emptycontent [class^=icon-],header #emptycontent [class*=icon-],header .emptycontent [class^=icon-],header .emptycontent [class*=icon-]{background-size:48px;height:48px;width:48px}[class^=icon-],[class*=" icon-"]{background-repeat:no-repeat;background-position:center;min-width:16px;min-height:16px}.icon-breadcrumb{background-image:url("../img/breadcrumb.svg?v=1")}.loading,.loading-small,.icon-loading,.icon-loading-dark,.icon-loading-small,.icon-loading-small-dark{position:relative}.loading:after,.loading-small:after,.icon-loading:after,.icon-loading-dark:after,.icon-loading-small:after,.icon-loading-small-dark:after{z-index:2;content:"";height:28px;width:28px;margin:-16px 0 0 -16px;position:absolute;top:50%;left:50%;border-radius:100%;-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;border:2px solid var(--color-loading-light);border-top-color:var(--color-loading-dark);filter:var(--background-invert-if-dark)}.primary .loading:after,.primary+.loading:after,.primary .loading-small:after,.primary+.loading-small:after,.primary .icon-loading:after,.primary+.icon-loading:after,.primary .icon-loading-dark:after,.primary+.icon-loading-dark:after,.primary .icon-loading-small:after,.primary+.icon-loading-small:after,.primary .icon-loading-small-dark:after,.primary+.icon-loading-small-dark:after{filter:var(--primary-invert-if-bright)}.icon-loading-dark:after,.icon-loading-small-dark:after{border:2px solid var(--color-loading-dark);border-top-color:var(--color-loading-light)}.icon-loading-small:after,.icon-loading-small-dark:after{height:12px;width:12px;margin:-8px 0 0 -8px}audio.icon-loading,canvas.icon-loading,embed.icon-loading,iframe.icon-loading,img.icon-loading,input.icon-loading,object.icon-loading,video.icon-loading{background-image:url("../img/loading.gif")}audio.icon-loading-dark,canvas.icon-loading-dark,embed.icon-loading-dark,iframe.icon-loading-dark,img.icon-loading-dark,input.icon-loading-dark,object.icon-loading-dark,video.icon-loading-dark{background-image:url("../img/loading-dark.gif")}audio.icon-loading-small,canvas.icon-loading-small,embed.icon-loading-small,iframe.icon-loading-small,img.icon-loading-small,input.icon-loading-small,object.icon-loading-small,video.icon-loading-small{background-image:url("../img/loading-small.gif")}audio.icon-loading-small-dark,canvas.icon-loading-small-dark,embed.icon-loading-small-dark,iframe.icon-loading-small-dark,img.icon-loading-small-dark,input.icon-loading-small-dark,object.icon-loading-small-dark,video.icon-loading-small-dark{background-image:url("../img/loading-small-dark.gif")}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.icon-32{background-size:32px !important}.icon-white.icon-shadow,.icon-audio-white,.icon-audio-off-white,.icon-fullscreen-white,.icon-screen-white,.icon-screen-off-white,.icon-video-white,.icon-video-off-white{filter:drop-shadow(1px 1px 4px var(--color-box-shadow))}:root{--body-container-margin: calc(var(--default-grid-baseline) * 2);--body-container-radius: calc(var(--default-clickable-area) / 2 + var(--default-grid-baseline) * 2 - 2px);--body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin))}@media screen and (max-width: 1024px){:root{--body-container-margin: 0px;--body-container-radius: 0px}}html{width:100%;height:100%;position:absolute;background-color:var(--color-background-plain, var(--color-main-background))}body{background-color:var(--color-background-plain, var(--color-main-background));background-image:var(--image-background, var(--image-background-default));background-size:cover;background-position:center;position:fixed;width:100%;height:calc(100vh - env(safe-area-inset-bottom))}h2{font-weight:bold;font-size:20px;margin-bottom:12px;line-height:30px;color:var(--color-text-light)}h3{font-size:16px;margin:12px 0;color:var(--color-text-light)}h4{font-size:14px}em{font-style:normal;color:var(--color-text-lighter)}dl{padding:12px 0}dt,dd{display:inline-block;padding:12px;padding-left:0}dt{width:130px;white-space:nowrap;text-align:right}kbd{padding:4px 10px;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.2);border-radius:var(--border-radius);display:inline-block;white-space:nowrap}#content[class*=app-] *{box-sizing:border-box}#app-navigation:not(.vue){--border-radius-pill: calc(var(--default-clickable-area) / 2);width:300px;z-index:500;overflow-y:auto;overflow-x:hidden;background-color:var(--color-main-background-blur);backdrop-filter:var(--filter-background-blur);-webkit-backdrop-filter:var(--filter-background-blur);-webkit-user-select:none;position:sticky;height:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0}#app-navigation:not(.vue) .app-navigation-new{display:block;padding:calc(var(--default-grid-baseline)*2)}#app-navigation:not(.vue) .app-navigation-new button{display:inline-block;width:100%;padding:10px;padding-left:34px;background-position:10px center;text-align:left;margin:0}#app-navigation:not(.vue) li{position:relative}#app-navigation:not(.vue)>ul{position:relative;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:calc(var(--default-grid-baseline)*2);padding-bottom:0}#app-navigation:not(.vue)>ul:last-child{padding-bottom:calc(var(--default-grid-baseline)*2)}#app-navigation:not(.vue)>ul>li{display:inline-flex;flex-wrap:wrap;order:1;flex-shrink:0;margin:0;margin-bottom:3px;width:100%;border-radius:var(--border-radius-pill)}#app-navigation:not(.vue)>ul>li.pinned{order:2}#app-navigation:not(.vue)>ul>li.pinned.first-pinned{margin-top:auto !important}#app-navigation:not(.vue)>ul>li>.app-navigation-entry-deleted{padding-left:44px !important}#app-navigation:not(.vue)>ul>li>.app-navigation-entry-edit{padding-left:38px !important}#app-navigation:not(.vue)>ul>li a:hover,#app-navigation:not(.vue)>ul>li a:hover>a,#app-navigation:not(.vue)>ul>li a:focus,#app-navigation:not(.vue)>ul>li a:focus>a{background-color:var(--color-background-hover)}#app-navigation:not(.vue)>ul>li a:focus-visible{box-shadow:var(--color-primary) inset 0 0 0 2px;outline:none}#app-navigation:not(.vue)>ul>li.active,#app-navigation:not(.vue)>ul>li.active>a,#app-navigation:not(.vue)>ul>li a:active,#app-navigation:not(.vue)>ul>li a:active>a,#app-navigation:not(.vue)>ul>li a.selected,#app-navigation:not(.vue)>ul>li a.selected>a,#app-navigation:not(.vue)>ul>li a.active,#app-navigation:not(.vue)>ul>li a.active>a{background-color:var(--color-primary-light)}#app-navigation:not(.vue)>ul>li.icon-loading-small:after{left:22px;top:22px}#app-navigation:not(.vue)>ul>li.deleted>ul,#app-navigation:not(.vue)>ul>li.collapsible:not(.open)>ul{display:none}#app-navigation:not(.vue)>ul>li.app-navigation-caption{font-weight:bold;line-height:44px;padding:0 44px;white-space:nowrap;text-overflow:ellipsis;box-shadow:none !important;user-select:none;pointer-events:none}#app-navigation:not(.vue)>ul>li.app-navigation-caption:not(:first-child){margin-top:22px}#app-navigation:not(.vue)>ul>li>ul{flex:0 1 auto;width:100%;position:relative}#app-navigation:not(.vue)>ul>li>ul>li{display:inline-flex;flex-wrap:wrap;padding-left:44px;width:100%;margin-bottom:3px}#app-navigation:not(.vue)>ul>li>ul>li:hover,#app-navigation:not(.vue)>ul>li>ul>li:hover>a,#app-navigation:not(.vue)>ul>li>ul>li:focus,#app-navigation:not(.vue)>ul>li>ul>li:focus>a{border-radius:var(--border-radius-pill);background-color:var(--color-background-hover)}#app-navigation:not(.vue)>ul>li>ul>li.active,#app-navigation:not(.vue)>ul>li>ul>li.active>a,#app-navigation:not(.vue)>ul>li>ul>li a.selected,#app-navigation:not(.vue)>ul>li>ul>li a.selected>a{border-radius:var(--border-radius-pill);background-color:var(--color-primary-light)}#app-navigation:not(.vue)>ul>li>ul>li.icon-loading-small:after{left:22px}#app-navigation:not(.vue)>ul>li>ul>li>.app-navigation-entry-deleted{margin-left:4px;padding-left:84px}#app-navigation:not(.vue)>ul>li>ul>li>.app-navigation-entry-edit{margin-left:4px;padding-left:78px !important}#app-navigation:not(.vue)>ul>li,#app-navigation:not(.vue)>ul>li>ul>li{position:relative;box-sizing:border-box}#app-navigation:not(.vue)>ul>li.icon-loading-small>a,#app-navigation:not(.vue)>ul>li.icon-loading-small>.app-navigation-entry-bullet,#app-navigation:not(.vue)>ul>li>ul>li.icon-loading-small>a,#app-navigation:not(.vue)>ul>li>ul>li.icon-loading-small>.app-navigation-entry-bullet{background:rgba(0,0,0,0) !important}#app-navigation:not(.vue)>ul>li>a,#app-navigation:not(.vue)>ul>li>ul>li>a{background-size:16px 16px;background-position:14px center;background-repeat:no-repeat;display:block;justify-content:space-between;line-height:44px;min-height:44px;padding:0 12px 0 14px;overflow:hidden;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;border-radius:var(--border-radius-pill);color:var(--color-main-text);flex:1 1 0px;z-index:100}#app-navigation:not(.vue)>ul>li>a.svg,#app-navigation:not(.vue)>ul>li>ul>li>a.svg{padding:0 12px 0 44px}#app-navigation:not(.vue)>ul>li>a.svg :focus-visible,#app-navigation:not(.vue)>ul>li>ul>li>a.svg :focus-visible{padding:0 8px 0 42px}#app-navigation:not(.vue)>ul>li>a:first-child img,#app-navigation:not(.vue)>ul>li>ul>li>a:first-child img{margin-right:11px;width:16px;height:16px;filter:var(--background-invert-if-dark)}#app-navigation:not(.vue)>ul>li>a>.app-navigation-entry-utils,#app-navigation:not(.vue)>ul>li>ul>li>a>.app-navigation-entry-utils{display:inline-block;float:right}#app-navigation:not(.vue)>ul>li>a>.app-navigation-entry-utils .app-navigation-entry-utils-counter,#app-navigation:not(.vue)>ul>li>ul>li>a>.app-navigation-entry-utils .app-navigation-entry-utils-counter{padding-right:0 !important}#app-navigation:not(.vue)>ul>li>.app-navigation-entry-bullet,#app-navigation:not(.vue)>ul>li>ul>li>.app-navigation-entry-bullet{position:absolute;display:block;margin:16px;width:12px;height:12px;border:none;border-radius:50%;cursor:pointer;transition:background 100ms ease-in-out}#app-navigation:not(.vue)>ul>li>.app-navigation-entry-bullet+a,#app-navigation:not(.vue)>ul>li>ul>li>.app-navigation-entry-bullet+a{background:rgba(0,0,0,0) !important}#app-navigation:not(.vue)>ul>li>.app-navigation-entry-menu,#app-navigation:not(.vue)>ul>li>ul>li>.app-navigation-entry-menu{top:44px}#app-navigation:not(.vue)>ul>li.editing .app-navigation-entry-edit,#app-navigation:not(.vue)>ul>li>ul>li.editing .app-navigation-entry-edit{opacity:1;z-index:250}#app-navigation:not(.vue)>ul>li.deleted .app-navigation-entry-deleted,#app-navigation:not(.vue)>ul>li>ul>li.deleted .app-navigation-entry-deleted{transform:translateX(0);z-index:250}#app-navigation:not(.vue).hidden{display:none}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button>button,#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button{border:0;opacity:.5;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:center}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button>button:hover,#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button>button:focus,#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover,#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus{background-color:rgba(0,0,0,0);opacity:1}#app-navigation:not(.vue) .collapsible .collapse{opacity:0;position:absolute;width:44px;height:44px;margin:0;z-index:110;left:0}#app-navigation:not(.vue) .collapsible .collapse:focus-visible{opacity:1;border-width:0;box-shadow:inset 0 0 0 2px var(--color-primary);background:none}#app-navigation:not(.vue) .collapsible:before{position:absolute;height:44px;width:44px;margin:0;padding:0;background:none;background-image:var(--icon-triangle-s-dark);background-size:16px;background-repeat:no-repeat;background-position:center;border:none;border-radius:0;outline:none !important;box-shadow:none;content:" ";opacity:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);z-index:105;border-radius:50%;transition:opacity 100ms ease-in-out}#app-navigation:not(.vue) .collapsible>a:first-child{padding-left:44px}#app-navigation:not(.vue) .collapsible:hover:before,#app-navigation:not(.vue) .collapsible:focus:before{opacity:1}#app-navigation:not(.vue) .collapsible:hover>a,#app-navigation:not(.vue) .collapsible:focus>a{background-image:none}#app-navigation:not(.vue) .collapsible:hover>.app-navigation-entry-bullet,#app-navigation:not(.vue) .collapsible:focus>.app-navigation-entry-bullet{background:rgba(0,0,0,0) !important}#app-navigation:not(.vue) .collapsible.open:before{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}#app-navigation:not(.vue) .app-navigation-entry-utils{flex:0 1 auto}#app-navigation:not(.vue) .app-navigation-entry-utils ul{display:flex !important;align-items:center;justify-content:flex-end}#app-navigation:not(.vue) .app-navigation-entry-utils li{width:44px !important;height:44px}#app-navigation:not(.vue) .app-navigation-entry-utils button{height:100%;width:100%;margin:0;box-shadow:none}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button button:not([class^=icon-]):not([class*=" icon-"]){background-image:var(--icon-more-dark)}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:hover button,#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:focus button{background-color:rgba(0,0,0,0);opacity:1}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter{overflow:hidden;text-align:right;font-size:9pt;line-height:44px;padding:0 12px}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted{padding:0;text-align:center}#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted span{padding:2px 5px;border-radius:10px;background-color:var(--color-primary);color:var(--color-primary-text)}#app-navigation:not(.vue) .app-navigation-entry-edit{padding-left:5px;padding-right:5px;display:block;width:calc(100% - 1px);transition:opacity 250ms ease-in-out;opacity:0;position:absolute;background-color:var(--color-main-background);z-index:-1}#app-navigation:not(.vue) .app-navigation-entry-edit form,#app-navigation:not(.vue) .app-navigation-entry-edit div{display:inline-flex;width:100%}#app-navigation:not(.vue) .app-navigation-entry-edit input{padding:5px;margin-right:0;height:38px}#app-navigation:not(.vue) .app-navigation-entry-edit input:hover,#app-navigation:not(.vue) .app-navigation-entry-edit input:focus{z-index:1}#app-navigation:not(.vue) .app-navigation-entry-edit input[type=text]{width:100%;min-width:0;border-bottom-right-radius:0;border-top-right-radius:0}#app-navigation:not(.vue) .app-navigation-entry-edit button,#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]){width:36px;height:38px;flex:0 0 36px}#app-navigation:not(.vue) .app-navigation-entry-edit button:not(:last-child),#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):not(:last-child){border-radius:0 !important}#app-navigation:not(.vue) .app-navigation-entry-edit button:not(:first-child),#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):not(:first-child){margin-left:-1px}#app-navigation:not(.vue) .app-navigation-entry-edit button:last-child,#app-navigation:not(.vue) .app-navigation-entry-edit input:not([type=text]):last-child{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-left-radius:0;border-top-left-radius:0}#app-navigation:not(.vue) .app-navigation-entry-deleted{display:inline-flex;padding-left:44px;transform:translateX(300px)}#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-description{position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1 1 0px;line-height:44px}#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button{margin:0;height:44px;width:44px;line-height:44px}#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover,#app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus{opacity:1}#app-navigation:not(.vue) .app-navigation-entry-edit,#app-navigation:not(.vue) .app-navigation-entry-deleted{width:calc(100% - 1px);transition:transform 250ms ease-in-out,opacity 250ms ease-in-out,z-index 250ms ease-in-out;position:absolute;left:0;background-color:var(--color-main-background);box-sizing:border-box}#app-navigation:not(.vue) .drag-and-drop{-webkit-transition:padding-bottom 500ms ease 0s;transition:padding-bottom 500ms ease 0s;padding-bottom:40px}#app-navigation:not(.vue) .error{color:var(--color-error)}#app-navigation:not(.vue) .app-navigation-entry-utils ul,#app-navigation:not(.vue) .app-navigation-entry-menu ul{list-style-type:none}#content{box-sizing:border-box;position:static;margin:var(--body-container-margin);margin-top:50px;padding:0;display:flex;width:calc(100% - var(--body-container-margin)*2);height:var(--body-height);border-radius:var(--body-container-radius);overflow:hidden}#content:not(.with-sidebar--full){position:fixed}@media only screen and (max-width: 1024px){#content{border-top-left-radius:var(--border-radius-large);border-top-right-radius:var(--border-radius-large)}#app-navigation{border-top-left-radius:var(--border-radius-large)}#app-sidebar{border-top-right-radius:var(--border-radius-large)}}#app-content{z-index:1000;background-color:var(--color-main-background);flex-basis:100vw;overflow:auto;position:initial;height:100%}#app-content>.section:first-child{border-top:none}#app-content #app-content-wrapper{display:flex;position:relative;align-items:stretch;min-height:100%}#app-content #app-content-wrapper .app-content-details{flex:1 1 524px}#app-content #app-content-wrapper .app-content-details #app-navigation-toggle-back{display:none}#app-sidebar{width:27vw;min-width:300px;max-width:500px;display:block;position:-webkit-sticky;position:sticky;top:50px;right:0;overflow-y:auto;overflow-x:hidden;z-index:1500;opacity:.7px;height:calc(100vh - 50px);background:var(--color-main-background);border-left:1px solid var(--color-border);flex-shrink:0}#app-sidebar.disappear{display:none}#app-settings{margin-top:auto}#app-settings.open #app-settings-content,#app-settings.opened #app-settings-content{display:block}#app-settings-content{display:none;padding:calc(var(--default-grid-baseline)*2);padding-top:0;padding-left:calc(var(--default-grid-baseline)*4);max-height:300px;overflow-y:auto;box-sizing:border-box}#app-settings-content input[type=text]{width:93%}#app-settings-content .info-text{padding:5px 0 7px 22px;color:var(--color-text-lighter)}#app-settings-content input[type=checkbox].radio+label,#app-settings-content input[type=checkbox].checkbox+label,#app-settings-content input[type=radio].radio+label,#app-settings-content input[type=radio].checkbox+label{display:inline-block;width:100%;padding:5px 0}#app-settings-header{box-sizing:border-box;background-color:rgba(0,0,0,0);overflow:hidden;border-radius:calc(var(--default-clickable-area)/2);padding:calc(var(--default-grid-baseline)*2);padding-top:0}#app-settings-header .settings-button{display:flex;align-items:center;height:44px;width:100%;padding:0;margin:0;background-color:rgba(0,0,0,0);box-shadow:none;border:0;border-radius:calc(var(--default-clickable-area)/2);text-align:left;font-weight:normal;font-size:100%;opacity:.8;color:var(--color-main-text)}#app-settings-header .settings-button.opened{border-top:solid 1px var(--color-border);background-color:var(--color-main-background);margin-top:8px}#app-settings-header .settings-button:hover,#app-settings-header .settings-button:focus{background-color:var(--color-background-hover)}#app-settings-header .settings-button::before{background-image:var(--icon-settings-dark);background-position:14px center;background-repeat:no-repeat;content:"";width:44px;height:44px;top:0;left:0;display:block}#app-settings-header .settings-button:focus-visible{box-shadow:0 0 0 2px inset var(--color-primary) !important;background-position:12px center}.section{display:block;padding:30px;margin-bottom:24px}.section.hidden{display:none !important}.section input[type=checkbox],.section input[type=radio]{vertical-align:-2px;margin-right:4px}.sub-section{position:relative;margin-top:10px;margin-left:27px;margin-bottom:10px}.appear{opacity:1;-webkit-transition:opacity 500ms ease 0s;-moz-transition:opacity 500ms ease 0s;-ms-transition:opacity 500ms ease 0s;-o-transition:opacity 500ms ease 0s;transition:opacity 500ms ease 0s}.appear.transparent{opacity:0}.tabHeaders{display:flex;margin-bottom:16px}.tabHeaders .tabHeader{display:flex;flex-direction:column;flex-grow:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:var(--color-text-lighter);margin-bottom:1px;padding:5px}.tabHeaders .tabHeader.hidden{display:none}.tabHeaders .tabHeader:first-child{padding-left:15px}.tabHeaders .tabHeader:last-child{padding-right:15px}.tabHeaders .tabHeader .icon{display:inline-block;width:100%;height:16px;background-size:16px;vertical-align:middle;margin-top:-2px;margin-right:3px;opacity:.7;cursor:pointer}.tabHeaders .tabHeader a{color:var(--color-text-lighter);margin-bottom:1px;overflow:hidden;text-overflow:ellipsis}.tabHeaders .tabHeader.selected{font-weight:bold}.tabHeaders .tabHeader.selected,.tabHeaders .tabHeader:hover,.tabHeaders .tabHeader:focus{margin-bottom:0px;color:var(--color-main-text);border-bottom:1px solid var(--color-text-lighter)}.tabsContainer{clear:left}.tabsContainer .tab{padding:0 15px 15px}.contact .popovermenu ul>li>a>img,.popover__menu>li>a>img{filter:var(--background-invert-if-dark)}.contact .popovermenu ul>li>a>img[src^=data],.popover__menu>li>a>img[src^=data]{filter:none}.bubble,.app-navigation-entry-menu,.popovermenu{position:absolute;background-color:var(--color-main-background);color:var(--color-main-text);border-radius:var(--border-radius-large);padding:3px;z-index:110;margin:5px;margin-top:-5px;right:0;filter:drop-shadow(0 1px 3px var(--color-box-shadow));display:none;will-change:filter}.bubble:after,.app-navigation-entry-menu:after,.popovermenu:after{bottom:100%;right:7px;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:var(--color-main-background);border-width:9px}.bubble.menu-center,.app-navigation-entry-menu.menu-center,.popovermenu.menu-center{transform:translateX(50%);right:50%;margin-right:0}.bubble.menu-center:after,.app-navigation-entry-menu.menu-center:after,.popovermenu.menu-center:after{right:50%;transform:translateX(50%)}.bubble.menu-left,.app-navigation-entry-menu.menu-left,.popovermenu.menu-left{right:auto;left:0;margin-right:0}.bubble.menu-left:after,.app-navigation-entry-menu.menu-left:after,.popovermenu.menu-left:after{left:6px;right:auto}.bubble.open,.app-navigation-entry-menu.open,.popovermenu.open{display:block}.bubble.contactsmenu-popover,.app-navigation-entry-menu.contactsmenu-popover,.popovermenu.contactsmenu-popover{margin:0}.bubble ul,.app-navigation-entry-menu ul,.popovermenu ul{display:flex !important;flex-direction:column}.bubble li,.app-navigation-entry-menu li,.popovermenu li{display:flex;flex:0 0 auto}.bubble li.hidden,.app-navigation-entry-menu li.hidden,.popovermenu li.hidden{display:none}.bubble li>button,.bubble li>a,.bubble li>.menuitem,.app-navigation-entry-menu li>button,.app-navigation-entry-menu li>a,.app-navigation-entry-menu li>.menuitem,.popovermenu li>button,.popovermenu li>a,.popovermenu li>.menuitem{cursor:pointer;line-height:44px;border:0;border-radius:var(--border-radius-large);background-color:rgba(0,0,0,0);display:flex;align-items:flex-start;height:auto;margin:0;font-weight:normal;box-shadow:none;width:100%;color:var(--color-main-text);white-space:nowrap}.bubble li>button span[class^=icon-],.bubble li>button span[class*=" icon-"],.bubble li>button[class^=icon-],.bubble li>button[class*=" icon-"],.bubble li>a span[class^=icon-],.bubble li>a span[class*=" icon-"],.bubble li>a[class^=icon-],.bubble li>a[class*=" icon-"],.bubble li>.menuitem span[class^=icon-],.bubble li>.menuitem span[class*=" icon-"],.bubble li>.menuitem[class^=icon-],.bubble li>.menuitem[class*=" icon-"],.app-navigation-entry-menu li>button span[class^=icon-],.app-navigation-entry-menu li>button span[class*=" icon-"],.app-navigation-entry-menu li>button[class^=icon-],.app-navigation-entry-menu li>button[class*=" icon-"],.app-navigation-entry-menu li>a span[class^=icon-],.app-navigation-entry-menu li>a span[class*=" icon-"],.app-navigation-entry-menu li>a[class^=icon-],.app-navigation-entry-menu li>a[class*=" icon-"],.app-navigation-entry-menu li>.menuitem span[class^=icon-],.app-navigation-entry-menu li>.menuitem span[class*=" icon-"],.app-navigation-entry-menu li>.menuitem[class^=icon-],.app-navigation-entry-menu li>.menuitem[class*=" icon-"],.popovermenu li>button span[class^=icon-],.popovermenu li>button span[class*=" icon-"],.popovermenu li>button[class^=icon-],.popovermenu li>button[class*=" icon-"],.popovermenu li>a span[class^=icon-],.popovermenu li>a span[class*=" icon-"],.popovermenu li>a[class^=icon-],.popovermenu li>a[class*=" icon-"],.popovermenu li>.menuitem span[class^=icon-],.popovermenu li>.menuitem span[class*=" icon-"],.popovermenu li>.menuitem[class^=icon-],.popovermenu li>.menuitem[class*=" icon-"]{min-width:0;min-height:0;background-position:14px center;background-size:16px}.bubble li>button span[class^=icon-],.bubble li>button span[class*=" icon-"],.bubble li>a span[class^=icon-],.bubble li>a span[class*=" icon-"],.bubble li>.menuitem span[class^=icon-],.bubble li>.menuitem span[class*=" icon-"],.app-navigation-entry-menu li>button span[class^=icon-],.app-navigation-entry-menu li>button span[class*=" icon-"],.app-navigation-entry-menu li>a span[class^=icon-],.app-navigation-entry-menu li>a span[class*=" icon-"],.app-navigation-entry-menu li>.menuitem span[class^=icon-],.app-navigation-entry-menu li>.menuitem span[class*=" icon-"],.popovermenu li>button span[class^=icon-],.popovermenu li>button span[class*=" icon-"],.popovermenu li>a span[class^=icon-],.popovermenu li>a span[class*=" icon-"],.popovermenu li>.menuitem span[class^=icon-],.popovermenu li>.menuitem span[class*=" icon-"]{padding:22px 0 22px 44px}.bubble li>button:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>button:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>button:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>a:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>a:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>a:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>.menuitem:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>.menuitem:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.bubble li>.menuitem:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>button:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>button:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>button:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>a:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>a:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>a:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>.menuitem:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>.menuitem:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.app-navigation-entry-menu li>.menuitem:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>button:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>button:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>button:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>a:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>a:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>a:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>.menuitem:not([class^=icon-]):not([class*=icon-])>span:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>.menuitem:not([class^=icon-]):not([class*=icon-])>input:not([class^=icon-]):not([class*=icon-]):first-child,.popovermenu li>.menuitem:not([class^=icon-]):not([class*=icon-])>form:not([class^=icon-]):not([class*=icon-]):first-child{margin-left:44px}.bubble li>button[class^=icon-],.bubble li>button[class*=" icon-"],.bubble li>a[class^=icon-],.bubble li>a[class*=" icon-"],.bubble li>.menuitem[class^=icon-],.bubble li>.menuitem[class*=" icon-"],.app-navigation-entry-menu li>button[class^=icon-],.app-navigation-entry-menu li>button[class*=" icon-"],.app-navigation-entry-menu li>a[class^=icon-],.app-navigation-entry-menu li>a[class*=" icon-"],.app-navigation-entry-menu li>.menuitem[class^=icon-],.app-navigation-entry-menu li>.menuitem[class*=" icon-"],.popovermenu li>button[class^=icon-],.popovermenu li>button[class*=" icon-"],.popovermenu li>a[class^=icon-],.popovermenu li>a[class*=" icon-"],.popovermenu li>.menuitem[class^=icon-],.popovermenu li>.menuitem[class*=" icon-"]{padding:0 14px 0 44px !important}.bubble li>button:hover,.bubble li>button:focus,.bubble li>a:hover,.bubble li>a:focus,.bubble li>.menuitem:hover,.bubble li>.menuitem:focus,.app-navigation-entry-menu li>button:hover,.app-navigation-entry-menu li>button:focus,.app-navigation-entry-menu li>a:hover,.app-navigation-entry-menu li>a:focus,.app-navigation-entry-menu li>.menuitem:hover,.app-navigation-entry-menu li>.menuitem:focus,.popovermenu li>button:hover,.popovermenu li>button:focus,.popovermenu li>a:hover,.popovermenu li>a:focus,.popovermenu li>.menuitem:hover,.popovermenu li>.menuitem:focus{background-color:var(--color-background-hover)}.bubble li>button:focus,.bubble li>button:focus-visible,.bubble li>a:focus,.bubble li>a:focus-visible,.bubble li>.menuitem:focus,.bubble li>.menuitem:focus-visible,.app-navigation-entry-menu li>button:focus,.app-navigation-entry-menu li>button:focus-visible,.app-navigation-entry-menu li>a:focus,.app-navigation-entry-menu li>a:focus-visible,.app-navigation-entry-menu li>.menuitem:focus,.app-navigation-entry-menu li>.menuitem:focus-visible,.popovermenu li>button:focus,.popovermenu li>button:focus-visible,.popovermenu li>a:focus,.popovermenu li>a:focus-visible,.popovermenu li>.menuitem:focus,.popovermenu li>.menuitem:focus-visible{box-shadow:0 0 0 2px var(--color-primary-element)}.bubble li>button.active,.bubble li>a.active,.bubble li>.menuitem.active,.app-navigation-entry-menu li>button.active,.app-navigation-entry-menu li>a.active,.app-navigation-entry-menu li>.menuitem.active,.popovermenu li>button.active,.popovermenu li>a.active,.popovermenu li>.menuitem.active{border-radius:var(--border-radius-pill);background-color:var(--color-primary-light)}.bubble li>button.action,.bubble li>a.action,.bubble li>.menuitem.action,.app-navigation-entry-menu li>button.action,.app-navigation-entry-menu li>a.action,.app-navigation-entry-menu li>.menuitem.action,.popovermenu li>button.action,.popovermenu li>a.action,.popovermenu li>.menuitem.action{padding:inherit !important}.bubble li>button>span,.bubble li>a>span,.bubble li>.menuitem>span,.app-navigation-entry-menu li>button>span,.app-navigation-entry-menu li>a>span,.app-navigation-entry-menu li>.menuitem>span,.popovermenu li>button>span,.popovermenu li>a>span,.popovermenu li>.menuitem>span{cursor:pointer;white-space:nowrap}.bubble li>button>p,.bubble li>a>p,.bubble li>.menuitem>p,.app-navigation-entry-menu li>button>p,.app-navigation-entry-menu li>a>p,.app-navigation-entry-menu li>.menuitem>p,.popovermenu li>button>p,.popovermenu li>a>p,.popovermenu li>.menuitem>p{width:150px;line-height:1.6em;padding:8px 0;white-space:normal}.bubble li>button>select,.bubble li>a>select,.bubble li>.menuitem>select,.app-navigation-entry-menu li>button>select,.app-navigation-entry-menu li>a>select,.app-navigation-entry-menu li>.menuitem>select,.popovermenu li>button>select,.popovermenu li>a>select,.popovermenu li>.menuitem>select{margin:0;margin-left:6px}.bubble li>button:not(:empty),.bubble li>a:not(:empty),.bubble li>.menuitem:not(:empty),.app-navigation-entry-menu li>button:not(:empty),.app-navigation-entry-menu li>a:not(:empty),.app-navigation-entry-menu li>.menuitem:not(:empty),.popovermenu li>button:not(:empty),.popovermenu li>a:not(:empty),.popovermenu li>.menuitem:not(:empty){padding-right:14px !important}.bubble li>button>img,.bubble li>a>img,.bubble li>.menuitem>img,.app-navigation-entry-menu li>button>img,.app-navigation-entry-menu li>a>img,.app-navigation-entry-menu li>.menuitem>img,.popovermenu li>button>img,.popovermenu li>a>img,.popovermenu li>.menuitem>img{width:16px;padding:14px}.bubble li>button>input.radio+label,.bubble li>button>input.checkbox+label,.bubble li>a>input.radio+label,.bubble li>a>input.checkbox+label,.bubble li>.menuitem>input.radio+label,.bubble li>.menuitem>input.checkbox+label,.app-navigation-entry-menu li>button>input.radio+label,.app-navigation-entry-menu li>button>input.checkbox+label,.app-navigation-entry-menu li>a>input.radio+label,.app-navigation-entry-menu li>a>input.checkbox+label,.app-navigation-entry-menu li>.menuitem>input.radio+label,.app-navigation-entry-menu li>.menuitem>input.checkbox+label,.popovermenu li>button>input.radio+label,.popovermenu li>button>input.checkbox+label,.popovermenu li>a>input.radio+label,.popovermenu li>a>input.checkbox+label,.popovermenu li>.menuitem>input.radio+label,.popovermenu li>.menuitem>input.checkbox+label{padding:0 !important;width:100%}.bubble li>button>input.checkbox+label::before,.bubble li>a>input.checkbox+label::before,.bubble li>.menuitem>input.checkbox+label::before,.app-navigation-entry-menu li>button>input.checkbox+label::before,.app-navigation-entry-menu li>a>input.checkbox+label::before,.app-navigation-entry-menu li>.menuitem>input.checkbox+label::before,.popovermenu li>button>input.checkbox+label::before,.popovermenu li>a>input.checkbox+label::before,.popovermenu li>.menuitem>input.checkbox+label::before{margin:-2px 13px 0}.bubble li>button>input.radio+label::before,.bubble li>a>input.radio+label::before,.bubble li>.menuitem>input.radio+label::before,.app-navigation-entry-menu li>button>input.radio+label::before,.app-navigation-entry-menu li>a>input.radio+label::before,.app-navigation-entry-menu li>.menuitem>input.radio+label::before,.popovermenu li>button>input.radio+label::before,.popovermenu li>a>input.radio+label::before,.popovermenu li>.menuitem>input.radio+label::before{margin:-2px 12px 0}.bubble li>button>input:not([type=radio]):not([type=checkbox]):not([type=image]),.bubble li>a>input:not([type=radio]):not([type=checkbox]):not([type=image]),.bubble li>.menuitem>input:not([type=radio]):not([type=checkbox]):not([type=image]),.app-navigation-entry-menu li>button>input:not([type=radio]):not([type=checkbox]):not([type=image]),.app-navigation-entry-menu li>a>input:not([type=radio]):not([type=checkbox]):not([type=image]),.app-navigation-entry-menu li>.menuitem>input:not([type=radio]):not([type=checkbox]):not([type=image]),.popovermenu li>button>input:not([type=radio]):not([type=checkbox]):not([type=image]),.popovermenu li>a>input:not([type=radio]):not([type=checkbox]):not([type=image]),.popovermenu li>.menuitem>input:not([type=radio]):not([type=checkbox]):not([type=image]){width:150px}.bubble li>button form,.bubble li>a form,.bubble li>.menuitem form,.app-navigation-entry-menu li>button form,.app-navigation-entry-menu li>a form,.app-navigation-entry-menu li>.menuitem form,.popovermenu li>button form,.popovermenu li>a form,.popovermenu li>.menuitem form{display:flex;flex:1 1 auto;align-items:center}.bubble li>button form:not(:first-child),.bubble li>a form:not(:first-child),.bubble li>.menuitem form:not(:first-child),.app-navigation-entry-menu li>button form:not(:first-child),.app-navigation-entry-menu li>a form:not(:first-child),.app-navigation-entry-menu li>.menuitem form:not(:first-child),.popovermenu li>button form:not(:first-child),.popovermenu li>a form:not(:first-child),.popovermenu li>.menuitem form:not(:first-child){margin-left:5px}.bubble li>button>span.hidden+form,.bubble li>button>span[style*="display:none"]+form,.bubble li>a>span.hidden+form,.bubble li>a>span[style*="display:none"]+form,.bubble li>.menuitem>span.hidden+form,.bubble li>.menuitem>span[style*="display:none"]+form,.app-navigation-entry-menu li>button>span.hidden+form,.app-navigation-entry-menu li>button>span[style*="display:none"]+form,.app-navigation-entry-menu li>a>span.hidden+form,.app-navigation-entry-menu li>a>span[style*="display:none"]+form,.app-navigation-entry-menu li>.menuitem>span.hidden+form,.app-navigation-entry-menu li>.menuitem>span[style*="display:none"]+form,.popovermenu li>button>span.hidden+form,.popovermenu li>button>span[style*="display:none"]+form,.popovermenu li>a>span.hidden+form,.popovermenu li>a>span[style*="display:none"]+form,.popovermenu li>.menuitem>span.hidden+form,.popovermenu li>.menuitem>span[style*="display:none"]+form{margin-left:0}.bubble li>button input,.bubble li>a input,.bubble li>.menuitem input,.app-navigation-entry-menu li>button input,.app-navigation-entry-menu li>a input,.app-navigation-entry-menu li>.menuitem input,.popovermenu li>button input,.popovermenu li>a input,.popovermenu li>.menuitem input{min-width:44px;max-height:40px;margin:2px 0;flex:1 1 auto}.bubble li>button input:not(:first-child),.bubble li>a input:not(:first-child),.bubble li>.menuitem input:not(:first-child),.app-navigation-entry-menu li>button input:not(:first-child),.app-navigation-entry-menu li>a input:not(:first-child),.app-navigation-entry-menu li>.menuitem input:not(:first-child),.popovermenu li>button input:not(:first-child),.popovermenu li>a input:not(:first-child),.popovermenu li>.menuitem input:not(:first-child){margin-left:5px}.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>button>form,.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>button>input,.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>a>form,.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>a>input,.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>form,.bubble li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>button>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>button>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>a>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>a>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>input,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>button>form,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>button>input,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>a>form,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>a>input,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>form,.popovermenu li:not(.hidden):not([style*="display:none"]):first-of-type>.menuitem>input{margin-top:12px}.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>button>form,.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>button>input,.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>a>form,.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>a>input,.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>form,.bubble li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>button>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>button>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>a>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>a>input,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>form,.app-navigation-entry-menu li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>input,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>button>form,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>button>input,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>a>form,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>a>input,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>form,.popovermenu li:not(.hidden):not([style*="display:none"]):last-of-type>.menuitem>input{margin-bottom:0px}.bubble li>button,.app-navigation-entry-menu li>button,.popovermenu li>button{padding:0}.bubble li>button span,.app-navigation-entry-menu li>button span,.popovermenu li>button span{opacity:1}.app-content-list{position:-webkit-sticky;position:relative;top:0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:transform 250ms ease-in-out;min-height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;flex:1 1 200px;min-width:200px;max-width:300px}.app-content-list .app-content-list-item{position:relative;height:68px;cursor:pointer;padding:10px 7px;display:flex;flex-wrap:wrap;align-items:center;flex:0 0 auto}.app-content-list .app-content-list-item>[class^=icon-],.app-content-list .app-content-list-item>[class*=" icon-"],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"]{order:4;width:24px;height:24px;margin:-7px;padding:22px;opacity:.3;cursor:pointer}.app-content-list .app-content-list-item>[class^=icon-]:hover,.app-content-list .app-content-list-item>[class^=icon-]:focus,.app-content-list .app-content-list-item>[class*=" icon-"]:hover,.app-content-list .app-content-list-item>[class*=" icon-"]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"]:focus{opacity:.7}.app-content-list .app-content-list-item>[class^=icon-][class^=icon-star],.app-content-list .app-content-list-item>[class^=icon-][class*=" icon-star"],.app-content-list .app-content-list-item>[class*=" icon-"][class^=icon-star],.app-content-list .app-content-list-item>[class*=" icon-"][class*=" icon-star"],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class^=icon-star],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class*=" icon-star"],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class^=icon-star],.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class*=" icon-star"]{opacity:.7}.app-content-list .app-content-list-item>[class^=icon-][class^=icon-star]:hover,.app-content-list .app-content-list-item>[class^=icon-][class^=icon-star]:focus,.app-content-list .app-content-list-item>[class^=icon-][class*=" icon-star"]:hover,.app-content-list .app-content-list-item>[class^=icon-][class*=" icon-star"]:focus,.app-content-list .app-content-list-item>[class*=" icon-"][class^=icon-star]:hover,.app-content-list .app-content-list-item>[class*=" icon-"][class^=icon-star]:focus,.app-content-list .app-content-list-item>[class*=" icon-"][class*=" icon-star"]:hover,.app-content-list .app-content-list-item>[class*=" icon-"][class*=" icon-star"]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class^=icon-star]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class^=icon-star]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class*=" icon-star"]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-][class*=" icon-star"]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class^=icon-star]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class^=icon-star]:focus,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class*=" icon-star"]:hover,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"][class*=" icon-star"]:focus{opacity:1}.app-content-list .app-content-list-item>[class^=icon-].icon-starred,.app-content-list .app-content-list-item>[class*=" icon-"].icon-starred,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class^=icon-].icon-starred,.app-content-list .app-content-list-item>.app-content-list-item-menu>[class*=" icon-"].icon-starred{opacity:1}.app-content-list .app-content-list-item:hover,.app-content-list .app-content-list-item:focus,.app-content-list .app-content-list-item.active{background-color:var(--color-background-dark)}.app-content-list .app-content-list-item:hover .app-content-list-item-checkbox.checkbox+label,.app-content-list .app-content-list-item:focus .app-content-list-item-checkbox.checkbox+label,.app-content-list .app-content-list-item.active .app-content-list-item-checkbox.checkbox+label{display:flex}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox+label,.app-content-list .app-content-list-item .app-content-list-item-star{position:absolute;height:40px;width:40px;z-index:50}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked+label,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover+label,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus+label,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active+label{display:flex}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked+label+.app-content-list-item-icon,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover+label+.app-content-list-item-icon,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus+label+.app-content-list-item-icon,.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active+label+.app-content-list-item-icon{opacity:.7}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox+label{top:14px;left:7px;display:none}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox+label::before{margin:0}.app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox+label~.app-content-list-item-star{display:none}.app-content-list .app-content-list-item .app-content-list-item-star{display:flex;top:10px;left:32px;background-size:16px;height:20px;width:20px;margin:0;padding:0}.app-content-list .app-content-list-item .app-content-list-item-icon{position:absolute;display:inline-block;height:40px;width:40px;line-height:40px;border-radius:50%;vertical-align:middle;margin-right:10px;color:#fff;text-align:center;font-size:1.5em;text-transform:capitalize;object-fit:cover;user-select:none;cursor:pointer;top:50%;margin-top:-20px}.app-content-list .app-content-list-item .app-content-list-item-line-one,.app-content-list .app-content-list-item .app-content-list-item-line-two{display:block;padding-left:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:1;flex:1 1 0px;padding-right:10px;cursor:pointer}.app-content-list .app-content-list-item .app-content-list-item-line-two{opacity:.5;order:3;flex:1 0;flex-basis:calc(100% - 44px)}.app-content-list .app-content-list-item .app-content-list-item-details{order:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;opacity:.5;font-size:80%;user-select:none}.app-content-list .app-content-list-item .app-content-list-item-menu{order:4;position:relative}.app-content-list .app-content-list-item .app-content-list-item-menu .popovermenu{margin:0;right:-2px}.app-content-list.selection .app-content-list-item-checkbox.checkbox+label{display:flex}.pull-left{float:left}.pull-right{float:right}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.hidden{display:none}.hidden-visually{position:absolute;left:-10000px;top:-10000px;width:1px;height:1px;overflow:hidden}.bold{font-weight:600}.center{text-align:center}.inlineblock{display:inline-block}::-moz-focus-inner{border:0}@media only screen and (max-width: 1024px){#dropdown{margin-right:10% !important;width:80% !important}.ui-autocomplete{z-index:1000 !important}.error-wide{width:100%;margin-left:0 !important;box-sizing:border-box}#app-navigation:not(.vue){transform:translateX(-300px);position:fixed;height:var(--body-height)}.snapjs-left #app-navigation{transform:translateX(0)}#app-navigation:not(.hidden)+#app-content{margin-left:0}.skip-navigation.skip-content{left:3px;margin-left:0}.app-content-list{background:var(--color-main-background);flex:1 1 100%;max-height:unset;max-width:100%}.app-content-list+.app-content-details{display:none}.app-content-list.showdetails{display:none}.app-content-list.showdetails+.app-content-details{display:initial}#app-content.showdetails #app-navigation-toggle{transform:translateX(-44px)}#app-content.showdetails #app-navigation-toggle-back{position:fixed;display:inline-block !important;top:50px;left:0;width:44px;height:44px;z-index:1050;background-color:rgba(255,255,255,.7);cursor:pointer;opacity:.6;transform:rotate(90deg)}#app-content.showdetails .app-content-list{transform:translateX(-100%)}#app-navigation-toggle{position:fixed;display:inline-block !important;left:0;width:44px;height:44px;z-index:1050;cursor:pointer;opacity:.6}#app-navigation-toggle:hover,#app-navigation-toggle:focus{opacity:1}#app-navigation+#app-content .files-controls{padding-left:44px}#body-user .app-files.viewer-mode .files-controls{padding-left:0 !important}.app-files.viewer-mode #app-navigation-toggle{display:none !important}table.multiselect thead{left:0 !important}#usersearchform{display:none}#body-settings .files-controls{min-width:1024px !important}#oc-dialog-filepicker-content .filelist .column-size,#oc-dialog-filepicker-content .filelist .column-mtime,#oc-dialog-filepicker-content .filelist .filesize,#oc-dialog-filepicker-content .filelist .date{display:none}#oc-dialog-filepicker-content .filelist .filename{max-width:100%}.snapjs-left table.multiselect thead{top:44px}}@media only screen and (max-width: 480px){#header .header-right>div>.menu{max-width:calc(100vw - 10px);position:fixed}#header .header-right>div>.menu::after{display:none !important}#header .header-right>div.openedMenu::after{display:block}#header .header-right>div::after{border:10px solid rgba(0,0,0,0);border-bottom-color:var(--color-main-background);bottom:0;content:" ";height:0;width:0;position:absolute;pointer-events:none;right:15px;z-index:2001;display:none}#header .header-right>div#settings::after{right:27px}}.tooltip{position:absolute;display:block;font-family:var(--font-face);font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.6;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;overflow-wrap:anywhere;font-size:12px;opacity:0;z-index:100000;margin-top:-3px;padding:10px 0;filter:drop-shadow(0 1px 10px var(--color-box-shadow))}.tooltip.in,.tooltip.show,.tooltip.tooltip[aria-hidden=false]{visibility:visible;opacity:1;transition:opacity .15s}.tooltip.top .tooltip-arrow,.tooltip[x-placement^=top]{left:50%;margin-left:-10px}.tooltip.bottom,.tooltip[x-placement^=bottom]{margin-top:3px;padding:10px 0}.tooltip.right,.tooltip[x-placement^=right]{margin-left:3px;padding:0 10px}.tooltip.right .tooltip-arrow,.tooltip[x-placement^=right] .tooltip-arrow{top:50%;left:0;margin-top:-10px;border-width:10px 10px 10px 0;border-right-color:var(--color-main-background)}.tooltip.left,.tooltip[x-placement^=left]{margin-left:-3px;padding:0 5px}.tooltip.left .tooltip-arrow,.tooltip[x-placement^=left] .tooltip-arrow{top:50%;right:0;margin-top:-10px;border-width:10px 0 10px 10px;border-left-color:var(--color-main-background)}.tooltip.top .tooltip-arrow,.tooltip.top .arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-left .arrow,.tooltip[x-placement^=top] .tooltip-arrow,.tooltip[x-placement^=top] .arrow,.tooltip.top-right .tooltip-arrow,.tooltip.top-right .arrow{bottom:0;border-width:10px 10px 0;border-top-color:var(--color-main-background)}.tooltip.top-left .tooltip-arrow{right:10px;margin-bottom:-10px}.tooltip.top-right .tooltip-arrow{left:10px;margin-bottom:-10px}.tooltip.bottom .tooltip-arrow,.tooltip.bottom .arrow,.tooltip[x-placement^=bottom] .tooltip-arrow,.tooltip[x-placement^=bottom] .arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-left .arrow,.tooltip.bottom-right .tooltip-arrow,.tooltip.bottom-right .arrow{top:0;border-width:0 10px 10px;border-bottom-color:var(--color-main-background)}.tooltip[x-placement^=bottom] .tooltip-arrow,.tooltip.bottom .tooltip-arrow{left:50%;margin-left:-10px}.tooltip.bottom-left .tooltip-arrow{right:10px;margin-top:-10px}.tooltip.bottom-right .tooltip-arrow{left:10px;margin-top:-10px}.tooltip-inner{max-width:350px;padding:5px 8px;background-color:var(--color-main-background);color:var(--color-main-text);text-align:center;border-radius:var(--border-radius)}.tooltip-arrow,.tooltip .arrow{position:absolute;width:0;height:0;border-color:rgba(0,0,0,0);border-style:solid}.toastify.dialogs{min-width:200px;background:none;background-color:var(--color-main-background);color:var(--color-main-text);box-shadow:0 0 6px 0 var(--color-box-shadow);padding:0 12px;margin-top:45px;position:fixed;z-index:10100;border-radius:var(--border-radius);display:flex;align-items:center}.toastify.dialogs .toast-undo-container{display:flex;align-items:center}.toastify.dialogs .toast-undo-button,.toastify.dialogs .toast-close{position:static;overflow:hidden;box-sizing:border-box;min-width:44px;height:100%;padding:12px;white-space:nowrap;background-repeat:no-repeat;background-position:center;background-color:transparent;min-height:0}.toastify.dialogs .toast-undo-button.toast-close,.toastify.dialogs .toast-close.toast-close{text-indent:0;opacity:.4;border:none;min-height:44px;margin-left:10px;font-size:0}.toastify.dialogs .toast-undo-button.toast-close::before,.toastify.dialogs .toast-close.toast-close::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+CiAgPHBhdGggZD0iTTE0IDEyLjNMMTIuMyAxNCA4IDkuNyAzLjcgMTQgMiAxMi4zIDYuMyA4IDIgMy43IDMuNyAyIDggNi4zIDEyLjMgMiAxNCAzLjcgOS43IDh6Ii8+Cjwvc3ZnPgo=");content:" ";filter:var(--background-invert-if-dark);display:inline-block;width:16px;height:16px}.toastify.dialogs .toast-undo-button.toast-undo-button,.toastify.dialogs .toast-close.toast-undo-button{margin:3px;height:calc(100% - 6px);margin-left:12px}.toastify.dialogs .toast-undo-button:hover,.toastify.dialogs .toast-undo-button:focus,.toastify.dialogs .toast-undo-button:active,.toastify.dialogs .toast-close:hover,.toastify.dialogs .toast-close:focus,.toastify.dialogs .toast-close:active{cursor:pointer;opacity:1}.toastify.dialogs.toastify-top{right:10px}.toastify.dialogs.toast-with-click{cursor:pointer}.toastify.dialogs.toast-error{border-left:3px solid var(--color-error)}.toastify.dialogs.toast-info{border-left:3px solid var(--color-primary)}.toastify.dialogs.toast-warning{border-left:3px solid var(--color-warning)}.toastify.dialogs.toast-success{border-left:3px solid var(--color-success)}.toastify.dialogs.toast-undo{border-left:3px solid var(--color-success)}.theme--dark .toastify.dialogs .toast-close.toast-close::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+CiAgPHBhdGggZD0iTTE0IDEyLjNMMTIuMyAxNCA4IDkuNyAzLjcgMTQgMiAxMi4zIDYuMyA4IDIgMy43IDMuNyAyIDggNi4zIDEyLjMgMiAxNCAzLjcgOS43IDh6IiBzdHlsZT0iZmlsbC1vcGFjaXR5OjE7ZmlsbDojZmZmZmZmIi8+Cjwvc3ZnPgo=")}#body-public .header-right #header-primary-action a{color:var(--color-primary-text)}#body-public .header-right #header-secondary-action ul li{min-width:270px}#body-public .header-right #header-secondary-action #header-actions-toggle{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);filter:var(--background-invert-if-dark)}#body-public .header-right #header-secondary-action #header-actions-toggle:hover,#body-public .header-right #header-secondary-action #header-actions-toggle:focus,#body-public .header-right #header-secondary-action #header-actions-toggle:active{opacity:1}#body-public .header-right #header-secondary-action #external-share-menu-item form{display:flex}#body-public .header-right #header-secondary-action #external-share-menu-item .hidden{display:none}#body-public .header-right #header-secondary-action #external-share-menu-item #save-button-confirm{flex-grow:0}#body-public #content{min-height:calc(100% - 65px)}#body-public.layout-base #content{padding-top:0}#body-public p.info{margin:20px auto;text-shadow:0 0 2px rgba(0,0,0,.4);-moz-user-select:none;-ms-user-select:none;user-select:none}#body-public p.info,#body-public form fieldset legend,#body-public #datadirContent label,#body-public form fieldset .warning-info,#body-public form input[type=checkbox]+label{text-align:center}#body-public footer{position:fixed;display:flex;align-items:center;justify-content:center;height:65px;flex-direction:column;bottom:0;width:calc(100% - 16px);margin:8px;background-color:var(--color-main-background);border-radius:var(--border-radius-large)}#body-public footer p{text-align:center;color:var(--color-text-lighter)}#body-public footer p a{color:var(--color-text-lighter);font-weight:bold;white-space:nowrap;padding:10px;margin:-10px;line-height:200%}/*# sourceMappingURL=server.css.map */ diff --git a/core/css/server.css.map b/core/css/server.css.map index 2f6a01aa4ea..70ac523a602 100644 --- a/core/css/server.css.map +++ b/core/css/server.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["variables.scss","icons.scss","styles.scss","inputs.scss","functions.scss","header.scss","apps.scss","global.scss","fixes.scss","mobile.scss","tooltip.scss","../../node_modules/@nextcloud/dialogs/dist/index.css","public.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AC8IQ;AC9IR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;AACA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;AACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;;;AAKH;AAEA;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAID;AAEA;EACC;EACA;;;AAID;AAEA;EACC;;;AAGD;AAEA;AAAA;EAEC;EACA;EACA;EACA;;AACA;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EAEC;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;;AAKH;AAEA;EACC;;;AAGD;AAEA;AAEA;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAIC;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAIA;EACC;;;AAKD;EACC;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;EACA;;;AAIF;EACC;EACA;;AACA;EACC;;;AAIF;EACC;;;AAGD;AACA;AAEA;AAEA;AAEA;EACC;EACA;;AACA;EACC;EACA;;;AAIF;EACC;;;AAGD;EACC;;;AAIA;AAAA;EAGC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAIA;EACC;;;AAKD;EACC;;;AAKD;EACC;;;AAKD;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAED;EACC;;AAEA;EACC;;AAED;EACC;;AAGF;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;;AAGA;EACC;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;;AAMJ;EACC;EACA;;;AAID;AACA;EACC;EACA;EACA;EACA;AAwBA;;AAtBA;EACC;;AAGD;AAAA;AAAA;EAGC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;;AAGA;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;;AAGA;AAAA;AAAA;EAIC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;;AAMJ;AAGC;AAAA;EACC;EACA;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;AACA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGA;EACC;;AAED;EACC;;AAED;EACC;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AACA;EACC;EACA;;AAMH;EACC;EACA;EACA;EACA;AACA;AACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;AACC;EACA;EACA;;AAEC;EACC;EACA;;AACA;EACC;EACA;;AAIH;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;AAAA;AAAA;EAGC;;AAED;AAAA;EAEC;;AAGD;EACC;EACA;;AAED;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AACA;EACC;;AACA;EACC;EACA;EACA;;AAED;EACC;;AAIH;EACC;;AAED;EACC;;AAED;EAIC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,SAhBS;EAiBT;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,aA/BU;EAgCV;;AACA;EACC;;AAGF;EACC;EACA;;AAED;EACC;;AAON;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;;;AAGD;AAGC;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGD;EAGC;;AAKD;EACC;;AAEA;EACC;;;AAMJ;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;AAAA;EAEC;;AAIF;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;AA8DA;;AA5DA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;EACA;;AAGD;AACC;EACA;EACA;EACA;EACA;;AAED;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAED;EACC;;AAGD;EAGC;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;AAKF;EACC;EACA;;AAED;EACC;;;AAMH;EACC;EACA;EACA;;;AAGD;AAEA;EACC;;;AAGD;AAGC;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;;;AAIF;AACA;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;AAIA;EACC;;AAIF;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAGF;EACC;;AAIH;EACC;;AACA;EACC;;AAGF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;AAAA;AAAA;EAGC;;AAGF;EACC;EACA;;AAID;EACC;EACA;;AAEA;EACC;;AAGF;EACC;;AAEA;AAAA;AAAA;AAAA;AAAA;EAEC;;;AAKH;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;;AAIF;AAGC;EACC;EACA;;AAED;EACC;;;AAIF;AACA;EACC;;AAID;AAEA;EACC;EACA;EACA;EACA;;;AFvsCD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AGAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADlCC;AACD;EACC;;;AAED;EACC;;;AAED;EACI;;;AAKJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUC;EACA,YAdgB;EAehB;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAMA;EACI;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8BA;;AA5BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;AACA;AAcC;AAAA;;AAbA;EACC;EACA;EAEA,QAzIe;;AA2IhB;EAIC;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;;AAIF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASC;EACA;EACA;EACA,YAjLgB;EAkLhB;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;;;AASA;AAAA;AAAA;AAAA;EACC;;AAIA;AAAA;AAAA;AAAA;EACC;;;AAKH;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AASD;AAAA;AAAA;AAAA;AACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;AAKH;AAEC;AAuBC;;AApBA;EACC;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA,QArTc;EAsTd,OAtTc;EAuTd;EACA;EACA;;AACA;EACC;ACvRH;EAEA;;AD6RG;EACC;;AAID;EAGC;EACA;;AACA;EACC;;AAQH;EACC;EACA;AACA;EACA;;;AAOJ;AACA;AAAA;EAEC;;;AAED;AAAA;EAEC;;;AAGD;AAKC;AA8EC;;AA5EA;EAEC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;;AAED;EACC;EACA;EACA,QAxBkB;EAyBlB,OAzBkB;EA0BlB;EACA;EACA;EACA;;AAED;EAEC;;AAED;EACC;EACA;EACA;EACA;;AAED;AAEA;AAAA;EAEC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;AAID;EACC;EACA;;AAED;EACC,eA/DkB;;AAmEnB;EACC;EACA,QArEkB;EAsElB,OAtEkB;EAuElB;EACA;;AAED;EACC;;AAED;EACC;;AAOD;EAEC;;AAED;EACC,cAzFyB;;AA2F1B;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;;AAID;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;;AAMJ;AACA;EACC;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAIH;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAGF;EACE;EACA;;;AAMH;AAAA;AAAA;AAAA;EAEC;;;AAID;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AACA;EAIC;EACA;EACA;EACA;;AAED;EACC;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAKJ;EACC;;AACA;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;EACA;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AAGF;EAGC;;AAED;EACC;;;AAKH;AACA;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;;;AAOL;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;;AAIF;AACA;EACC;IAEC;;EAED;IAEC;;EAED;IAGC;;EAED;IAEC;;;AAGF;EACC;EACA;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACG;;;AHh0BJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AKAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AACA;AAAA;EAEC;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;AAAA;AAAA;EACC;;AAIA;AAAA;AAAA;EACC;;AAGD;AAAA;EACC;;;AAMH;AACA;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA,QL2Ce;EK1Cf;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AASF;AACC;AA+HA;;AA5HA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAfD;EACA;EAgBC;EACA;EACA;EACA;AAMA;AAmBA;;AAvBA;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAEC;EAzCF;EACA;;AA6CC;EACC;EACA;EACA;EACA;;AAEC;EACC;EACA;EACA;EACA,QAlDuB;EAmDvB;EACA;EACA;EACA;EACA;EACA;;AACA;EAEC;;AAED;EAEC;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;AAAA;EAEC;EACA;EACA;EACA;EACA;;AAML;EACC;EACA;EACA;EACA;EAEA;;AAGD;EACC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAKA;AAAA;EAEC;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA,OL5HY;EK6HZ;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACC;;AAGD;AAAA;EACC;;;AAOL;AAEA;EACC;;;AAGD;AACA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;AAEA;;AACA;EACC;EACA;AAqBA;AA2BA;;AA9CA;EAGC;;AAEA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;AAKF;EACC;EACA;EACA;AAMA;;AAJA;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;AAEA;;AACA;EACC;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;;AAIF;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,KLzQc;;;AK8QhB;AAGC;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;ALnYF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AGAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AHnBA;AACA;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;;;AAKH;AAAA;EAEC;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;AAEC;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;;AAIF;EACC;IACC;;EAED;IACC;;;AAIF;EACC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADpIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AMAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AFAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AE5BA;EACC;AACA;EACA;EACA;;;AAGD;EACC;IACC;IACA;;;AAKF;EACC;EACA;EACA;EAEA;;;AAGD;EAEC;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC;EACA;;;AAGD;EACC;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAID;AAEA;EACC;;;AAGD;AACA;AACA;EAEC;EAEA,ONfkB;EMgBlB;EACA;EACA;EACA;EACA;EACA;EAAwD;EACxD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAkQA;AAAA;AAAA;AAiBA;AAAA;AAAA;AA6EA;AAAA;AAAA;AAmDA;AAAA;AAAA;AAsDA;AAAA;AAAA;AA2BA;AAAA;AAAA;AAeA;AAAA;AAAA;;AAlfA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAwIA;;AAtIA;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AAwCA;AAMA;AAwBA;;AArEA;EACC;;AACA;EACC;;AAIF;AACC;EACA;;AAED;AACC;AACA;AAAA;EAEA;;AAKA;AAAA;AAAA;AAAA;EAEC;;AAGF;EACC;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAKF;EACC;EACA;;AAMA;EAEC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAKF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;AAmBA;;AAfC;AAAA;AAAA;EAEC;EACA;;AAKD;AAAA;AAAA;AAAA;EAEC;EACA;;AAKF;EACC;;AAGD;AACC;EACA;EACA;;AAGD;AACC;EACA;AACA;AAAA;EAEA;;AAMJ;AAAA;EAEC;EACA;AACA;AAQA;AA2CA;AAkBA;AAKA;;AAxEC;AAAA;AAAA;AAAA;AAEC;EACA;;AAIF;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;AAgBA;;AAdA;AAAA;EACC;;AACA;AAAA;EACC;;AAGF;AAAA;EACC;EACA;EACA;EAEA;;AAID;AAAA;EACC;EACA;;AACA;AAAA;EACC;;AAKH;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AACC;EACA;;AAKF;AAAA;EACC;;AAID;AAAA;EACC;EACA;;AAED;AAAA;EACC;EACA;;AAIH;EACC;;AAMD;AAAA;EAEC;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EAEC;EACA;;AAOF;AACC;AAAA;AAgDA;;AA9CA;EACC;EACA;EACA;EACA;EACA;EACA;AAEA;AAAA;EAEA;;AAEA;EACC;EACA;EACA;EACA;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;AF9XF;EAEA;EE8XE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMD;EACC;;AAIA;EACC;;AAED;EACC;;AAED;EACC;;AAID;EACC;EACA;EACA;;AAQH;EACC;;AACA;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;AACC;;AACA;AFlcF;EAEA;;AEmcE;EAEC;EACA;;AAGF;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;;AASJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EAEC;EACA;;AAED;EACC;EACA;EACA;;AACA;AAEC;EACA;;AAGF;EACC;EACA;EACA;EACA;;AAED;AAAA;EAEC;EACA;EACA;;AACA;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;EACC;EACA;EACA;EACA;;AAQH;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AACA;EAEC;;AAQH;AAAA;EAEC;EACA;EAGA;EACA;EACA;EACA;;AAMD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;AAAA;EAEC;;;AAKF;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;IACC;IACA;;EAED;IACC;;EAED;IACC;;;AAIF;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAOA;EACC;EACA;EACA;EACA;EACA;EACA;AACA;AACA;AAKA;;AAJA;EACC;;AAID;EACC;EACA;EACA;AACA;AAAA;EAEA;AAEA;;AACA;AACC;EACA;;AACA;EACC;;;AAMJ;AACA;AAAA;AAAA;AAAA;AAIA;EACC;EACA,WNvnBmB;EMwnBnB,WNvnBmB;EMwnBnB;EACA;EACA;EACA,KN9nBe;EM+nBf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAKF;AACA;AACA;EAEC;;AAGC;EACC;;;AAKH;EACC;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AAEA;;AACA;EACC;;AAGD;EACC;EACA;;AAOE;EACC;EACA;EACA;;;AAOL;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACC;EACA;EACA;;AAED;EAEC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAKH;AACA;EACC;EACA;EACA;AAIA;;AAHA;EACC;;AAIA;EAEC;EACA;;;AAIH;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;;AAIF;AACA;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAMA;;AAJA;EACC;;AAID;EACC;;AAED;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAED;EACC;;AAED;EAGC;EACA;EACA;;;AAIH;EACC;;AACA;EACC;;;AAIF;AAOC;AAAA;EACC;;AAIA;AAAA;EACC;;;AAKH;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAmBA;AAUA;;AA3BA;AAAA;AAAA;EACC;EAKA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;AAAA;AAAA;EACC;EACA;EACA;;AACA;AAAA;AAAA;EACC;EACA;;AAIF;AAAA;AAAA;EACC;EACA;EACA;;AACA;AAAA;AAAA;EACC;EACA;;AAIF;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AACC;EACA;EACA;;AAED;AAAA;AAAA;EACC;EACA;AAuIA;;AArIA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA,aAhGkB;EAiGlB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA2CA;AAkBA;AAIA;AAAA;AAMA;AAyBA;AAKA;;AAnGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA,iBApHe;;AAsHhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEC;AAAA;EAEA;;AAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,aAnIe;;AAuIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAID;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,OA/Ke;EAgLf;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;AACA;AAAA;EAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,WAnNiB;EAoNjB;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAMD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAKJ;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;EACC;;;AAOJ;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WNhmCgB;EMimChB,WNhmCgB;AMkmChB;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AAGC;AAAA;AAAA;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAIF;AAAA;AAAA;AAAA;EACC;;AAKH;EAGC;;AAEA;EACC;;AAIF;AAAA;EAEC;EACA;EACA;EACA;;AAQC;EAEC;;AAEA;EACC;;AAIH;EACC;EACA;EAEA;AAIA;;AAHA;EACC;;AAGD;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AACA;EACC;EAGA;;AAIH;EACC;;;ACp3CF;AAAA;AAAA;AAIA;AAEA;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AChDD;AAEA;AACA;EACC;;;ARJD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ASEA;AAEC;EACA;IACC;IACA;;AAGD;EACA;IACC;;AAGD;EACA;IACC;IACA;IACA;;AAGD;EACA;IACC;IACA;IACA;;EAGA;IACC;;EAIF;IACC;;EAGD;IACC;IACA;;AAGD;EACA;IACC;IACA;IAEA;IAEA;;EACA;IACC;;EAED;IACC;;EACA;IACC;;AAKH;EAEC;IACC;;EAED;IACC;IACA;IACA,KToCa;ISnCb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;;EAKF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;AAAA;IAEC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;;EAED;IACC;;EAGD;IACC;;AAGD;EACA;IACC;;EAED;IACC;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;EAED;IACC;;EAGD;IACC;;AAGD;;AAGD;EACC;IACC;IACA;;EACA;IACC;;AAGF;EACA;AAoBC;;EAlBC;IACC;;EAGF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAID;IACC;;;AC/KH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AA0CA;AAmBA;;AA5DA;EAGI;EACA;EACA;;AAEJ;EAEI;EACA;;AAEJ;EAEI;EACA;;AAEJ;EAEI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGR;EAEI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAQJ;EACI;EACA;EACA;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;;AAOA;EACI;EACA;EACA;;AAGR;EAEI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;ACzIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;AACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;AACA;AACE;;;AAEF;EACE;;;AAEF;ACjHA;AA0CC;AAmBA;;AA1DC;EACC;;AAIA;EACC;;AAED;EACC;EACA;EACA;;AAEA;EAGC;;AAID;EACC;;AAED;EACC;;AAED;EACC;;AAMJ;EAEC;;AAKD;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;EAIC;;AAID;EACC;EACA;EACA;EACA;EACA,QArEc;EAsEd;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;AACA;EACA;EACA;EACA","file":"server.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["icons.scss","styles.scss","inputs.scss","functions.scss","header.scss","variables.scss","apps.scss","global.scss","fixes.scss","mobile.scss","tooltip.scss","../../node_modules/@nextcloud/dialogs/dist/index.css","public.scss"],"names":[],"mappings":"AA8IQ,8BC5HR,yQACC,SACA,UACA,SACA,oBACA,eACA,oBACA,wBACA,eACA,uDACA,qBAGD,6CACC,aAID,kGAEC,gDACA,aAGD,UACC,YAGD,6DACC,cAGD,KACC,gBAGD,MACC,yBACA,iBACA,mBAGD,cACC,gBACA,mBAGD,YACC,sBAGD,EACC,SACA,6BACA,qBACA,eACA,IACC,eAIF,WACC,aACA,0BAGD,MACC,eACA,QACC,eAIF,0BACC,eAGD,GACC,gBAGD,KACC,mBAEA,mCACA,uCACA,6BACA,6BAGD,mBACC,kBAGD,qBACC,kBACA,uBACA,qBACA,2BACA,2DACA,uBAGD,iBACC,qBACA,aACA,gCAGD,eACC,YACA,aAGD,cACC,eACA,MACA,SACA,OACA,YACA,WACA,aACA,kBACA,gDACA,gCACA,iBACA,eACA,kBACC,cACA,kBACA,UACA,QACA,gBAED,gBACC,gCACA,sDACA,4CACC,qCAOH,oBACC,WACA,YAGD,gCACC,+BAGD,0BACC,kCACA,yCACA,+BACA,4BAMD,YACC,8CACA,gCAMD,kBACC,sBAKD,4BAEC,oCACA,kBACA,gBACA,WACA,sDACC,gBAED,sEACC,gBAED,kCACC,mBAED,oHAEC,qBACA,YACA,WACA,mBACA,gcAEC,WAOH,sBACC,WASD,oCACC,kBACA,yBACA,sBACA,qBACA,iBAKD,kBACC,kBACA,UACA,SACA,YAGD,8BACC,WACA,oBACA,wBACA,wBAGD,2EACC,WAED,oGACC,0CACA,UACA,qBAGD,mDACC,6BACA,YACA,WACA,yCACA,4BACA,2BACA,WAOA,qEACC,UAED,qEACC,UAIF,wEACC,aAGD,2CACC,mBAGD,yBACC,kBACA,qBACA,iBAED,qBACC,cACA,QACA,iBACA,kBACA,aAKD,4CACC,eACA,YACA,mCACA,6BACA,qDAIA,2BACC,4BAKD,wBACC,sBACA,4BACA,+BACC,2CACA,qBACA,kBAGF,0BACC,qBACA,gBAIF,YACC,YACA,8BACA,oBACC,sBAIF,eACC,2CAUD,mBACC,kBACA,cACA,2BACC,kBACA,cAIF,UACC,gBAGD,8CACC,UAIA,oGAGC,WAIF,mBACC,WACA,kBACA,QAEA,kDACC,UAIF,WACC,WACA,YAGD,eACC,WAIA,8CACC,UAKD,kDACC,UAKD,0CACC,UAKD,8CACC,8CAIF,KACC,mFAGD,OACC,gBACA,YACA,eACA,qBACA,UACC,qBAIF,2FACC,gBACA,uBAGD,2BACC,yDAGD,2BACC,6DAID,yBACC,gBACA,gBACA,WACA,mCACA,YACA,wBAEA,sKAGC,+BACA,mBAED,2CACC,YACA,eACA,YACA,8CACA,6BAEA,gEACC,cACA,mBAED,oDACC,WAEA,8EACC,yEAED,8EACC,wEAGF,oEACC,UAID,oDACC,mBACA,gCACA,WACA,WACA,YAED,0DACC,yBAGA,+FACC,gDAGD,wOAGC,sCACA,gCACA,iBAGD,yNAEC,gCACA,WAMJ,wCACC,gCACA,wCAKD,yBACC,2BACA,sBACA,mCACA,wBAEA,4CACC,uBAGD,sKAGC,+BACA,mBAED,2CACC,YACA,eACA,YACA,8CACA,6BAEA,gEACC,cACA,mBAIF,qFACC,iBAGA,iDACC,mBACA,gCACA,WACA,yDACC,UACA,WACA,iBAGF,uDACC,yBAGA,0TAIC,sCACA,gCACA,iBAGD,4FACC,gCAGD,qEACC,2CASH,oGACC,aACA,iBACA,8BACA,0GACC,cACA,SACA,YACA,YACA,WACA,aACA,mBACA,uBACA,8GACC,kBACA,kBACA,mBACA,6BACA,cACA,iBACA,WACA,YACA,YACA,eAOJ,8BACC,kBACA,aACA,sBAEA,uCACC,eACA,sBACA,oBAEA,yDACC,uCACA,4BACA,gCAGA,6DACC,eAED,uDACC,iBAED,oEACC,YACA,YAKH,mDACC,kBACA,+BACA,YACA,SACA,aACA,WACA,QACA,MAEA,4KAGC,0CACA,UAIF,iDACC,eACA,YACA,sBACA,oBACA,WACA,gBACA,eACA,8CACA,0CACA,wCACA,kBACA,UACA,QACA,QAEA,gEACC,sCACA,0BACA,WACA,YACA,WACA,WAGD,mDACC,WACA,YACA,gBAGD,uDACC,SACA,gBACA,4DACC,aACA,YAMH,kDACC,sBACA,qBACA,gBACA,OAGA,WACA,kBAED,4CACC,oCACA,kBACA,gBACA,WACA,aAED,wCACC,8CACA,WAED,0DAEC,kBACA,mBAEC,mEACC,4CACA,8CACA,sEACC,UACA,YAIH,0EACC,cACA,aACA,YACA,sBACA,2BACA,sBAED,+EACC,iBACA,iBAGD,6EACC,WACA,WACA,gBACA,qBACA,2BACA,WAED,qQAGC,kBAED,oLAEC,mBAGD,6DACC,aACA,4CAED,2EACC,mBAED,oEACC,gBACA,mBACA,uBACA,qBACA,4BACA,kBACA,4BACA,eAEA,YACA,oFACC,aACA,2FACC,gBACA,gBACA,uBAED,0FACC,gBAIH,oIACC,WAED,oEACC,iBAED,oEAIC,aACA,sBAEA,0EACC,aACA,+CACA,6BACA,aACA,cAEA,6EACC,cACA,kBACA,mCACA,QAhBS,KAiBT,aACA,sBACA,YAGA,gFACC,YACA,UACA,kBACA,mCAEA,yFACC,oBACA,+BACA,wBACA,YA/BU,KAgCV,eACA,yGACC,uBAGF,yFACC,iBACA,WAED,qFACC,aAON,2DACC,gDAIF,WACC,0BAGD,aACC,WACA,sBAMA,0BACC,eACA,iCACC,0BACA,4BACA,0BACA,0BACA,aACA,YAEA,qDACA,gDAGD,iGAGC,qBAKD,mCACC,YAEA,iDACC,6DAMJ,6CAEC,2BACA,iBACA,iBACA,YAEA,2DACC,0BACA,kBACA,iJAEC,qBAIF,sDAEC,kCACA,iBACA,iBACA,gBAEA,8DACC,kBAEA,gEACC,cACA,WACA,eACA,WAKH,sDACC,aACA,kBACA,mBACA,yBAEA,8DACC,YACA,WACA,qBAGD,4DACC,YACA,iBAEA,gEACC,kBACA,WAGD,iJAEC,gBACA,gBACA,mBACA,uBAED,qJACC,oCAIF,4MACC,WACA,YACA,WACA,eAEA,gPACC,aAED,wNACC,wCAGD,6pBAGC,UAIF,2EACC,WAEA,iFACC,2BACA,4CAGD,yFACC,wCAKF,4DACC,SACA,kBAED,0EACC,UAMH,qBACC,wBACA,WACA,YAKD,YACC,6BAMA,qBACC,WACA,aAED,wBACC,cACA,gDACA,WACA,aAED,2BACC,WACA,YACA,6BACC,WAGF,wBACC,wCACA,kBACA,mBACA,gBACA,uBACA,0CACA,kCACA,6DACC,0CAGF,sBACC,UACA,WAKF,YACC,oBAED,UACC,oBACA,kDACA,4BACA,iCACA,YACA,0BACA,cACA,QACA,kBACA,oBACC,QACA,kBACA,sBACC,WAIA,0FACC,cAIF,iCACC,SACA,iBACA,oCACC,iBACA,gBACA,kBACA,kBACA,gEACC,+EAGF,gDACC,aAIH,iBACC,aACA,wBACC,QAGF,2BAEC,kBACA,aACA,WACA,uBACA,mBACA,gBACA,cAEA,gBAEA,kGAGC,oBAGF,0BACC,UACA,WAID,qBACC,iBACA,kBAEA,4BACC,eAGF,mEACC,UAEA,kKAEC,WAOH,QACC,UACA,yCACA,sCACA,qCACA,oCACA,iCACA,oBACC,UAOD,+CACC,SACA,kBAED,mDACC,gBAKF,cACC,mBAMD,mBACC,aACA,QACA,SACA,UCtrCD,kFACC,6BAED,uGACC,wCAED,sDACI,kCAMJ,iHAUC,YACA,WAdgB,KAehB,sBASD,wBACI,aAIJ,yJAUC,qBACA,iBACA,eACA,8CACA,6BACA,0CACA,mCACA,aACA,mCACA,YAEC,irCAIC,0CACA,aAED,qZACC,aACA,8CACA,8BAED,scACC,0CAGF,wNACC,8CACA,6BACA,eACA,WAED,wNACC,gBAED,oPACC,mDAGD,iNACC,8CACA,0CACA,gCACA,eAGA,kvBAEC,uCAIA,mjCAGC,oDACA,gDAED,gwBAEC,4CAED,2WACC,qCAGF,gRAEC,8CACA,qCACA,eAKH,2BACC,qBACA,gBACA,eACA,8CACA,gCACA,gDACA,aACA,mCAEA,8CACA,gCACA,eACA,WAKA,4KACC,6BACA,0BAEA,OAzIe,KA2IhB,0EAIC,YACA,WAID,kBACC,WACA,cACA,gBACA,WACA,eAED,mBACC,SACA,QAED,iBACC,cAKF,6GASC,iBACA,mCACA,WACA,WAjLgB,KAkLhB,eACA,sBACA,8CAEA,mKACC,eAIF,qMAcC,qBACA,eACA,mCACA,8CACA,6BACA,iDACA,YACA,aACA,yCACA,uBACA,eACA,+0BACC,0CAED,yRACC,YAIF,mCACC,8CACA,6BAGD,mCACC,aACA,YAID,OACC,kEACA,gBACA,8CACA,8BASA,2DACC,eAIA,sFACC,eAMH,sGAQC,iBACA,wCAGA,gMACC,SAGD,oIACC,+CACA,2CACA,sBAWA,4MAEC,qBACA,2BACA,WAUD,kGACC,6BACA,2CACA,mFACA,iBACA,4BAEA,yDACA,UACA,OArTc,KAsTd,MAtTc,KAuTd,gBACA,eACA,eACA,6HACC,eCrRH,+CD6RG,yOACC,gCAID,4qBAGC,qDACA,8CACA,6vBACC,uDAQH,+VACC,qDACA,2CAEA,UAQJ,uBAEC,eAED,2BAEC,mBAUC,4GAEC,kBACA,cACA,SACA,UACA,WACA,gBACA,oIACC,iBAED,4WAEC,eAED,gKACC,WACA,qBACA,OAxBkB,KAyBlB,MAzBkB,KA0BlB,sBACA,kBACA,qBACA,2CAED,oeAEC,0CAED,4LACC,oBACA,qCACA,kBACA,mBAED,4bAIC,8DACA,8CACA,0CAED,oMACC,2CACA,0DAED,oOACC,+CAID,gJACC,qBACA,iBAED,oMACC,cA/DkB,KAmEnB,mFACC,kBACA,OArEkB,KAsElB,MAtEkB,KAuElB,2BACA,2BAED,mGACC,yDAED,+GACC,0DAOD,gZAEC,qBAED,wUACC,aAzFyB,KA2F1B,4NACC,8DACA,yBACA,qBAED,gOACC,oCACA,6CAED,gQACC,8DACA,6CACA,yBAID,8OAEC,0CACA,6BACA,+DAED,6HACC,gEAED,mHACC,WAOJ,iBACC,gBACA,8CACA,qCACC,sCAED,yBACC,qBACA,iBACA,sBACA,6BACC,eAGF,uCACC,gBACA,qEACA,yCAED,kCACC,iBACA,SACA,UACA,wDACC,mBACA,gBACA,uBACA,6DACC,eACA,gEACC,eACA,iBAIH,6JAGC,kBACA,kBACA,aACA,+BACA,eACA,gCAGA,mEACC,8CAGF,uDACE,8CACA,6BAMH,oGAEC,eAID,mHAEC,gBACA,mBACA,uBACA,wCACA,2CACA,uBACA,yCACA,0CACA,SACA,YACA,gBACA,6IACC,kCAED,iKACC,iBACA,iBACA,stBAIC,sBACA,8CACA,gCACA,0CAED,2NACC,aAGF,2KACC,iBACA,gBACA,gBACA,6BACA,yMACC,2BAKJ,sBACC,qBACA,+DACC,aACA,eACA,kEACC,WAGF,uCACC,gBACA,mBACA,uBACA,wCACA,2CACA,uBACA,yCACA,0CACA,SACA,iBACA,gBACA,oDACC,kCAED,8DACC,iBACA,iBACA,sBACA,8CACA,0CACA,2FACC,aAED,8JAEC,qCACA,iCAGF,sDACC,gBACA,gBACA,YACA,wDACC,mEACA,WAGF,2LAGC,WAED,mEACC,iBAMH,UACC,qBACA,qBACA,2BACC,wBACA,eACA,yCACC,iBACA,iBACA,sBACA,8CACA,gCACA,0CACA,oBACA,mBACA,gDACC,gBAIH,yBACC,UACA,4BACC,YACA,kBACA,kBACA,+BACA,eACA,gCACA,8BACC,mBACA,gBACA,uBACA,YACA,wBACA,SACA,eACA,eACA,2BACA,yBACA,sBACA,qBACA,iBACA,oBACA,mBACA,0CACA,yBACA,sCACC,YACA,4CACA,4BACA,2BACA,eACA,gBACA,cACA,WACA,iBACA,kBAGF,sCACC,6BAED,qCACC,8CACA,6BACA,6CACC,mBAQL,mBACC,cACA,WACA,UACA,cACA,8CACA,mCACA,gBACA,WACA,gBAEC,2CACC,8BAED,gDACC,8BAGF,yCACC,yBAED,sCACC,mCACA,gCACA,iCAED,2CACC,mCACA,gCACA,iCAKF,iBACC,QAEC,0BAED,QAEC,yBAED,YAGC,0BAED,QAEC,0BAGF,OACC,qBACA,uBACA,mCAKD,cACC,kBACA,cACA,aACA,UACA,WACA,gBAGD,kEAGC,oCACG,mCE/yBJ,mBAEC,yBACA,sBACA,qBACA,6PACC,aAGD,+QACC,YACA,kBACA,2BACA,WACA,WACA,kBACA,2CACA,SACA,UAGD,gLACC,WAIA,kPACC,WAGD,+HACC,SAOH,+DAGC,oBACA,kBACA,MACA,WACA,aACA,OC2Ce,KD1Cf,sBACA,8BAID,WACC,cACA,kBACA,kBACA,wBACA,sBACA,UACA,mBACA,aACA,eACA,gBACA,WAEA,mCACC,UAaD,gCACC,8CACA,sDACA,yCACA,sBACA,aACA,kBACA,gBAfD,gBACA,oCAgBC,UACA,SACA,SACA,gBAEA,kDACC,aAID,sCACC,gCACA,iDACA,YACA,YACA,SACA,QACA,kBACA,oBACA,WAGD,uEAEC,iCAzCF,gBACA,oCA6CC,iDACC,YACA,aACA,sBACA,QAEC,sDACC,kBACA,oBACA,mBACA,OAlDuB,KAmDvB,6BACA,kBACA,sBACA,mBACA,kBACA,WACA,wHAEC,+CAED,0HAEC,4CAED,oEACC,gDACA,aAED,2DACC,qBACA,iBACA,6BACA,mBACA,gBACA,uBACA,gBAED,0EACC,kBACA,0BAED,oHAEC,WACA,kBACA,YACA,WACA,wCAML,cACC,oBACA,WACA,kBACA,UAEA,gFAGD,kCACC,aACA,mBACA,cAGD,sFAEC,oBACA,mBAGD,0CACC,SACA,mBACA,YAGD,4CACC,yBACA,cAKA,qDAEC,YACA,kBACA,6EACC,aACA,uBACA,mBACA,MC5HY,KD6HZ,YACA,eACA,YACA,UACA,aAEA,yFACC,UAGD,yGACC,aASL,0CACC,YAKD,gBACC,gCACA,eACA,iBACA,SACA,UACA,kBACA,gBACA,uBAEA,cAGD,kBACC,gCACA,kBACA,gBACA,eACA,iBACA,gBACA,uBAID,UACC,qBACA,YACA,eACA,cAGA,kBACC,UACA,kBAEA,yEAGC,gCAEA,4OAEC,kBACA,2CACA,YAED,0GACC,2CAED,kIACC,UAKF,6BACC,eACA,YACA,WAEA,iCACC,UACA,eAGD,gEACC,aAIF,qCACC,YACA,WACA,eAGA,oDACC,UAKF,wCACC,YACA,SACA,QACA,kBACA,oBACA,WACA,YACA,cACA,WACA,WACA,kBACA,2CAIF,2BACC,WAKF,cACC,kBACA,gBACA,aACA,WACA,SACA,YACA,aAEA,2BACC,ICzQc,KDiRf,gDACC,mBACA,eAED,gJAEC,qBACA,YACA,WJnWF,iCACC,4BACA,2BACA,eACA,gBAGD,iBACC,kDAID,sGAMC,kBACA,0IACC,UACA,WACA,YACA,WACA,uBACA,kBACA,QACA,SACA,mBACA,6CACA,qCACA,gCACA,4BACA,wBACA,4CACA,2CAEA,wCAEA,gYAGC,uCAKH,wDAEC,2CACA,4CAGD,yDAEC,YACA,WACA,qBAKA,yJACC,2CAED,iMACC,gDAED,yMACC,iDAED,iPACC,sDAIF,kBACC,KACC,uBAED,GACC,0BAIF,SACC,gCAGD,yKAQC,wDM3GD,MACC,gEAEA,0GACA,8FAGD,sCACC,MACC,6BACA,8BAKF,KACC,WACA,YACA,kBAEA,6EAGD,KAEC,6EAEA,0EACA,sBACA,2BACA,eACA,WACA,iDAKD,GACC,iBACA,eACA,mBACA,iBACA,8BAGD,GACC,eACA,cACA,8BAGD,GACC,eAID,GACC,kBACA,gCAGD,GACC,eAGD,MAEC,qBACA,aACA,eAGD,GACC,YACA,mBACA,iBAGD,IACC,iBACA,sBACA,kCACA,mCACA,qBACA,mBAMD,wBACC,sBAKD,0BAEC,8DAEA,MDfkB,MCgBlB,YACA,gBACA,kBACA,mDACA,8CACA,+EACA,gBACA,YACA,sBACA,qBACA,iBACA,aACA,sBACA,YACA,cAGA,8CACC,cACA,6CACA,qDACC,qBACA,WACA,aACA,kBACA,gCACA,gBACA,SAIF,6BACC,kBAED,6BACC,kBACA,YACA,WACA,kBACA,gBACA,sBACA,aACA,sBACA,6CACA,iBAEA,wCACC,oDAGD,gCACC,oBACA,eACA,QACA,cACA,SACA,kBACA,WACA,wCAGA,uCACC,QACA,oDACC,2BAIF,8DAEC,6BAED,2DAIC,6BAKA,oKAEC,+CAGF,gDACC,gDACA,aAMA,gVAEC,4CAKF,yDACC,UACA,SAMA,qGAEC,aAIF,uDACC,iBACA,iBACA,eACA,mBACA,uBACA,2BACA,iBACA,oBAEA,yEACC,gBAKF,mCACC,cACA,WACA,kBACA,sCACC,oBACA,eACA,kBACA,WACA,kBAIC,oLAEC,wCACA,+CAKD,gMAEC,wCACA,4CAKF,+DACC,UAGD,oEAEC,gBACA,kBAGD,iEAEC,gBAGA,6BAMJ,sEAEC,kBACA,sBAGC,sRAGC,oCAIF,0EACC,0BACA,gCACA,4BACA,cACA,8BACA,iBACA,gBACA,sBACA,gBACA,sBACA,mBACA,uBACA,wCACA,6BACA,aACA,YAGA,kFACC,sBACA,gHACC,qBAGF,0GACC,kBACA,WACA,YAEA,wCAID,kIACC,qBACA,YACA,0MACC,2BAKH,gIACC,kBACA,cACA,YACA,WACA,YACA,YACA,kBACA,eACA,wCAEA,oIAEC,oCAKF,4HACC,SAID,4IACC,UACA,YAED,kJACC,wBACA,YAIH,iCACC,aAMD,kMAEC,SACA,WACA,+BACA,4BACA,2BACA,4ZAEC,+BACA,UAUD,iDACC,UACA,kBACA,WACA,YACA,SACA,YAIA,OAEA,+DACC,UACA,eACA,gDACA,gBAGF,8CACC,kBACA,YACA,WACA,SACA,UACA,gBH5XF,6CG8XE,qBACA,4BACA,2BACA,YACA,gBACA,wBACA,gBACA,YACA,UACA,iCACA,6BACA,yBACA,YACA,kBACA,qCAMD,qDACC,kBAIA,wGACC,UAED,8FACC,sBAED,oJACC,oCAID,mDACC,4BACA,wBACA,oBAQH,sDACC,cACA,yDACC,wBACA,mBACA,yBAED,yDACC,sBACA,YAED,6DACC,YACA,WACA,SACA,gBAIA,gJHhcF,uCGmcE,sNAEC,+BACA,UAGF,0FACC,gBACA,iBACA,cACA,iBACA,eAEA,sGACC,UACA,kBACA,2GACC,gBACA,mBACA,sCACA,gCASJ,qDACC,iBACA,kBACA,cACA,uBACA,qCACA,UACA,kBACA,8CACA,WACA,mHAEC,oBACA,WAED,2DACC,YACA,eACA,YACA,kIAGC,UAGF,sEACC,WACA,YACA,6BACA,0BAED,wIAEC,WACA,YACA,cACA,0KACC,2BAED,4KACC,iBAED,8JACC,gDACA,6CACA,4BACA,yBAQH,wDACC,oBACA,kBACA,4BACA,kGACC,kBACA,mBACA,uBACA,gBACA,aACA,iBAED,6FACC,SACA,YACA,WACA,iBACA,sMAEC,UAQH,6GAEC,uBACA,2FAGA,kBACA,OACA,8CACA,sBAMD,yCACC,gDACA,wCACA,oBAGD,iCACC,yBAGD,iHAEC,qBAMF,SACC,sBACA,gBACA,oCACA,gBACA,UACA,aACA,kDACA,0BACA,2CACA,gBAEA,kCACC,eAIF,2CACC,SACC,kDACA,mDAED,gBACC,kDAED,aACC,oDAcF,aACC,aACA,8CACA,iBACA,cACA,iBACA,YAGA,kCACC,gBAID,kCACC,aACA,kBACA,oBAGA,gBAGA,uDAEC,eACA,mFACC,aAWJ,aACC,WACA,UDvnBmB,MCwnBnB,UDvnBmB,MCwnBnB,cACA,wBACA,gBACA,ID9nBe,KC+nBf,QACA,gBACA,kBACA,aACA,aACA,0BACA,wCACA,0CACA,cAEA,uBACC,aAOF,cAEC,gBAGC,oFACC,cAKH,sBACC,aACA,6CACA,cACA,kDAEA,iBACA,gBACA,sBAGA,uCACC,UAGD,iCACC,uBACA,gCAOE,4NACC,qBACA,WACA,cAOL,qBACC,sBACA,+BACA,gBACA,oDACA,6CACA,cAEA,sCACC,aACA,mBACA,YACA,WACA,UACA,SACA,+BACA,gBACA,SACA,oDACA,gBACA,mBACA,eACA,WAGA,6BAEA,6CACC,yCACA,8CACA,eAED,wFAEC,+CAGD,8CACC,2CACA,gCACA,4BACA,WACA,WACA,YACA,MACA,OACA,cAGD,oDACC,2DACA,gCAMH,SACC,cACA,aACA,mBACA,gBACC,wBAIA,yDAEC,oBACA,iBAIH,aACC,kBACA,gBACA,iBACA,mBAGD,QACC,UACA,yCACA,sCACA,qCACA,oCACA,iCACA,oBACC,UAKF,YACC,aACA,mBAEA,uBACC,aACA,sBACA,YACA,kBACA,mBACA,gBACA,uBACA,eACA,gCACA,kBACA,YAEA,8BACC,aAID,mCACC,kBAED,kCACC,mBAGD,6BACC,qBACA,WACA,YACA,qBACA,sBACA,gBACA,iBACA,WACA,eAGD,yBACC,gCACA,kBACA,gBACA,uBAED,gCACC,iBAED,0FAGC,kBACA,6BACA,kDAIH,eACC,WACA,oBACC,oBAWD,0DACC,wCAIA,gFACC,YAKH,gDAGC,kBACA,8CACA,6BACA,yCACA,YACA,YACA,WACA,gBACA,QACA,sDACA,aACA,mBAEA,kEACC,YAKA,UAEA,2BACA,YACA,SACA,QACA,kBACA,oBACA,iDACA,iBAGD,oFACC,0BACA,UACA,eACA,sGACC,UACA,0BAIF,8EACC,WACA,OACA,eACA,gGACC,SACA,WAIF,+DACC,cAGD,+GACC,SAGD,yDAEC,wBACA,sBAED,yDACC,aACA,cAEA,8EACC,aAGD,oOAGC,eACA,YAhGkB,KAiGlB,SACA,yCACA,+BACA,aACA,uBACA,YACA,SACA,mBACA,gBACA,WACA,6BACA,mBAEA,whDAIC,YACA,aACA,gCACA,gBApHe,KAsHhB,yzBAIC,yBAOC,gvGACC,YAnIe,KAuIlB,+tBAEC,iCAED,ojBAEC,+CAED,4nBAEC,kDAED,mSACC,wCACA,4CAGD,mSACC,2BAED,iRACC,eACA,mBAED,sPACC,YACA,kBACA,cACA,mBAED,mSACC,SACA,gBAGD,gVACC,8BAID,wQACC,MA/Ke,KAgLf,aAGD,uyBAEC,qBACA,WAED,yeACC,mBAED,8cACC,mBAED,2xBACC,YAED,iRACC,aACA,cAGA,mBACA,mbACC,gBAIF,04BAEC,cAGD,0RACC,UAnNiB,KAoNjB,gBACA,aACA,cAEA,4bACC,gBAQA,2hDACC,gBAMD,ygDACC,kBAKJ,8EACC,UACA,6FACC,UAQJ,kBACC,wBACA,kBACA,MACA,2CACA,aACA,sBACA,uCACA,gBACA,gBACA,gBACA,kBACA,eACA,UDhmCgB,MCimChB,UDhmCgB,MCmmChB,yCACC,kBACA,YACA,eACA,iBACA,aACA,eACA,mBACA,cAKC,8RAEC,QACA,WACA,YACA,YACA,aACA,WACA,eACA,4mBAEC,WAED,wtBAEC,WACA,ghDAEC,UAIF,kVACC,UAKH,8IAGC,8CAEA,2RACC,aAIF,6JAEC,kBACA,YACA,WACA,WAQC,2XAEC,aAEA,2eACC,WAIH,wFACC,SACA,SAEA,aACA,gGACC,SAGD,oHACC,aAKH,qEACC,aACA,SACA,UACA,qBACA,YACA,WACA,SACA,UAGD,qEACC,kBACA,qBACA,YACA,WACA,iBACA,kBACA,sBACA,kBACA,WACA,kBACA,gBACA,0BACA,iBACA,iBACA,eACA,QACA,iBAGD,kJAEC,cACA,kBACA,mBACA,gBACA,uBACA,QACA,aACA,mBACA,eAGD,yEACC,WACA,QACA,SACA,6BAGD,wEACC,QACA,mBACA,gBACA,uBACA,gBACA,WACA,cACA,iBAGD,qEACC,QACA,kBACA,kFACC,SAGA,WAIH,2EACC,aC92CF,WACC,WAGD,YACC,YAGD,YACC,WAGD,aACC,YAGD,YACC,WAGD,QACC,aAGD,iBACC,kBACA,cACA,aACA,UACA,WACA,gBAGD,MACC,gBAGD,QACC,kBAGD,aACC,qBC7CD,mBACC,SCFD,2CAGC,UACC,4BACA,qBAID,iBACC,wBAID,YACC,WACA,yBACA,sBAID,0BACC,6BACA,eACA,0BAGA,6BACC,wBAIF,0CACC,cAGD,8BACC,SACA,cAID,kBACC,wCACA,cAEA,iBAEA,eACA,uCACC,aAED,8BACC,aACA,mDACC,gBAOF,gDACC,4BAED,qDACC,eACA,gCACA,IJoCa,KInCb,OACA,WACA,YACA,aACA,sCACA,eACA,WACA,wBAED,2CACC,4BAKF,uBACC,eACA,gCACA,OACA,WACA,YACA,aACA,eACA,WAED,0DAEC,UAID,6CACC,kBAID,kDACC,0BAED,8CACC,wBAGD,wBACC,kBAID,gBACC,aAED,+BACC,4BAID,2MAIC,aAED,kDACC,eAGD,qCACC,UAMF,0CACC,gCACC,6BACA,eACA,uCACC,wBAMA,4CACC,cAGF,iCACC,gCACA,iDACA,SACA,YACA,SACA,QACA,kBACA,oBACA,WACA,aACA,aAID,0CACC,YCnKH,SACI,kBACA,cACA,6BACA,kBACA,mBACA,sBACA,gBACA,gBACA,gBACA,iBACA,qBACA,iBACA,oBACA,mBACA,kBACA,oBACA,iBACA,uBACA,eACA,UACA,eAEA,gBACA,eACA,uDACA,8DAGI,mBACA,UACA,wBAEJ,uDAEI,SACA,kBAEJ,8CAEI,eACA,eAEJ,4CAEI,gBACA,eACA,0EACI,QACA,OACA,iBACA,8BACA,gDAGR,0CAEI,iBACA,cACA,wEACI,QACA,QACA,iBACA,8BACA,+CAQJ,kPACI,SACA,yBACA,8CAGR,iCACI,WACA,oBAEJ,kCACI,UACA,oBAOA,0QACI,MACA,yBACA,iDAGR,4EAEI,SACA,kBAEJ,oCACI,WACA,iBAEJ,qCACI,UACA,iBAIR,eACI,gBACA,gBACA,8CACA,6BACA,kBACA,mCAGJ,+BACI,kBACA,QACA,SACA,2BACA,mBCpHJ,kBACE,gBACA,gBACA,8CACA,6BACA,6CACA,eACA,gBACA,eACA,cACA,mCACA,aACA,mBAEF,wCACE,aACA,mBAEF,oEAEE,gBACA,gBACA,sBACA,eACA,YACA,aACA,mBACA,4BACA,2BACA,6BACA,aAEF,4FAEE,cACA,WACA,YACA,gBACA,iBACA,YAGF,4GAEE,mRACA,YACA,wCACA,qBACA,WACA,YAEF,wGAEE,WACA,wBACA,iBAEF,kPAIE,eACA,UAEF,+BACE,WAEF,mCACE,eAEF,8BACE,yCAEF,6BACE,2CAEF,gCACE,2CAEF,gCACE,2CAEF,6BACE,2CAOF,gEACE,mUC5GA,oDACC,gCAIA,0DACC,gBAED,2EACC,+BACA,2BACA,wCAEA,oPAGC,UAID,mFACC,aAED,sFACC,aAED,mGACC,YAMJ,sBAEC,6BAKD,kCACC,cAGD,oBACC,iBACA,mCACA,sBACA,qBACA,iBAED,+KAIC,kBAID,oBACC,eACA,aACA,mBACA,uBACA,OArEc,KAsEd,sBACA,SACA,wBACA,WACA,8CACA,yCACA,sBACC,kBACA,gCACA,wBACC,gCACA,iBACA,mBAEA,aACA,aACA","file":"server.css"} \ No newline at end of file diff --git a/core/css/styles.css b/core/css/styles.css index de07bf1d3a7..ac7d9a84de4 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -1,1133 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Lukas Reschke - * @copyright Copyright (c) 2016, Robin Appelman - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, Joas Schilling - * @copyright Copyright (c) 2016, Morris Jobke - * @copyright Copyright (c) 2016, Christoph Wurst - * @copyright Copyright (c) 2016, Raghu Nayyar - * @copyright Copyright (c) 2011-2017, Jan-Christoph Borchardt - * @copyright Copyright (c) 2019-2020, Gary Kim - * - * @license GNU AGPL version 3 or any later version - * - */ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section, main { - margin: 0; - padding: 0; - border: 0; - font-weight: inherit; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; - cursor: default; - scrollbar-color: var(--color-border-dark) transparent; - scrollbar-width: thin; -} - -.js-focus-visible :focus:not(.focus-visible) { - outline: none; -} - -/** Let vue apps handle the focus themselves */ -.content:not(#content-vue) :focus-visible, -.app-navigation:not(#app-navigation-vue) :focus-visible { - box-shadow: inset 0 0 0 2px var(--color-primary); - outline: none; -} - -html, body { - height: 100%; -} - -article, aside, dialog, figure, footer, header, hgroup, nav, section { - display: block; -} - -body { - line-height: 1.5; -} - -table { - border-collapse: separate; - border-spacing: 0; - white-space: nowrap; -} - -caption, th, td { - text-align: left; - font-weight: normal; -} - -table, td, th { - vertical-align: middle; -} - -a { - border: 0; - color: var(--color-main-text); - text-decoration: none; - cursor: pointer; -} -a * { - cursor: pointer; -} - -a.external { - margin: 0 3px; - text-decoration: underline; -} - -input { - cursor: pointer; -} -input * { - cursor: pointer; -} - -select, .button span, label { - cursor: pointer; -} - -ul { - list-style: none; -} - -body { - font-weight: normal; - /* bring the default font size up to 15px */ - font-size: var(--default-font-size); - line-height: var(--default-line-height); - font-family: var(--font-face); - color: var(--color-main-text); -} - -.two-factor-header { - text-align: center; -} - -.two-factor-provider { - text-align: center; - width: 258px !important; - display: inline-block; - margin-bottom: 0 !important; - background-color: var(--color-background-darker) !important; - border: none !important; -} - -.two-factor-link { - display: inline-block; - padding: 12px; - color: var(--color-text-lighter); -} - -.float-spinner { - height: 32px; - display: none; -} - -#nojavascript { - position: fixed; - top: 0; - bottom: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 9000; - text-align: center; - background-color: var(--color-background-darker); - color: var(--color-primary-text); - line-height: 125%; - font-size: 24px; -} -#nojavascript div { - display: block; - position: relative; - width: 50%; - top: 35%; - margin: 0px auto; -} -#nojavascript a { - color: var(--color-primary-text); - border-bottom: 2px dotted var(--color-main-background); -} -#nojavascript a:hover, #nojavascript a:focus { - color: var(--color-primary-text-dark); -} - -/* SCROLLING */ -::-webkit-scrollbar { - width: 12px; - height: 12px; -} - -::-webkit-scrollbar-track-piece { - background-color: transparent; -} - -::-webkit-scrollbar-thumb { - background: var(--color-scrollbar); - border-radius: var(--border-radius-large); - border: 2px solid transparent; - background-clip: content-box; -} - -/* SELECTION */ -::selection { - background-color: var(--color-primary-element); - color: var(--color-primary-text); -} - -/* CONTENT ------------------------------------------------------------------ */ -#app-navigation * { - box-sizing: border-box; -} - -/* EMPTY CONTENT DISPLAY ------------------------------------------------------------ */ -#emptycontent, -.emptycontent { - color: var(--color-text-maxcontrast); - text-align: center; - margin-top: 30vh; - width: 100%; -} -#app-sidebar #emptycontent, -#app-sidebar .emptycontent { - margin-top: 10vh; -} -#emptycontent .emptycontent-search, -.emptycontent .emptycontent-search { - position: static; -} -#emptycontent h2, -.emptycontent h2 { - margin-bottom: 10px; -} -#emptycontent [class^=icon-], -#emptycontent [class*=icon-], -.emptycontent [class^=icon-], -.emptycontent [class*=icon-] { - background-size: 64px; - height: 64px; - width: 64px; - margin: 0 auto 15px; -} -#emptycontent [class^=icon-]:not([class^=icon-loading]), #emptycontent [class^=icon-]:not([class*=icon-loading]), -#emptycontent [class*=icon-]:not([class^=icon-loading]), -#emptycontent [class*=icon-]:not([class*=icon-loading]), -.emptycontent [class^=icon-]:not([class^=icon-loading]), -.emptycontent [class^=icon-]:not([class*=icon-loading]), -.emptycontent [class*=icon-]:not([class^=icon-loading]), -.emptycontent [class*=icon-]:not([class*=icon-loading]) { - opacity: 0.4; -} - -/* LOG IN & INSTALLATION ------------------------------------------------------------ */ -#datadirContent label { - width: 100%; -} - -/* strengthify wrapper */ -/* General new input field look */ -/* Nicely grouping input field sets */ -.grouptop, .groupmiddle, .groupbottom { - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -/* Show password toggle */ -#show, #dbpassword { - position: absolute; - right: 1em; - top: 0.8em; - float: right; -} - -#show + label, #dbpassword + label { - right: 21px; - top: 15px !important; - margin: -14px !important; - padding: 14px !important; -} - -#show:checked + label, #dbpassword:checked + label, #personal-show:checked + label { - opacity: 0.8; -} - -#show:focus-visible + label, #dbpassword-toggle:focus-visible + label, #personal-show:focus-visible + label { - box-shadow: var(--color-primary) 0 0 0 2px; - opacity: 1; - border-radius: 9999px; -} - -#show + label, #dbpassword + label, #personal-show + label { - position: absolute !important; - height: 20px; - width: 24px; - background-image: var(--icon-toggle-dark); - background-repeat: no-repeat; - background-position: center; - opacity: 0.3; -} - -/* Feedback for keyboard focus and mouse hover */ -#show:focus + label, -#dbpassword:focus + label, -#personal-show:focus + label { - opacity: 1; -} -#show + label:hover, -#dbpassword + label:hover, -#personal-show + label:hover { - opacity: 1; -} - -#show + label:before, #dbpassword + label:before, #personal-show + label:before { - display: none; -} - -#pass2, input[name=personal-password-clone] { - padding-right: 30px; -} - -.personal-show-container { - position: relative; - display: inline-block; - margin-right: 6px; -} - -#personal-show + label { - display: block; - right: 0; - margin-top: -43px; - margin-right: -4px; - padding: 22px; -} - -/* Warnings and errors are the same */ -#body-user .warning, #body-settings .warning { - margin-top: 8px; - padding: 5px; - border-radius: var(--border-radius); - color: var(--color-main-text); - background-color: rgba(var(--color-warning-rgb), 0.2); -} - -.warning legend, .warning a { - font-weight: bold !important; -} - -.error:not(.toastify) a { - color: white !important; - font-weight: bold !important; -} -.error:not(.toastify) a.button { - color: var(--color-text-lighter) !important; - display: inline-block; - text-align: center; -} -.error:not(.toastify) pre { - white-space: pre-wrap; - text-align: left; -} - -.error-wide { - width: 700px; - margin-left: -200px !important; -} -.error-wide .button { - color: black !important; -} - -.warning-input { - border-color: var(--color-error) !important; -} - -/* fixes for update page TODO should be fixed some time in a proper way */ -/* this is just for an error while updating the Nextcloud instance */ -/* Sticky footer */ -/* round profile photos */ -.avatar, .avatardiv { - border-radius: 50%; - flex-shrink: 0; -} -.avatar > img, .avatardiv > img { - border-radius: 50%; - flex-shrink: 0; -} - -td.avatar { - border-radius: 0; -} - -tr .action:not(.permanent), .selectedActions > a { - opacity: 0; -} - -tr:hover .action:not(.menuitem), tr:focus .action:not(.menuitem), -tr .action.permanent:not(.menuitem) { - opacity: 0.5; -} - -.selectedActions > a { - opacity: 0.5; - position: relative; - top: 2px; -} -.selectedActions > a:hover, .selectedActions > a:focus { - opacity: 1; -} - -tr .action { - width: 16px; - height: 16px; -} - -.header-action { - opacity: 0.8; -} - -tr:hover .action:hover, tr:focus .action:focus { - opacity: 1; -} - -.selectedActions a:hover, .selectedActions a:focus { - opacity: 1; -} - -.header-action:hover, .header-action:focus { - opacity: 1; -} - -tbody tr:hover, tbody tr:focus, tbody tr:active { - background-color: var(--color-background-dark); -} - -code { - font-family: "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", monospace; -} - -.pager { - list-style: none; - float: right; - display: inline; - margin: 0.7em 13em 0 0; -} -.pager li { - display: inline-block; -} - -.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { - overflow: hidden; - text-overflow: ellipsis; -} - -.ui-icon-circle-triangle-e { - background-image: url("../img/actions/play-next.svg?v=1"); -} - -.ui-icon-circle-triangle-w { - background-image: url("../img/actions/play-previous.svg?v=1"); -} - -/* ---- jQuery UI datepicker ---- */ -.ui-widget.ui-datepicker { - margin-top: 10px; - padding: 4px 8px; - width: auto; - border-radius: var(--border-radius); - border: none; - z-index: 1600 !important; -} -.ui-widget.ui-datepicker .ui-state-default, -.ui-widget.ui-datepicker .ui-widget-content .ui-state-default, -.ui-widget.ui-datepicker .ui-widget-header .ui-state-default { - border: 1px solid transparent; - background: inherit; -} -.ui-widget.ui-datepicker .ui-widget-header { - padding: 7px; - font-size: 13px; - border: none; - background-color: var(--color-main-background); - color: var(--color-main-text); -} -.ui-widget.ui-datepicker .ui-widget-header .ui-datepicker-title { - line-height: 1; - font-weight: normal; -} -.ui-widget.ui-datepicker .ui-widget-header .ui-icon { - opacity: 0.5; -} -.ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { - background: url("../img/actions/arrow-right.svg") center center no-repeat; -} -.ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { - background: url("../img/actions/arrow-left.svg") center center no-repeat; -} -.ui-widget.ui-datepicker .ui-widget-header .ui-state-hover .ui-icon { - opacity: 1; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar th { - font-weight: normal; - color: var(--color-text-lighter); - opacity: 0.8; - width: 26px; - padding: 2px; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar tr:hover { - background-color: inherit; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:not(.ui-state-hover) { - background-color: var(--color-background-darker); -} -.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active, -.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-hover, -.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-focus { - background-color: var(--color-primary); - color: var(--color-primary-text); - font-weight: bold; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:not(.ui-state-disabled) :not(.ui-state-hover), -.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-priority-secondary:not(.ui-state-hover) { - color: var(--color-text-lighter); - opacity: 0.8; -} - -.ui-datepicker-prev, .ui-datepicker-next { - border: var(--color-border-dark); - background: var(--color-main-background); -} - -/* ---- jQuery UI timepicker ---- */ -.ui-widget.ui-timepicker { - margin-top: 10px !important; - width: auto !important; - border-radius: var(--border-radius); - z-index: 1600 !important; - /* AM/PM fix */ -} -.ui-widget.ui-timepicker .ui-widget-content { - border: none !important; -} -.ui-widget.ui-timepicker .ui-state-default, -.ui-widget.ui-timepicker .ui-widget-content .ui-state-default, -.ui-widget.ui-timepicker .ui-widget-header .ui-state-default { - border: 1px solid transparent; - background: inherit; -} -.ui-widget.ui-timepicker .ui-widget-header { - padding: 7px; - font-size: 13px; - border: none; - background-color: var(--color-main-background); - color: var(--color-main-text); -} -.ui-widget.ui-timepicker .ui-widget-header .ui-timepicker-title { - line-height: 1; - font-weight: normal; -} -.ui-widget.ui-timepicker table.ui-timepicker tr .ui-timepicker-hour-cell:first-child { - margin-left: 30px; -} -.ui-widget.ui-timepicker .ui-timepicker-table th { - font-weight: normal; - color: var(--color-text-lighter); - opacity: 0.8; -} -.ui-widget.ui-timepicker .ui-timepicker-table th.periods { - padding: 0; - width: 30px; - line-height: 30px; -} -.ui-widget.ui-timepicker .ui-timepicker-table tr:hover { - background-color: inherit; -} -.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hour-cell a.ui-state-active, .ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minute-cell a.ui-state-active, -.ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-hover, -.ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-focus { - background-color: var(--color-primary); - color: var(--color-primary-text); - font-weight: bold; -} -.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minutes:not(.ui-state-hover) { - color: var(--color-text-lighter); -} -.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hours { - border-right: 1px solid var(--color-border); -} - -/* ---- jQuery UI datepicker & timepicker global rules ---- */ -.ui-widget.ui-datepicker .ui-datepicker-calendar tr, -.ui-widget.ui-timepicker table.ui-timepicker tr { - display: flex; - flex-wrap: nowrap; - justify-content: space-between; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar tr td, -.ui-widget.ui-timepicker table.ui-timepicker tr td { - flex: 1 1 auto; - margin: 0; - padding: 2px; - height: 26px; - width: 26px; - display: flex; - align-items: center; - justify-content: center; -} -.ui-widget.ui-datepicker .ui-datepicker-calendar tr td > *, -.ui-widget.ui-timepicker table.ui-timepicker tr td > * { - border-radius: 50%; - text-align: center; - font-weight: normal; - color: var(--color-main-text); - display: block; - line-height: 18px; - width: 18px; - height: 18px; - padding: 3px; - font-size: 0.9em; -} - -/* ---- DIALOGS ---- */ -#oc-dialog-filepicker-content { - position: relative; - display: flex; - flex-direction: column; -} -#oc-dialog-filepicker-content .dirtree { - flex-wrap: wrap; - box-sizing: border-box; - padding-right: 140px; -} -#oc-dialog-filepicker-content .dirtree div:first-child a { - background-image: var(--icon-home-dark); - background-repeat: no-repeat; - background-position: left center; -} -#oc-dialog-filepicker-content .dirtree span:not(:last-child) { - cursor: pointer; -} -#oc-dialog-filepicker-content .dirtree span:last-child { - font-weight: bold; -} -#oc-dialog-filepicker-content .dirtree span:not(:last-child)::after { - content: ">"; - padding: 3px; -} -#oc-dialog-filepicker-content #picker-showgridview { - position: absolute; - background-color: transparent; - border: none; - margin: 0; - padding: 22px; - opacity: 0.5; - right: 0; - top: 0; -} -#oc-dialog-filepicker-content #picker-showgridview:hover, #oc-dialog-filepicker-content #picker-showgridview:active, #oc-dialog-filepicker-content #picker-showgridview:focus { - box-shadow: 0 0 0 2px var(--color-primary); - opacity: 1; -} -#oc-dialog-filepicker-content .actions.creatable { - flex-wrap: wrap; - padding: 0px; - box-sizing: border-box; - display: inline-flex; - float: none; - max-height: 36px; - max-width: 36px; - background-color: var(--color-background-dark); - border: 1px solid var(--color-border-dark); - border-radius: var(--border-radius-pill); - position: relative; - left: 15px; - top: 3px; - order: 1; -} -#oc-dialog-filepicker-content .actions.creatable .icon.icon-add { - background-image: var(--icon-add-dark); - background-size: 16px 16px; - width: 34px; - height: 34px; - margin: 0px; - opacity: 0.5; -} -#oc-dialog-filepicker-content .actions.creatable a { - width: 36px; - padding: 0px; - position: static; -} -#oc-dialog-filepicker-content .actions.creatable .menu { - top: 100%; - margin-top: 10px; -} -#oc-dialog-filepicker-content .actions.creatable .menu form { - display: flex; - margin: 10px; -} -#oc-dialog-filepicker-content .filelist-container { - box-sizing: border-box; - display: inline-block; - overflow-y: auto; - flex: 1; - /*height: 100%;*/ - /* overflow under the button row */ - width: 100%; - overflow-x: hidden; -} -#oc-dialog-filepicker-content .emptycontent { - color: var(--color-text-maxcontrast); - text-align: center; - margin-top: 80px; - width: 100%; - display: none; -} -#oc-dialog-filepicker-content .filelist { - background-color: var(--color-main-background); - width: 100%; -} -#oc-dialog-filepicker-content #picker-filestable.filelist { - /* prevent the filepicker to overflow */ - min-width: initial; - margin-bottom: 50px; -} -#oc-dialog-filepicker-content #picker-filestable.filelist thead tr { - border-bottom: 1px solid var(--color-border); - background-color: var(--color-main-background); -} -#oc-dialog-filepicker-content #picker-filestable.filelist thead tr th { - width: 80%; - border: none; -} -#oc-dialog-filepicker-content #picker-filestable.filelist th .columntitle { - display: block; - padding: 15px; - height: 50px; - box-sizing: border-box; - -moz-box-sizing: border-box; - vertical-align: middle; -} -#oc-dialog-filepicker-content #picker-filestable.filelist th .columntitle.name { - padding-left: 5px; - margin-left: 50px; -} -#oc-dialog-filepicker-content #picker-filestable.filelist th .sort-indicator { - width: 10px; - height: 8px; - margin-left: 5px; - display: inline-block; - vertical-align: text-bottom; - opacity: 0.3; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .sort-indicator.hidden, -#oc-dialog-filepicker-content #picker-filestable.filelist th:hover .sort-indicator.hidden, -#oc-dialog-filepicker-content #picker-filestable.filelist th:focus .sort-indicator.hidden { - visibility: hidden; -} -#oc-dialog-filepicker-content #picker-filestable.filelist th:hover .sort-indicator.hidden, -#oc-dialog-filepicker-content #picker-filestable.filelist th:focus .sort-indicator.hidden { - visibility: visible; -} -#oc-dialog-filepicker-content #picker-filestable.filelist td { - padding: 14px; - border-bottom: 1px solid var(--color-border); -} -#oc-dialog-filepicker-content #picker-filestable.filelist tr:last-child td { - border-bottom: none; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filename { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - background-size: 32px; - background-repeat: no-repeat; - padding-left: 51px; - background-position: 7px 7px; - cursor: pointer; - max-width: 0; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts { - display: flex; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts__first { - overflow: hidden; - white-space: pre; - text-overflow: ellipsis; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts__last { - white-space: pre; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filesize, #oc-dialog-filepicker-content #picker-filestable.filelist .date { - width: 80px; -} -#oc-dialog-filepicker-content #picker-filestable.filelist .filesize { - text-align: right; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid { - display: flex; - flex-direction: column; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody { - display: grid; - grid-template-columns: repeat(auto-fill, 120px); - justify-content: space-around; - row-gap: 15px; - margin: 15px 0; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr { - display: block; - position: relative; - border-radius: var(--border-radius); - padding: 10px; - display: flex; - flex-direction: column; - width: 100px; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td { - border: none; - padding: 0; - text-align: center; - border-radius: var(--border-radius); -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filename { - padding: 100px 0 0 0; - background-position: center top; - background-size: contain; - line-height: 30px; - max-width: none; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filename .filename-parts { - justify-content: center; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filesize { - line-height: 10px; - width: 100%; -} -#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.date { - display: none; -} -#oc-dialog-filepicker-content .filepicker_element_selected { - background-color: var(--color-background-darker); -} - -.ui-dialog { - position: fixed !important; -} - -span.ui-icon { - float: left; - margin: 3px 7px 30px 0; -} - -/* ---- CONTACTS MENU ---- */ -#contactsmenu .menutoggle { - cursor: pointer; -} -#contactsmenu .menutoggle:before { - background-size: 20px 20px; - background-repeat: no-repeat; - background-position-x: 3px; - background-position-y: 4px; - padding: 14px; - content: " "; - background-image: var(--original-icon-contacts-white); - filter: var(--background-image-invert-if-bright); -} -#contactsmenu .menutoggle:hover, #contactsmenu .menutoggle:focus, #contactsmenu .menutoggle:active { - opacity: 1 !important; -} -#contactsmenu #contactsmenu-menu a { - padding: 2px; -} -#contactsmenu #contactsmenu-menu a:focus-visible { - box-shadow: inset 0 0 0 2px var(--color-main-text) !important; -} - -#header .header-right > div#contactsmenu > .menu { - /* show 2.5 to 4.5 entries depending on the screen height */ - height: calc(100vh - 150px); - max-height: 302px; - min-height: 175px; - width: 350px; -} -#header .header-right > div#contactsmenu > .menu .emptycontent { - margin-top: 5vh !important; - margin-bottom: 2vh; -} -#header .header-right > div#contactsmenu > .menu .emptycontent .icon-loading, -#header .header-right > div#contactsmenu > .menu .emptycontent .icon-search { - display: inline-block; -} -#header .header-right > div#contactsmenu > .menu .content { - /* fixed max height of the parent container without the search input */ - height: calc(100vh - 150px - 50px); - max-height: 250px; - min-height: 125px; - overflow-y: auto; -} -#header .header-right > div#contactsmenu > .menu .content .footer { - text-align: center; -} -#header .header-right > div#contactsmenu > .menu .content .footer a { - display: block; - width: 100%; - padding: 12px 0; - opacity: 0.5; -} -#header .header-right > div#contactsmenu > .menu .contact { - display: flex; - position: relative; - align-items: center; - padding: 3px 3px 3px 10px; - /* actions menu */ -} -#header .header-right > div#contactsmenu > .menu .contact .avatar { - height: 32px; - width: 32px; - display: inline-block; -} -#header .header-right > div#contactsmenu > .menu .contact .body { - flex-grow: 1; - padding-left: 8px; -} -#header .header-right > div#contactsmenu > .menu .contact .body div { - position: relative; - width: 100%; -} -#header .header-right > div#contactsmenu > .menu .contact .body .full-name, #header .header-right > div#contactsmenu > .menu .contact .body .last-message { - /* TODO: don't use fixed width */ - max-width: 204px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -#header .header-right > div#contactsmenu > .menu .contact .body .last-message, #header .header-right > div#contactsmenu > .menu .contact .body .email-address { - color: var(--color-text-maxcontrast); -} -#header .header-right > div#contactsmenu > .menu .contact .top-action, #header .header-right > div#contactsmenu > .menu .contact .second-action, #header .header-right > div#contactsmenu > .menu .contact .other-actions { - width: 16px; - height: 16px; - opacity: 0.5; - cursor: pointer; -} -#header .header-right > div#contactsmenu > .menu .contact .top-action:not(button), #header .header-right > div#contactsmenu > .menu .contact .second-action:not(button), #header .header-right > div#contactsmenu > .menu .contact .other-actions:not(button) { - padding: 14px; -} -#header .header-right > div#contactsmenu > .menu .contact .top-action img, #header .header-right > div#contactsmenu > .menu .contact .second-action img, #header .header-right > div#contactsmenu > .menu .contact .other-actions img { - filter: var(--background-invert-if-dark); -} -#header .header-right > div#contactsmenu > .menu .contact .top-action:hover, #header .header-right > div#contactsmenu > .menu .contact .top-action:active, #header .header-right > div#contactsmenu > .menu .contact .top-action:focus, #header .header-right > div#contactsmenu > .menu .contact .second-action:hover, #header .header-right > div#contactsmenu > .menu .contact .second-action:active, #header .header-right > div#contactsmenu > .menu .contact .second-action:focus, #header .header-right > div#contactsmenu > .menu .contact .other-actions:hover, #header .header-right > div#contactsmenu > .menu .contact .other-actions:active, #header .header-right > div#contactsmenu > .menu .contact .other-actions:focus { - opacity: 1; -} -#header .header-right > div#contactsmenu > .menu .contact button.other-actions { - width: 44px; -} -#header .header-right > div#contactsmenu > .menu .contact button.other-actions:focus { - border-color: transparent; - box-shadow: 0 0 0 2px var(--color-main-text); -} -#header .header-right > div#contactsmenu > .menu .contact button.other-actions:focus-visible { - border-radius: var(--border-radius-pill); -} -#header .header-right > div#contactsmenu > .menu .contact .menu { - top: 47px; - margin-right: 13px; -} -#header .header-right > div#contactsmenu > .menu .contact .popovermenu::after { - right: 2px; -} - -#contactsmenu-search { - width: calc(100% - 16px); - margin: 8px; - height: 34px; -} - -/* ---- TOOLTIPS ---- */ -.extra-data { - padding-right: 5px !important; -} - -/* ---- TAGS ---- */ -#tagsdialog .content { - width: 100%; - height: 280px; -} -#tagsdialog .scrollarea { - overflow: auto; - border: 1px solid var(--color-background-darker); - width: 100%; - height: 240px; -} -#tagsdialog .bottombuttons { - width: 100%; - height: 30px; -} -#tagsdialog .bottombuttons * { - float: left; -} -#tagsdialog .taglist li { - background: var(--color-background-dark); - padding: 0.3em 0.8em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -webkit-transition: background-color 500ms; - transition: background-color 500ms; -} -#tagsdialog .taglist li:hover, #tagsdialog .taglist li:active { - background: var(--color-background-darker); -} -#tagsdialog .addinput { - width: 90%; - clear: both; -} - -/* ---- BREADCRUMB ---- */ -.breadcrumb { - display: inline-flex; -} - -div.crumb { - display: inline-flex; - background-image: url("../img/breadcrumb.svg?v=1"); - background-repeat: no-repeat; - background-position: right center; - height: 44px; - background-size: auto 24px; - flex: 0 0 auto; - order: 1; - padding-right: 7px; -} -div.crumb.crumbmenu { - order: 2; - position: relative; -} -div.crumb.crumbmenu a { - opacity: 0.5; -} -div.crumb.crumbmenu.canDropChildren .popovermenu, div.crumb.crumbmenu.canDrop .popovermenu { - display: block; -} -div.crumb.crumbmenu .popovermenu { - top: 100%; - margin-right: 3px; -} -div.crumb.crumbmenu .popovermenu ul { - max-height: 345px; - overflow-y: auto; - overflow-x: hidden; - padding-right: 5px; -} -div.crumb.crumbmenu .popovermenu ul li.canDrop span:first-child { - background-image: url("../img/filetypes/folder-drag-accept.svg?v=1") !important; -} -div.crumb.crumbmenu .popovermenu .in-breadcrumb { - display: none; -} -div.crumb.hidden { - display: none; -} -div.crumb.hidden ~ .crumb { - order: 3; -} -div.crumb > a, -div.crumb > span { - position: relative; - padding: 12px; - opacity: 0.5; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - flex: 0 0 auto; - max-width: 200px; -} -div.crumb > a.icon-home, div.crumb > a.icon-delete, -div.crumb > span.icon-home, -div.crumb > span.icon-delete { - text-indent: -9999px; -} -div.crumb > a[class^=icon-] { - padding: 0; - width: 44px; -} -div.crumb:last-child { - font-weight: bold; - margin-right: 10px; -} -div.crumb:last-child a ~ span { - padding-left: 0; -} -div.crumb:hover, div.crumb:focus, div.crumb a:focus, div.crumb:active { - opacity: 1; -} -div.crumb:hover > a, -div.crumb:hover > span, div.crumb:focus > a, -div.crumb:focus > span, div.crumb a:focus > a, -div.crumb a:focus > span, div.crumb:active > a, -div.crumb:active > span { - opacity: 0.7; -} - -/* some feedback for hover/tap on breadcrumbs */ -.appear { - opacity: 1; - -webkit-transition: opacity 500ms ease 0s; - -moz-transition: opacity 500ms ease 0s; - -ms-transition: opacity 500ms ease 0s; - -o-transition: opacity 500ms ease 0s; - transition: opacity 500ms ease 0s; -} -.appear.transparent { - opacity: 0; -} - -/* LEGACY FIX only - do not use fieldsets for settings */ -fieldset.warning legend, fieldset.update legend { - top: 18px; - position: relative; -} -fieldset.warning legend + p, fieldset.update legend + p { - margin-top: 12px; -} - -/* for IE10 */ -@-ms-viewport { - width: device-width; -} -/* hidden input type=file field */ -.hiddenuploadfield { - display: none; - width: 0; - height: 0; - opacity: 0; -} - -/*# sourceMappingURL=styles.css.map */ +html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section,main{margin:0;padding:0;border:0;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;cursor:default;scrollbar-color:var(--color-border-dark) rgba(0,0,0,0);scrollbar-width:thin}.js-focus-visible :focus:not(.focus-visible){outline:none}.content:not(#content-vue) :focus-visible,.app-navigation:not(#app-navigation-vue) :focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary);outline:none}html,body{height:100%}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1.5}table{border-collapse:separate;border-spacing:0;white-space:nowrap}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}a{border:0;color:var(--color-main-text);text-decoration:none;cursor:pointer}a *{cursor:pointer}a.external{margin:0 3px;text-decoration:underline}input{cursor:pointer}input *{cursor:pointer}select,.button span,label{cursor:pointer}ul{list-style:none}body{font-weight:normal;font-size:var(--default-font-size);line-height:var(--default-line-height);font-family:var(--font-face);color:var(--color-main-text)}.two-factor-header{text-align:center}.two-factor-provider{text-align:center;width:258px !important;display:inline-block;margin-bottom:0 !important;background-color:var(--color-background-darker) !important;border:none !important}.two-factor-link{display:inline-block;padding:12px;color:var(--color-text-lighter)}.float-spinner{height:32px;display:none}#nojavascript{position:fixed;top:0;bottom:0;left:0;height:100%;width:100%;z-index:9000;text-align:center;background-color:var(--color-background-darker);color:var(--color-primary-text);line-height:125%;font-size:24px}#nojavascript div{display:block;position:relative;width:50%;top:35%;margin:0px auto}#nojavascript a{color:var(--color-primary-text);border-bottom:2px dotted var(--color-main-background)}#nojavascript a:hover,#nojavascript a:focus{color:var(--color-primary-text-dark)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:var(--border-radius-large);border:2px solid rgba(0,0,0,0);background-clip:content-box}::selection{background-color:var(--color-primary-element);color:var(--color-primary-text)}#app-navigation *{box-sizing:border-box}#emptycontent,.emptycontent{color:var(--color-text-maxcontrast);text-align:center;margin-top:30vh;width:100%}#app-sidebar #emptycontent,#app-sidebar .emptycontent{margin-top:10vh}#emptycontent .emptycontent-search,.emptycontent .emptycontent-search{position:static}#emptycontent h2,.emptycontent h2{margin-bottom:10px}#emptycontent [class^=icon-],#emptycontent [class*=icon-],.emptycontent [class^=icon-],.emptycontent [class*=icon-]{background-size:64px;height:64px;width:64px;margin:0 auto 15px}#emptycontent [class^=icon-]:not([class^=icon-loading]),#emptycontent [class^=icon-]:not([class*=icon-loading]),#emptycontent [class*=icon-]:not([class^=icon-loading]),#emptycontent [class*=icon-]:not([class*=icon-loading]),.emptycontent [class^=icon-]:not([class^=icon-loading]),.emptycontent [class^=icon-]:not([class*=icon-loading]),.emptycontent [class*=icon-]:not([class^=icon-loading]),.emptycontent [class*=icon-]:not([class*=icon-loading]){opacity:.4}#datadirContent label{width:100%}.grouptop,.groupmiddle,.groupbottom{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#show,#dbpassword{position:absolute;right:1em;top:.8em;float:right}#show+label,#dbpassword+label{right:21px;top:15px !important;margin:-14px !important;padding:14px !important}#show:checked+label,#dbpassword:checked+label,#personal-show:checked+label{opacity:.8}#show:focus-visible+label,#dbpassword-toggle:focus-visible+label,#personal-show:focus-visible+label{box-shadow:var(--color-primary) 0 0 0 2px;opacity:1;border-radius:9999px}#show+label,#dbpassword+label,#personal-show+label{position:absolute !important;height:20px;width:24px;background-image:var(--icon-toggle-dark);background-repeat:no-repeat;background-position:center;opacity:.3}#show:focus+label,#dbpassword:focus+label,#personal-show:focus+label{opacity:1}#show+label:hover,#dbpassword+label:hover,#personal-show+label:hover{opacity:1}#show+label:before,#dbpassword+label:before,#personal-show+label:before{display:none}#pass2,input[name=personal-password-clone]{padding-right:30px}.personal-show-container{position:relative;display:inline-block;margin-right:6px}#personal-show+label{display:block;right:0;margin-top:-43px;margin-right:-4px;padding:22px}#body-user .warning,#body-settings .warning{margin-top:8px;padding:5px;border-radius:var(--border-radius);color:var(--color-main-text);background-color:rgba(var(--color-warning-rgb), 0.2)}.warning legend,.warning a{font-weight:bold !important}.error:not(.toastify) a{color:#fff !important;font-weight:bold !important}.error:not(.toastify) a.button{color:var(--color-text-lighter) !important;display:inline-block;text-align:center}.error:not(.toastify) pre{white-space:pre-wrap;text-align:left}.error-wide{width:700px;margin-left:-200px !important}.error-wide .button{color:#000 !important}.warning-input{border-color:var(--color-error) !important}.avatar,.avatardiv{border-radius:50%;flex-shrink:0}.avatar>img,.avatardiv>img{border-radius:50%;flex-shrink:0}td.avatar{border-radius:0}tr .action:not(.permanent),.selectedActions>a{opacity:0}tr:hover .action:not(.menuitem),tr:focus .action:not(.menuitem),tr .action.permanent:not(.menuitem){opacity:.5}.selectedActions>a{opacity:.5;position:relative;top:2px}.selectedActions>a:hover,.selectedActions>a:focus{opacity:1}tr .action{width:16px;height:16px}.header-action{opacity:.8}tr:hover .action:hover,tr:focus .action:focus{opacity:1}.selectedActions a:hover,.selectedActions a:focus{opacity:1}.header-action:hover,.header-action:focus{opacity:1}tbody tr:hover,tbody tr:focus,tbody tr:active{background-color:var(--color-background-dark)}code{font-family:"Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono",monospace}.pager{list-style:none;float:right;display:inline;margin:.7em 13em 0 0}.pager li{display:inline-block}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{overflow:hidden;text-overflow:ellipsis}.ui-icon-circle-triangle-e{background-image:url("../img/actions/play-next.svg?v=1")}.ui-icon-circle-triangle-w{background-image:url("../img/actions/play-previous.svg?v=1")}.ui-widget.ui-datepicker{margin-top:10px;padding:4px 8px;width:auto;border-radius:var(--border-radius);border:none;z-index:1600 !important}.ui-widget.ui-datepicker .ui-state-default,.ui-widget.ui-datepicker .ui-widget-content .ui-state-default,.ui-widget.ui-datepicker .ui-widget-header .ui-state-default{border:1px solid rgba(0,0,0,0);background:inherit}.ui-widget.ui-datepicker .ui-widget-header{padding:7px;font-size:13px;border:none;background-color:var(--color-main-background);color:var(--color-main-text)}.ui-widget.ui-datepicker .ui-widget-header .ui-datepicker-title{line-height:1;font-weight:normal}.ui-widget.ui-datepicker .ui-widget-header .ui-icon{opacity:.5}.ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e{background:url("../img/actions/arrow-right.svg") center center no-repeat}.ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w{background:url("../img/actions/arrow-left.svg") center center no-repeat}.ui-widget.ui-datepicker .ui-widget-header .ui-state-hover .ui-icon{opacity:1}.ui-widget.ui-datepicker .ui-datepicker-calendar th{font-weight:normal;color:var(--color-text-lighter);opacity:.8;width:26px;padding:2px}.ui-widget.ui-datepicker .ui-datepicker-calendar tr:hover{background-color:inherit}.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:not(.ui-state-hover){background-color:var(--color-background-darker)}.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active,.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-hover,.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-focus{background-color:var(--color-primary);color:var(--color-primary-text);font-weight:bold}.ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:not(.ui-state-disabled) :not(.ui-state-hover),.ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-priority-secondary:not(.ui-state-hover){color:var(--color-text-lighter);opacity:.8}.ui-datepicker-prev,.ui-datepicker-next{border:var(--color-border-dark);background:var(--color-main-background)}.ui-widget.ui-timepicker{margin-top:10px !important;width:auto !important;border-radius:var(--border-radius);z-index:1600 !important}.ui-widget.ui-timepicker .ui-widget-content{border:none !important}.ui-widget.ui-timepicker .ui-state-default,.ui-widget.ui-timepicker .ui-widget-content .ui-state-default,.ui-widget.ui-timepicker .ui-widget-header .ui-state-default{border:1px solid rgba(0,0,0,0);background:inherit}.ui-widget.ui-timepicker .ui-widget-header{padding:7px;font-size:13px;border:none;background-color:var(--color-main-background);color:var(--color-main-text)}.ui-widget.ui-timepicker .ui-widget-header .ui-timepicker-title{line-height:1;font-weight:normal}.ui-widget.ui-timepicker table.ui-timepicker tr .ui-timepicker-hour-cell:first-child{margin-left:30px}.ui-widget.ui-timepicker .ui-timepicker-table th{font-weight:normal;color:var(--color-text-lighter);opacity:.8}.ui-widget.ui-timepicker .ui-timepicker-table th.periods{padding:0;width:30px;line-height:30px}.ui-widget.ui-timepicker .ui-timepicker-table tr:hover{background-color:inherit}.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hour-cell a.ui-state-active,.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minute-cell a.ui-state-active,.ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-hover,.ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-focus{background-color:var(--color-primary);color:var(--color-primary-text);font-weight:bold}.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minutes:not(.ui-state-hover){color:var(--color-text-lighter)}.ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hours{border-right:1px solid var(--color-border)}.ui-widget.ui-datepicker .ui-datepicker-calendar tr,.ui-widget.ui-timepicker table.ui-timepicker tr{display:flex;flex-wrap:nowrap;justify-content:space-between}.ui-widget.ui-datepicker .ui-datepicker-calendar tr td,.ui-widget.ui-timepicker table.ui-timepicker tr td{flex:1 1 auto;margin:0;padding:2px;height:26px;width:26px;display:flex;align-items:center;justify-content:center}.ui-widget.ui-datepicker .ui-datepicker-calendar tr td>*,.ui-widget.ui-timepicker table.ui-timepicker tr td>*{border-radius:50%;text-align:center;font-weight:normal;color:var(--color-main-text);display:block;line-height:18px;width:18px;height:18px;padding:3px;font-size:.9em}#oc-dialog-filepicker-content{position:relative;display:flex;flex-direction:column}#oc-dialog-filepicker-content .dirtree{flex-wrap:wrap;box-sizing:border-box;padding-right:140px}#oc-dialog-filepicker-content .dirtree div:first-child a{background-image:var(--icon-home-dark);background-repeat:no-repeat;background-position:left center}#oc-dialog-filepicker-content .dirtree span:not(:last-child){cursor:pointer}#oc-dialog-filepicker-content .dirtree span:last-child{font-weight:bold}#oc-dialog-filepicker-content .dirtree span:not(:last-child)::after{content:">";padding:3px}#oc-dialog-filepicker-content #picker-showgridview{position:absolute;background-color:rgba(0,0,0,0);border:none;margin:0;padding:22px;opacity:.5;right:0;top:0}#oc-dialog-filepicker-content #picker-showgridview:hover,#oc-dialog-filepicker-content #picker-showgridview:active,#oc-dialog-filepicker-content #picker-showgridview:focus{box-shadow:0 0 0 2px var(--color-primary);opacity:1}#oc-dialog-filepicker-content .actions.creatable{flex-wrap:wrap;padding:0px;box-sizing:border-box;display:inline-flex;float:none;max-height:36px;max-width:36px;background-color:var(--color-background-dark);border:1px solid var(--color-border-dark);border-radius:var(--border-radius-pill);position:relative;left:15px;top:3px;order:1}#oc-dialog-filepicker-content .actions.creatable .icon.icon-add{background-image:var(--icon-add-dark);background-size:16px 16px;width:34px;height:34px;margin:0px;opacity:.5}#oc-dialog-filepicker-content .actions.creatable a{width:36px;padding:0px;position:static}#oc-dialog-filepicker-content .actions.creatable .menu{top:100%;margin-top:10px}#oc-dialog-filepicker-content .actions.creatable .menu form{display:flex;margin:10px}#oc-dialog-filepicker-content .filelist-container{box-sizing:border-box;display:inline-block;overflow-y:auto;flex:1;width:100%;overflow-x:hidden}#oc-dialog-filepicker-content .emptycontent{color:var(--color-text-maxcontrast);text-align:center;margin-top:80px;width:100%;display:none}#oc-dialog-filepicker-content .filelist{background-color:var(--color-main-background);width:100%}#oc-dialog-filepicker-content #picker-filestable.filelist{min-width:initial;margin-bottom:50px}#oc-dialog-filepicker-content #picker-filestable.filelist thead tr{border-bottom:1px solid var(--color-border);background-color:var(--color-main-background)}#oc-dialog-filepicker-content #picker-filestable.filelist thead tr th{width:80%;border:none}#oc-dialog-filepicker-content #picker-filestable.filelist th .columntitle{display:block;padding:15px;height:50px;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle}#oc-dialog-filepicker-content #picker-filestable.filelist th .columntitle.name{padding-left:5px;margin-left:50px}#oc-dialog-filepicker-content #picker-filestable.filelist th .sort-indicator{width:10px;height:8px;margin-left:5px;display:inline-block;vertical-align:text-bottom;opacity:.3}#oc-dialog-filepicker-content #picker-filestable.filelist .sort-indicator.hidden,#oc-dialog-filepicker-content #picker-filestable.filelist th:hover .sort-indicator.hidden,#oc-dialog-filepicker-content #picker-filestable.filelist th:focus .sort-indicator.hidden{visibility:hidden}#oc-dialog-filepicker-content #picker-filestable.filelist th:hover .sort-indicator.hidden,#oc-dialog-filepicker-content #picker-filestable.filelist th:focus .sort-indicator.hidden{visibility:visible}#oc-dialog-filepicker-content #picker-filestable.filelist td{padding:14px;border-bottom:1px solid var(--color-border)}#oc-dialog-filepicker-content #picker-filestable.filelist tr:last-child td{border-bottom:none}#oc-dialog-filepicker-content #picker-filestable.filelist .filename{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-size:32px;background-repeat:no-repeat;padding-left:51px;background-position:7px 7px;cursor:pointer;max-width:0}#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts{display:flex}#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts__first{overflow:hidden;white-space:pre;text-overflow:ellipsis}#oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts__last{white-space:pre}#oc-dialog-filepicker-content #picker-filestable.filelist .filesize,#oc-dialog-filepicker-content #picker-filestable.filelist .date{width:80px}#oc-dialog-filepicker-content #picker-filestable.filelist .filesize{text-align:right}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid{display:flex;flex-direction:column}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody{display:grid;grid-template-columns:repeat(auto-fill, 120px);justify-content:space-around;row-gap:15px;margin:15px 0}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr{display:block;position:relative;border-radius:var(--border-radius);padding:10px;display:flex;flex-direction:column;width:100px}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td{border:none;padding:0;text-align:center;border-radius:var(--border-radius)}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filename{padding:100px 0 0 0;background-position:center top;background-size:contain;line-height:30px;max-width:none}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filename .filename-parts{justify-content:center}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filesize{line-height:10px;width:100%}#oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.date{display:none}#oc-dialog-filepicker-content .filepicker_element_selected{background-color:var(--color-background-darker)}.ui-dialog{position:fixed !important}span.ui-icon{float:left;margin:3px 7px 30px 0}#contactsmenu .menutoggle{cursor:pointer}#contactsmenu .menutoggle:before{background-size:20px 20px;background-repeat:no-repeat;background-position-x:3px;background-position-y:4px;padding:14px;content:" ";background-image:var(--original-icon-contacts-white);filter:var(--background-image-invert-if-bright)}#contactsmenu .menutoggle:hover,#contactsmenu .menutoggle:focus,#contactsmenu .menutoggle:active{opacity:1 !important}#contactsmenu #contactsmenu-menu a{padding:2px}#contactsmenu #contactsmenu-menu a:focus-visible{box-shadow:inset 0 0 0 2px var(--color-main-text) !important}#header .header-right>div#contactsmenu>.menu{height:calc(100vh - 150px);max-height:302px;min-height:175px;width:350px}#header .header-right>div#contactsmenu>.menu .emptycontent{margin-top:5vh !important;margin-bottom:2vh}#header .header-right>div#contactsmenu>.menu .emptycontent .icon-loading,#header .header-right>div#contactsmenu>.menu .emptycontent .icon-search{display:inline-block}#header .header-right>div#contactsmenu>.menu .content{height:calc(100vh - 150px - 50px);max-height:250px;min-height:125px;overflow-y:auto}#header .header-right>div#contactsmenu>.menu .content .footer{text-align:center}#header .header-right>div#contactsmenu>.menu .content .footer a{display:block;width:100%;padding:12px 0;opacity:.5}#header .header-right>div#contactsmenu>.menu .contact{display:flex;position:relative;align-items:center;padding:3px 3px 3px 10px}#header .header-right>div#contactsmenu>.menu .contact .avatar{height:32px;width:32px;display:inline-block}#header .header-right>div#contactsmenu>.menu .contact .body{flex-grow:1;padding-left:8px}#header .header-right>div#contactsmenu>.menu .contact .body div{position:relative;width:100%}#header .header-right>div#contactsmenu>.menu .contact .body .full-name,#header .header-right>div#contactsmenu>.menu .contact .body .last-message{max-width:204px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#header .header-right>div#contactsmenu>.menu .contact .body .last-message,#header .header-right>div#contactsmenu>.menu .contact .body .email-address{color:var(--color-text-maxcontrast)}#header .header-right>div#contactsmenu>.menu .contact .top-action,#header .header-right>div#contactsmenu>.menu .contact .second-action,#header .header-right>div#contactsmenu>.menu .contact .other-actions{width:16px;height:16px;opacity:.5;cursor:pointer}#header .header-right>div#contactsmenu>.menu .contact .top-action:not(button),#header .header-right>div#contactsmenu>.menu .contact .second-action:not(button),#header .header-right>div#contactsmenu>.menu .contact .other-actions:not(button){padding:14px}#header .header-right>div#contactsmenu>.menu .contact .top-action img,#header .header-right>div#contactsmenu>.menu .contact .second-action img,#header .header-right>div#contactsmenu>.menu .contact .other-actions img{filter:var(--background-invert-if-dark)}#header .header-right>div#contactsmenu>.menu .contact .top-action:hover,#header .header-right>div#contactsmenu>.menu .contact .top-action:active,#header .header-right>div#contactsmenu>.menu .contact .top-action:focus,#header .header-right>div#contactsmenu>.menu .contact .second-action:hover,#header .header-right>div#contactsmenu>.menu .contact .second-action:active,#header .header-right>div#contactsmenu>.menu .contact .second-action:focus,#header .header-right>div#contactsmenu>.menu .contact .other-actions:hover,#header .header-right>div#contactsmenu>.menu .contact .other-actions:active,#header .header-right>div#contactsmenu>.menu .contact .other-actions:focus{opacity:1}#header .header-right>div#contactsmenu>.menu .contact button.other-actions{width:44px}#header .header-right>div#contactsmenu>.menu .contact button.other-actions:focus{border-color:rgba(0,0,0,0);box-shadow:0 0 0 2px var(--color-main-text)}#header .header-right>div#contactsmenu>.menu .contact button.other-actions:focus-visible{border-radius:var(--border-radius-pill)}#header .header-right>div#contactsmenu>.menu .contact .menu{top:47px;margin-right:13px}#header .header-right>div#contactsmenu>.menu .contact .popovermenu::after{right:2px}#contactsmenu-search{width:calc(100% - 16px);margin:8px;height:34px}.extra-data{padding-right:5px !important}#tagsdialog .content{width:100%;height:280px}#tagsdialog .scrollarea{overflow:auto;border:1px solid var(--color-background-darker);width:100%;height:240px}#tagsdialog .bottombuttons{width:100%;height:30px}#tagsdialog .bottombuttons *{float:left}#tagsdialog .taglist li{background:var(--color-background-dark);padding:.3em .8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:background-color 500ms;transition:background-color 500ms}#tagsdialog .taglist li:hover,#tagsdialog .taglist li:active{background:var(--color-background-darker)}#tagsdialog .addinput{width:90%;clear:both}.breadcrumb{display:inline-flex}div.crumb{display:inline-flex;background-image:url("../img/breadcrumb.svg?v=1");background-repeat:no-repeat;background-position:right center;height:44px;background-size:auto 24px;flex:0 0 auto;order:1;padding-right:7px}div.crumb.crumbmenu{order:2;position:relative}div.crumb.crumbmenu a{opacity:.5}div.crumb.crumbmenu.canDropChildren .popovermenu,div.crumb.crumbmenu.canDrop .popovermenu{display:block}div.crumb.crumbmenu .popovermenu{top:100%;margin-right:3px}div.crumb.crumbmenu .popovermenu ul{max-height:345px;overflow-y:auto;overflow-x:hidden;padding-right:5px}div.crumb.crumbmenu .popovermenu ul li.canDrop span:first-child{background-image:url("../img/filetypes/folder-drag-accept.svg?v=1") !important}div.crumb.crumbmenu .popovermenu .in-breadcrumb{display:none}div.crumb.hidden{display:none}div.crumb.hidden~.crumb{order:3}div.crumb>a,div.crumb>span{position:relative;padding:12px;opacity:.5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:0 0 auto;max-width:200px}div.crumb>a.icon-home,div.crumb>a.icon-delete,div.crumb>span.icon-home,div.crumb>span.icon-delete{text-indent:-9999px}div.crumb>a[class^=icon-]{padding:0;width:44px}div.crumb:last-child{font-weight:bold;margin-right:10px}div.crumb:last-child a~span{padding-left:0}div.crumb:hover,div.crumb:focus,div.crumb a:focus,div.crumb:active{opacity:1}div.crumb:hover>a,div.crumb:hover>span,div.crumb:focus>a,div.crumb:focus>span,div.crumb a:focus>a,div.crumb a:focus>span,div.crumb:active>a,div.crumb:active>span{opacity:.7}.appear{opacity:1;-webkit-transition:opacity 500ms ease 0s;-moz-transition:opacity 500ms ease 0s;-ms-transition:opacity 500ms ease 0s;-o-transition:opacity 500ms ease 0s;transition:opacity 500ms ease 0s}.appear.transparent{opacity:0}fieldset.warning legend,fieldset.update legend{top:18px;position:relative}fieldset.warning legend+p,fieldset.update legend+p{margin-top:12px}@-ms-viewport{width:device-width}.hiddenuploadfield{display:none;width:0;height:0;opacity:0}/*# sourceMappingURL=styles.css.map */ diff --git a/core/css/styles.css.map b/core/css/styles.css.map index d98e2960693..88e26829ed7 100644 --- a/core/css/styles.css.map +++ b/core/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["variables.scss","styles.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;AACA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;AACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;;;AAKH;AAEA;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAID;AAEA;EACC;EACA;;;AAID;AAEA;EACC;;;AAGD;AAEA;AAAA;EAEC;EACA;EACA;EACA;;AACA;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EAEC;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;;AAKH;AAEA;EACC;;;AAGD;AAEA;AAEA;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAIC;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAIA;EACC;;;AAKD;EACC;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;EACA;;;AAIF;EACC;EACA;;AACA;EACC;;;AAIF;EACC;;;AAGD;AACA;AAEA;AAEA;AAEA;EACC;EACA;;AACA;EACC;EACA;;;AAIF;EACC;;;AAGD;EACC;;;AAIA;AAAA;EAGC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAIA;EACC;;;AAKD;EACC;;;AAKD;EACC;;;AAKD;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAED;EACC;;AAEA;EACC;;AAED;EACC;;AAGF;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;;AAGA;EACC;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;;AAMJ;EACC;EACA;;;AAID;AACA;EACC;EACA;EACA;EACA;AAwBA;;AAtBA;EACC;;AAGD;AAAA;AAAA;EAGC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;;AAGA;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;;AAGA;AAAA;AAAA;EAIC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;;AAMJ;AAGC;AAAA;EACC;EACA;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;AACA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGA;EACC;;AAED;EACC;;AAED;EACC;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AACA;EACC;EACA;;AAMH;EACC;EACA;EACA;EACA;AACA;AACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;AACC;EACA;EACA;;AAEC;EACC;EACA;;AACA;EACC;EACA;;AAIH;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;AAAA;AAAA;EAGC;;AAED;AAAA;EAEC;;AAGD;EACC;EACA;;AAED;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AACA;EACC;;AACA;EACC;EACA;EACA;;AAED;EACC;;AAIH;EACC;;AAED;EACC;;AAED;EAIC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,SAhBS;EAiBT;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,aA/BU;EAgCV;;AACA;EACC;;AAGF;EACC;EACA;;AAED;EACC;;AAON;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;;;AAGD;AAGC;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGD;EAGC;;AAKD;EACC;;AAEA;EACC;;;AAMJ;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;AAAA;EAEC;;AAIF;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;AA8DA;;AA5DA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;EACA;;AAGD;AACC;EACA;EACA;EACA;EACA;;AAED;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAED;EACC;;AAGD;EAGC;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;AAKF;EACC;EACA;;AAED;EACC;;;AAMH;EACC;EACA;EACA;;;AAGD;AAEA;EACC;;;AAGD;AAGC;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;;;AAIF;AACA;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;AAIA;EACC;;AAIF;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAGF;EACC;;AAIH;EACC;;AACA;EACC;;AAGF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;AAAA;AAAA;EAGC;;AAGF;EACC;EACA;;AAID;EACC;EACA;;AAEA;EACC;;AAGF;EACC;;AAEA;AAAA;AAAA;AAAA;AAAA;EAEC;;;AAKH;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;;AAIF;AAGC;EACC;EACA;;AAED;EACC;;;AAIF;AACA;EACC;;AAID;AAEA;EACC;EACA;EACA;EACA","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAkBA,yQACC,SACA,UACA,SACA,oBACA,eACA,oBACA,wBACA,eACA,uDACA,qBAGD,6CACC,aAID,kGAEC,gDACA,aAGD,UACC,YAGD,6DACC,cAGD,KACC,gBAGD,MACC,yBACA,iBACA,mBAGD,cACC,gBACA,mBAGD,YACC,sBAGD,EACC,SACA,6BACA,qBACA,eACA,IACC,eAIF,WACC,aACA,0BAGD,MACC,eACA,QACC,eAIF,0BACC,eAGD,GACC,gBAGD,KACC,mBAEA,mCACA,uCACA,6BACA,6BAGD,mBACC,kBAGD,qBACC,kBACA,uBACA,qBACA,2BACA,2DACA,uBAGD,iBACC,qBACA,aACA,gCAGD,eACC,YACA,aAGD,cACC,eACA,MACA,SACA,OACA,YACA,WACA,aACA,kBACA,gDACA,gCACA,iBACA,eACA,kBACC,cACA,kBACA,UACA,QACA,gBAED,gBACC,gCACA,sDACA,4CACC,qCAOH,oBACC,WACA,YAGD,gCACC,+BAGD,0BACC,kCACA,yCACA,+BACA,4BAMD,YACC,8CACA,gCAMD,kBACC,sBAKD,4BAEC,oCACA,kBACA,gBACA,WACA,sDACC,gBAED,sEACC,gBAED,kCACC,mBAED,oHAEC,qBACA,YACA,WACA,mBACA,gcAEC,WAOH,sBACC,WASD,oCACC,kBACA,yBACA,sBACA,qBACA,iBAKD,kBACC,kBACA,UACA,SACA,YAGD,8BACC,WACA,oBACA,wBACA,wBAGD,2EACC,WAED,oGACC,0CACA,UACA,qBAGD,mDACC,6BACA,YACA,WACA,yCACA,4BACA,2BACA,WAOA,qEACC,UAED,qEACC,UAIF,wEACC,aAGD,2CACC,mBAGD,yBACC,kBACA,qBACA,iBAED,qBACC,cACA,QACA,iBACA,kBACA,aAKD,4CACC,eACA,YACA,mCACA,6BACA,qDAIA,2BACC,4BAKD,wBACC,sBACA,4BACA,+BACC,2CACA,qBACA,kBAGF,0BACC,qBACA,gBAIF,YACC,YACA,8BACA,oBACC,sBAIF,eACC,2CAUD,mBACC,kBACA,cACA,2BACC,kBACA,cAIF,UACC,gBAGD,8CACC,UAIA,oGAGC,WAIF,mBACC,WACA,kBACA,QAEA,kDACC,UAIF,WACC,WACA,YAGD,eACC,WAIA,8CACC,UAKD,kDACC,UAKD,0CACC,UAKD,8CACC,8CAIF,KACC,mFAGD,OACC,gBACA,YACA,eACA,qBACA,UACC,qBAIF,2FACC,gBACA,uBAGD,2BACC,yDAGD,2BACC,6DAID,yBACC,gBACA,gBACA,WACA,mCACA,YACA,wBAEA,sKAGC,+BACA,mBAED,2CACC,YACA,eACA,YACA,8CACA,6BAEA,gEACC,cACA,mBAED,oDACC,WAEA,8EACC,yEAED,8EACC,wEAGF,oEACC,UAID,oDACC,mBACA,gCACA,WACA,WACA,YAED,0DACC,yBAGA,+FACC,gDAGD,wOAGC,sCACA,gCACA,iBAGD,yNAEC,gCACA,WAMJ,wCACC,gCACA,wCAKD,yBACC,2BACA,sBACA,mCACA,wBAEA,4CACC,uBAGD,sKAGC,+BACA,mBAED,2CACC,YACA,eACA,YACA,8CACA,6BAEA,gEACC,cACA,mBAIF,qFACC,iBAGA,iDACC,mBACA,gCACA,WACA,yDACC,UACA,WACA,iBAGF,uDACC,yBAGA,0TAIC,sCACA,gCACA,iBAGD,4FACC,gCAGD,qEACC,2CASH,oGACC,aACA,iBACA,8BACA,0GACC,cACA,SACA,YACA,YACA,WACA,aACA,mBACA,uBACA,8GACC,kBACA,kBACA,mBACA,6BACA,cACA,iBACA,WACA,YACA,YACA,eAOJ,8BACC,kBACA,aACA,sBAEA,uCACC,eACA,sBACA,oBAEA,yDACC,uCACA,4BACA,gCAGA,6DACC,eAED,uDACC,iBAED,oEACC,YACA,YAKH,mDACC,kBACA,+BACA,YACA,SACA,aACA,WACA,QACA,MAEA,4KAGC,0CACA,UAIF,iDACC,eACA,YACA,sBACA,oBACA,WACA,gBACA,eACA,8CACA,0CACA,wCACA,kBACA,UACA,QACA,QAEA,gEACC,sCACA,0BACA,WACA,YACA,WACA,WAGD,mDACC,WACA,YACA,gBAGD,uDACC,SACA,gBACA,4DACC,aACA,YAMH,kDACC,sBACA,qBACA,gBACA,OAGA,WACA,kBAED,4CACC,oCACA,kBACA,gBACA,WACA,aAED,wCACC,8CACA,WAED,0DAEC,kBACA,mBAEC,mEACC,4CACA,8CACA,sEACC,UACA,YAIH,0EACC,cACA,aACA,YACA,sBACA,2BACA,sBAED,+EACC,iBACA,iBAGD,6EACC,WACA,WACA,gBACA,qBACA,2BACA,WAED,qQAGC,kBAED,oLAEC,mBAGD,6DACC,aACA,4CAED,2EACC,mBAED,oEACC,gBACA,mBACA,uBACA,qBACA,4BACA,kBACA,4BACA,eAEA,YACA,oFACC,aACA,2FACC,gBACA,gBACA,uBAED,0FACC,gBAIH,oIACC,WAED,oEACC,iBAED,oEAIC,aACA,sBAEA,0EACC,aACA,+CACA,6BACA,aACA,cAEA,6EACC,cACA,kBACA,mCACA,QAhBS,KAiBT,aACA,sBACA,YAGA,gFACC,YACA,UACA,kBACA,mCAEA,yFACC,oBACA,+BACA,wBACA,YA/BU,KAgCV,eACA,yGACC,uBAGF,yFACC,iBACA,WAED,qFACC,aAON,2DACC,gDAIF,WACC,0BAGD,aACC,WACA,sBAMA,0BACC,eACA,iCACC,0BACA,4BACA,0BACA,0BACA,aACA,YAEA,qDACA,gDAGD,iGAGC,qBAKD,mCACC,YAEA,iDACC,6DAMJ,6CAEC,2BACA,iBACA,iBACA,YAEA,2DACC,0BACA,kBACA,iJAEC,qBAIF,sDAEC,kCACA,iBACA,iBACA,gBAEA,8DACC,kBAEA,gEACC,cACA,WACA,eACA,WAKH,sDACC,aACA,kBACA,mBACA,yBAEA,8DACC,YACA,WACA,qBAGD,4DACC,YACA,iBAEA,gEACC,kBACA,WAGD,iJAEC,gBACA,gBACA,mBACA,uBAED,qJACC,oCAIF,4MACC,WACA,YACA,WACA,eAEA,gPACC,aAED,wNACC,wCAGD,6pBAGC,UAIF,2EACC,WAEA,iFACC,2BACA,4CAGD,yFACC,wCAKF,4DACC,SACA,kBAED,0EACC,UAMH,qBACC,wBACA,WACA,YAKD,YACC,6BAMA,qBACC,WACA,aAED,wBACC,cACA,gDACA,WACA,aAED,2BACC,WACA,YACA,6BACC,WAGF,wBACC,wCACA,kBACA,mBACA,gBACA,uBACA,0CACA,kCACA,6DACC,0CAGF,sBACC,UACA,WAKF,YACC,oBAED,UACC,oBACA,kDACA,4BACA,iCACA,YACA,0BACA,cACA,QACA,kBACA,oBACC,QACA,kBACA,sBACC,WAIA,0FACC,cAIF,iCACC,SACA,iBACA,oCACC,iBACA,gBACA,kBACA,kBACA,gEACC,+EAGF,gDACC,aAIH,iBACC,aACA,wBACC,QAGF,2BAEC,kBACA,aACA,WACA,uBACA,mBACA,gBACA,cAEA,gBAEA,kGAGC,oBAGF,0BACC,UACA,WAID,qBACC,iBACA,kBAEA,4BACC,eAGF,mEACC,UAEA,kKAEC,WAOH,QACC,UACA,yCACA,sCACA,qCACA,oCACA,iCACA,oBACC,UAOD,+CACC,SACA,kBAED,mDACC,gBAKF,cACC,mBAMD,mBACC,aACA,QACA,SACA","file":"styles.css"} \ No newline at end of file diff --git a/core/css/systemtags.css b/core/css/systemtags.css index f2c3e75b568..29e29b82c14 100644 --- a/core/css/systemtags.css +++ b/core/css/systemtags.css @@ -1,86 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Robin Appelman - * @copyright Copyright (c) 2016, Jan-Christoph Borchardt - * @copyright Copyright (c) 2016, Vincent Petry - * @copyright Copyright (c) 2016, Erik Pellikka - * @copyright Copyright (c) 2015, Vincent Petry - * - * @license GNU AGPL version 3 or any later version - * - */ -.systemtags-select2-dropdown .select2-result-label .checkmark { - visibility: hidden; - margin-left: -5px; - margin-right: 5px; - padding: 4px; -} -.systemtags-select2-dropdown .select2-result-label .new-item .systemtags-actions { - display: none; -} -.systemtags-select2-dropdown .select2-selected .select2-result-label .checkmark { - visibility: visible; -} -.systemtags-select2-dropdown .select2-result-label .icon { - display: inline-block; - opacity: 0.5; -} -.systemtags-select2-dropdown .select2-result-label .icon.rename { - padding: 4px; -} -.systemtags-select2-dropdown .systemtags-actions { - position: absolute; - right: 5px; -} -.systemtags-select2-dropdown .systemtags-rename-form { - display: inline-block; - width: calc(100% - 20px); - top: -6px; - position: relative; -} -.systemtags-select2-dropdown .systemtags-rename-form input { - display: inline-block; - height: 30px; - width: calc(100% - 40px); -} -.systemtags-select2-dropdown .label { - width: 85%; - display: inline-block; - overflow: hidden; - text-overflow: ellipsis; -} -.systemtags-select2-dropdown .label.hidden { - display: none; -} -.systemtags-select2-dropdown span { - line-height: 25px; -} -.systemtags-select2-dropdown .systemtags-item { - display: inline-block; - height: 25px; - width: 100%; -} -.systemtags-select2-dropdown .select2-result-label { - height: 25px; -} - -.systemTagsInfoView, -.systemtags-select2-container { - width: 100%; -} -.systemTagsInfoView .select2-choices, -.systemtags-select2-container .select2-choices { - flex-wrap: nowrap !important; - max-height: 44px; -} -.systemTagsInfoView .select2-choices .select2-search-choice.select2-locked .label, -.systemtags-select2-container .select2-choices .select2-search-choice.select2-locked .label { - opacity: 0.5; -} - -#select2-drop.systemtags-select2-dropdown .select2-results li.select2-result { - padding: 5px; -} - -/*# sourceMappingURL=systemtags.css.map */ +.systemtags-select2-dropdown .select2-result-label .checkmark{visibility:hidden;margin-left:-5px;margin-right:5px;padding:4px}.systemtags-select2-dropdown .select2-result-label .new-item .systemtags-actions{display:none}.systemtags-select2-dropdown .select2-selected .select2-result-label .checkmark{visibility:visible}.systemtags-select2-dropdown .select2-result-label .icon{display:inline-block;opacity:.5}.systemtags-select2-dropdown .select2-result-label .icon.rename{padding:4px}.systemtags-select2-dropdown .systemtags-actions{position:absolute;right:5px}.systemtags-select2-dropdown .systemtags-rename-form{display:inline-block;width:calc(100% - 20px);top:-6px;position:relative}.systemtags-select2-dropdown .systemtags-rename-form input{display:inline-block;height:30px;width:calc(100% - 40px)}.systemtags-select2-dropdown .label{width:85%;display:inline-block;overflow:hidden;text-overflow:ellipsis}.systemtags-select2-dropdown .label.hidden{display:none}.systemtags-select2-dropdown span{line-height:25px}.systemtags-select2-dropdown .systemtags-item{display:inline-block;height:25px;width:100%}.systemtags-select2-dropdown .select2-result-label{height:25px}.systemTagsInfoView,.systemtags-select2-container{width:100%}.systemTagsInfoView .select2-choices,.systemtags-select2-container .select2-choices{flex-wrap:nowrap !important;max-height:44px}.systemTagsInfoView .select2-choices .select2-search-choice.select2-locked .label,.systemtags-select2-container .select2-choices .select2-search-choice.select2-locked .label{opacity:.5}#select2-drop.systemtags-select2-dropdown .select2-results li.select2-result{padding:5px}/*# sourceMappingURL=systemtags.css.map */ diff --git a/core/css/systemtags.css.map b/core/css/systemtags.css.map index a4bdce4e0b7..ce18867c239 100644 --- a/core/css/systemtags.css.map +++ b/core/css/systemtags.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["systemtags.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcE;EACC;EACA;EACA;EACA;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;AAGF;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;;;AAIF;AAAA;EAEC;;AAEA;AAAA;EACC;EACA;;AAGD;AAAA;EACC;;;AAIF;EACC","file":"systemtags.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["systemtags.scss"],"names":[],"mappings":"AAcE,8DACC,kBACA,iBACA,iBACA,YAED,iFACC,aAGF,gFACC,mBAED,yDACC,qBACA,WACA,gEACC,YAGF,iDACC,kBACA,UAED,qDACC,qBACA,wBACA,SACA,kBACA,2DACC,qBACA,YACA,wBAGF,oCACC,UACA,qBACA,gBACA,uBACA,2CACC,aAGF,kCACC,iBAED,8CACC,qBACA,YACA,WAED,mDACC,YAIF,kDAEC,WAEA,oFACC,4BACA,gBAGD,8KACC,WAIF,6EACC","file":"systemtags.css"} \ No newline at end of file diff --git a/core/css/toast.css b/core/css/toast.css index d877cc299b7..6c51a143021 100644 --- a/core/css/toast.css +++ b/core/css/toast.css @@ -1,111 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ -/** - * @see core/src/icons.js - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -.toastify.toast { - min-width: 200px; - background: none; - background-color: var(--color-main-background); - color: var(--color-main-text); - box-shadow: 0 0 6px 0 var(--color-box-shadow); - padding: 12px; - padding-right: 34px; - margin-top: 45px; - position: fixed; - z-index: 9000; - border-radius: var(--border-radius); -} -.toastify.toast .toast-close { - position: absolute; - top: 0; - right: 0; - width: 38px; - opacity: 0.4; - padding: 12px; - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - background-image: var(--icon-close-dark); - background-position: center; - background-repeat: no-repeat; - text-indent: 200%; - white-space: nowrap; - overflow: hidden; -} -.toastify.toast .toast-close:hover, .toastify.toast .toast-close:focus, .toastify.toast .toast-close:active { - cursor: pointer; - opacity: 1; -} - -.toastify.toastify-top { - right: 10px; -} - -.toast-error { - border-left: 3px solid var(--color-error); -} - -.toast-info { - border-left: 3px solid var(--color-primary); -} - -.toast-warning { - border-left: 3px solid var(--color-warning); -} - -.toast-success { - border-left: 3px solid var(--color-success); -} - -/*# sourceMappingURL=toast.css.map */ +.toastify.toast{min-width:200px;background:none;background-color:var(--color-main-background);color:var(--color-main-text);box-shadow:0 0 6px 0 var(--color-box-shadow);padding:12px;padding-right:34px;margin-top:45px;position:fixed;z-index:9000;border-radius:var(--border-radius)}.toastify.toast .toast-close{position:absolute;top:0;right:0;width:38px;opacity:.4;padding:12px;background-image:var(--icon-close-dark);background-position:center;background-repeat:no-repeat;text-indent:200%;white-space:nowrap;overflow:hidden}.toastify.toast .toast-close:hover,.toastify.toast .toast-close:focus,.toastify.toast .toast-close:active{cursor:pointer;opacity:1}.toastify.toastify-top{right:10px}.toast-error{border-left:3px solid var(--color-error)}.toast-info{border-left:3px solid var(--color-primary)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-success{border-left:3px solid var(--color-success)}/*# sourceMappingURL=toast.css.map */ diff --git a/core/css/toast.css.map b/core/css/toast.css.map index 19ff0067613..5a653b8317c 100644 --- a/core/css/toast.css.map +++ b/core/css/toast.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["variables.scss","functions.scss","toast.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AC/CA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;ADyCD;EAEA;ECzCC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAIH;EACC;;;AAGD;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC","file":"toast.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["toast.scss","functions.scss"],"names":[],"mappings":"AAGA,gBACC,gBACA,gBACA,8CACA,6BACA,6CACA,aACA,mBACA,gBACA,eACA,aACA,mCAEA,6BACC,kBACA,MACA,QACA,WACA,WACA,aC2CD,wCDzCC,2BACA,4BACA,iBACA,mBACA,gBAEA,0GACC,eACA,UAIH,uBACC,WAGD,aACC,yCAED,YACC,2CAED,eACC,2CAED,eACC","file":"toast.css"} \ No newline at end of file diff --git a/core/css/tooltip.css b/core/css/tooltip.css index 6e8989ab054..930c5ddaf8f 100644 --- a/core/css/tooltip.css +++ b/core/css/tooltip.css @@ -1,125 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Robin Appelman - * @copyright Copyright (c) 2016, Jan-Christoph Borchardt - * @copyright Copyright (c) 2016, Erik Pellikka - * @copyright Copyright (c) 2015, Vincent Petry - * - * Bootstrap (http://getbootstrap.com) - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ -.tooltip { - position: absolute; - display: block; - font-family: var(--font-face); - font-style: normal; - font-weight: normal; - letter-spacing: normal; - line-break: auto; - line-height: 1.6; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - white-space: normal; - word-break: normal; - word-spacing: normal; - word-wrap: normal; - overflow-wrap: anywhere; - font-size: 12px; - opacity: 0; - z-index: 100000; - /* default to top */ - margin-top: -3px; - padding: 10px 0; - filter: drop-shadow(0 1px 10px var(--color-box-shadow)); - /* TOP */ - /* BOTTOM */ -} -.tooltip.in, .tooltip.show, .tooltip.tooltip[aria-hidden=false] { - visibility: visible; - opacity: 1; - transition: opacity 0.15s; -} -.tooltip.top .tooltip-arrow, .tooltip[x-placement^=top] { - left: 50%; - margin-left: -10px; -} -.tooltip.bottom, .tooltip[x-placement^=bottom] { - margin-top: 3px; - padding: 10px 0; -} -.tooltip.right, .tooltip[x-placement^=right] { - margin-left: 3px; - padding: 0 10px; -} -.tooltip.right .tooltip-arrow, .tooltip[x-placement^=right] .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -10px; - border-width: 10px 10px 10px 0; - border-right-color: var(--color-main-background); -} -.tooltip.left, .tooltip[x-placement^=left] { - margin-left: -3px; - padding: 0 5px; -} -.tooltip.left .tooltip-arrow, .tooltip[x-placement^=left] .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -10px; - border-width: 10px 0 10px 10px; - border-left-color: var(--color-main-background); -} -.tooltip.top .tooltip-arrow, .tooltip.top .arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-left .arrow, .tooltip[x-placement^=top] .tooltip-arrow, .tooltip[x-placement^=top] .arrow, .tooltip.top-right .tooltip-arrow, .tooltip.top-right .arrow { - bottom: 0; - border-width: 10px 10px 0; - border-top-color: var(--color-main-background); -} -.tooltip.top-left .tooltip-arrow { - right: 10px; - margin-bottom: -10px; -} -.tooltip.top-right .tooltip-arrow { - left: 10px; - margin-bottom: -10px; -} -.tooltip.bottom .tooltip-arrow, .tooltip.bottom .arrow, .tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip[x-placement^=bottom] .arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-left .arrow, .tooltip.bottom-right .tooltip-arrow, .tooltip.bottom-right .arrow { - top: 0; - border-width: 0 10px 10px; - border-bottom-color: var(--color-main-background); -} -.tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip.bottom .tooltip-arrow { - left: 50%; - margin-left: -10px; -} -.tooltip.bottom-left .tooltip-arrow { - right: 10px; - margin-top: -10px; -} -.tooltip.bottom-right .tooltip-arrow { - left: 10px; - margin-top: -10px; -} - -.tooltip-inner { - max-width: 350px; - padding: 5px 8px; - background-color: var(--color-main-background); - color: var(--color-main-text); - text-align: center; - border-radius: var(--border-radius); -} - -.tooltip-arrow, .tooltip .arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -/*# sourceMappingURL=tooltip.css.map */ +.tooltip{position:absolute;display:block;font-family:var(--font-face);font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.6;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;overflow-wrap:anywhere;font-size:12px;opacity:0;z-index:100000;margin-top:-3px;padding:10px 0;filter:drop-shadow(0 1px 10px var(--color-box-shadow))}.tooltip.in,.tooltip.show,.tooltip.tooltip[aria-hidden=false]{visibility:visible;opacity:1;transition:opacity .15s}.tooltip.top .tooltip-arrow,.tooltip[x-placement^=top]{left:50%;margin-left:-10px}.tooltip.bottom,.tooltip[x-placement^=bottom]{margin-top:3px;padding:10px 0}.tooltip.right,.tooltip[x-placement^=right]{margin-left:3px;padding:0 10px}.tooltip.right .tooltip-arrow,.tooltip[x-placement^=right] .tooltip-arrow{top:50%;left:0;margin-top:-10px;border-width:10px 10px 10px 0;border-right-color:var(--color-main-background)}.tooltip.left,.tooltip[x-placement^=left]{margin-left:-3px;padding:0 5px}.tooltip.left .tooltip-arrow,.tooltip[x-placement^=left] .tooltip-arrow{top:50%;right:0;margin-top:-10px;border-width:10px 0 10px 10px;border-left-color:var(--color-main-background)}.tooltip.top .tooltip-arrow,.tooltip.top .arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-left .arrow,.tooltip[x-placement^=top] .tooltip-arrow,.tooltip[x-placement^=top] .arrow,.tooltip.top-right .tooltip-arrow,.tooltip.top-right .arrow{bottom:0;border-width:10px 10px 0;border-top-color:var(--color-main-background)}.tooltip.top-left .tooltip-arrow{right:10px;margin-bottom:-10px}.tooltip.top-right .tooltip-arrow{left:10px;margin-bottom:-10px}.tooltip.bottom .tooltip-arrow,.tooltip.bottom .arrow,.tooltip[x-placement^=bottom] .tooltip-arrow,.tooltip[x-placement^=bottom] .arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-left .arrow,.tooltip.bottom-right .tooltip-arrow,.tooltip.bottom-right .arrow{top:0;border-width:0 10px 10px;border-bottom-color:var(--color-main-background)}.tooltip[x-placement^=bottom] .tooltip-arrow,.tooltip.bottom .tooltip-arrow{left:50%;margin-left:-10px}.tooltip.bottom-left .tooltip-arrow{right:10px;margin-top:-10px}.tooltip.bottom-right .tooltip-arrow{left:10px;margin-top:-10px}.tooltip-inner{max-width:350px;padding:5px 8px;background-color:var(--color-main-background);color:var(--color-main-text);text-align:center;border-radius:var(--border-radius)}.tooltip-arrow,.tooltip .arrow{position:absolute;width:0;height:0;border-color:rgba(0,0,0,0);border-style:solid}/*# sourceMappingURL=tooltip.css.map */ diff --git a/core/css/tooltip.css.map b/core/css/tooltip.css.map index 2b488db1c88..63fcd2f5c33 100644 --- a/core/css/tooltip.css.map +++ b/core/css/tooltip.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["tooltip.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;AA0CA;AAmBA;;AA5DA;EAGI;EACA;EACA;;AAEJ;EAEI;EACA;;AAEJ;EAEI;EACA;;AAEJ;EAEI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGR;EAEI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAQJ;EACI;EACA;EACA;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;;AAOA;EACI;EACA;EACA;;AAGR;EAEI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA","file":"tooltip.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["tooltip.scss"],"names":[],"mappings":"AAYA,SACI,kBACA,cACA,6BACA,kBACA,mBACA,sBACA,gBACA,gBACA,gBACA,iBACA,qBACA,iBACA,oBACA,mBACA,kBACA,oBACA,iBACA,uBACA,eACA,UACA,eAEA,gBACA,eACA,uDACA,8DAGI,mBACA,UACA,wBAEJ,uDAEI,SACA,kBAEJ,8CAEI,eACA,eAEJ,4CAEI,gBACA,eACA,0EACI,QACA,OACA,iBACA,8BACA,gDAGR,0CAEI,iBACA,cACA,wEACI,QACA,QACA,iBACA,8BACA,+CAQJ,kPACI,SACA,yBACA,8CAGR,iCACI,WACA,oBAEJ,kCACI,UACA,oBAOA,0QACI,MACA,yBACA,iDAGR,4EAEI,SACA,kBAEJ,oCACI,WACA,iBAEJ,qCACI,UACA,iBAIR,eACI,gBACA,gBACA,8CACA,6BACA,kBACA,mCAGJ,+BACI,kBACA,QACA,SACA,2BACA","file":"tooltip.css"} \ No newline at end of file diff --git a/core/css/variables.css b/core/css/variables.css index 904c85ccd0e..51e714bf8a6 100644 --- a/core/css/variables.css +++ b/core/css/variables.css @@ -1,24 +1 @@ -@charset "UTF-8"; -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @license GNU AGPL version 3 or any later version - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - */ - /*# sourceMappingURL=variables.css.map */ diff --git a/core/css/variables.css.map b/core/css/variables.css.map index e2354d551c2..8653e8ae2a5 100644 --- a/core/css/variables.css.map +++ b/core/css/variables.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["variables.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"variables.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"variables.css"} \ No newline at end of file diff --git a/core/css/whatsnew.css b/core/css/whatsnew.css index 942b73451ae..09ce659fa01 100644 --- a/core/css/whatsnew.css +++ b/core/css/whatsnew.css @@ -1,32 +1 @@ -/** - * @copyright Copyright (c) 2018, Arthur Schiwon - * - * @license GNU AGPL version 3 or any later version - * - */ -.whatsNewPopover { - bottom: 35px !important; - left: 15px !important; - width: 270px; - z-index: 700; -} - -.whatsNewPopover p { - width: auto !important; -} - -.whatsNewPopover .caption { - font-weight: bold; - cursor: auto !important; -} - -.whatsNewPopover .icon-close { - position: absolute; - right: 0; -} - -.whatsNewPopover::after { - content: none; -} - -/*# sourceMappingURL=whatsnew.css.map */ +.whatsNewPopover{bottom:35px !important;left:15px !important;width:270px;z-index:700}.whatsNewPopover p{width:auto !important}.whatsNewPopover .caption{font-weight:bold;cursor:auto !important}.whatsNewPopover .icon-close{position:absolute;right:0}.whatsNewPopover::after{content:none}/*# sourceMappingURL=whatsnew.css.map */ diff --git a/core/css/whatsnew.css.map b/core/css/whatsnew.css.map index b55af64e850..8c9ac7bd405 100644 --- a/core/css/whatsnew.css.map +++ b/core/css/whatsnew.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["whatsnew.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE","file":"whatsnew.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["whatsnew.scss"],"names":[],"mappings":"AAOA,iBACE,uBACA,qBACA,YACA,YAGF,mBACE,sBAGF,0BACE,iBACA,uBAGF,6BACE,kBACA,QAGF,wBACE","file":"whatsnew.css"} \ No newline at end of file diff --git a/package.json b/package.json index 5f9065c9f3f..c9fcb796e14 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,7 @@ "test": "jest", "test:watch": "jest --watch", "test:jsunit": "karma start tests/karma.config.js --single-run", - "sass": "sass --load-path core/css core/css/ apps/*/css", + "sass": "sass --style compressed --load-path core/css core/css/ apps/*/css", "sass:watch": "sass --watch --load-path core/css core/css/ apps/*/css", "sass:icons": "babel-node core/src/icons.js", "cypress": "npm run cypress:component && npm run cypress:e2e", -- cgit v1.2.3