6 files changed, 203 insertions, 0 deletions
diff --git a/public/css/icons.less b/public/css/icons.less
new file mode 100644
index 0000000..73701b5
--- /dev/null
+++ b/public/css/icons.less
@@ -0,0 +1,52 @@
+/* Icinga Web 2 X.509 Module | (c) 2018 Icinga GmbH | GPLv2 */
+
+[class^='x509-icon-'], [class*=' x509-icon-'] {
+    &:before {
+        font-style: normal;
+        font-weight: normal;
+        speak: none;
+
+        display: inline-block;
+        text-decoration: inherit;
+        width: 1em;
+        margin-right: .2em;
+        text-align: center;
+        /* opacity: .8; */
+
+        /* For safety - reset parent styles, that can break glyph codes*/
+        font-variant: normal;
+        text-transform: none;
+
+        /* fix buttons height, for twitter bootstrap */
+        line-height: 1em;
+
+        /* Animation center compensation - margins should be symmetric */
+        /* remove if not needed */
+        margin-left: .2em;
+
+        /* Font smoothing. That was taken from TWBS */
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+
+        /* Uncomment for 3D effect */
+        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+    }
+}
+
+@font-face {
+    font-family: 'Icinga Web 2 Module X.509';
+    src: url('../x509/icons?q=eot#iefix') format('embedded-opentype'),
+         url('../x509/icons?q=woff') format('woff'),
+         url('../x509/icons?q=ttf') format('truetype'),
+         url('../x509/icons?q=svg#icinga-icons') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+[class^='x509-icon-'], [class*=' x509-icon-'] {
+    font-family: 'Icinga Web 2 Module X.509';
+}
+
+.x509-icon-ca:before { content: '\e000'; }
+.x509-icon-self-signed:before { content: '\e001'; }
+.x509-icon-cert:before { content: '\e002'; }
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;
+  }
+}
diff --git a/public/font/icons.eot b/public/font/icons.eot
new file mode 100644
index 0000000..96af737
--- /dev/null
+++ b/public/font/icons.eot
diff --git a/public/font/icons.svg b/public/font/icons.svg
new file mode 100644
index 0000000..195eeb8
--- /dev/null
+++ b/public/font/icons.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata></metadata>
+<defs>
+<font id="icinga-icons" horiz-adv-x="1000" >
+
+<font-face 
+ font-family="Icinga Web 2"
+ font-weight="400" 
+ font-stretch="normal" 
+ units-per-em="1000"
+ ascent="850"
+ descent="-150"
+ />
+
+<missing-glyph horiz-adv-x="1000" />
+
+ 
+<glyph 
+ glyph-name="ca-valid" 
+ unicode="&#xe000;"
+ d="M233.4 211.3C225.5 210.4 217.4 210 209 210 180.9 210 155 215 131.2 225 107.4 234.9 86.8 249.1 69.3 267.4 51.9 285.6 38.2 307.5 28.2 333 18.3 358.5 13.3 386.6 13.3 417.2 13.3 448.6 18.4 477.1 28.5 502.6 38.6 528 52.5 549.7 70.3 567.7 88.1 585.6 109 599.3 133 608.9 157 618.5 182.8 623.3 210.5 623.3 236.2 623.3 261.5 618.4 286.3 608.7 311.1 598.9 331.2 584.5 346.6 565.7L287.1 501.4C278.8 513.6 268.1 522.7 254.7 528.6 241.3 534.5 227.6 537.5 213.6 537.5 198.2 537.5 184.1 534.4 171.2 528.3 158.4 522.2 147.4 513.8 138.1 503.1 128.9 492.4 121.7 479.7 116.6 465.1S108.9 434.6 108.9 417.2C108.9 399.5 111.4 383.2 116.6 368.5 121.7 353.7 128.8 341 137.9 330.5 147 320 157.8 311.7 170.5 305.8 183.2 299.9 197 297 212.1 297 229.6 297 244.8 300.7 257.8 308 268.6 314.2 277.6 321.8 284.8 330.9ZM680 327.6C662.6 299.7 652.5 266.5 652.5 231 652.5 223.9 652.9 216.9 653.7 210H622.3L591.7 288.5H439.2L410.2 210H306.7L472 610H564.5ZM516.6 503.2L466.5 365.9H565.6ZM936.4 262.3C936.4 265.7 935.2 269.1 932.8 271.5L914.6 289.5C912.2 291.9 909 293.3 905.6 293.3 902.2 293.3 899 291.9 896.6 289.5L815.2 208.2 770.1 253.4C767.7 255.8 764.5 257.1 761.1 257.1S754.5 255.8 752.1 253.4L733.9 235.4C731.5 233 730.3 229.6 730.3 226.2S731.5 219.6 733.9 217.2L806.2 145C808.6 142.6 812 141.2 815.2 141.2 818.6 141.2 822 142.6 824.4 144.9L932.8 253.4C935.2 255.8 936.4 259 936.4 262.4ZM986.7 230C986.7 145.3 918 76.7 833.3 76.7S680 145.3 680 230 748.7 383.3 833.3 383.3 986.7 314.7 986.7 230Z"
+ horiz-adv-x="1000" 
+ />
+ 
+<glyph 
+ glyph-name="cert-refresh" 
+ unicode="&#xe001;"
+ d="M199.1 50.8C201.6 48.4 204.3 45.8 207.1 42.9 405-155 808.8-74.6 882.2 235.4 882.2 235.4 889 260.6 915.5 258.4 1020.7 238.9 851-45.4 631.8-115.1 464.5-168.3 269.5-115.1 149.7 16.1L66.5-42.4 64.6 220 290.5 115.1ZM655.9 136H337.3C335.9 136 334.5 136.1 333.1 136.3H305.5V390.8H363.4V454.5C363.4 536.1 414.9 594.4 496.6 594.4 578.2 594.4 623.2 536.1 623.2 454.5V390.8H687.7V136.3H660.1C658.7 136.1 657.3 136 655.9 136ZM568.9 390.8V454.5C568.9 501.3 543.4 539.4 496.6 539.4 449.8 539.4 420.1 501.3 420.1 454.5V390.8ZM796.1 635.5C793.6 637.9 790.9 640.5 788.1 643.4 590 841.4 186.4 760.9 113 450.8 113 450.8 40.8 407.3 56.4 473.1 108.3 674.6 301.1 824.9 511.5 823 637.8 819.8 760 763.9 845.5 670.2L928.7 728.7 930.6 466.2 704.6 571.1Z"
+ horiz-adv-x="1000" 
+ />
+ 
+<glyph 
+ glyph-name="certificate" 
+ unicode="&#xe002;"
+ d="M160 103.3H83.1C45.5 100.8 26.7 117 26.7 152V783.3C26.7 827.8 45.5 850 83.1 850H906.7C942.2 850 960 830.8 960 792.4 960 734.7 960 201.4 960 156.7S933.3 103.3 906.7 103.3H586.7V170H893.3V783.3H93.3V170H160ZM781.9 716.7H498.1C473.4 716.7 453.3 692.8 453.3 663.4 453.3 633.9 473.4 610 498.1 610H781.9C806.6 610 826.7 633.9 826.7 663.3 826.7 692.8 806.6 716.7 781.9 716.7ZM826.7 503.4C826.7 517.5 820.2 531.1 808.8 541.1 797.3 551.1 781.8 556.7 765.6 556.7H647.7C631.5 556.7 616 551.1 604.5 541.1 593.1 531.1 586.7 517.5 586.7 503.3V503.3C586.7 489.1 593.1 475.6 604.5 465.6 616 455.6 631.5 450 647.7 450H765.6C781.8 450 797.3 455.6 808.8 465.6 820.2 475.6 826.7 489.2 826.7 503.3V503.4ZM520 210V-136.7L373.3 10 226.7-136.7 227.2 205.7C267.3 178.2 321.1 156.7 373.3 156.7 428.5 156.7 478.7 179.7 520 210ZM373.3 583.3C476.4 583.3 560 499.7 560 396.7S476.4 210 373.3 210 186.7 293.6 186.7 396.7 270.3 583.3 373.3 583.3Z"
+ horiz-adv-x="1000" 
+ />
+ 
+
+</font>
+</defs>
+</svg>
diff --git a/public/font/icons.ttf b/public/font/icons.ttf
new file mode 100644
index 0000000..7301cb5
--- /dev/null
+++ b/public/font/icons.ttf
diff --git a/public/font/icons.woff b/public/font/icons.woff
new file mode 100644
index 0000000..6c74bc3
--- /dev/null
+++ b/public/font/icons.woff