diff --git a/library/Icinga/Web/StyleSheet.php b/library/Icinga/Web/StyleSheet.php index f22e66d33..dd45743fd 100644 --- a/library/Icinga/Web/StyleSheet.php +++ b/library/Icinga/Web/StyleSheet.php @@ -28,6 +28,7 @@ class StyleSheet 'css/icinga/pagination.less', 'css/icinga/selection-toolbar.less', 'css/icinga/login.less', + 'css/icinga/logo.less', 'css/icinga/controls.less' ); diff --git a/public/css/icinga/layout-structure.less b/public/css/icinga/layout-structure.less index 47adbca7c..fcb5ff390 100644 --- a/public/css/icinga/layout-structure.less +++ b/public/css/icinga/layout-structure.less @@ -280,9 +280,6 @@ html { } #login { - .logo .image img { - width: 70%; - } .form { width: 100%; margin: auto; diff --git a/public/css/icinga/login.less b/public/css/icinga/login.less index a24265e88..1ffdebd40 100644 --- a/public/css/icinga/login.less +++ b/public/css/icinga/login.less @@ -4,37 +4,11 @@ width: 100%; height: 100%; - .logo { - background-color: @colorPetrol; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 60%; - border-bottom: 1px solid #d9d9d9d; - text-align: center; - -webkit-box-shadow: 0 3px 7px -3px #000; - -moz-box-shadow: 0 3px 7px -3px #000; - box-shadow: 0 3px 7px -3px #000; - } - - .image { - position: absolute; - bottom: 1em; - left: 0px; - right: 0px; - text-align: center; - } - .error { margin-left:auto; margin-right:auto; } - .image img { - width: 375px; - } - .form { position: absolute; font-size: 0.9em; diff --git a/public/css/icinga/logo.less b/public/css/icinga/logo.less new file mode 100644 index 000000000..25860b112 --- /dev/null +++ b/public/css/icinga/logo.less @@ -0,0 +1,33 @@ +/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */ + +.logo { + background-color: @colorPetrol; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 60%; + border-bottom: 1px solid #d9d9d9d; + text-align: center; + -webkit-box-shadow: 0 3px 7px -3px #000; + -moz-box-shadow: 0 3px 7px -3px #000; + box-shadow: 0 3px 7px -3px #000; + + .image { + position: absolute; + bottom: 1em; + left: 0px; + right: 0px; + text-align: center; + + img { + width: 375px; + } + } +} + +#layout.minimal-layout { + .logo .image img { + width: 70%; + } +}