summaryrefslogtreecommitdiffstats
path: root/src/wwwroot/styles/login.css
diff options
context:
space:
mode:
authorivar <i@oiee.no>2025-10-19 23:41:23 +0200
committerivar <i@oiee.no>2025-10-19 23:41:23 +0200
commit3f4c0720e1e3421431e7baa20882a4a4512a7fab (patch)
tree734ca81d7d0841d8863e3f523ebba14c282dc681 /src/wwwroot/styles/login.css
downloadfagprove-3f4c0720e1e3421431e7baa20882a4a4512a7fab.tar.xz
fagprove-3f4c0720e1e3421431e7baa20882a4a4512a7fab.zip
InitialHEADmaster
Diffstat (limited to 'src/wwwroot/styles/login.css')
-rw-r--r--src/wwwroot/styles/login.css85
1 files changed, 85 insertions, 0 deletions
diff --git a/src/wwwroot/styles/login.css b/src/wwwroot/styles/login.css
new file mode 100644
index 0000000..461c4b5
--- /dev/null
+++ b/src/wwwroot/styles/login.css
@@ -0,0 +1,85 @@
+:root {
+ --background: #f6f7f8;
+ --color: #444f54;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+[disabled],
+.disabled {
+ pointer-events: none;
+ filter: opacity(0.4);
+}
+
+html,
+body {
+ color: var(--color);
+ background-color: var(--background) !important;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+html.ios,
+body.ios {
+ overflow-x: hidden;
+ -webkit-overflow-scrolling: touch;
+ height: initial !important;
+}
+
+body {
+ height: unset !important;
+}
+
+.k-grid-norecords-template,
+.k-grid-norecords {
+ font-size: 26px;
+ display: flex;
+ justify-content: center;
+ height: 75px;
+ align-items: center;
+ margin: auto;
+ -webkit-user-select: none;
+ user-select: none;
+ background-color: #fff;
+ background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.link {
+ color: cornflowerblue;
+ cursor: pointer;
+}
+
+main {
+ height: 100vh;
+ max-width: 450px;
+ margin: 0 auto;
+ padding-top: 25px;
+}
+
+.header {
+ pointer-events: none;
+ -webkit-user-select: none;
+ user-select: none;
+ display: flex;
+}
+.header .image {
+ justify-self: center !important;
+ max-width: 300px !important;
+ width: unset !important;
+}
+
+footer {
+ width: 100%;
+ height: 80px;
+ display: flex;
+ justify-content: center;
+ position: absolute;
+ align-items: center;
+ bottom: 0;
+}
+
+@media (max-width: 457px) {
+ main {
+ padding-top: 0;
+ }
+} \ No newline at end of file