From 16a9fce0e104a38371a9e5a567ec611ae3fc7f33 Mon Sep 17 00:00:00 2001 From: ys9693 Date: Sun, 19 Jan 2020 13:50:02 +0200 Subject: Catalog alignment Issue-ID: SDC-2724 Signed-off-by: ys9693 Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe --- catalog-ui/src/assets/preloading.css | 69 ++++++++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 catalog-ui/src/assets/preloading.css (limited to 'catalog-ui/src/assets/preloading.css') diff --git a/catalog-ui/src/assets/preloading.css b/catalog-ui/src/assets/preloading.css new file mode 100644 index 0000000000..1f0c2c6c3a --- /dev/null +++ b/catalog-ui/src/assets/preloading.css @@ -0,0 +1,69 @@ +html { + height: 100%; +} +body { + height: 100%; + width: 100%; + margin: 0px; + padding: 0px; + overflow:hidden; +} + +.preloading-page { + height: 100%; + width: 100%; + margin: 0px; + overflow:hidden; + background-image: linear-gradient(to bottom right, rgba(30, 36, 48, 1), rgba(59, 74, 93, 1)); + text-align: center; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + color: #FFFFFF; +} + + .project-icon { + width: 200px; + height: 210px; + margin-top: 0%; + background-repeat: no-repeat; +} + +.preloading-page-loading { + font-size: 24px; + line-height: 44px; + font-family: Arial, Helvetica, sans-serif; + color: #1EB9F3; + margin-top: 10%; + margin-left: 3%; +} + +.preloading-page-loading span { + font-family: Arial, Helvetica, sans-serif; + font-size: 50px; + animation-name: blink; + animation-duration: 1.5s; + animation-iteration-count: infinite; + animation-fill-mode: both; +} + +.preloading-page-loading span:nth-child(2) { + animation-delay: .5s; +} + +.preloading-page-loading span:nth-child(3) { + animation-delay: 1.0s; +} + +@keyframes blink { + 0% { + opacity: .2; + } + 20% { + opacity: 1; + } + 100% { + opacity: .2; + } +} \ No newline at end of file -- cgit 1.2.3-korg