Fork uMatrix

Pretty much just changing the name and the copyright.

1 files changed, 104 insertions, 0 deletions

diff --git a/css/cloud-ui.css b/css/cloud-ui.css
new file mode 100644
index 0000000..609b3cd
--- /dev/null
+++ b/css/cloud-ui.css
@@ -0,0 +1,104 @@
+#cloudWidget {
+    background: url("../img/cloud.png") hsl(216, 100%, 93%);
+    border-radius: 3px;
+    margin: 0.5em 0;
+    padding: 1em 1em 0 1em;
+    position: relative;
+    }
+#cloudWidget.hide {
+    display: none;
+    }
+#cloudWidget > button {
+    display: inline-block;
+    font-family: FontAwesome;
+    font-size: 160%;
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    padding: 0.2em 0.25em 0.1em 0.25em;
+    position: relative;
+    vertical-align: baseline;
+    }
+#cloudWidget > button[disabled] {
+    visibility: hidden;
+    }
+#cloudWidget > button.error {
+    color: red;
+    }
+#cloudPush:after {
+    content: '\f0ee';
+    }
+#cloudPull:before,
+#cloudPullAndMerge:before {
+    content: '\f0ed';
+}
+#cloudPullAndMerge {
+    margin: 0 0.25em;
+    }
+#cloudPullAndMerge:after {
+    content: '\f067';
+    font-size: 50%;
+    position: absolute;
+    right: 0;
+    top: 10%;
+    }
+#cloudWidget > span {
+    color: gray;
+    display: inline-block;
+    font-size: 90%;
+    margin: 0 1em;
+    padding: 0;
+    vertical-align: bottom;
+    white-space: pre;
+    }
+#cloudError {
+    color: red;
+    margin: 0;
+    padding: 0.5em 0;
+    }
+#cloudError > span {
+    font-size: x-small;
+    }
+#cloudWidget > #cloudCog {
+    cursor: pointer;
+    display: inline-block;
+    font-size: 110%;
+    margin: 0;
+    opacity: 0.5;
+    padding: 4px;
+    position: absolute;
+    top: 0;
+    }
+body[dir="ltr"] #cloudWidget > #cloudCog {
+    right: 0;
+    }
+body[dir="rtl"] #cloudWidget > #cloudCog {
+    left: 0;
+    }
+#cloudWidget > #cloudCog:hover {
+    opacity: 1;
+    }
+#cloudWidget > #cloudOptions {
+    align-items: center;
+    -webkit-align-items: center;
+    background-color: rgba(0, 0, 0, 0.75);
+    bottom: 0;
+    display: none;
+    justify-content: center;
+    -webkit-justify-content: center;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 2000;
+    }
+#cloudWidget > #cloudOptions.show {
+    display: flex;
+    display: -webkit-flex;
+    }
+#cloudWidget > #cloudOptions > div {
+    background-color: white;
+    border-radius: 3px;
+    padding: 1em;
+    text-align: center;
+    }