Rift.IO OSM R1 Initial Submission

[osm/UI.git] / skyquake / plugins / composer / src / src / styles / FileUploadsList.scss

diff --git a/skyquake/plugins/composer/src/src/styles/FileUploadsList.scss b/skyquake/plugins/composer/src/src/styles/FileUploadsList.scss
new file mode 100644 (file)
index 0000000..02eba34
--- /dev/null
+++ b/skyquake/plugins/composer/src/src/styles/FileUploadsList.scss
@@ -0,0 +1,134 @@
+
+/*
+ * 
+ *   Copyright 2016 RIFT.IO Inc
+ *
+ *   Licensed under the Apache License, Version 2.0 (the "License");
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ *
+ */
+
+.FileUploadList {
+       overflow: hidden;
+       position: absolute;
+       top: 0;
+       right: 0;
+       bottom: 0;
+       left: 0;
+       >.items {
+               position: absolute;
+               top: 0;
+               right: 0;
+               bottom: 0;
+               left: 0;
+               margin: 4px;
+               border: 1px solid transparent;
+               padding: 4px;
+               white-space: nowrap;
+               overflow: auto;
+               -ms-overflow-style: -ms-autohiding-scrollbar;
+               -ms-overflow-style: none;
+               display: flex;
+               flex-wrap: wrap;
+               >.item {
+                       overflow: hidden;
+                       display: inline-block;
+                       position: relative;
+                       font-size: 0.5em;
+                       height: 40px;
+                       min-width: 260px;
+                       max-width: 260px;
+                       margin: 0;
+                       border-radius: 8px;
+                       border: 1px solid white;
+                       padding: 4px 8px;
+                       color: #D9D9D9;
+                       font-weight: 100;
+                       font-style: normal;
+                       background-color: rgba(92, 92, 92, 0.86);
+                       &.-error {
+                               background-color: darkred;
+                       }
+                       &.-success {
+                               background-color: darkgreen;
+                       }
+                       h2 {
+                               padding-left: 25px;
+                       }
+                       img {
+                               width: 25px;
+                               height: 25px;
+                               position: absolute;
+                               top: 4px;
+                               left:5px;
+                       }
+                       span {
+                               display: none;
+                               padding-left: 25px;
+                       }
+                       em {
+                               display: none;
+                               color: #3C0808;
+                               font-weight: 100;
+                               margin-right: 4px;
+                       }
+                       var {
+                               font-family: monospace, serif;
+                       }
+                       .file-progress {
+                               display: block;
+                       }
+                       .file-progress-indicator {
+                               width: 100%;
+                               margin: 3px;
+                               border: 1px solid rgba(81, 102, 147, 0.87);
+                               border-radius: 3px;
+                               padding: 0;
+                               height: 3px;
+                               background-color: white;
+                       }
+                       .file-progress-indicator-value {
+                               height: 1px;
+                               border-radius: 3px;
+                               background-color: #64F106;
+                       }
+                       .file-preview {
+                               display: block;
+                               em {
+                                       display: none;
+                               }
+                       }
+                       .file-error {
+                               display: block;
+                               position: absolute;
+                               z-index: 99;
+                               background-color: black;
+                               top: 18px;
+                               left: 30px;
+                               right: 10px;
+                               border-radius: 3px;
+                               padding: 1px 4px !important;
+                       }
+                       .file-success {
+                               display: block;
+                               position: absolute;
+                               z-index: 99;
+                               background-color: black;
+                               top: 18px;
+                               left: 30px;
+                               right: 10px;
+                               border-radius: 3px;
+                               padding: 1px 4px !important;
+                       }
+               }
+       }
+}