mirror of
https://github.com/Icinga/icingaweb2.git
synced 2025-07-28 08:14:03 +02:00
Susanne Vestner-Ludwig
Eric Lippmann
parent
cc80440aea
commit
e06e38ac5f
9
doc/Icinga-Design/bootstrap.min.css
vendored
Normal file
9
doc/Icinga-Design/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
123
doc/Icinga-Design/documentation.css
Normal file
123
doc/Icinga-Design/documentation.css
Normal file
@ -0,0 +1,123 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Styles ONLY used for documentation
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Projektname - color customer CI */
|
||||||
|
|
||||||
|
.docu-project-name {
|
||||||
|
font-size: 2em;
|
||||||
|
color: #049BAF;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-main {
|
||||||
|
width: 60%;
|
||||||
|
padding: 20px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-main-headline {
|
||||||
|
font-size: 2em;
|
||||||
|
color: #333;
|
||||||
|
/* customer CI */
|
||||||
|
padding-bottom: 10px;
|
||||||
|
padding-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-sub-headline {
|
||||||
|
font-size: 1.5em;
|
||||||
|
color: #333;
|
||||||
|
padding-bottom: 3px;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-section {
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
overflow: hidden;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-description {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-example {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-example:before {
|
||||||
|
color: #BBBBBB;
|
||||||
|
content: "Example";
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-module {
|
||||||
|
/* width: 320px; */
|
||||||
|
/* show your modules in device width */
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-codeblock {
|
||||||
|
background-color: #F7F7F9;
|
||||||
|
border-top: 1px solid #e1e1e8;
|
||||||
|
padding: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-codeblock:before {
|
||||||
|
color: #BBBBBB;
|
||||||
|
content: "Code";
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-code {
|
||||||
|
font-family: "Courier New", Courier, monospace;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #777;
|
||||||
|
padding-top: 10px;
|
||||||
|
border: none;
|
||||||
|
background-color: transparent;
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-footer {
|
||||||
|
margin-top: 40px;
|
||||||
|
padding-top: 10px;
|
||||||
|
border-top: 1px solid #dddddd;
|
||||||
|
font-size: 0.75em;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.docu-classes {
|
||||||
|
background-color: #FEFBED;
|
||||||
|
padding: 3px;
|
||||||
|
color: #c6b256;
|
||||||
|
font-family: "Courier New", Courier, monospace, sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
490
doc/Icinga-Design/documentation.html
Normal file
490
doc/Icinga-Design/documentation.html
Normal file
@ -0,0 +1,490 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Icinga Documentation</title>
|
||||||
|
|
||||||
|
<link media="screen" href="bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="icinga-design.css">
|
||||||
|
<link rel="stylesheet" href="documentation.css">
|
||||||
|
<link rel="apple-touch-icon-precomposed" href="../apple-touch-icon-152×152-precomposed.png">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="docu-main">
|
||||||
|
|
||||||
|
<h1 class="docu-project-name">Icinga Documentation</h1>
|
||||||
|
<!-- <div class="docu-description">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
|
||||||
|
<h1 class="docu-main-headline">Basic Elements</h1>
|
||||||
|
|
||||||
|
<h1 class="docu-sub-headline">Headlines</h1>
|
||||||
|
<!-- <div class="docu-description">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
<div class="docu-section">
|
||||||
|
<div class="docu-example">
|
||||||
|
<div class="docu-module">
|
||||||
|
<h1>Main headline h1</h1>
|
||||||
|
<h2>Sub headline h2</h2>
|
||||||
|
</div><!-- .docu-module -->
|
||||||
|
</div><!-- .docu-example -->
|
||||||
|
|
||||||
|
<div class="docu-codeblock">
|
||||||
|
<textarea class="docu-code"><h1>Main Headline H1</h1>
|
||||||
|
<h2>Sub headline h2</h2>
|
||||||
|
</textarea>
|
||||||
|
</div><!-- .docu-codeblock -->
|
||||||
|
</div><!-- .docu-section -->
|
||||||
|
|
||||||
|
|
||||||
|
<h1 class="docu-sub-headline">Textblocks</h1>
|
||||||
|
<div class="docu-description">
|
||||||
|
Used on simple pages with continuous text e.g. Imprint or Privacy.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="docu-section">
|
||||||
|
<div class="docu-example">
|
||||||
|
<div class="docu-module">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At <a href="#">vero eos et accusam et justo</a> duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <a href="#">sanctus est Lorem ipsum</a> dolor sit amet.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div><!-- .docu-module -->
|
||||||
|
</div><!-- .docu-example -->
|
||||||
|
|
||||||
|
<div class="docu-codeblock">
|
||||||
|
<textarea class="docu-code">
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At <a href="#">vero eos et accusam et justo</a> duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <a href="#">sanctus est Lorem ipsum</a> dolor sit amet.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</textarea>
|
||||||
|
</div><!-- .docu-codeblock -->
|
||||||
|
</div><!-- .docu-section -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h1 class="docu-sub-headline">Table</h1>
|
||||||
|
<div class="docu-description">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="docu-section">
|
||||||
|
<div class="docu-example">
|
||||||
|
<div class="docu-module">
|
||||||
|
|
||||||
|
|
||||||
|
<table class="table table-condensed">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th colspan="3">Status</th>
|
||||||
|
|
||||||
|
<th>Output</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<a href="/icingawebinsfx/monitoring/show/host?host=host_000" style="visibility:hidden"></a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td title="UP since 2013-09-30 16:57:58">
|
||||||
|
|
||||||
|
<span class="badge-container_">
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000&service_problems=1" class="badge pull-right">
|
||||||
|
12
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
<div>
|
||||||
|
<b>Up</b><br />
|
||||||
|
Since
|
||||||
|
30.09.
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000">
|
||||||
|
<b>host_000</b>
|
||||||
|
<i>127.0.0.1</i>
|
||||||
|
</a><br />
|
||||||
|
host_000 (checked by localhost.localdomain) OK: random hostcheck ok<br />
|
||||||
|
<span class="output-text">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td class="tacheader-status-unreachable">
|
||||||
|
<a href="/icingawebinsfx/monitoring/show/host?host=host_000" style="visibility:hidden"></a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="icon-table icon-flapping"></div>
|
||||||
|
<div class="icon-table icon-comment"></div>
|
||||||
|
<div class="icon-table icon-unhandled"></div>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td title="UP since 2013-09-30 16:57:58">
|
||||||
|
<span class="badge-container_">
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000&service_problems=1" class="badge pull-right">
|
||||||
|
6
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
<div>
|
||||||
|
<b>Unreachable</b><br />
|
||||||
|
Since
|
||||||
|
30.09.
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000">
|
||||||
|
<b>host_000</b>
|
||||||
|
<i>127.0.0.1</i>
|
||||||
|
</a><br />
|
||||||
|
host_000 (checked by localhost.localdomain) OK: random hostcheck ok
|
||||||
|
<span class="output-text">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td class="tacheader-status-down">
|
||||||
|
<a href="/icingawebinsfx/monitoring/show/host?host=host_000" style="visibility:hidden"></a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
<td title="UP since 2013-09-30 16:57:58">
|
||||||
|
<span class="badge-container_">
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000&service_problems=1" class="badge pull-right">
|
||||||
|
6
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
<div>
|
||||||
|
<b>Down</b><br />
|
||||||
|
Since
|
||||||
|
30.09.
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000">
|
||||||
|
<b>host_000</b>
|
||||||
|
<i>127.0.0.1</i>
|
||||||
|
</a><br />
|
||||||
|
host_000 (checked by localhost.localdomain) OK: random hostcheck ok
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td class="">
|
||||||
|
<a href="/icingawebinsfx/monitoring/show/host?host=host_000" style="visibility:hidden"></a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
<td title="UP since 2013-09-30 16:57:58">
|
||||||
|
<span class="badge-container_">
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000&service_problems=1" class="badge pull-right">
|
||||||
|
6
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
<div>
|
||||||
|
<b>Up</b><br />
|
||||||
|
Since
|
||||||
|
30.09.
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000">
|
||||||
|
<b>host_000</b>
|
||||||
|
<i>127.0.0.1</i>
|
||||||
|
</a><br />
|
||||||
|
host_000 (checked by localhost.localdomain) OK: random hostcheck ok
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td class="">
|
||||||
|
<a href="/icingawebinsfx/monitoring/show/host?host=host_000" style="visibility:hidden"></a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td title="UP since 2013-09-30 16:57:58">
|
||||||
|
<span class="badge-container_">
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000&service_problems=1" class="badge pull-right">
|
||||||
|
6
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
<div>
|
||||||
|
<b>Up</b><br />
|
||||||
|
Since
|
||||||
|
30.09.
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000">
|
||||||
|
<b>host_000</b>
|
||||||
|
<i>127.0.0.1</i>
|
||||||
|
</a><br />
|
||||||
|
host_000 (checked by localhost.localdomain) OK: random hostcheck ok
|
||||||
|
<span class="output-text">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td class="tacheader-status-down">
|
||||||
|
<a href="/icingawebinsfx/monitoring/show/host?host=host_000" style="visibility:hidden"></a>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div class="icon-table icon-flapping"></div>
|
||||||
|
<div class="icon-table icon-comment"></div>
|
||||||
|
<div class="icon-table icon-unhandled"></div>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td title="UP since 2013-09-30 16:57:58">
|
||||||
|
<span class="badge-container_">
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000&service_problems=1" class="badge pull-right">
|
||||||
|
6
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
<div>
|
||||||
|
<b>Down</b><br />
|
||||||
|
Since
|
||||||
|
30.09.
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="/icingawebinsfx/monitoring/list/services?host=host_000">
|
||||||
|
<b>host_000</b>
|
||||||
|
<i>127.0.0.1</i>
|
||||||
|
</a><br />
|
||||||
|
host_000 (checked by localhost.localdomain) OK: random hostcheck ok
|
||||||
|
<span class="output-text">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div><!-- .docu-module -->
|
||||||
|
</div><!-- .docu-example -->
|
||||||
|
|
||||||
|
<div class="docu-codeblock">
|
||||||
|
<textarea class="docu-code">
|
||||||
|
code...
|
||||||
|
</textarea>
|
||||||
|
</div><!-- .docu-codeblock -->
|
||||||
|
</div><!-- .docu-section -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h1 class="docu-main-headline">Form Elements</h1>
|
||||||
|
|
||||||
|
<h1 class="docu-sub-headline">Select</h1>
|
||||||
|
<div class="docu-description">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="docu-section">
|
||||||
|
<div class="docu-example">
|
||||||
|
<div class="docu-module">
|
||||||
|
|
||||||
|
|
||||||
|
<form data-icinga-component="app/form" action="" method="get" class="form-inline" name="hosts" id="icinga-component-0">
|
||||||
|
<div id="sort-element" class="form-group">
|
||||||
|
<label for="sort">Sort By</label>
|
||||||
|
<select data-icinga-form-autosubmit="1" class="form-control input-sm" id="sort" name="sort">
|
||||||
|
<option value="host_last_check">Last Host Check</option>
|
||||||
|
<option value="host_severity">Host Severity</option>
|
||||||
|
<option value="host_state">Hard State</option>
|
||||||
|
<option value="host_name">Host Name</option>
|
||||||
|
<option value="host_address">Address</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div id="dir-element" class="form-group"><label for="dir"> </label>
|
||||||
|
<select data-icinga-form-autosubmit="1" class="form-control input-sm" id="dir" name="dir">
|
||||||
|
<option value="desc">Desc</option>
|
||||||
|
<option value="asc">Asc</option>
|
||||||
|
</select></div>
|
||||||
|
<div id="submit_hosts-element" class="form-group"><label for="submit_hosts"> </label><noscript>
|
||||||
|
<input type="submit" name="submit_hosts" id="submit_hosts" value="Sort" class="btn btn-default form-control input-sm" condition="0" addLabelPlaceholder="1"></noscript>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
</div><!-- .docu-module -->
|
||||||
|
</div><!-- .docu-example -->
|
||||||
|
|
||||||
|
<div class="docu-codeblock">
|
||||||
|
<textarea class="docu-code">
|
||||||
|
...
|
||||||
|
|
||||||
|
</textarea>
|
||||||
|
</div><!-- .docu-codeblock -->
|
||||||
|
</div><!-- .docu-section -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h1 class="docu-main-headline">Pagination</h1>
|
||||||
|
|
||||||
|
<div class="docu-description">
|
||||||
|
The pagination is placed on top and bottom of every list.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="docu-section">
|
||||||
|
<div class="docu-example">
|
||||||
|
<div class="docu-module">
|
||||||
|
|
||||||
|
<ul class="pagination pagination-sm">
|
||||||
|
<!-- Previous page link -->
|
||||||
|
|
||||||
|
<li class="disabled"><span>« Prev</span></li>
|
||||||
|
|
||||||
|
<!-- Numbered page links -->
|
||||||
|
<li class="active">
|
||||||
|
<a title="1 to 20 of 111" href="/icinga2-web/monitoring/list/hosts?detail=%2Ficinga2-web%2Fmonitoring%2Fshow%2Fhost%3Fhost%3Dhost_001&page=1">
|
||||||
|
1 </a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a title="21 to 40 of 111" href="/icinga2-web/monitoring/list/hosts?detail=%2Ficinga2-web%2Fmonitoring%2Fshow%2Fhost%3Fhost%3Dhost_001&page=2">
|
||||||
|
2 </a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a title="41 to 60 of 111" href="/icinga2-web/monitoring/list/hosts?detail=%2Ficinga2-web%2Fmonitoring%2Fshow%2Fhost%3Fhost%3Dhost_001&page=3">
|
||||||
|
3 </a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a title="61 to 80 of 111" href="/icinga2-web/monitoring/list/hosts?detail=%2Ficinga2-web%2Fmonitoring%2Fshow%2Fhost%3Fhost%3Dhost_001&page=4">
|
||||||
|
4 </a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a title="81 to 100 of 111" href="/icinga2-web/monitoring/list/hosts?detail=%2Ficinga2-web%2Fmonitoring%2Fshow%2Fhost%3Fhost%3Dhost_001&page=5">
|
||||||
|
5 </a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a title="101 to 111 of 111" href="/icinga2-web/monitoring/list/hosts?detail=%2Ficinga2-web%2Fmonitoring%2Fshow%2Fhost%3Fhost%3Dhost_001&page=6">
|
||||||
|
6 </a>
|
||||||
|
</li>
|
||||||
|
<!-- Next page link -->
|
||||||
|
<li>
|
||||||
|
<a title="21 to 40 of 111" href="/icinga2-web/monitoring/list/hosts?detail=%2Ficinga2-web%2Fmonitoring%2Fshow%2Fhost%3Fhost%3Dhost_001&page=2">Next »
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div><!-- .docu-module -->
|
||||||
|
</div><!-- .docu-example -->
|
||||||
|
|
||||||
|
<div class="docu-codeblock">
|
||||||
|
<textarea class="docu-code">Code... Code...
|
||||||
|
</textarea>
|
||||||
|
</div><!-- .docu-codeblock -->
|
||||||
|
</div><!-- .docu-section -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h1 class="docu-main-headline">Buttons</h1>
|
||||||
|
|
||||||
|
<h1 class="docu-sub-headline">Link Button</h1>
|
||||||
|
<div class="docu-description">
|
||||||
|
Link buttons are used for the main menu links on the bottom of every page.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="docu-section">
|
||||||
|
<div class="docu-example">
|
||||||
|
<div class="docu-module">
|
||||||
|
<a class="clickable-bg frame island--medium link-arrow" href="#">Lorem Ipsum</a>
|
||||||
|
</div><!-- .docu-module -->
|
||||||
|
</div><!-- .docu-example -->
|
||||||
|
|
||||||
|
<div class="docu-codeblock">
|
||||||
|
<textarea class="docu-code"><a class="clickable-bg frame island--medium link-arrow" href="#">Lorem Ipsum</a>
|
||||||
|
</textarea>
|
||||||
|
</div><!-- .docu-codeblock -->
|
||||||
|
|
||||||
|
</div><!-- .docu-section -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h1 class="docu-main-headline">Main Header</h1>
|
||||||
|
|
||||||
|
<h1 class="docu-sub-headline">Sub Header</h1>
|
||||||
|
<div class="docu-description">
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="docu-section">
|
||||||
|
<div class="docu-example">
|
||||||
|
<div class="docu-module">
|
||||||
|
<h1>bla</h1>
|
||||||
|
<h2>blubb</h2>
|
||||||
|
</div><!-- .docu-module -->
|
||||||
|
</div><!-- .docu-example -->
|
||||||
|
|
||||||
|
<div class="docu-codeblock">
|
||||||
|
<textarea class="docu-code">Code... Code...
|
||||||
|
</textarea>
|
||||||
|
</div><!-- .docu-codeblock -->
|
||||||
|
</div><!-- .docu-section -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- END CONTENT ####################### -->
|
||||||
|
|
||||||
|
<div class="docu-footer">
|
||||||
|
09/2013 - insertEFFECT GmbH
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div><!-- .docu-main -->
|
||||||
|
|
||||||
|
<script src="../js/vendor/requirejs/require.js" data-main="../js/main"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
328
doc/Icinga-Design/icinga-design.css
Normal file
328
doc/Icinga-Design/icinga-design.css
Normal file
@ -0,0 +1,328 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Icinga Design
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: sans-serif; /* 1 */
|
||||||
|
-ms-text-size-adjust: 100%; /* 2 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
color: #262625;
|
||||||
|
font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Links
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #049baf;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address `outline` inconsistency between Chrome and other browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a:focus {
|
||||||
|
outline: thin dotted;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Improve readability when focused and also mouse hovered in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a:active,
|
||||||
|
a:hover {
|
||||||
|
outline: 0;
|
||||||
|
color: #049baf;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Typography
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address variable `h1` font-size and margin within `section` and `article`
|
||||||
|
* contexts in Firefox 4+, Safari 5, and Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: #262625;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #262625;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Tables
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
|
||||||
|
table, th, td {
|
||||||
|
text-align: left;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 8px 8px 10px 8px;
|
||||||
|
border-bottom: 2px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
padding: 8px 10px 8px 8px !important;
|
||||||
|
border-bottom: 1px dotted #ddd !important;
|
||||||
|
border-top: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.pull-right {
|
||||||
|
float: right !important;
|
||||||
|
clear: right !important;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
clear: right;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-container {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 2px;
|
||||||
|
color: #ff3300;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 1;
|
||||||
|
min-width: 10px;
|
||||||
|
padding-bottom: 3px;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-top: 3px;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: baseline;
|
||||||
|
white-space: nowrap;
|
||||||
|
border: 1px solid #ff3300;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge a,
|
||||||
|
.badge a:active,
|
||||||
|
.badge a:hover,
|
||||||
|
.badge:hover {
|
||||||
|
color: #ff3300 !important;
|
||||||
|
display: block !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.host-name {
|
||||||
|
display: block;
|
||||||
|
margin-top: 5px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.active {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.output-text {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 14px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
|
||||||
|
.form-inline .form-group {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-sm {
|
||||||
|
border-radius: 3px;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
|
||||||
|
padding: 5px;
|
||||||
|
margin-right: 15px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.form-control {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border: 1px solid #CCCCCC;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 5px;
|
||||||
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
|
||||||
|
color: #555555;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
select.input-sm {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Pagination
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.pagination > .active > a,
|
||||||
|
.pagination > .active > span,
|
||||||
|
.pagination > .active > a:hover,
|
||||||
|
.pagination > .active > span:hover,
|
||||||
|
.pagination > .active > a:focus,
|
||||||
|
.pagination > .active > span:focus {
|
||||||
|
|
||||||
|
background-color: #049baf !important;
|
||||||
|
border-color: fuchsia !mportant;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.pagination-sm > li > a, .pagination-sm > li > span {
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Status colors
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.status-up {
|
||||||
|
background-color: #00cc33; /* green */
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-warning {
|
||||||
|
background-color: #00cc33; /* xx */
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-critical {
|
||||||
|
background-color: #ff3300; /* red */
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-unknown {
|
||||||
|
background-color: #00cc33; /* xx */
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending {
|
||||||
|
background-color: #00cc33; /* xx */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** Service status **/
|
||||||
|
|
||||||
|
.tacheader-status-critical {
|
||||||
|
background-color: #FF3300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tacheader-status-ok {
|
||||||
|
background-color: #00CC33;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tacheader-status-warning {
|
||||||
|
background-color: #FFA500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tacheader-status-unknown {
|
||||||
|
background-color: #E066FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Host status **/
|
||||||
|
|
||||||
|
.tacheader-status-unreachable {
|
||||||
|
background-color: #E066FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tacheader-status-down {
|
||||||
|
background-color: #FF3300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tacheader-status-up {
|
||||||
|
background-color: #00CC33;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Icons
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.icon-table {
|
||||||
|
width: 16px;
|
||||||
|
height: 20px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-flapping {
|
||||||
|
background-image: url('images/flapping.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
.icon-comment {
|
||||||
|
background-image: url('images/comment.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
.icon-unhandled {
|
||||||
|
background-image: url('images/unhandled.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
BIN
doc/Icinga-Design/images/acknowledgement.png
Normal file
BIN
doc/Icinga-Design/images/acknowledgement.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 501 B |
BIN
doc/Icinga-Design/images/comment.png
Normal file
BIN
doc/Icinga-Design/images/comment.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 491 B |
BIN
doc/Icinga-Design/images/create.png
Normal file
BIN
doc/Icinga-Design/images/create.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 475 B |
BIN
doc/Icinga-Design/images/dashboard.png
Normal file
BIN
doc/Icinga-Design/images/dashboard.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 415 B |
BIN
doc/Icinga-Design/images/disabled.png
Normal file
BIN
doc/Icinga-Design/images/disabled.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 535 B |
BIN
doc/Icinga-Design/images/edit.png
Normal file
BIN
doc/Icinga-Design/images/edit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 486 B |
BIN
doc/Icinga-Design/images/error.png
Normal file
BIN
doc/Icinga-Design/images/error.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 532 B |
BIN
doc/Icinga-Design/images/flapping.png
Normal file
BIN
doc/Icinga-Design/images/flapping.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 621 B |
BIN
doc/Icinga-Design/images/in_downtime.png
Normal file
BIN
doc/Icinga-Design/images/in_downtime.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 490 B |
BIN
doc/Icinga-Design/images/remove.png
Normal file
BIN
doc/Icinga-Design/images/remove.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 661 B |
BIN
doc/Icinga-Design/images/save.png
Normal file
BIN
doc/Icinga-Design/images/save.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 506 B |
BIN
doc/Icinga-Design/images/service.png
Normal file
BIN
doc/Icinga-Design/images/service.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 496 B |
BIN
doc/Icinga-Design/images/submit.png
Normal file
BIN
doc/Icinga-Design/images/submit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 418 B |
BIN
doc/Icinga-Design/images/unhandled.png
Normal file
BIN
doc/Icinga-Design/images/unhandled.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 553 B |
BIN
doc/Icinga-Design/images/user.png
Normal file
BIN
doc/Icinga-Design/images/user.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 487 B |
@ -21,3 +21,333 @@ body { padding-top: 70px; }
|
|||||||
z-index: 999;
|
z-index: 999;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Icinga Design
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: sans-serif; /* 1 */
|
||||||
|
-ms-text-size-adjust: 100%; /* 2 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
color: #262625;
|
||||||
|
font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Links
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #049baf;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address `outline` inconsistency between Chrome and other browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a:focus {
|
||||||
|
outline: thin dotted;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Improve readability when focused and also mouse hovered in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a:active,
|
||||||
|
a:hover {
|
||||||
|
outline: 0;
|
||||||
|
color: #049baf;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Typography
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address variable `h1` font-size and margin within `section` and `article`
|
||||||
|
* contexts in Firefox 4+, Safari 5, and Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: #262625;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #262625;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Tables
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
|
||||||
|
table, th, td {
|
||||||
|
text-align: left;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 8px 8px 10px 8px;
|
||||||
|
border-bottom: 2px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
padding: 8px 10px 8px 8px !important;
|
||||||
|
border-bottom: 1px dotted #ddd !important;
|
||||||
|
border-top: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.pull-right {
|
||||||
|
float: right !important;
|
||||||
|
clear: right !important;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
clear: right;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-container {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 2px;
|
||||||
|
color: #ff3300;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 1;
|
||||||
|
min-width: 10px;
|
||||||
|
padding-bottom: 3px;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-top: 3px;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: baseline;
|
||||||
|
white-space: nowrap;
|
||||||
|
border: 1px solid #ff3300;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge a,
|
||||||
|
.badge a:active,
|
||||||
|
.badge a:hover,
|
||||||
|
.badge:hover {
|
||||||
|
color: #ff3300 !important;
|
||||||
|
display: block !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.host-name {
|
||||||
|
display: block;
|
||||||
|
margin-top: 5px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.active {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.output-text {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 14px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
|
||||||
|
.form-inline .form-group {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-sm {
|
||||||
|
border-radius: 3px;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
|
||||||
|
padding: 5px;
|
||||||
|
margin-right: 15px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.form-control {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border: 1px solid #CCCCCC;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 5px;
|
||||||
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
|
||||||
|
color: #555555;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
select.input-sm {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Pagination
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.pagination > .active > a,
|
||||||
|
.pagination > .active > span,
|
||||||
|
.pagination > .active > a:hover,
|
||||||
|
.pagination > .active > span:hover,
|
||||||
|
.pagination > .active > a:focus,
|
||||||
|
.pagination > .active > span:focus {
|
||||||
|
|
||||||
|
background-color: #049baf !important;
|
||||||
|
border-color: fuchsia !mportant;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.pagination-sm > li > a, .pagination-sm > li > span {
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Status colors
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.status-up {
|
||||||
|
background-color: #00cc33; /* green */
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-warning {
|
||||||
|
background-color: #00cc33; /* xx */
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-critical {
|
||||||
|
background-color: #ff3300; /* red */
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-unknown {
|
||||||
|
background-color: #00cc33; /* xx */
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pending {
|
||||||
|
background-color: #00cc33; /* xx */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** Service status **/
|
||||||
|
|
||||||
|
.tacheader-status-critical {
|
||||||
|
background-color: #FF3300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tacheader-status-ok {
|
||||||
|
background-color: #00CC33;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tacheader-status-warning {
|
||||||
|
background-color: #FFA500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tacheader-status-unknown {
|
||||||
|
background-color: #E066FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Host status **/
|
||||||
|
|
||||||
|
.tacheader-status-unreachable {
|
||||||
|
background-color: #E066FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tacheader-status-down {
|
||||||
|
background-color: #FF3300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tacheader-status-up {
|
||||||
|
background-color: #00CC33;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Icons
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.icon-table {
|
||||||
|
width: 16px;
|
||||||
|
height: 20px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-flapping {
|
||||||
|
background-image: url('images/flapping.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
.icon-comment {
|
||||||
|
background-image: url('images/comment.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
.icon-unhandled {
|
||||||
|
background-image: url('images/unhandled.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user