implementing ske stuff

res/main.less

@@ -305,6 +305,42 @@
   margin-right: 1em;
 }
 
+.ske-list {
+  font-size: zmall;
+  background-color: rgba(0,0, 0, 0.01);
+  padding: 0.5em;
+  border: 2px solid gray;
+  margin: 1em; 
+
+  .ske-line {
+    display: block;
+    margin-top: 0.2em;
+  }
+}
+
+#ske-button {
+  padding-bottom: 0;
+}
+
+// spinner
+.loadingspinner {
+  pointer-events: none;
+  width: 4em;
+  height: 4em;
+  border: 0.5em solid transparent;
+  border-color: @white;
+  border-top-color: @blue;
+  border-radius: 50%;
+  animation: loadingspin 1s linear infinite;
+  margin: 0 auto;
+}
+
+@keyframes loadingspin {
+  100% {
+    transform: rotate(360deg)
+  }
+}
+
 // TODO:
 // #log  {
 //   overflow: scroll;
@@ -343,6 +379,16 @@ span.translation-original span {
   }
 }
 
+ // --- I don't know how to properly fix this :(
+.ske-right-button {
+  margin-top: 0;
+  height: 2.1em;
+}
+.ske-mid-input {
+  padding-right: 1em;
+}
+ // ---
+
 // remove me
 .blk {
   &:before {