mirror of
https://github.com/Icinga/icingaweb2.git
synced 2025-07-25 23:04:51 +02:00
Eric Lippmann
parent
73242da6bc
commit
181f6d5285
@ -27,7 +27,7 @@ class StyleSheet
|
|||||||
'css/icinga/footer-elements.less',
|
'css/icinga/footer-elements.less',
|
||||||
// 'css/icinga/main-content.less',
|
// 'css/icinga/main-content.less',
|
||||||
'css/icinga/tabs.less',
|
'css/icinga/tabs.less',
|
||||||
// 'css/icinga/forms.less',
|
'css/icinga/forms.less',
|
||||||
'css/icinga/setup.less',
|
'css/icinga/setup.less',
|
||||||
'css/icinga/widgets.less',
|
'css/icinga/widgets.less',
|
||||||
'css/icinga/pagination.less',
|
'css/icinga/pagination.less',
|
||||||
|
|||||||
@ -1,418 +1,418 @@
|
|||||||
/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
|
/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
|
||||||
|
|
||||||
div.config-form-buttons {
|
//div.config-form-buttons {
|
||||||
margin-top: 5px;
|
// margin-top: 5px;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
table.configTable {
|
//table.configTable {
|
||||||
border-spacing: 15px;
|
// border-spacing: 15px;
|
||||||
border-collapse: separate;
|
// border-collapse: separate;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
td.configTable {
|
//td.configTable {
|
||||||
border: solid;
|
// border: solid;
|
||||||
border-width: thin;
|
// border-width: thin;
|
||||||
padding: 10px;
|
// padding: 10px;
|
||||||
min-width: 300px;
|
// min-width: 300px;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
.form-element {
|
//.form-element {
|
||||||
margin-bottom: 1em;
|
// margin-bottom: 1em;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
label {
|
//label {
|
||||||
display: block;
|
// display: block;
|
||||||
font-weight: bold;
|
// font-weight: bold;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input, select, textarea {
|
//input, select, textarea {
|
||||||
box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
// -moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
// -webkit-box-sizing: border-box;
|
||||||
border: 1px solid #ddd;
|
// border: 1px solid #ddd;
|
||||||
font-size: 0.9em;
|
// font-size: 0.9em;
|
||||||
padding: 0.2em;
|
// padding: 0.2em;
|
||||||
background: #fff;
|
// background: #fff;
|
||||||
font-family: Calibri, Helvetica, sans-serif;
|
// font-family: Calibri, Helvetica, sans-serif;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input[type=checkbox] {
|
//input[type=checkbox] {
|
||||||
margin-top: 0.3em;
|
// margin-top: 0.3em;
|
||||||
margin-bottom: 0.1em;
|
// margin-bottom: 0.1em;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input:focus, select:focus {
|
//input:focus, select:focus {
|
||||||
border-color: #333;
|
// border-color: #333;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input[type=submit] {
|
//input[type=submit] {
|
||||||
font-weight: bold;
|
// font-weight: bold;
|
||||||
text-align: center;
|
// text-align: center;
|
||||||
color: #fff;
|
// color: #fff;
|
||||||
border: 1px solid;
|
// border: 1px solid;
|
||||||
border-color: @colorPetrol;
|
// border-color: @colorPetrol;
|
||||||
background: @colorPetrol;
|
// background: @colorPetrol;
|
||||||
outline: 0;
|
// outline: 0;
|
||||||
|
//
|
||||||
&[disabled] {
|
// &[disabled] {
|
||||||
background-color: #666;
|
// background-color: #666;
|
||||||
border-color: black;
|
// border-color: black;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
&:hover[disabled], &:active[disabled], &:focus[disabled] {
|
// &:hover[disabled], &:active[disabled], &:focus[disabled] {
|
||||||
background-color: #666;
|
// background-color: #666;
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input[type=submit]:hover, a.button:hover, input[type=submit]:focus {
|
//input[type=submit]:hover, a.button:hover, input[type=submit]:focus {
|
||||||
background-color: #333;
|
// background-color: #333;
|
||||||
border-color: #333;
|
// border-color: #333;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input[type=submit]:hover, a.button:hover {
|
//input[type=submit]:hover, a.button:hover {
|
||||||
cursor: pointer;
|
// cursor: pointer;
|
||||||
color: white;
|
// color: white;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input:focus, select:focus {
|
//input:focus, select:focus {
|
||||||
background: white;
|
// background: white;
|
||||||
outline: 0;
|
// outline: 0;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input::-moz-placeholder {
|
//input::-moz-placeholder {
|
||||||
color: #333;
|
// color: #333;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input::-webkit-input-placeholder {
|
//input::-webkit-input-placeholder {
|
||||||
color: #333;
|
// color: #333;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input:-ms-input-placeholder {
|
//input:-ms-input-placeholder {
|
||||||
color: #333;
|
// color: #333;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input::-moz-focus-inner {
|
//input::-moz-focus-inner {
|
||||||
border: 0;
|
// border: 0;
|
||||||
outline: 0;
|
// outline: 0;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
button::-moz-focus-inner {
|
//button::-moz-focus-inner {
|
||||||
border: 0;
|
// border: 0;
|
||||||
outline: 0;
|
// outline: 0;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
select::-moz-focus-inner {
|
//select::-moz-focus-inner {
|
||||||
border: 0;
|
// border: 0;
|
||||||
outline: 0;
|
// outline: 0;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form.inline {
|
//form.inline {
|
||||||
margin: 0;
|
// margin: 0;
|
||||||
padding: 0;
|
// padding: 0;
|
||||||
display: inline;
|
// display: inline;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
div.spinner {
|
//div.spinner {
|
||||||
display: inline-block;
|
// display: inline-block;
|
||||||
margin-top: 0.2em;
|
// margin-top: 0.2em;
|
||||||
margin-left: 0.25em;
|
// margin-left: 0.25em;
|
||||||
|
//
|
||||||
i {
|
// i {
|
||||||
visibility: hidden;
|
// visibility: hidden;
|
||||||
|
//
|
||||||
&.active {
|
// &.active {
|
||||||
visibility: visible;
|
// visibility: visible;
|
||||||
|
//
|
||||||
&:before {
|
// &:before {
|
||||||
.animate(spin 2s infinite linear);
|
// .animate(spin 2s infinite linear);
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
&:before {
|
// &:before {
|
||||||
margin: 0; // Disables wobbling
|
// margin: 0; // Disables wobbling
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
button.animated.active {
|
//button.animated.active {
|
||||||
&.move-up i:before {
|
// &.move-up i:before {
|
||||||
.animate(move-vertical 500ms infinite linear);
|
// .animate(move-vertical 500ms infinite linear);
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
&.move-down i:before {
|
// &.move-down i:before {
|
||||||
.animate(move-vertical 500ms infinite linear reverse);
|
// .animate(move-vertical 500ms infinite linear reverse);
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
button, .button-like {
|
//button, .button-like {
|
||||||
font-size: 0.9em;
|
// font-size: 0.9em;
|
||||||
font-weight: bold;
|
// font-weight: bold;
|
||||||
outline: 0;
|
// outline: 0;
|
||||||
color: #fff;
|
// color: #fff;
|
||||||
padding: 0.2em;
|
// padding: 0.2em;
|
||||||
border: 1px solid;
|
// border: 1px solid;
|
||||||
border-color: @colorPetrol;
|
// border-color: @colorPetrol;
|
||||||
background: @colorPetrol;
|
// background: @colorPetrol;
|
||||||
|
//
|
||||||
&[disabled] {
|
// &[disabled] {
|
||||||
background-color: #666;
|
// background-color: #666;
|
||||||
border-color: black;
|
// border-color: black;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
&:hover, &:focus, &:active {
|
// &:hover, &:focus, &:active {
|
||||||
background-color: #333;
|
// background-color: #333;
|
||||||
border-color: #333;
|
// border-color: #333;
|
||||||
cursor: pointer;
|
// cursor: pointer;
|
||||||
|
//
|
||||||
&[disabled] {
|
// &[disabled] {
|
||||||
background-color: #666;
|
// background-color: #666;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
.button-like {
|
//.button-like {
|
||||||
display: inline-block;
|
// display: inline-block;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
a.button-like {
|
//a.button-like {
|
||||||
cursor: default;
|
// cursor: default;
|
||||||
text-decoration: none;
|
// text-decoration: none;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form.link-like input[type="submit"], form.link-like button[type="submit"], input.link-like, button.link-like {
|
//form.link-like input[type="submit"], form.link-like button[type="submit"], input.link-like, button.link-like {
|
||||||
color: @colorLinkDefault;
|
// color: @colorLinkDefault;
|
||||||
font-weight: normal;
|
// font-weight: normal;
|
||||||
border: none;
|
// border: none;
|
||||||
background: none;
|
// background: none;
|
||||||
padding: 0;
|
// padding: 0;
|
||||||
font-size: 1em;
|
// font-size: 1em;
|
||||||
cursor: pointer;
|
// cursor: pointer;
|
||||||
|
//
|
||||||
&.icon-only {
|
// &.icon-only {
|
||||||
color: inherit;
|
// color: inherit;
|
||||||
font-size: 1.5em;
|
// font-size: 1.5em;
|
||||||
|
//
|
||||||
&:hover, &:focus, &:active {
|
// &:hover, &:focus, &:active {
|
||||||
color: #666;
|
// color: #666;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form.link-like input[type="submit"]:hover,
|
//form.link-like input[type="submit"]:hover,
|
||||||
form.link-like input[type="submit"]:focus,
|
//form.link-like input[type="submit"]:focus,
|
||||||
form.link-like input[type="submit"]:active,
|
//form.link-like input[type="submit"]:active,
|
||||||
form.link-like button[type="submit"]:hover,
|
//form.link-like button[type="submit"]:hover,
|
||||||
form.link-like button[type="submit"]:focus,
|
//form.link-like button[type="submit"]:focus,
|
||||||
form.link-like button[type="submit"]:active,
|
//form.link-like button[type="submit"]:active,
|
||||||
input.link-like:hover,
|
//input.link-like:hover,
|
||||||
input.link-like:focus,
|
//input.link-like:focus,
|
||||||
input.link-like:active,
|
//input.link-like:active,
|
||||||
button.link-like:hover,
|
//button.link-like:hover,
|
||||||
button.link-like:focus,
|
//button.link-like:focus,
|
||||||
button.link-like:active {
|
//button.link-like:active {
|
||||||
text-decoration: underline;
|
// text-decoration: underline;
|
||||||
background: none;
|
// background: none;
|
||||||
color: @colorLinkDefault;
|
// color: @colorLinkDefault;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
.non-list-like-list {
|
//.non-list-like-list {
|
||||||
list-style-type: none;
|
// list-style-type: none;
|
||||||
margin: 0;
|
// margin: 0;
|
||||||
padding: 0.5em 0.5em 0;
|
// padding: 0.5em 0.5em 0;
|
||||||
|
//
|
||||||
li {
|
// li {
|
||||||
padding-bottom: 0.5em;
|
// padding-bottom: 0.5em;
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form div.element ul.errors {
|
//form div.element ul.errors {
|
||||||
.non-list-like-list;
|
// .non-list-like-list;
|
||||||
margin: 0.3em 0 0 0.6em;
|
// margin: 0.3em 0 0 0.6em;
|
||||||
|
//
|
||||||
li {
|
// li {
|
||||||
color: @colorCritical;
|
// color: @colorCritical;
|
||||||
font-weight: bold;
|
// font-weight: bold;
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form ul.form-errors {
|
//form ul.form-errors {
|
||||||
.non-list-like-list;
|
// .non-list-like-list;
|
||||||
margin-bottom: 1em;
|
// margin-bottom: 1em;
|
||||||
background-color: @colorCritical;
|
// background-color: @colorCritical;
|
||||||
|
//
|
||||||
ul.errors {
|
// ul.errors {
|
||||||
.non-list-like-list;
|
// .non-list-like-list;
|
||||||
padding: 0;
|
// padding: 0;
|
||||||
|
//
|
||||||
li:last-child {
|
// li:last-child {
|
||||||
padding-bottom: 0;
|
// padding-bottom: 0;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
li {
|
// li {
|
||||||
color: white;
|
// color: white;
|
||||||
font-weight: bold;
|
// font-weight: bold;
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form ul.form-notifications {
|
//form ul.form-notifications {
|
||||||
.non-list-like-list;
|
// .non-list-like-list;
|
||||||
margin-bottom: 1em;
|
// margin-bottom: 1em;
|
||||||
padding: 0;
|
// padding: 0;
|
||||||
|
//
|
||||||
ul {
|
// ul {
|
||||||
.non-list-like-list;
|
// .non-list-like-list;
|
||||||
|
//
|
||||||
&.info {
|
// &.info {
|
||||||
background-color: @colorFormNotificationInfo;
|
// background-color: @colorFormNotificationInfo;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
&.warning {
|
// &.warning {
|
||||||
background-color: @colorFormNotificationWarning;
|
// background-color: @colorFormNotificationWarning;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
&.error {
|
// &.error {
|
||||||
background-color: @colorFormNotificationError;
|
// background-color: @colorFormNotificationError;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
li {
|
// li {
|
||||||
color: white;
|
// color: white;
|
||||||
font-weight: bold;
|
// font-weight: bold;
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form div.element {
|
//form div.element {
|
||||||
margin-top: 0.5em;
|
// margin-top: 0.5em;
|
||||||
margin-bottom: 0.5em;
|
// margin-bottom: 0.5em;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form label {
|
//form label {
|
||||||
display: inline-block;
|
// display: inline-block;
|
||||||
vertical-align: top;
|
// vertical-align: top;
|
||||||
margin-top: 0.25em;
|
// margin-top: 0.25em;
|
||||||
margin-right: 1em;
|
// margin-right: 1em;
|
||||||
font-size: 0.9em;
|
// font-size: 0.9em;
|
||||||
width: 10em;
|
// width: 10em;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form div.element i.help:before {
|
//form div.element i.help:before {
|
||||||
margin-top: 0.25em;
|
// margin-top: 0.25em;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
label ~ * {
|
//label ~ * {
|
||||||
vertical-align: top;
|
// vertical-align: top;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form dt {
|
//form dt {
|
||||||
vertical-align: top;
|
// vertical-align: top;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
select, input[type=text], textarea {
|
//select, input[type=text], textarea {
|
||||||
width: 20em;
|
// width: 20em;
|
||||||
display: inline-block;
|
// display: inline-block;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
textarea {
|
//textarea {
|
||||||
height: 4em;
|
// height: 4em;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
textarea.resource {
|
//textarea.resource {
|
||||||
&.ssh-identity {
|
// &.ssh-identity {
|
||||||
width: 50%;
|
// width: 50%;
|
||||||
height: 25em;
|
// height: 25em;
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form .description {
|
//form .description {
|
||||||
font-size: 0.8em;
|
// font-size: 0.8em;
|
||||||
margin: 0.3em 0 0 0.6em;
|
// margin: 0.3em 0 0 0.6em;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
.description {
|
//.description {
|
||||||
display: block;
|
// display: block;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
select.grant-permissions {
|
//select.grant-permissions {
|
||||||
height: 20em;
|
// height: 20em;
|
||||||
width: auto;
|
// width: auto;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
label ~ input, label ~ select, label ~ textarea {
|
//label ~ input, label ~ select, label ~ textarea {
|
||||||
margin-left: 1.3em;
|
// margin-left: 1.3em;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
label + i ~ input, label + i ~ select, label + i ~ textarea {
|
//label + i ~ input, label + i ~ select, label + i ~ textarea {
|
||||||
margin-left: 0;
|
// margin-left: 0;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
button.noscript-apply {
|
//button.noscript-apply {
|
||||||
margin-left: 0.5em;
|
// margin-left: 0.5em;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
i.autosubmit-warning {
|
//i.autosubmit-warning {
|
||||||
display: inline-block;
|
// display: inline-block;
|
||||||
margin-left: 0.2em;
|
// margin-left: 0.2em;
|
||||||
margin-top: 0.25em;
|
// margin-top: 0.25em;
|
||||||
|
//
|
||||||
&:before {
|
// &:before {
|
||||||
margin: 0; // Disables wobbling
|
// margin: 0; // Disables wobbling
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
&.spinning:before {
|
// &.spinning:before {
|
||||||
content: '\e874'; // icon-spin6
|
// content: '\e874'; // icon-spin6
|
||||||
.animate(spin 2s infinite linear);
|
// .animate(spin 2s infinite linear);
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
input[type=checkbox] + i.autosubmit-warning {
|
//input[type=checkbox] + i.autosubmit-warning {
|
||||||
margin-top: 0.15em;
|
// margin-top: 0.15em;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
html.no-js i.autosubmit-warning {
|
//html.no-js i.autosubmit-warning {
|
||||||
.sr-only;
|
// .sr-only;
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form ul.descriptions {
|
//form ul.descriptions {
|
||||||
.info-box;
|
// .info-box;
|
||||||
padding: 0.5em 0.5em 0 1.8em;
|
// padding: 0.5em 0.5em 0 1.8em;
|
||||||
|
//
|
||||||
li {
|
// li {
|
||||||
padding-bottom: 0.5em;
|
// padding-bottom: 0.5em;
|
||||||
|
//
|
||||||
&:only-child {
|
// &:only-child {
|
||||||
margin-left: -1.3em;
|
// margin-left: -1.3em;
|
||||||
list-style-type: none;
|
// list-style-type: none;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
form ul.hints {
|
//form ul.hints {
|
||||||
.non-list-like-list;
|
// .non-list-like-list;
|
||||||
padding: 0.5em 0.5em 0 0.5em;
|
// padding: 0.5em 0.5em 0 0.5em;
|
||||||
|
//
|
||||||
li {
|
// li {
|
||||||
font-size: 0.8em;
|
// font-size: 0.8em;
|
||||||
padding-bottom: 0.5em;
|
// padding-bottom: 0.5em;
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
//
|
||||||
.control-group {
|
//.control-group {
|
||||||
& > * {
|
// & > * {
|
||||||
float: left;
|
// float: left;
|
||||||
margin-right: 0.5em;
|
// margin-right: 0.5em;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
div.element {
|
// div.element {
|
||||||
margin-top: 0;
|
// margin-top: 0;
|
||||||
margin-bottom: 0;
|
// margin-bottom: 0;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
&:after {
|
// &:after {
|
||||||
content: ".";
|
// content: ".";
|
||||||
visibility: hidden;
|
// visibility: hidden;
|
||||||
display: block;
|
// display: block;
|
||||||
height: 0;
|
// height: 0;
|
||||||
clear: both;
|
// clear: both;
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user