1 files changed, 107 insertions, 0 deletions
diff --git a/public/css/module.less b/public/css/module.less
new file mode 100644
index 0000000..adad589
--- /dev/null
+++ b/public/css/module.less
@@ -0,0 +1,107 @@
+// Icinga Web 2 X.509 Module | (c) 2018 Icinga GmbH | GPLv2
+
+.cert-details {
+  .x509-icon-cert {
+    font-size: 5em;
+  }
+
+  h3 {
+    text-align: right;
+    //text-decoration: underline;
+    width: 10.25em;
+    border-bottom: 1px solid @gray-lighter;
+  }
+
+  dl {
+    > dd {
+      // Reset default margin
+      margin: 0;
+    }
+
+    > dt {
+      margin-right: 1em;
+      text-align: right;
+      width: 12em;
+
+      float: left;
+      clear: left;
+    }
+  }
+}
+
+.progress-bar {
+  background-color: @gray-lighter;
+  border-radius: 2px;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
+  height: 0.5em;
+
+  > div {
+    border-radius: 2px;
+    height: 100%;
+  }
+}
+
+.certificate-days-remaining {
+  font-size: @font-size-small;
+  margin-left: 2em;
+}
+
+.expiration-col {
+  width: 18em;
+}
+
+.icon-col > i {
+  font-size: 120%;
+}
+
+.version-col {
+  width: 1em;
+}
+
+.cert-table, .usage-table {
+  width: 98%;
+}
+
+.cert-dashboard {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.cert-donut {
+  align-self: flex-start;
+  padding: 1em;
+}
+
+.cert-chain {
+  .rounded-corners();
+
+  color: @text-color-inverted;
+  font-size: 120%;
+  font-weight: @font-weight-bold;
+  padding: 0.75em;
+  text-align: center;
+
+  > p {
+    margin: 0;
+  }
+
+  &.-valid {
+    background-color: @color-ok;
+  }
+
+  &.-invalid {
+    background-color: @color-critical;
+  }
+}
+
+.icon {
+  &.-ok {
+    color: @color-ok;
+  }
+
+  &.-critical {
+    color: @color-critical;
+  }
+}