TodoApp - Style and translations

www/todo/todo.less

@@ -22,115 +22,7 @@ body {
     justify-content: center;
     align-items: center;
 }
-
-#app.ready {
-    background: url('/customize/bg3.jpg') no-repeat center center;
-    background-size: cover;
-    background-position: center;
-}
 .cryptpad-toolbar {
     padding: 0px;
     display: inline-block;
-}
-#file, #dl {
-    display: block;
-    height: 100%;
-    width: 100%;
-    border: @button-border solid black;
-}
-
-.inputfile {
-    width: 0.1px;
-    height: 0.1px;
-    opacity: 0;
-    overflow: hidden;
-    position: absolute;
-    z-index: -1;
-}
-
-media-tag {
-    img {
-        max-width: 100%;
-        max-height: ~"calc(100vh - 96px)";
-    }
-}
-
-#upload-form, #download-form {
-    padding: 0px;
-    margin: 0px;
-
-    position: relative;
-    width: 50vh;
-    height: 50vh;
-    display: block;
-    margin: 50px auto;
-    max-width: 80vw;
-    label {
-        line-height: ~"calc(50vh - 20px)";
-        text-align: center;
-        position: relative;
-        padding: 10px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        height: 50vh;
-        box-sizing: border-box;
-    }
-}
-#download-form {
-    label {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        white-space: normal;
-        word-wrap: break-word;
-        span {
-            width: 50vh;
-            max-width: 80vw;
-            text-align: center;
-            line-height: 1.5em;
-        }
-    }
-}
-.hovering {
-    background-color: rgba(255, 0, 115, 0.5) !important;
-}
-
-.block {
-    display: block;
-}
-.hidden {
-    display: none;
-}
-.inputfile + label {
-    //border: 2px solid black;
-    //background-color: rgba(50, 50, 50, .10);
-    display: block;
-}
-
-.inputfile:focus + label,
-.inputfile + label:hover {
-    //background-color: rgba(50, 50, 50, 0.30);
-}
-
-#progress {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-
-
-    transition: width 200ms;
-    width: 0%;
-    max-width: 100%;
-    max-height: 100%;
-    background-color: rgba(255, 0, 115, 0.75);
-    z-index: 10000;
-    display: block;
-}
-
-body #uploadStatusContainer {
-    background-color: rgba(255, 255, 255, 0.9);
-    color: black;
-    opacity: 0.9;
-}
+}