CSS: outsource .logo related rules into a new .less file `logo.less'

refs #10009

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'
     );
 

public/css/icinga/layout-structure.less

@@ -280,9 +280,6 @@ html {
   }
 
   #login {
-    .logo .image img {
-      width: 70%;
-    }
     .form {
       width: 100%;
       margin: auto;

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;

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%;
+  }
+}