summaryrefslogtreecommitdiffstats
path: root/public/css
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-28 12:47:35 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-28 12:47:35 +0000
commit5f112e7d0464d98282443b78870cdccabe42aae9 (patch)
treeaac24e989ceebb84c04de382960608c3fcef7313 /public/css
parentInitial commit. (diff)
downloadicingaweb2-module-x509-upstream.tar.xz
icingaweb2-module-x509-upstream.zip
Adding upstream version 1:1.1.2.upstream/1%1.1.2upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'public/css')
-rw-r--r--public/css/icons.less52
-rw-r--r--public/css/module.less107
2 files changed, 159 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;
+ }
+}