new file: a.out
new file: assets/conversatorai/fonts/SF-Pro-Display-Semibold.otf new file: assets/conversatorai/fonts/SF-Pro-Text-Regular.otf new file: assets/conversatorai/fonts/SF-Pro-Text-Regular.txt new file: assets/conversatorai/fonts/SF-Pro-Text-Regular_richtig.txt new file: assets/conversatorai/index.html new file: assets/conversatorai/scripts/all.js new file: assets/conversatorai/scripts/voice.js new file: assets/conversatorai/styles/all.css new file: assets/conversatorai/styles/mobile.css new file: assets/examples/rating/index.html new file: assets/fonts/SF-Pro-Display-Semibold.otf new file: assets/fonts/SF-Pro-Text-Regular.otf new file: assets/fonts/SF-Pro-Text-Semibold.otf new file: assets/i18n/de/main.js new file: assets/i18n/de/nav/globalfooter.js new file: assets/i18n/de/nav/menus/moreoptions.js new file: assets/i18n/de/pages/contact.js new file: assets/i18n/de/pages/files.js new file: assets/i18n/de/pages/home.js new file: assets/i18n/de/pages/index.js new file: assets/i18n/de/pages/login.js new file: assets/i18n/de/pages/signup.js new file: assets/i18n/de/popups/set-client-language.js new file: assets/i18n/de/private-application-banner.js new file: assets/i18n/de/search.js new file: assets/i18n/en/nav/globalfooter.js new file: assets/i18n/en/nav/menus/moreoptions.js new file: assets/i18n/en/pages/contact.js new file: assets/i18n/en/pages/files.js new file: assets/i18n/en/pages/home.js new file: assets/i18n/en/pages/i18n.js new file: assets/i18n/en/pages/index.js new file: assets/i18n/en/pages/login.js new file: assets/i18n/en/pages/signup.js new file: assets/i18n/en/popups/set-client-language.js new file: assets/i18n/en/private-application-banner.js new file: assets/i18n/en/search.js new file: assets/i18n/it/nav/globalfooter.js new file: assets/i18n/it/nav/menus/moreoptions.js new file: assets/i18n/it/pages/contact.js new file: assets/i18n/it/pages/files.js new file: assets/i18n/it/pages/home.js new file: assets/i18n/it/pages/index.js new file: assets/i18n/it/pages/login.js new file: assets/i18n/it/pages/signup.js new file: assets/i18n/it/popups/set-client-language.js new file: assets/i18n/it/private-application-banner.js new file: assets/i18n/it/search.js new file: assets/i18n/ui-labels/de/main.js new file: assets/i18n/ui-labels/en/main.js new file: assets/i18n/ui-labels/it/main.js new file: assets/img/apps/symbols/logo-150x150.png new file: assets/img/apps/symbols/logo-150x150.svg new file: assets/img/background.jfif new file: assets/img/check/main.svg new file: assets/img/favicon.ico new file: assets/img/favicon.png new file: assets/img/jcloud-ui-icons/angle-down.svg new file: assets/img/jcloud-ui-icons/angle-left.svg new file: assets/img/jcloud-ui-icons/angle-right.svg new file: assets/img/jcloud-ui-icons/angle-up.svg new file: assets/img/jcloud-ui-icons/autocomplete-insert.svg new file: assets/img/jcloud-ui-icons/folder-plus.svg new file: assets/img/jcloud-ui-icons/refresh.svg new file: assets/img/jcloud-ui-icons/search.svg new file: assets/img/jcloud-ui-icons/selected.svg new file: assets/img/jcloud-ui-icons/upload.svg new file: assets/img/logo/logo-30x45.svg new file: assets/img/logo/logo.svg new file: assets/img/nav/go/main.svg new file: assets/img/nav/moreoptions/more-options.svg new file: assets/img/qc/brightness/high.svg new file: assets/img/qc/brightness/low.svg new file: assets/img/qc/notifications/bell.svg new file: assets/img/qc/notifications/dnd.svg new file: assets/img/search.svg new file: assets/legal/de/termsofuse.markdown new file: assets/manifest.webmanifest new file: assets/scripts/change-language/main.js new file: assets/scripts/components/files-item.component.js new file: assets/scripts/constants/main.js new file: assets/scripts/constants/main.min.js new file: assets/scripts/constants/ui-labels/de/main.js new file: assets/scripts/constants/ui-labels/de/main.min.js new file: assets/scripts/constants/ui-labels/en/main.js new file: assets/scripts/constants/ui-labels/en/main.min.js new file: assets/scripts/constants/ui-labels/it/main.js new file: assets/scripts/constants/ui-labels/it/main.min.js new file: assets/scripts/constants/ui-labels/main.js new file: assets/scripts/constants/ui-labels/main.min.js new file: assets/scripts/contact/main.js new file: assets/scripts/contact/main.min.js new file: assets/scripts/elements/dropdown/main.js new file: assets/scripts/elements/dropdown/main.min.js new file: assets/scripts/files/main.js new file: assets/scripts/files/main.min.js new file: assets/scripts/home/main.js new file: assets/scripts/i18n/main.js new file: assets/scripts/i18n/main.min.js new file: assets/scripts/init/init.js new file: assets/scripts/init/init.min.js new file: assets/scripts/main/main.js new file: assets/scripts/main/main.min.js new file: assets/scripts/nav/menus/moreoptions/main.js new file: assets/scripts/nav/menus/moreoptions/main.min.js new file: assets/scripts/popups/change-language/main.js new file: assets/scripts/popups/change-language/main.min.js new file: assets/scripts/popups/popups.js new file: assets/scripts/popups/popups.min.js new file: assets/scripts/scroll/main.js new file: assets/scripts/scroll/main.min.js new file: assets/scripts/search/main.js new file: assets/scripts/tools/main.js new file: assets/scripts/tools/main.min.js new file: assets/scripts/users/main.js new file: assets/scripts/users/main.min.js new file: assets/sitemap.xml new file: assets/styles/elements/apportionment/main.css new file: assets/styles/elements/banners/main.css new file: assets/styles/elements/buttons/main.css new file: assets/styles/elements/checkbox/main.css new file: assets/styles/elements/dropdown/main.css new file: assets/styles/elements/flexbox/main.css new file: assets/styles/elements/inputs/main.css new file: assets/styles/elements/jcloud-ui/dialogs/main.css new file: assets/styles/elements/jcloud-ui/dialogs/mobile/main.css new file: assets/styles/elements/jcloud-ui/dialogs/prompt.css new file: assets/styles/elements/jcloud-ui/dialogs/tablet/main.css new file: assets/styles/elements/jcloud-ui/overlays.css new file: assets/styles/elements/jcloud-ui/textures/glass/main.css new file: assets/styles/elements/lists/actions-list/main.css new file: assets/styles/elements/lists/items-list/main.css new file: assets/styles/elements/lists/items-list/mobile.css new file: assets/styles/elements/main-elements/dark.css new file: assets/styles/elements/main-elements/desktop/main.css new file: assets/styles/elements/main-elements/desktop/main.min.css new file: assets/styles/elements/main-elements/main.css new file: assets/styles/elements/main-elements/mobile/main.css new file: assets/styles/elements/main-elements/tablet/main.css new file: assets/styles/elements/main-elements/tablet_and_desktop/main.css new file: assets/styles/elements/main-elements/tablet_and_desktop/main.min.css new file: assets/styles/elements/page-indicator/main.css new file: assets/styles/font-faces/main.css new file: assets/styles/loaders/loading/main.css new file: assets/styles/loaders/main.css new file: assets/styles/modules/contact/main.css new file: assets/styles/modules/contact/mobile.css new file: assets/styles/modules/files/main.css new file: assets/styles/modules/files/mobile.css new file: assets/styles/modules/home/main.css new file: assets/styles/modules/home/mobile.css new file: assets/styles/modules/home/tablet_and_desktop.css new file: assets/styles/modules/login/main.css new file: assets/styles/modules/search/main.css new file: assets/styles/modules/startpage/main.css new file: assets/styles/modules/startpage/mobile.css new file: assets/styles/modules/startpage/tablet_and_desktop.css new file: assets/styles/nav/globalfooter/main.css new file: assets/styles/nav/globalnav/main.css new file: assets/styles/nav/menus/moreoptions/main.css new file: assets/styles/var/main.css new file: bak new file: index.html new file: index2.html new file: jokisches-reich/Aemter.pdf new file: jokisches-reich/assets/fonts/Noto-Sans/NotoSans-Italic-VariableFont_wdth,wght.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/NotoSans-VariableFont_wdth,wght.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/OFL.txt new file: jokisches-reich/assets/fonts/Noto-Sans/README.txt new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_Condensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_ExtraCondensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Sans/static/NotoSans_SemiCondensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/NotoSerif-Italic-VariableFont_wdth,wght.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/NotoSerif-VariableFont_wdth,wght.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/OFL.txt new file: jokisches-reich/assets/fonts/Noto-Serif/README.txt new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_Condensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_ExtraCondensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Black.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-BlackItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Bold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-BoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-ExtraBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-ExtraBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-ExtraLight.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-ExtraLightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Italic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Light.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-LightItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Medium.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-MediumItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Regular.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-SemiBold.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-SemiBoldItalic.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-Thin.ttf new file: jokisches-reich/assets/fonts/Noto-Serif/static/NotoSerif_SemiCondensed-ThinItalic.ttf new file: jokisches-reich/assets/fonts/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular-eot.eot new file: jokisches-reich/assets/images/flag.jpg new file: jokisches-reich/assets/images/flag.png new file: jokisches-reich/assets/images/flag.svg new file: jokisches-reich/assets/manifest.webmanifest new file: jokisches-reich/assets/styles/main/main.css new file: jokisches-reich/geschichte/index.html new file: jokisches-reich/geschichte/informationen/index.html new file: jokisches-reich/gesetze/assets/styles/main/main.css new file: jokisches-reich/gesetze/index.html new file: jokisches-reich/gesetze/verfassung/index.html new file: jokisches-reich/index.html new file: jokisches-reich/internationales/assets/images/id-card-solid.jpg new file: jokisches-reich/internationales/assets/images/id-card-solid.svg new file: jokisches-reich/internationales/index.html new file: jokisches-reich/internationales/staatsbuergerschaft/index.html new file: jokisches-reich/presse/index.html new file: jokisches-reich/presse/kurzmeldungen/564878/index.html new file: jokisches-reich/presse/kurzmeldungen/753042/index.html new file: jokisches-reich/presse/kurzmeldungen/index.html new file: jokisches-reich/regierung/index.html new file: jokisches-reich/regierung/ministerien/finanzministerium/index.html new file: jokisches-reich/regierung/ministerien/index.html new file: jokisches-reich/regierung/ministerien/ministerium-fuer-aeussere-angelegenheiten/index.html new file: jokisches-reich/regierung/ministerien/ministerium-fuer-digitales/index.html new file: jokisches-reich/regierung/ministerien/ministerium-fuer-innere-angelegenheiten/index.html new file: jokisches-reich/regierung/ministerien/ministerium-fuer-wirtschaft/index.html new file: jokisches-reich/regierung/ministerien/verkehrsministerium/index.html new file: jokisches-reich/regierung/ministerien/verteidigungsministerium/index.html new file: jokisches-reich/sitemap/index.html new file: jokisches-reich/wirtschaft/assets/images/geldscheine-euro.jpg new file: jokisches-reich/wirtschaft/assets/images/gewinndiagramm-steigend.jpg new file: jokisches-reich/wirtschaft/assets/images/jok.png new file: jokisches-reich/wirtschaft/assets/images/jok.svg new file: jokisches-reich/wirtschaft/boerse/index.html new file: jokisches-reich/wirtschaft/index.html new file: jokisches-reich/wirtschaft/jok/index.html new file: legal/user-consent/de/index.html new file: legal/user-consent/en/index.html new file: legal/user-consent/it/index.html new file: seekra/index.html new file: seekra/sign-in-test/index.html new file: seekra/sign-in/index.html new file: seekra/static/aes/index.html new file: seekra/static/aes/main.js new file: seekra/static/img/favicon.ico new file: seekra/static/img/favicon.jpeg new file: seekra/static/img/favicon.png new file: seekra/static/img/favicon/Unbenannt.png new file: seekra/static/img/favicon/favicon.ico new file: seekra/static/img/favicon/favicon.png new file: seekra/static/img/favicon/favicon.svg new file: seekra/static/img/search/magnifying-glass.svg new file: seekra/static/img/user/main.svg new file: seekra/static/skr-clientlib/scripts/js/account/main.js new file: seekra/static/skr-clientlib/scripts/js/tools/main.js new file: seekra/static/skr-clientlib/styles/css/dark/var/main.css new file: seekra/static/skr-clientlib/styles/css/elements/inputs/main.css new file: seekra/static/skr-clientlib/styles/css/footer/globalfooter/main.css new file: seekra/static/skr-clientlib/styles/css/main/main.css new file: seekra/static/skr-clientlib/styles/css/nav/globalnav/navbar/main.css new file: seekra/static/skr-clientlib/styles/css/var/main.css
This commit is contained in:
@@ -0,0 +1,41 @@
|
||||
.apportionment figcaption .apportionment-legend dl {
|
||||
display: none;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.apportionment figcaption .apportionment-legend dl dd {
|
||||
margin-left: 8px;
|
||||
margin-right: 24px;
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.apportionment figcaption .apportionment-legend dl dt {
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.apportionment-bar {
|
||||
height: 10px;
|
||||
display: flex;
|
||||
border-radius: 10px;
|
||||
background-color: var(--little-light-background);
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.apportionment-bar-category:first-child {
|
||||
height: 500px;
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
}
|
||||
|
||||
.apportionment-bar-category:last-child {
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
|
||||
.apportionment-bar .apportionment-bar-category {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.apportionment {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
.info-banner {
|
||||
background-color: var(--dark-background);
|
||||
box-shadow: 0 3px 10px var(--dark-background);
|
||||
color: var(--light);
|
||||
padding: 12px 0;
|
||||
font-size: 0.95rem;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.5s ease, padding 0.3s ease, opacity 0.5s ease;
|
||||
max-height: 200px;
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.info-banner .content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.info-banner .message {
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
width: 80vw;
|
||||
}
|
||||
|
||||
.info-banner .button-close {
|
||||
top: 10px;
|
||||
right: 15px;
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 1.2rem;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.info-banner .button-close-container {
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.info-banner.hide {
|
||||
max-height: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
@@ -0,0 +1,171 @@
|
||||
.button {
|
||||
border-radius: 50px;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
.dialog-button {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.important-button {
|
||||
border-radius: 15px;
|
||||
border: none;
|
||||
padding: 10px 30px;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button:focus {
|
||||
outline: 2px solid var(--darker-than-primary-color);
|
||||
outline-offset: 2px;
|
||||
background-color: var(--darker-than-primary-color);
|
||||
}
|
||||
.button:active:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.icon-button {
|
||||
--dimensions: 33px;
|
||||
--padding: 2px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
width: calc(var(--dimensions) + var(--padding));
|
||||
height: calc(var(--dimensions) + var(--padding));
|
||||
cursor: pointer;
|
||||
border-radius: 9px;
|
||||
background-color: var(--light-background);
|
||||
padding: 2px;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.icon-button:hover {
|
||||
background-color: var(--bit-darker-than-light);
|
||||
}
|
||||
|
||||
.icon-button:focus {
|
||||
background-color: var(--very-much-lighter-than-primary-color);
|
||||
opacity: 0.3;
|
||||
}
|
||||
.icon-button:focus:not(:active) {
|
||||
background-color: var(--bit-darker-than-light);
|
||||
opacity: 1;
|
||||
outline: 3px solid var(--primary-color);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.black-button {
|
||||
color: var(--light);
|
||||
background-color: var(--dark);
|
||||
}
|
||||
|
||||
.black-button:hover {
|
||||
color: #d7d7d7;
|
||||
background-color: #505050;
|
||||
}
|
||||
|
||||
.black-button:active {
|
||||
color: rgb(200, 200, 200);
|
||||
background-color: #707070;
|
||||
}
|
||||
|
||||
.black-button:focus:hover {
|
||||
background-color: #505050;
|
||||
}
|
||||
|
||||
.black-button:active:focus {
|
||||
color: rgb(215, 215, 215);
|
||||
background-color: #656565;
|
||||
}
|
||||
|
||||
|
||||
.blue-button {
|
||||
color: #fff;
|
||||
background-color: var(--blue);
|
||||
}
|
||||
|
||||
.blue-button:hover {
|
||||
background-color: var(--bit-darker-than-blue);
|
||||
}
|
||||
|
||||
.blue-button:active {
|
||||
background-color: var(--darker-than-blue);
|
||||
}
|
||||
|
||||
|
||||
.primary-button {
|
||||
color: #fff;
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
|
||||
.primary-button:hover {
|
||||
background-color: var(--bit-darker-than-primary-color);
|
||||
}
|
||||
|
||||
.primary-button:active {
|
||||
background-color: var(--darker-than-primary-color);
|
||||
}
|
||||
|
||||
.primary-button:focus {
|
||||
outline: 2px solid var(--darker-than-primary-color);
|
||||
outline-offset: 2px;
|
||||
background-color: var(--darker-than-primary-color);
|
||||
}
|
||||
|
||||
|
||||
.secondary-button {
|
||||
border: 1px solid var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
background-color: var(--light-background);
|
||||
}
|
||||
|
||||
.secondary-button:hover {
|
||||
outline: 1px solid var(--bit-darker-than-primary-color);
|
||||
color: var(--white);
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
|
||||
.secondary-button:active {
|
||||
outline: 1px solid var(--darker-than-primary-color);
|
||||
color: var(--darker-than-primary-color);
|
||||
background-color: var(--little-light-background);
|
||||
}
|
||||
|
||||
.secondary-button:focus {
|
||||
outline: 2px solid var(--darker-than-primary-color);
|
||||
color: var(--darker-than-primary-color);
|
||||
background-color: var(--darker-than-light);
|
||||
}
|
||||
|
||||
|
||||
.outlined-button {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.outlined-blue-button {
|
||||
outline: 1px solid var(--blue);
|
||||
}
|
||||
|
||||
.outlined-black-button {
|
||||
outline: 1px solid #101010;
|
||||
}
|
||||
|
||||
.outlined-blue-button:hover {
|
||||
background-color: var(--blue);
|
||||
}
|
||||
|
||||
.outlined-black-button:hover {
|
||||
background-color: #303030;
|
||||
}
|
||||
|
||||
.strong-button {
|
||||
font-weight: 675;
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
.checkbox-container {
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
}
|
||||
.checkbox-container .checkbox {
|
||||
display: none;
|
||||
}
|
||||
.checkbox-container span {
|
||||
display: inline-block;
|
||||
border-radius: 5px;
|
||||
border: 1px solid var(--gray);
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.checkbox-container .checkbox:checked + span {
|
||||
background-color: var(--blue);
|
||||
background-image: url('https://84.168.111.65/assets/img/check/main.svg');
|
||||
background-position: center;
|
||||
}
|
||||
@@ -0,0 +1,134 @@
|
||||
.dropdown-item {
|
||||
list-style: none;
|
||||
padding: 5px 10px;
|
||||
border-radius: calc(var(--border-radius) - (var(--padding) / 2));
|
||||
cursor: pointer;
|
||||
color: var(--dark);
|
||||
background-color: var(--light);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.dropdown-item-selected-icon {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
justify-self: right;
|
||||
background-image: url('https://jcloud-services.ddns.net/assets/img/jcloud-ui-icons/selected.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.dropdown-item .marker-selected {
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.dropdown-item:hover {
|
||||
background-color: var(--bit-darker-than-light);
|
||||
}
|
||||
|
||||
.dropdown-item:active {
|
||||
background-color: #328cef80;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.dropdown-container {
|
||||
display: inline;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
--position: translate(30px, 42px);
|
||||
--padding: 7px;
|
||||
--border-radius: 12px;
|
||||
padding: var(--padding);
|
||||
box-shadow: 10px 10px 35px rgba(0, 0, 0, 0.3);
|
||||
border-radius: var(--border-radius);
|
||||
font-size: 16px;
|
||||
background-color: var(--light);
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 250px;
|
||||
transform-origin: top right;
|
||||
z-index: 10000;
|
||||
right: 0;
|
||||
top: 38px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.dropdown-title {
|
||||
padding: 5px 10px;
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-family: 'SF-Pro-Text-Regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
}
|
||||
|
||||
.dropdown ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.dropdown.colapsed.initial {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown.colapsed {
|
||||
animation: menu-colapse 0.18s ease forwards;
|
||||
}
|
||||
|
||||
.dropdown.expanded {
|
||||
display: block;
|
||||
animation: menu-expand 0.195s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
|
||||
}
|
||||
|
||||
@keyframes menu-expand {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(0.7);
|
||||
}
|
||||
|
||||
80% {
|
||||
opacity: 1;
|
||||
transform: scale(1.03);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes menu-colapse {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.dropdown-trigger {
|
||||
border-radius: 8px;
|
||||
outline: none;
|
||||
border: none;
|
||||
background-color: var(--light-background);
|
||||
font-size: 1em;
|
||||
color: var(--primary-color);
|
||||
cursor: pointer;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.dropdown-trigger:hover {
|
||||
background-color: var(--bit-darker-than-light)
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
.flexbox {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.icons-flexbox {
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.flex-horizontal {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.flex-vertical {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.items-left {
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
.items-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.items-right {
|
||||
justify-content: right;
|
||||
}
|
||||
|
||||
.items-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.items-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.items-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
@@ -0,0 +1,121 @@
|
||||
input,
|
||||
textarea {
|
||||
font-family: 'SF-Pro-Text-Regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
}
|
||||
|
||||
.ibr {
|
||||
border-radius: 15px;
|
||||
background-color: var(--light-background) !important;
|
||||
}
|
||||
|
||||
.input {
|
||||
border: 1px solid #787878;
|
||||
height: 20px;
|
||||
padding: 10px;
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
|
||||
.input:focus {
|
||||
outline: none;
|
||||
border: 2px solid var(--primary-color);
|
||||
}
|
||||
|
||||
.fli {
|
||||
transition: all 0.3s;
|
||||
height: 40px;
|
||||
width: calc(100% - 20px);
|
||||
border: 1px solid #787878;
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/*
|
||||
fli = floating label input
|
||||
p = padding
|
||||
*/
|
||||
.fli-mw-p10 {
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
|
||||
.date-input {
|
||||
height: 40px;
|
||||
border: 1px solid #787878;
|
||||
padding: 10px;
|
||||
padding-bottom: 10px;
|
||||
font-size: 16px;
|
||||
letter-spacing: 1px;
|
||||
display: inline
|
||||
}
|
||||
|
||||
.password-input {
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
.ibr-bottom {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.ibr-top {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.fli-form {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fli-fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.fli-l {
|
||||
margin-left: 10px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
transition: all 0.3s;
|
||||
font-size: 16px;
|
||||
color: var(--gray);
|
||||
pointer-events: none;
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
input {
|
||||
background-color: #202020;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fli-l {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.fli:focus+.fli-l,
|
||||
.fli:not(:placeholder-shown)+.fli-l {
|
||||
top: -5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.fli:focus {
|
||||
border: 2px solid var(--primary-color);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.fli-submit-button {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
border-radius: 100%;
|
||||
top: 16px;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
border: 1px solid var(--gray);
|
||||
background-color: var(--light);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
@@ -0,0 +1,95 @@
|
||||
.window {
|
||||
--width: 500px;
|
||||
--height: 500px;
|
||||
--padding: 50px;
|
||||
padding: var(--padding);
|
||||
position: fixed;
|
||||
width: calc(var(--width) - 2 * var(--padding));
|
||||
height: calc(var(--height) - 2 * var(--padding));
|
||||
border-radius: 30px;
|
||||
background-color: var(--light-background);
|
||||
z-index: 1000;
|
||||
top: calc(50% - var(--width) / 2);
|
||||
left: calc(50% - var(--height) / 2);
|
||||
overflow-x: auto;
|
||||
margin: 0;
|
||||
border: none;
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
.window.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.window.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.jcloud-ui-elements-dialog {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.jcloud-ui-elements-dialog-content {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.jcloud-ui-elements-dialog-message {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.jcloud-ui-elements-dialog-buttons {
|
||||
padding: 16px 0 0;
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.dialog {
|
||||
box-shadow: 10px 10px 10px var(--window-shadow);
|
||||
border-radius: 11px;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
background-color: var(--light-background);
|
||||
color: var(--dark)
|
||||
}
|
||||
|
||||
.information-dialog {
|
||||
min-width: 300px;
|
||||
max-width: 600px;
|
||||
height: 485px;
|
||||
}
|
||||
|
||||
.action-select-dialog {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.dialog-content {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.transparent-dialog .dialog-content {
|
||||
background-color: var(--light-background);
|
||||
}
|
||||
|
||||
.information-dialog-content {
|
||||
padding: 50px;
|
||||
min-width: 300px;
|
||||
max-width: 600px;
|
||||
height: 485px;
|
||||
}
|
||||
|
||||
.action-select-dialog-content {
|
||||
padding: 10px !important;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.transparent-dialog {
|
||||
background-color: #00000000;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
.window.show {
|
||||
--padding: 20px;
|
||||
width: calc(100vw - calc(2 * var(--padding)));
|
||||
height: calc(100vh - calc(2 * var(--padding)));
|
||||
border-radius: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: var(--padding);
|
||||
}
|
||||
|
||||
.information-dialog {
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
border-top-left-radius: 13px;
|
||||
border-top-right-radius: 13px;
|
||||
border-top: 1px solid var(--very-much-lighter-than-gray);
|
||||
}
|
||||
|
||||
.information-dialog-content {
|
||||
--padding: 20px;
|
||||
padding: var(--padding);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
#jcloud-ui-elements-prompt-error {
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
#jcloud-ui-elements-prompt-input {
|
||||
margin-top: 16px;
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
.information-dialog {
|
||||
width: 500px;
|
||||
height: 500px;
|
||||
}
|
||||
.information-dialog-content {
|
||||
--padding: 50px;
|
||||
padding: var(--padding);
|
||||
height: 500px;
|
||||
width: 500px;
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
#blurry-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #ffffff80;
|
||||
backdrop-filter: blur(5px);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#blurry-dark-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #00000080;
|
||||
backdrop-filter: blur(5px);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#light-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #ffffff80;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#overlay {
|
||||
z-index: 100;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
min-height: 100vh;
|
||||
min-width: 100vw;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -0,0 +1,121 @@
|
||||
.glass {
|
||||
--backdrop-filter: 12px;
|
||||
--shadow-0-type: inset;
|
||||
--shadow-0-hor: 0;
|
||||
--shadow-0-ver: 0.5px;
|
||||
--shadow-0-blur: 1px;
|
||||
--shadow-1-type: inset;
|
||||
--shadow-1-hor: 0;
|
||||
--shadow-1-ver: -8px;
|
||||
--shadow-1-blur: 18px;
|
||||
--shadow-2-hor: 0;
|
||||
--shadow-2-ver: 10px;
|
||||
--shadow-2-blur: 28px;
|
||||
--gradient-direction: 165deg;
|
||||
--outline-width: 1px;
|
||||
--outline-style: outset;
|
||||
}
|
||||
|
||||
.glass, .hover-glass:hover {
|
||||
backdrop-filter: blur(var(--backdrop-filter));
|
||||
-webkit-backdrop-filter: blur(var(--backdrop-filter));
|
||||
|
||||
outline: var(--outline-width) var(--outline-style) var(--outline-color);
|
||||
box-shadow:
|
||||
var(--shadow-0-type) var(--shadow-0-hor) var(--shadow-0-ver) var(--shadow-0-blur) var(--shadow-0-color),
|
||||
var(--shadow-1-type) var(--shadow-1-hor) var(--shadow-1-ver) var(--shadow-1-blur) var(--shadow-1-color),
|
||||
var(--shadow-2-hor) var(--shadow-2-ver) var(--shadow-2-blur) var(--shadow-2-color);
|
||||
background-color: var(--background-color);
|
||||
background: linear-gradient(
|
||||
var(--gradient-direction),
|
||||
var(--gradient-0),
|
||||
var(--gradient-1) 45%,
|
||||
var(--gradient-2)
|
||||
);
|
||||
}
|
||||
|
||||
.hover-glass:not(:hover) {
|
||||
backdrop-filter: unset;
|
||||
-webkit-backdrop-filter: unset;
|
||||
|
||||
outline: unset;
|
||||
box-shadow: unset;
|
||||
background-color: unset;
|
||||
background: unset;
|
||||
}
|
||||
|
||||
|
||||
.reflecting-glass {
|
||||
--reflection-gradient-direction: 120deg;
|
||||
--reflection-gradient-transparence: 60%;
|
||||
--color-0: rgba(255,255,255,0.45);
|
||||
--color-1: rgba(255,255,255,0.20);
|
||||
--color-2: rgba(255,255,255,0.08);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.reflecting-glass::before, .reflecting-glass.hover-glass:hover::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
|
||||
width: 140%;
|
||||
height: 140%;
|
||||
left: -20%;
|
||||
top: -30%;
|
||||
|
||||
background: linear-gradient(
|
||||
var(--reflection-gradient-direction),
|
||||
var(--color-0),
|
||||
var(--color-1) 28%,
|
||||
var(--color-2) 45%,
|
||||
transparent var(--reflection-gradient-transparence)
|
||||
);
|
||||
|
||||
transform: rotate(12deg);
|
||||
pointer-events: none;
|
||||
mix-blend-mode: screen;
|
||||
}
|
||||
|
||||
.reflecting-glass.hover-glass:not(:hover)::before {
|
||||
position: unset;
|
||||
width: unset;
|
||||
height: unset;
|
||||
left: unset;
|
||||
top: unset;
|
||||
background: unset;
|
||||
transform: unset;
|
||||
pointer-events: unset;
|
||||
mix-blend-mode: unset;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.blue-glass {
|
||||
--shadow-0-color: rgba(255, 255, 255, 0.45);
|
||||
--shadow-1-color: rgba(0, 0, 0, 0.14);
|
||||
--shadow-2-color: rgba(0, 0, 0, 0.28);
|
||||
--gradient-0: rgba(255, 255, 255, 0.28);
|
||||
--gradient-1: rgba(80, 130, 220, 0.18);
|
||||
--gradient-2: rgba(20, 60, 130, 0.22);
|
||||
--background-color: rgba(40, 90, 170, 0.18);
|
||||
/* --outline-color: rgba(255, 255, 255, 0.13); */
|
||||
}
|
||||
|
||||
.dark--glass.blue-glass {
|
||||
--shadow-0-color: rgba(255, 255, 255, 0.45);
|
||||
--shadow-1-color: rgba(0, 0, 0, 0.14);
|
||||
--shadow-2-color: rgba(0, 0, 0, 0.28);
|
||||
--gradient-0: rgba(255, 255, 255, 0.28);
|
||||
--gradient-1: rgba(30, 54, 99, 0.18);
|
||||
--gradient-2: rgba(4, 15, 36, 0.22);
|
||||
--background-color: rgba(21, 56, 112, 0.18);
|
||||
/* --outline-color: rgba(255, 255, 255, 0.13); */
|
||||
}
|
||||
|
||||
.dark-glass.reflecting-glass {
|
||||
--color-0: rgba(160,160,160,0.45);
|
||||
--color-1: rgba(160,160,160,0.20);
|
||||
--color-2: rgba(160,160,160,0.08);
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
.actions-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.actions-list .item {
|
||||
padding: 10px 20px;
|
||||
border-radius: 10px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
.actions-list .item[data-disabled] {
|
||||
color: var(--gray);
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.actions-list .item:hover:not([data-disabled]) {
|
||||
background-color: var(--much-darker-than-light);
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
.items-list {
|
||||
table-layout: fixed !important;
|
||||
border-collapse: separate;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.items-list-cell {
|
||||
padding: 10px 20px;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.items-list-item {
|
||||
border-radius: 15px;
|
||||
background-color: var(--light-background);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.items-list-item:hover {
|
||||
background-color: var(--bit-darker-than-light);
|
||||
}
|
||||
|
||||
.items-list-item.selected {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.items-list-item.selected:hover {
|
||||
background-color: var(--darker-than-primary-color);
|
||||
}
|
||||
|
||||
.items-list-col-head {
|
||||
text-align: left;
|
||||
padding: 20px;
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
.items-list {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.items-list-col-head:nth-child(2),
|
||||
.items-list-col-head:nth-child(3),
|
||||
.items-list-col-head:nth-child(4) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.items-list-item td:nth-child(2),
|
||||
.items-list-item td:nth-child(3),
|
||||
.items-list-item td:nth-child(4) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.items-list-item td:first-child {
|
||||
width: 100%;
|
||||
padding-bottom: 8px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.items-list-item td:first-child::after {
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
font-size: 0.95em;
|
||||
color: #888;
|
||||
margin-top: 2px;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.items-list-item[data-isdir="false"] td:first-child::after {
|
||||
content: attr(data-size) " · " attr(data-lm);
|
||||
}
|
||||
|
||||
.items-list-item[data-isdir="true"] td:first-child::after {
|
||||
content: "" attr(data-lm);
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
:root {
|
||||
--light: #000;
|
||||
--bit-darker-than-light: #111;
|
||||
--darker-than-light: #222;
|
||||
--much-darker-than-light: #333;
|
||||
--very-much-darker-than-light: #444;
|
||||
--light-background: #202020;
|
||||
--little-light-background: #333;
|
||||
--light-background-little-opacity: #0000004d;
|
||||
--light-background-opacity: #00000080;
|
||||
--light-background-much-opacity: #000000b3;
|
||||
|
||||
--dark: #fff;
|
||||
--bit-lighter-than-dark: #eee;
|
||||
--lighter-than-dark: #ddd;
|
||||
--much-lighter-than-dark: #ccc;
|
||||
--very-much-lighter-than-dark: #bbb;
|
||||
--dark-background: #fefefe;
|
||||
--little-dark-background: #ccc;
|
||||
--dark-background-little-opacity: #ffffff4d;
|
||||
--dark-background-opacity: #ffffff80;
|
||||
--dark-background-much-opacity: #ffffffb3;
|
||||
|
||||
|
||||
--invert: invert(1);
|
||||
}
|
||||
@@ -0,0 +1,218 @@
|
||||
:root {
|
||||
font-family: 'SF-Pro-Text-Regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
font-size: 18px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background-color: var(--light-background);
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
/* ::selection {
|
||||
background-color: var(--primary-color)
|
||||
} */
|
||||
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
summary {
|
||||
font-family: 'SF-Pro-Display-Semibold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 0;
|
||||
margin-bottom: 0.8em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: 600;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-weight: 600;
|
||||
font-size: 22.5px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: 600;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-weight: 600;
|
||||
font-size: 15.5px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-weight: 600;
|
||||
font-size: 12.5px;
|
||||
}
|
||||
|
||||
b {
|
||||
font-family: 'SF-Pro-Text-Semibold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: var(--primary-color);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--darker-than-primary-color);
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: var(--much-darker-than-primary-color);
|
||||
}
|
||||
|
||||
.no-scroll {
|
||||
overflow: hidden !important;
|
||||
padding-right: var(--scrollbar-width, 0px) !important;
|
||||
}
|
||||
|
||||
.no-user-select {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.no-user-drag {
|
||||
-webkit-user-drag: none;
|
||||
}
|
||||
|
||||
.secondary {
|
||||
color: var(--gray);
|
||||
font-size: 0.72em;
|
||||
}
|
||||
|
||||
|
||||
.header {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.error {
|
||||
color: var(--red);
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.error.error-no-margin {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.go {
|
||||
height: 16px;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
filter: var(--invert)
|
||||
}
|
||||
|
||||
details[open] .expander {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
|
||||
.large-info {
|
||||
font-size: 21px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.small-info {
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
color: var(--gray);
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
/* mil = more information link */
|
||||
.mil {
|
||||
cursor: pointer !important;
|
||||
color: var(--dark);
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.mil:hover {
|
||||
background-color: var(--much-darker-than-light);
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
.mil:active {
|
||||
background-color: var(--very-much-darker-than-light);
|
||||
color: var(--dark)
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
flex-shrink: 1;
|
||||
min-width: 0;
|
||||
display: block;
|
||||
flex: 1 1 1;
|
||||
|
||||
word-break: break-word;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.list-item-large-info {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-top: 0.8em;
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
line-height: 0.8em;
|
||||
}
|
||||
|
||||
.list-item-small-info {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
line-height: 0.8em;
|
||||
}
|
||||
|
||||
#private-application-banner-container {
|
||||
padding-top: 49px;
|
||||
}
|
||||
|
||||
.separator {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-color: var(--very-much-lighter-than-gray);
|
||||
}
|
||||
|
||||
.full-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#popup-set-client-language-language-list {
|
||||
margin-top: 50px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.fenced-codeblock {
|
||||
background-color: var(--very-much-lighter-than-gray);
|
||||
padding: 12px;
|
||||
border-radius: 8px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.section-container{flex-direction:row;padding:50px}.description section{flex:1;margin:50px;max-width:350px;min-width:350px}
|
||||
@@ -0,0 +1,19 @@
|
||||
.page-indicator {
|
||||
padding: 0;
|
||||
display: flex;
|
||||
--size: 10px;
|
||||
gap: var(--size);
|
||||
}
|
||||
|
||||
.page-indicator .page-indicator-dot {
|
||||
border-radius: 50%;
|
||||
width: var(--size);
|
||||
height: var(--size);
|
||||
background-color: var(--gray);
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.page-indicator .page-indicator-dot.active {
|
||||
background-color: var(--white);
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
@font-face {
|
||||
font-family: 'SF-Pro-Text-Regular';
|
||||
src: url('/assets/fonts/SF-Pro-Text-Regular.otf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF-Pro-Text-Semibold';
|
||||
src: url('/assets/fonts/SF-Pro-Text-Semibold.otf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'SF-Pro-Display-Semibold';
|
||||
src: url('/assets/fonts/SF-Pro-Display-Semibold.otf');
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
.loading {
|
||||
position: relative;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
transform: translate(-6px, 6px);
|
||||
|
||||
.loading-segment {
|
||||
position: absolute;
|
||||
left: 28px;
|
||||
height: 10px;
|
||||
width: 4px;
|
||||
background-color: rgba(234, 234, 234, 0.3);
|
||||
border-radius: 10px;
|
||||
-ms-transform-origin: 50% 170%;
|
||||
-o-transform-origin: 50% 170%;
|
||||
-moz-transform-origin: 50% 170%;
|
||||
-webkit-transform-origin: 50% 170%;
|
||||
transform-origin: 50% 170%;
|
||||
animation-duration: 1000ms;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
animation-name: loader-throbber;
|
||||
|
||||
&:nth-child(1) {
|
||||
transform: rotate(0deg);
|
||||
animation-delay: 0ms;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
transform: rotate(45deg);
|
||||
animation-delay: 125ms;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
transform: rotate(90deg);
|
||||
animation-delay: 250ms;
|
||||
}
|
||||
|
||||
&:nth-child(4) {
|
||||
transform: rotate(135deg);
|
||||
animation-delay: 375ms;
|
||||
}
|
||||
|
||||
&:nth-child(5) {
|
||||
transform: rotate(180deg);
|
||||
animation-delay: 500ms;
|
||||
}
|
||||
|
||||
&:nth-child(6) {
|
||||
transform: rotate(225deg);
|
||||
animation-delay: 625ms;
|
||||
}
|
||||
|
||||
&:nth-child(7) {
|
||||
transform: rotate(270deg);
|
||||
animation-delay: 750ms;
|
||||
}
|
||||
|
||||
&:nth-child(8) {
|
||||
transform: rotate(315deg);
|
||||
animation-delay: 875ms;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes loader-throbber {
|
||||
0% {
|
||||
background-color: #808080;
|
||||
}
|
||||
100% {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
.loader-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
.loader-container-dialog {
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: #00000000;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
#contact {
|
||||
padding: 80px 100px;
|
||||
}
|
||||
|
||||
#contact-heading {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
#contact-form {
|
||||
display: flex;
|
||||
gap: 30px;
|
||||
flex-direction: column;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
#contact-form-email-container {
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
|
||||
#contact-form-textarea {
|
||||
resize: none !important;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#contact-request-number-container {
|
||||
margin: 50px 0;
|
||||
width: 500px;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
#contact-heading {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#contact {
|
||||
padding: 80px 50px;
|
||||
}
|
||||
|
||||
#contact-form {
|
||||
width: calc(100vw - 100px);
|
||||
}
|
||||
@@ -0,0 +1,145 @@
|
||||
#files {
|
||||
padding: 20px 100px;
|
||||
}
|
||||
|
||||
#files-quick-actions {
|
||||
margin-bottom: 20px;
|
||||
display: grid;
|
||||
align-items: center;
|
||||
grid-template-columns: 1fr auto 1fr;
|
||||
justify-self: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#files-quick-actions-new {
|
||||
grid-column: 2;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
#files-quick-actions-sort-by {
|
||||
grid-column: 3;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#files-list {
|
||||
color: var(--gray);
|
||||
font-weight: light;
|
||||
}
|
||||
|
||||
.files-list-item-path {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
#files-add-trigger {
|
||||
line-height: 11px;
|
||||
z-index: 2;
|
||||
margin: 50px;
|
||||
border-radius: 18.5px;
|
||||
padding: 13px !important;
|
||||
text-align: left;
|
||||
width: 11px;
|
||||
transition: width 0.2s ease;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
#files-item-actions::backdrop {
|
||||
pointer-events: auto !important;
|
||||
}
|
||||
|
||||
#files-item-properties-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#files-item-properties-header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 17px 0;
|
||||
border-bottom: 1px solid var(--very-much-lighter-than-gray);
|
||||
}
|
||||
|
||||
#files-item-properties-heading,
|
||||
#files-item-properties-information-heading {
|
||||
font-size: 17px;
|
||||
margin: 0;
|
||||
font-family: 'SF-Pro-Text-Regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
|
||||
}
|
||||
|
||||
#files-item-properties-information-heading {
|
||||
margin: 13px 0;
|
||||
}
|
||||
|
||||
#files-item-properties-inner-content {
|
||||
padding: 20px;
|
||||
font-size: 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: end;
|
||||
height: calc(100% - 96px);
|
||||
}
|
||||
|
||||
#files-item-properties-name {
|
||||
font-size: 18px;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
#files-item-properties-summary-wrapper {
|
||||
margin-bottom: 8px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#files-item-properties-summary-size:not([data-empty='true'])::before {
|
||||
content: " · ";
|
||||
}
|
||||
|
||||
#files-item-properties-table {
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.files-item-properties-table-row::before {
|
||||
display: block;
|
||||
width: calc(100% - 40px);
|
||||
height: 1px;
|
||||
background-color: var(--very-much-lighter-than-gray);
|
||||
content: "";
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.files-item-properties-table-row:first-child::before {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.files-item-properties-table-row td:first-child {
|
||||
color: var(--gray);
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.files-item-properties-table-row td:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#files-number-of-items-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 50px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.files-list-file td {
|
||||
max-width: calc(100% / 3);
|
||||
width: calc(100% / 3);
|
||||
}
|
||||
|
||||
.files-list-file td:first-child {
|
||||
border-top-left-radius: 8px;
|
||||
border-bottom-left-radius: 8px;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.files-list-file td:last-child {
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,52 @@
|
||||
#files {
|
||||
padding: 20px 30px;
|
||||
}
|
||||
|
||||
#files-list-labels {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#files-list-labels th:nth-child(1) {
|
||||
width: 100vw;
|
||||
max-width: 100vw;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#files-list-labels th:nth-child(2),
|
||||
#files-list-labels th:nth-child(3) {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.files-list-file td:nth-child(1) {
|
||||
border-radius: 8px;
|
||||
width: calc(100% - 40px);
|
||||
max-width: calc(100% - 40px);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.files-list-file td:nth-child(3) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.files-list-file.long-pressing {
|
||||
background-color: var(--very-much-lighter-than-gray) !important;
|
||||
}
|
||||
|
||||
.files-list-file.foreground {
|
||||
transform: scale(0.975) translate(-0.0125vw, 0.0125vw);
|
||||
transition: transform 0.1s ease;
|
||||
border-radius: 8px;
|
||||
background-color: initial;
|
||||
}
|
||||
|
||||
.files-list-file.foreground {
|
||||
transform: scale(0.975) translate(-0.0125vw, 0.0125vw);
|
||||
transition: transform 0.1s ease;
|
||||
border-radius: 8px;
|
||||
background-color: initial;
|
||||
}
|
||||
@@ -0,0 +1,171 @@
|
||||
.home {
|
||||
background-image: linear-gradient(135deg, var(--primary-color), #111861);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-attachment: fixed;
|
||||
height: 100%;
|
||||
width: 100vw;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.home-page {
|
||||
margin-top: 72px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.home-page-favorites {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 20;
|
||||
background-color: var(--light-background-opacity);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: calc(var(--home-page-item-br) + 15px);
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.home-page-favorites .home-page-icon {
|
||||
margin: 15px
|
||||
}
|
||||
|
||||
.home-page-icon {
|
||||
border-radius: var(--home-page-item-br);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
background-color: var(--light-background-much-opacity);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.normal-home-page-icon {
|
||||
height: 145px;
|
||||
width: 145px;
|
||||
}
|
||||
|
||||
.home-page-widget {
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
.home-page-widget .header-row {
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
background-color: var(--light-background-opacity);
|
||||
padding: 20px;
|
||||
border-top-left-radius: var(--home-page-item-br);
|
||||
border-top-right-radius: var(--home-page-item-br);
|
||||
font-weight: 600;
|
||||
font-size: 25px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
|
||||
.home-page-widget .content {
|
||||
-webkit-backdrop-filter: var(--lots-of-content-blur);
|
||||
backdrop-filter: var(--lots-of-content-blur);
|
||||
padding: 20px;
|
||||
height: calc(100% - 114px);
|
||||
border-bottom-left-radius: var(--home-page-item-br);
|
||||
border-bottom-right-radius: var(--home-page-item-br);
|
||||
background: var(--light-background-much-opacity);
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
|
||||
.normal-home-page-widget {
|
||||
width: 310px;
|
||||
height: 310px;
|
||||
}
|
||||
|
||||
.large-home-page-widget {
|
||||
height: 310px;
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.very-large-home-page-widget {
|
||||
width: 640px;
|
||||
height: 640px;
|
||||
}
|
||||
|
||||
.home-page-widget .home-page-widget-icon {
|
||||
font-size: 17px;
|
||||
font-weight: normal;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.home-page-items {
|
||||
display: grid;
|
||||
gap: 20px;
|
||||
grid-auto-rows: 145px;
|
||||
grid-template-columns: repeat(4, 145px);
|
||||
margin-bottom: 215px;
|
||||
}
|
||||
|
||||
.home-page-item {
|
||||
transition: transform 0.2s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.home-page-item:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
summary {
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 25px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
summary::before {
|
||||
content: "";
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.user-details-storage-used_drive {
|
||||
background-color: var(--blue);
|
||||
}
|
||||
.user-details-storage-used_other {
|
||||
background-color: var(--blue);
|
||||
}
|
||||
|
||||
#user-details {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
gap: 70px;
|
||||
overflow-x: hidden
|
||||
}
|
||||
|
||||
#user-details section {
|
||||
flex: 1 1 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
#user-details-content section p {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
#user-details-ul {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.user-details-list-item {
|
||||
list-style: none;
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
:root {
|
||||
--home-page-item-br: 20px;
|
||||
}
|
||||
|
||||
.home-page {
|
||||
margin-top: 70px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.home-page-icon {
|
||||
width: 71px;
|
||||
height: 71px;
|
||||
}
|
||||
|
||||
.home-page-widget .content {
|
||||
height: 112px;
|
||||
border-radius: var(--home-page-item-br);
|
||||
}
|
||||
|
||||
.home-page-widget .header-row {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.normal-home-page-widget {
|
||||
height: 152px;
|
||||
width: 152px;
|
||||
}
|
||||
|
||||
.large-home-page-widget {
|
||||
width: 344px;
|
||||
height: 162px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.very-large-home-page-widget {
|
||||
width: 315px;
|
||||
height: 285px;
|
||||
}
|
||||
|
||||
.home-page-items {
|
||||
gap: 10px;
|
||||
grid-auto-rows: 71px;
|
||||
grid-template-columns: repeat(4, 71px);
|
||||
}
|
||||
|
||||
.home-page-favorites .home-page-icon {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.user-details-on-footer {
|
||||
justify-content: center;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.home-page-favorites {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
.login-header {
|
||||
font-size: 36px;
|
||||
margin-bottom: 50px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login-button-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
/* #login-button.show {
|
||||
height: 500px;
|
||||
width: 500px;
|
||||
box-shadow: 20px 20px 40px var(--window-shadow);
|
||||
padding: 80px;
|
||||
border-radius: 30px;
|
||||
} */
|
||||
/* #login-button.show {
|
||||
background-color: var(--light-background);
|
||||
}
|
||||
#login-button .content {
|
||||
transition: all 0.1s ease-in-out
|
||||
} */
|
||||
/* #login-button.show .content {
|
||||
opacity: 0;
|
||||
} */
|
||||
|
||||
#login-button {
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
box-sizing: border-box;
|
||||
transform: translateY(0);
|
||||
transition: all 0.2s ease-in-out;
|
||||
border-radius: 50px;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
|
||||
.login-options-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: 40px;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.login-email-input-with-submitted {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
#password {
|
||||
transition: all 0.5s ease;
|
||||
transition-delay: 0.5s;
|
||||
}
|
||||
|
||||
#password-container {
|
||||
transition: opacity 0.5s ease, transform 0.5s ease, margin 0.5s ease, width 0.5s ease;
|
||||
display: none;
|
||||
opacity: 1;
|
||||
transform: translateY(-20px);
|
||||
}
|
||||
|
||||
#password-container.show {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
@@ -0,0 +1,502 @@
|
||||
.search-trigger {
|
||||
--dim: 38px;
|
||||
--icon-dim: 26px;
|
||||
--expanded-width: min(50vw, 500px);
|
||||
--transition-duration: 0.1s;
|
||||
--transition-timing-function: ease-in;
|
||||
width: var(--dim);
|
||||
height: var(--dim);
|
||||
display: flex !important;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: calc(var(--dim) / 2);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: width var(--transition-duration) var(--transition-timing-function);
|
||||
}
|
||||
|
||||
.search-trigger.expanded {
|
||||
width: var(--expanded-width);
|
||||
outline: 1px outset rgba(50, 140, 239, 0.3);
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
|
||||
/* .search-trigger:hover {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
|
||||
box-shadow:
|
||||
inset 0 0.5px 1px rgba(255,255,255,0.45),
|
||||
inset 0 -8px 18px rgba(0,0,0,0.14),
|
||||
0 10px 28px rgba(0,0,0,0.28);
|
||||
background-color: rgba(40, 90, 170, 0.18);
|
||||
background: linear-gradient(
|
||||
165deg,
|
||||
rgba(255,255,255,0.28),
|
||||
rgba(80,130,220,0.18) 45%,
|
||||
rgba(20,60,130,0.22)
|
||||
);
|
||||
}
|
||||
|
||||
.search-trigger:hover::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
|
||||
width: 140%;
|
||||
height: 140%;
|
||||
left: -20%;
|
||||
top: -30%;
|
||||
|
||||
background: linear-gradient(
|
||||
120deg,
|
||||
rgba(255,255,255,0.45),
|
||||
rgba(255,255,255,0.20) 28%,
|
||||
rgba(255,255,255,0.08) 45%,
|
||||
transparent 60%
|
||||
);
|
||||
|
||||
transform: rotate(12deg);
|
||||
pointer-events: none;
|
||||
mix-blend-mode: screen;
|
||||
} */
|
||||
|
||||
|
||||
.search-trigger .search-trigger-icon {
|
||||
width: var(--icon-dim);
|
||||
height: var(--icon-dim);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.search-trigger .search-input {
|
||||
border: none;
|
||||
background: none;
|
||||
height: var(--dim);
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
transition-property: width, font-size, line-height, padding, opacity;
|
||||
transition-duration: var(--transition-duration);
|
||||
transition-timing-function: var(--transition-timing-function);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.search-trigger .search-input:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-trigger:not(.expanded) .search-input {
|
||||
width: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.search-trigger.expanded .search-input {
|
||||
width: calc(var(--expanded-width) - var(--icon-dim) - var(--dim) / 2);
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
border: none;
|
||||
display: block;
|
||||
padding: calc(var(--dim) / 2);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.search-container {
|
||||
--open-animation-duration: 300ms;
|
||||
--open-animation-timing-function: ease;
|
||||
--close-animation-duration: 0.58s;
|
||||
--close-animation-timing-function: ease-out;
|
||||
--show-results-animation-duration: 200ms;
|
||||
--show-results-animation-timing-function: ease-out;
|
||||
--border-radius: 28px;
|
||||
--expanded-width: min(80vw, 800px);
|
||||
--expanded-height: 500px;
|
||||
--expanded-top: 100px;
|
||||
--close-animation-top: calc(var(--expanded-top) - 15px);
|
||||
z-index: 200;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 6px;
|
||||
animation: search-container-animation-close var(--close-animation-duration) var(--close-animation-timing-function);
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search-container > div {
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
width: calc(var(--expanded-width) + 3 * var(--border-radius));
|
||||
}
|
||||
|
||||
.search-container.show {
|
||||
animation: search-container-animation-open var(--open-animation-duration) var(--open-animation-timing-function);
|
||||
top: var(--expanded-top);
|
||||
}
|
||||
|
||||
.search-container.visible {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.search-container:not(.visible) {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions {
|
||||
--transition-delay: 0.09s;
|
||||
--transition-property: width;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
animation: search-animation-close var(--close-animation-duration) var(--close-animation-timing-function);
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
background-color: none;
|
||||
border-radius: var(--border-radius);
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.search-container > div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--border-radius);
|
||||
transition: gap var(--show-results-animation-duration) var(--show-results-animation-timing-function);
|
||||
}
|
||||
|
||||
.search-container.showing-results > div {
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.search-container.showing-results .search-suggestions-container {
|
||||
animation: search-show-results var(--show-results-animation-duration) var(--show-results-animation-timing-function);
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.search-container.showing-results .search-suggestions-container > .search-suggestions > .content {
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
animation: search-show-results var(--show-results-animation-duration) var(--show-results-animation-timing-function), search-suggestions-content-show-results var(--show-results-animation-duration) var(--show-results-animation-timing-function);
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.search-container .search-results-container {
|
||||
opacity: 0;
|
||||
transition: opacity var(--show-results-animation-duration) var(--show-results-animation-timing-function);
|
||||
flex-direction: column;
|
||||
gap: var(--border-radius);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-container.showing-results .search-results-container {
|
||||
display: flex;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions.floating {
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: ease;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions.secondary-suggestions {
|
||||
--expanded-width: calc(2 * var(--border-radius));
|
||||
cursor: pointer;
|
||||
}
|
||||
.search-container .search-suggestions.secondary-suggestions .content-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar-thumb {
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
border-radius: 8px;
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar-button:single-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions::-webkit-scrollbar-button:increment,
|
||||
.search-container .search-suggestions::-webkit-scrollbar-button:decrement {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.search-container.show .search-suggestions {
|
||||
width: var(--expanded-width);
|
||||
height: var(--expanded-height);
|
||||
animation: search-animation-open var(--open-animation-duration) var(--open-animation-timing-function);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.search-container.show .search-suggestions.secondary-suggestions-animation {
|
||||
animation: search-secondary-animation-open var(--open-animation-duration) var(--open-animation-timing-function);
|
||||
}
|
||||
|
||||
.search-suggestions-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
opacity: 1;
|
||||
--transition-duration: 0.3s;
|
||||
transform: translateY(0);
|
||||
transition-property: opacity, transform;
|
||||
transition-duration: var(--transition-duration);
|
||||
transition-timing-function: cubic-bezier(0, 0.7, 0.8, 1);
|
||||
}
|
||||
|
||||
|
||||
@keyframes search-container-animation-open {
|
||||
0% {
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
100% {
|
||||
top: var(--expanded-top);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-container-animation-close {
|
||||
0% {
|
||||
top: var(--expanded-top);
|
||||
}
|
||||
|
||||
100% {
|
||||
top: var(--close-animation-top);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-animation-open {
|
||||
0% {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
15% {
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
}
|
||||
|
||||
100% {
|
||||
height: var(--expanded-height);
|
||||
width: var(--expanded-width);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-secondary-animation-open {
|
||||
0% {
|
||||
width: 0;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
15% {
|
||||
width: 0;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
100% {
|
||||
height: var(--expanded-height);
|
||||
width: var(--expanded-width);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-animation-close {
|
||||
0% {
|
||||
width: var(--expanded-width);
|
||||
opacity: 1;
|
||||
height: var(--expanded-height);
|
||||
}
|
||||
|
||||
100% {
|
||||
width: var(--expanded-width);
|
||||
opacity: 0;
|
||||
height: var(--expanded-height);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-scroll-to-results {
|
||||
0% {
|
||||
--expanded-top: 150px;
|
||||
top: 150px;
|
||||
}
|
||||
100% {
|
||||
top: calc(0px - var(--expanded-height));
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-show-results {
|
||||
0% {
|
||||
height: var(--expanded-height);
|
||||
}
|
||||
100% {
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes search-suggestions-content-show-results {
|
||||
0% {
|
||||
padding-top: 18px;
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
100% {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content {
|
||||
scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
|
||||
border-radius: var(--border-radius);
|
||||
padding: 18px;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
.search-container .search-suggestions .content .heading {
|
||||
text-transform: uppercase;
|
||||
color: var(--gray);
|
||||
margin-bottom: 6px;
|
||||
font-size: 0.8em !important;
|
||||
padding-left: 0.8em;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion {
|
||||
border-radius: 0.8em;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
--inline-padding: 10px;
|
||||
padding: 0 var(--inline-padding);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion-container::after {
|
||||
content: "";
|
||||
background-color: var(--gray);
|
||||
margin: 0 0.8em;
|
||||
height: 1px;
|
||||
width: calc(100% - 1.6em);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion-container:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion:hover {
|
||||
--col: 150;
|
||||
background-color: rgba(var(--col), var(--col), var(--col), 0.16);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion:hover {
|
||||
--col: 150;
|
||||
background-color: rgba(var(--col), var(--col), var(--col), 0.16);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .suggestion .content {
|
||||
padding: 0.8em var(--inline-padding);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .accept-suggestion {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: var(--inline-padding);
|
||||
border-radius: calc(var(--border-radius) - var(--inline-padding));
|
||||
cursor: pointer;
|
||||
/* background-color: rgba(140, 140, 140, 0.36); */
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .accept-suggestion:hover {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
background-color: rgba(var(--col), var(--col), var(--col), 0.16);
|
||||
}
|
||||
|
||||
.search-container .search-suggestions .content .accept-suggestion img {
|
||||
height: 1em;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.search-suggestions-containers-resizer {
|
||||
width: var(--border-radius);
|
||||
background-color: none;
|
||||
cursor: ew-resize;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.search-container .search-results-container .search-result {
|
||||
border-radius: var(--border-radius);
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
.search-container .search-result {
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
.search-container .search-result-header {
|
||||
margin-bottom: 8px;
|
||||
color: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.search-container .search-result-header-first-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.search-container .search-result-icon {
|
||||
width: 48px;
|
||||
aspect-ratio: 1 / 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.search-container .search-result-icon img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.search-container .search-result-title {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.search-container .search-result-header:hover .search-result-title {
|
||||
text-decoration: underline;
|
||||
text-decoration-thickness: 2px;
|
||||
}
|
||||
|
||||
.search-container .search-result-url, .search-container .search-result-description {
|
||||
font-size: 0.8em;
|
||||
color: var(--very-much-lighter-than-gray);
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
#header-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.cloud-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.global-header {
|
||||
font-size: 110px;
|
||||
text-align: center;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.slogan {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.slogan div {
|
||||
font-weight: 600;
|
||||
font-size: 34px;
|
||||
max-width: 400px;
|
||||
text-align: center;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 150px 0 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
article {
|
||||
margin: 80px 30px 0;
|
||||
max-width: 500px;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
box-shadow: 15px 15px 30px var(--information-area-shadow);
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#description {
|
||||
margin-top: 100px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
justify-self: center;
|
||||
line-height: 1.35em;
|
||||
}
|
||||
|
||||
#description-container {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#description article {
|
||||
margin: 50px;
|
||||
border-radius: 20px;
|
||||
padding: 27px;
|
||||
box-shadow: 15px 15px 30px var(--information-area-shadow);
|
||||
padding: 20px;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
#description-container {
|
||||
flex-direction: row;
|
||||
padding: 50px;
|
||||
}
|
||||
#description {
|
||||
width: calc(100% - 100px);
|
||||
}
|
||||
#description article {
|
||||
flex: 1;
|
||||
margin: 50px;
|
||||
max-width: 350px;
|
||||
min-width: 350px;
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
.globalfooter .footer-link {
|
||||
color: #808080;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.globalfooter .footer-link::after {
|
||||
content: "|";
|
||||
margin: 8px;
|
||||
color: #c8c8c8
|
||||
}
|
||||
.globalfooter .footer-link:nth-last-child(1)::after {
|
||||
content: "";
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media (prefers-color-theme: dark) {
|
||||
.globalfooter {
|
||||
background-color: #323232;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-theme: light) {
|
||||
.globalfooter {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
}
|
||||
|
||||
.user-details-on-footer h2 {
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.user-details-on-footer h3 {
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#user-details-administrate-user-data-container {
|
||||
display: block;
|
||||
padding: 50px 0;
|
||||
}
|
||||
#user-details-administrate-user-data {
|
||||
margin: 50px 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.user-details-on-footer-section-heading {
|
||||
margin: 0;
|
||||
font-size: 22px !important;
|
||||
}
|
||||
details[open] .user-details-on-footer-expander {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.globalfooter {
|
||||
font-size: 12px;
|
||||
padding: 35px 70px;
|
||||
}
|
||||
|
||||
.user-details-ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.user-details-on-footer-section-content {
|
||||
margin: 13px;
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
.globalnav {
|
||||
background-color: var(--white-background-little-opacity);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
backdrop-filter: blur(8px);
|
||||
z-index: 100;
|
||||
border-bottom: 1px solid var(--white);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 6px;
|
||||
color: var(--dark);
|
||||
position: fixed;
|
||||
width: calc(100vw - 12px);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.globalnav .nav-item {
|
||||
width: 10vw;
|
||||
display: flex;
|
||||
}
|
||||
.globalnav .nav-item:first-child {
|
||||
justify-content: start;
|
||||
}
|
||||
.globalnav .nav-item:last-child {
|
||||
justify-content: end;
|
||||
}
|
||||
|
||||
.globalnav .global-logo {
|
||||
margin-left: 10px;
|
||||
font-size: 23px;
|
||||
font-weight: 600;
|
||||
font-family: 'SF-Pro-Display-Semibold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
|
||||
}
|
||||
|
||||
.globalnav .global-logo a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.globalnav .global-logo a:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* .globalnav .more-options-icon {
|
||||
margin-left: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
margin-top: 48px;
|
||||
margin-right: 25px;
|
||||
top: -40px;
|
||||
padding: 5px;
|
||||
} */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.globalnav {
|
||||
background-color: rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
.globalnav .global-logo a {
|
||||
color: #fff;
|
||||
}
|
||||
.globalnav .global-logo a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.globalnav .menu-expanded-icon {
|
||||
background-color: rgb(180, 180, 180);
|
||||
}
|
||||
|
||||
.more-options {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
margin-left: auto;
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
.menu {
|
||||
padding: 5px;
|
||||
box-shadow: 10px 10px 35px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 12px;
|
||||
top: 50px;
|
||||
right: 10px;
|
||||
z-index: 110;
|
||||
font-size: 16px;
|
||||
position: fixed;
|
||||
background-color: #fff;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.menu {
|
||||
background-color: #202020;
|
||||
}
|
||||
}
|
||||
.expanded {
|
||||
display: block;
|
||||
}
|
||||
.menu .option {
|
||||
padding: 5px 7px;
|
||||
border-radius: 7px;
|
||||
margin: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.menu .option:hover {
|
||||
background-color: var(--bit-darker-than-light)
|
||||
}
|
||||
.menu .option:active {
|
||||
background-color: #328cef80;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.menu .option a {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none
|
||||
}
|
||||
.more-options-icon {
|
||||
padding: 5px 5px 8px;
|
||||
border-radius: 7px;
|
||||
filter: var(--invert);
|
||||
}
|
||||
|
||||
.more-options-icon-colors:hover {
|
||||
cursor: pointer;
|
||||
background-color: rgb(220, 220, 220)
|
||||
}
|
||||
.more-options-icon-colors:focus {
|
||||
background-color: rgb(220, 220, 220);
|
||||
outline: 3px solid #328cef;
|
||||
outline-offset: 1px;
|
||||
}
|
||||
.more-options-icon-colors:focus:active {
|
||||
background-color: rgb(190, 190, 190);
|
||||
outline: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
:root {
|
||||
--very-much-lighter-than-primary-color: #76cfff;
|
||||
--much-lighter-than-primary-color: #65bfff;
|
||||
--lighter-than-primary-color: #54aeff;
|
||||
--bit-lighter-than-primary-color: #439dff;
|
||||
--primary-color: #328cef;
|
||||
--bit-darker-than-primary-color: #217bde;
|
||||
--darker-than-primary-color: #106acd;
|
||||
--much-darker-than-primary-color: #0059bc;
|
||||
--very-much-darker-than-primary-color: #0048ab;
|
||||
|
||||
--very-much-lighter-than-green: #2f2;
|
||||
--much-lighter-than-green: #1f1;
|
||||
--lighter-than-green: #2f2;
|
||||
--bit-lighter-than-green: #3e3;
|
||||
--green: #0d0;
|
||||
--bit-darker-than-green: #0b0;
|
||||
--darker-than-green: #0a0;
|
||||
--much-darker-than-green: #090;
|
||||
--very-much-darker-than-green: #080;
|
||||
|
||||
--very-much-lighter-than-orange: #ffe944;
|
||||
--much-lighter-than-orange: #ffd833;
|
||||
--lighter-than-orange: #ffc722;
|
||||
--bit-lighter-than-orange: #ffb611;
|
||||
--orange: #ffa500;
|
||||
--bit-darker-than-orange: #ee9400;
|
||||
--darker-than-orange: #cc8300;
|
||||
--much-darker-than-orange: #bb7200;
|
||||
--very-much-darker-than-orange: #aa6100;
|
||||
|
||||
--very-much-lighter-than-red: #fe5f6c;
|
||||
--much-lighter-than-red: #fd4e5b;
|
||||
--lighter-than-red: #fc3d4a;
|
||||
--bit-lighter-than-red: #eb2c39;
|
||||
--red: #da1b28;
|
||||
--bit-darker-than-red: #c90a17;
|
||||
--darker-than-red: #b80906;
|
||||
--much-darker-than-red: #a70805;
|
||||
--very-much-darker-than-red: #960704;
|
||||
|
||||
--very-much-lighter-than-gray: #bcbcbc;
|
||||
--much-lighter-than-gray: #ababab;
|
||||
--lighter-than-gray: #9a9a9a;
|
||||
--bit-lighter-than-gray: #898989;
|
||||
--gray: #787878;
|
||||
--bit-darker-than-gray: #676767;
|
||||
--darker-than-gray: #565656;
|
||||
--much-darker-than-gray: #454545;
|
||||
--very-much-darker-than-gray: #343434;
|
||||
|
||||
--very-much-lighter-than-yellow: #fafe56;
|
||||
--much-lighter-than-yellow: #f9fd45;
|
||||
--lighter-than-yellow: #f8fc34;
|
||||
--bit-lighter-than-yellow: #f7fb23;
|
||||
--yellow: #f6fa12;
|
||||
--bit-darker-than-yellow: #e5e901;
|
||||
--darker-than-yellow: #d4d800;
|
||||
--much-darker-than-yellow: #c3c700;
|
||||
--very-much-darker-than-yellow: #b2b600;
|
||||
|
||||
--very-much-lighter-than-blue: #76cfff;
|
||||
--much-lighter-than-blue: #65bfff;
|
||||
--lighter-than-blue: #54aeff;
|
||||
--bit-lighter-than-blue: #439dff;
|
||||
--blue: #328cef;
|
||||
--bit-darker-than-blue: #217bde;
|
||||
--darker-than-blue: #106acd;
|
||||
--much-darker-than-blue: #0059bc;
|
||||
--very-much-darker-than-blue: #0048ab;
|
||||
|
||||
--white: #fff;
|
||||
--bit-darker-than-white: #eee;
|
||||
--darker-than-white: #ddd;
|
||||
--much-darker-than-white: #ccc;
|
||||
--very-much-darker-than-white: #bbb;
|
||||
|
||||
--very-much-lighter-than-black: #444;
|
||||
--much-lighter-than-black: #333;
|
||||
--lighter-than-black: #222;
|
||||
--bit-lighter-than-black: #111;
|
||||
--black: #000;
|
||||
|
||||
--light: #fff;
|
||||
--bit-darker-than-light: #eee;
|
||||
--darker-than-light: #ddd;
|
||||
--much-darker-than-light: #ccc;
|
||||
--very-much-darker-than-light: #bbb;
|
||||
--light-background: #fefefe;
|
||||
--little-light-background: #ccc;
|
||||
--light-background-little-opacity: #ffffff4d;
|
||||
--light-background-opacity: #ffffff80;
|
||||
--light-background-much-opacity: #ffffffb3;
|
||||
|
||||
--dark: #000;
|
||||
--bit-lighter-than-dark: #111;
|
||||
--lighter-than-dark: #222;
|
||||
--much-lighter-than-dark: #333;
|
||||
--very-much-lighter-than-dark: #222;
|
||||
--dark-background: #202020;
|
||||
--little-dark-background: #333;
|
||||
--dark-background-little-opacity: #2020204d;
|
||||
--dark-background-opacity: #20202080;
|
||||
--dark-background-much-opacity: #202020b3;
|
||||
|
||||
--window-shadow: #0000004d;
|
||||
--information-area-shadow: #0000004d;
|
||||
|
||||
|
||||
--invert: invert(0);
|
||||
|
||||
|
||||
--normal-blur: blur(20px);
|
||||
--lots-of-content-blur: blur(45px);
|
||||
|
||||
--home-page-item-br: 40px;
|
||||
}
|
||||
Reference in New Issue
Block a user