aboutsummaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/sharefile_style.css25
-rw-r--r--css/style.css513
2 files changed, 0 insertions, 538 deletions
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;
-}