From 826c7c47785ee01d2b9267919132ada696425344 Mon Sep 17 00:00:00 2001 From: Melonai Date: Wed, 20 Jan 2021 23:18:09 +0100 Subject: Remade the client in SvelteKit --- client/src/App.css | 179 ----------------------------------------------------- 1 file changed, 179 deletions(-) delete mode 100644 client/src/App.css (limited to 'client/src/App.css') diff --git a/client/src/App.css b/client/src/App.css deleted file mode 100644 index cf0e529..0000000 --- a/client/src/App.css +++ /dev/null @@ -1,179 +0,0 @@ -.title { - padding-left: 30px; - margin-bottom: 10px; - line-height: 1.42857143; - color: #ffffff; -} - -.response-text { - margin-bottom: 0; - color: #C5C5D3; -} - -.right-item { - color: #ffffff; - padding-right: 30px; - text-align: right; -} - -.copy-text { - color: #c5c5d3; - -webkit-touch-callout: none !important; - -webkit-user-select: none !important; - -moz-user-select: none !important; - -ms-user-select: none !important; - user-select: none !important; -} - -.input-group { - position: relative; - display: table; - border-collapse: separate; -} - -.response-container { - display: flex; - align-items: center; - margin: 15px 30px 0 30px; - height: 14vh; - justify-content: space-between; - border-radius: 0 5vh 5vh 5vh; - background-color: #ffffff; -} - -.input-field { - position: relative; - z-index: 2; - margin-bottom: 0; - text-indent: 0; - color: #3A3A5C; - background-color: #fff; - background-image: none; - box-sizing: border-box; - border: none; - outline: none; - height: 100%; - width: 100%; -} - -.input-field-text { - margin-left: 30px; - box-sizing: border-box; - color: #C5C5D3; -} - -.input-container { - z-index: 2; - width: 100%; - float: left; - display: flex; - align-items: center; - position: relative; - padding: 0; - border-radius: 5vh 0 0 5vh; - margin: 0; - box-sizing: border-box; - height: 10vh; - background-color: white; -} - -.button-container { - display: table-cell; - position: relative; - font-size: 0; - white-space: nowrap; - width: 1%; - height: 0; - vertical-align: middle; -} - -.button { - z-index: 2; - display: inline-block; - margin-bottom: 0; - font-weight: 400; - text-align: center; - white-space: nowrap; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - background-image: none; - background-color: #fff; - color: #3A3A5C; - padding: 4px 5vw; - height: 10vh; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - border-radius: 0 5vh 5vh 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border: none; -} - -strong { - font-weight: normal; - color: #3A3A5C; -} - -a { - text-decoration: none; -} - -.disabled { - background-color: #ff1a61; - color: #ffffff; -} - -@-webkit-keyframes scale { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 45% { - -webkit-transform: scale(0.1); - transform: scale(0.1); - opacity: 0.2; } - 80% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@keyframes scale { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 45% { - -webkit-transform: scale(0.1); - transform: scale(0.1); - opacity: 0.2; } - 80% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -.ball-pulse > div:nth-child(1) { - -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); - animation: scale 0.75s -0.48s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } - -.ball-pulse > div:nth-child(2) { - -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); - animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } - -.ball-pulse > div:nth-child(3) { - -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); - animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } - -.ball-pulse > div { - background-color: #3A3A5C; - width: 6px; - height: 6px; - margin: 5px; - border-radius: 100%; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - display: inline-block; } \ No newline at end of file -- cgit 1.4.1