diff --git a/public/css/module.less b/public/css/module.less index f7cde168..da351d10 100644 --- a/public/css/module.less +++ b/public/css/module.less @@ -1,22 +1,8 @@ /* normalize 2.0 bs */ -.content { - line-height: normal; - font-size: 1em; -} - -h1 { - margin-top: 1em; - border-color: @gray-light; -} - a { font-weight: normal; } -pre { - font-size: 0.8em; -} - table.avp th { font-size: inherit; } @@ -36,7 +22,6 @@ form p.description { padding-bottom: 1em; color: #888; padding-left: 32%; - font-size: 0.75em; font-style: italic; } @@ -91,7 +76,7 @@ input[type=text], textarea, select { border-style: solid; border-color: transparent; border-bottom-color: @gray-light; - border-width: 1px; + border-width: 1px 1px 1px 3px; &.search { background-color: transparent; @@ -103,7 +88,7 @@ select::-moz-focus-inner { border: 0; } select, input[type=text], textarea { &:hover { - border-style: dotted dotted solid dotted; + border-style: dotted solid dotted solid; border-color: @gray-light; } @@ -256,7 +241,6 @@ form dd ul.errors { } form div.hint { - font-size: 0.857em; padding: 1em; background-color: #f2f4fd; border: 1px solid lightgrey; @@ -272,40 +256,14 @@ form div.hint { } /* END of Forms */ -/* -table.simple { - width: 100%; - table-layout: auto !important; - - th { - background: @colorPetrol; - color: white; - text-align: left; - padding: 0.5em 1em; - } - - td { - padding: 0.3em 1em; - line-height: 3em; - } - - th.actions, td.actions { - width: 6em; - text-align: right; - } -} -*/ table.log-properties { - + table-layout: fixed; width: 100%; - th { - width: 12em; - text-align: left; - } td { - font-family: monospace; + font-family: @font-family-fixed; + word-break: break-all; } span { @@ -359,6 +317,8 @@ table.syncstate { padding-left: 2em; &::before { font-family: 'ifont'; + // icon-help: + content: '\e85b'; float: left; font-weight: bold; margin-left: -1.5em; @@ -382,90 +342,8 @@ table.syncstate { } } +/* Temp for deployment state */ table.simple { - width: auto; - min-width: 100%; - border-collapse: separate; - font-size: 1em; - border-spacing: 0 1px; - - caption { - caption-side: bottom; - text-align: right; - font-style: italic; - } - - a { - color: inherit; - text-decoration: none; - outline: 0; - } - - a:hover { - text-decoration: underline; - } - - thead { - th { - text-align: left; - border-bottom: 1px solid #888; - font-weight: bold; - padding: 0.3em 1em; - font-size: 1.2em; - } - } - - tbody { - tr { - padding: 0; - margin: 0; - - td:first-child { - border-left: 2px solid transparent; - } - - td { - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - } - - td:last-child { - border-right: 2px solid transparent; - } - - background-color: #fafcfe; - } - - tr:nth-child(even) { - background-color: #f6f8fa; - } - - tr[href]:hover td { - border-top-color: #888; - border-bottom-color: #888; - border-bottom-style: dotted; - border-top-style: dotted; - background-color: #f2f4f6; - } - - tr.active td, tr[href].active:hover td { - border-color: @icinga-blue; - } - - th { - text-align: left; - margin: 0; - padding: 0; - padding: 0.4em 1em; - font-weight: bold; - } - - td { - padding: 0.4em 1em; - margin: 0; - white-space: nowrap; - } - td.ok { background-color: @colorOk; } @@ -473,9 +351,10 @@ table.simple { td.nok { background-color: @colorCritical; } - } + } + /* END of Simple table, test */ .tree li a { @@ -497,7 +376,7 @@ table.simple { .tree a.command { background-image: url('../img/director/script.png'); } .diff { - font-family: monospace; + font-family: @font-family-fixed; white-space: pre-wrap;