1 files changed, 67 insertions, 1 deletions
diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 00f4848..5bf3a99 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -556,6 +556,45 @@ input.small {
   cursor: pointer;
 }
 
+/* augmentation grid */
+
+.buttonGrid tr:first-child th {
+  text-align: center;
+}
+.buttonGrid th.bold {
+  font-weight: bold;
+  text-decoration: underline;
+}
+
+.buttonGrid th,
+.buttonGrid td {
+  width: 20px;
+  text-align: right;
+  vertical-align: middle;
+  font-weight: normal;
+  font-size: smaller;
+}
+.buttonGrid {
+  cursor: pointer;
+}
+.buttonGrid button {
+  display: block;
+  height: 1em;
+  width: 1em;
+  background: #fff;
+  height: 16px;
+  width: 16px;
+  background: #fff;
+  border: 1px solid #ddd;
+  border-radius: 6px;
+  margin: 0; padding: 0;
+  cursor: pointer;
+}
+.buttonGrid button:hover {
+  display: block;
+  background: #333;
+}
+
 /* pix2wav spectrogram builder */
 .fileMetadata .param > span:nth-child(1) {
   width: 100px;
@@ -611,6 +650,16 @@ input.small {
   content: ' · ';
 }
 
+/* current task */
+.currentTask > i {
+  display: inline-block;
+  margin-right: 4px;
+}
+.currentTask .quiet {
+  max-width: 100%;
+  overflow: hidden;
+}
+
 /* system */
 .screen {
   width: 750px;
@@ -625,4 +674,21 @@ input.small {
   background: rgba(238,238,238,0.4);
   border: 1px solid #bbb;
   color: #234;
-}
-\ No newline at end of file
+}
+
+.diamond {
+  position: fixed;
+  left: calc(50vw - 175px);
+  top: calc(50vh - 175px);
+  height: 350px;
+  width: 350px;
+  transform-origin: center center;
+  animation: spinfx 10s infinite;
+  transform: rotateZ(45deg);
+  z-index: -1;
+}
+@keyframes spinfx {
+  0% { opacity: 0.9; }
+  50% { opacity: 0.5; }
+  100% { opacity: 0.9; }
+}