From dd6cf660b033251c5ab08fa0c3e32a44022a7039 Mon Sep 17 00:00:00 2001 From: Alex Vitkov Date: Fri, 19 Mar 2021 21:58:50 +0200 Subject: Added evil microsoft typescript --- css/sharefile_style.css | 25 --- css/style.css | 513 ------------------------------------------------ 2 files changed, 538 deletions(-) delete mode 100644 css/sharefile_style.css delete mode 100644 css/style.css (limited to 'css') diff --git a/css/sharefile_style.css b/css/sharefile_style.css deleted file mode 100644 index f7118fc..0000000 --- a/css/sharefile_style.css +++ /dev/null @@ -1,25 +0,0 @@ -body { - display: flex; - align-items: center; - justify-content: center; -} - -.content { - flex: 0 0 0; - display: flex; - flex-direction: column; - gap: 1rem; - align-items: center; - justify-content: center; -} - -.h { - display: flex; - gap: 0.8rem; - align-items: center; - justify-content: center; -} - -input[type=submit] { - margin-top: 0.5rem; -} diff --git a/css/style.css b/css/style.css deleted file mode 100644 index a7a1762..0000000 --- a/css/style.css +++ /dev/null @@ -1,513 +0,0 @@ - -html, body { - margin: 0; - height: 100%; -} - -body { - background: #f0f0f0; - color: black; - font-family: Roboto, sans-serif; - overflow: hidden; -} - -.noselect { - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -#page { - display: flex; - flex: 1 0 0; - align-items: stretch; - - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -#page > * { - flex: 1 0 0; -} - -/* Disable the black outline that Chromium browsers put on focused buttons */ -input:focus, -button:focus -{ - outline:0; -} - -#header { - background: white; - margin: 0; - padding: 0; - height: 3rem; - font-size: 2em; - display: flex; - align-items: stretch; - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -#topmenu { - font-size: 1.3rem; - list-style-type: none; - display: flex; - margin: 0; - padding: 0; -} - -#topmenu > li { - cursor: pointer; - padding: 10px; -} - -#topmenu > li:hover { - background: #eee; -} - -.logo { - font-family: monospace; - margin: 0; - align-self: center; - padding-left: 2rem; -} - -#hero { - flex: 1.5 0 0; - position: relative; - font-size: 3.5rem; -} - -.vcenter { - display: flex; - flex-direction: column; - justify-content: center; -} - -#hero .bg { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -5; -} - -#hero > * > p { - color: #676d75; - margin: 0rem; - padding: 0.5rem; - white-space: nowrap; - text-align: center; -} - -#hero .big { - font-size: 1.2em; -} - -.blue { - color: #231179; - font-weight: bold; -} - -form { - background: #fbfbfb; - margin: 4.5rem; - padding-top: 0; - box-shadow: 0 0.8rem 1.3rem rgba(0,0,0,0.2); - border-radius: 0.5rem; - border: 1px solid #b9b9b9; -} - -.vert { - justify-content: center; - display: flex; - flex-direction: column; -} - -.vert2 { - display: flex; - flex-direction: column; -} - -.overlay { - display: grid; -} - -.overlay > * { - grid-row: 1; - grid-column: 1; -} - -form > .content { - margin: 2rem; - margin-top: 1rem; - margin-bottom: 1.7rem; - padding: 0; - display: flex; - flex-direction: column; - justify-content: center; -} - -form > h2 { - color: #4d4d4d; - margin: 0; - text-align: center; - padding: 1rem; - background: #f0f0f0; - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; - align-content: center; -} - - -.window h3 button, -.window > h2 button -{ - border: none; - padding: 0.3rem 1rem; - background: inherit; - border-radius: 0; -} - -.window h3 button:not(.pathentry):hover { - background: white; -} - -.window h3 .separator { - flex: 0 0 1px; - align-self: stretch; - background: #bbb; -} - -.window > h2 > *:first-child { - border-top-left-radius: 0.5rem; -} -form p { - margin: 1rem 0px 0.3rem 0px; -} - -.hero_form_error { - animation: fadein 0.2s; - background-color: #ff4d4d; - color: #ffffff; - padding-left: 0.5rem; - border-bottom-left-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; - margin-top: -0.2rem; - -} -@keyframes fadein { - from { opacity: 0; } - to { opacity: 1; } -} - -.content > input { - min-width: 300px; -} - -button, -input:not([type=file]) -{ - border: 1px solid #bbb; - padding: 0.5rem 0.8rem; - font-size: inherit; - font-family: inherit; - border-radius: 0.3rem; - background: #fcfcfc; -} - -input[type=button], button, input[type=submit] { - cursor: pointer; -} - -input[type=submit] { - margin-top: 2rem; - width: 100%; - display: block; - padding: 0.7rem; - font-size: 1.1em; - box-shadow: 0 0.2rem 0.6rem #eee; - background: #231179; - color: white; - outline: none; -} - - -input:hover, -button:hover -{ - background: white; -} - -input:focus { - border-color: black; -} - -input[type=submit]:hover { - background: #5b4d9d; -} - -.bgbottom { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - z-index: -100; -} - - -#arrows { - position: relative; -} - -#arrows > img { - position: absolute; - bottom: 0; - z-index: -200; -} - -#signupform { - display: none; -} - -.window { - overflow: hidden; - box-sizing: border-box; - margin: 0rem; - padding: 0; - box-shadow: 0 0.8rem 1.3rem rgba(0,0,0,0.2); - border-radius: 0.5rem; - border: 1px solid #b9b9b9; - - display: block; - position: absolute; - top: 0; - left: 0; - width: 800px; - height: 600px; - - transition: opacity 0.3s; - display: flex; - flex-direction: column; -} - -.window.focus { - border-color: black; -} - -.foldercontents, .filecontents, .filecontentsroot { - background: rgba(250, 250, 250, .9); - flex: 1 0 0; -} - -.filecontents, .filecontentsroot { - background: white; -} - -.filecontents { - font-family: monospace; -} - -.filecontents.imgview { - background-color: black; - background-repeat: no-repeat; - background-position: center; - background-size: contain; -} - -.filecontentsroot, .foldercontents { - display: flex; - flex-direction: column; -} - -.filecontents { - overflow-y: scroll; -} -[contenteditable] { - outline: 0px solid transparent; -} - -pre { - font-size: 1.3rem; - min-height: 100%; - margin: 0.3rem; - box-sizing: border-box; -} - -.window h3, -.window > h2 { - color: #4d4d4d; - background: #f0f0f0; - margin: 0; - - - display: flex; - align-items: stretch; - font-weight: normal; - padding: 0rem; - border-bottom: 1px solid #bbb; -} - -.window > h2 { - font-size: 1.3rem; - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; - cursor: grab; - - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -.window h3 { - font-size: 1.2rem; -} - -.window.dragged { - /* opacity: 0.9; */ -} - -.files { - padding: 0.3rem; - display: grid; - - grid-gap: 0rem; - grid-auto-rows: 8rem; - grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr)); -} - -.file { - box-sizing: border-box; - padding: 0.5rem; - cursor: pointer; - color: #333; - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - - display: flex; - flex-direction: column; - align-items: center; - border: 1px solid rgba(0,0,0,0); - border-radius: 0.1rem; -} - -.file.dragged { - border: none; - pointer-events: none; -} - -.file:hover:not(.dragged) { - background: rgba(255,255,255, 0.5); - color: black; - border-color: #ddd; -} - -.file > img { - flex: 1 1 0; - min-width: 0; - min-height: 0; -} - -.file:hover > img { - filter: brightness(120%); -} - -.path { - display: flex; - align-items: stretch; - flex: 1 0 0; -} - -.path > .separator { - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 0 0.1rem; - align-self: center; -} - -.pathentry:last-child { - cursor: inherit; -} - -.pathentry:not(:last-child):hover { - text-decoration: underline; -} - -.context { - background: white; - position: absolute; - z-index: 1000; - list-style-type: none; - margin: 0; - padding: 0; - top: 0; - left: 0; - - border: 1px solid #ccc; - box-shadow: 0 0.3rem 0.5rem rgba(0,0,0,0.2); -} - -.context > li { - padding: 0.4rem 1.5rem; - margin: 0; - - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -.context > li:hover { - background: #2e91db; - color: white; -} - -.backdrop { - position: absolute; - width: 100%; - height: 100%; - - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - background-image: url("/img/backdrop.jpg"); - background-size: cover; -} - -.share_dialog_contents { - display: flex; - flex-direction: column; - background: white; - background: rgba(255,255,255, 0.9); -} - -.window > h2 .close_button { - border-left: 1px solid #ccc; -} - -.close_button:hover { - background: white; -} - - -.wndtitle { - display: flex; - align-items: center; - flex: 1 1 0; - padding-left: 0.8rem; -} - -iframe { - margin: 0; - border: 0; -} - -.filename { - word-wrap: break-word; - word-break: break-word; -} -- cgit v1.2.3