From cd3aaa47ca60954d4a48fe109631f67efebf6d9c Mon Sep 17 00:00:00 2001
From: bjarnef <bjarne_fyrstenborg@hotmail.com>
Date: Thu, 19 Nov 2015 00:25:05 +0100
Subject: [PATCH] Add retina version of Umbraco logo in login screen

---
 src/Umbraco.Web.UI.Client/src/less/login.less | 38 ++++++++++++++++---
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/login.less b/src/Umbraco.Web.UI.Client/src/less/login.less
index 751ea8f3f0..a5ced443ff 100644
--- a/src/Umbraco.Web.UI.Client/src/less/login.less
+++ b/src/Umbraco.Web.UI.Client/src/less/login.less
@@ -9,13 +9,41 @@
     color: @white;
     position: absolute;
     z-index: 10000;
-    top: 0px;
-    left: 0px;
-    margin: 0 !Important;
+    top: 0;
+    left: 0;
+    margin: 0 !important;
     padding: 0;
     border-radius: 0;
 }
 
+/* 1.5 dpr */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (min-resolution: 144dpi)
+{
+    .login-overlay {
+        background-image: url(../img/application/logo@2x.png) !important;
+    }
+}
+
+/* 2.0 dpr */
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+       only screen and (min-resolution: 192dpi)
+{
+    .login-overlay {
+        background-image: url(../img/application/logo@2x.png) !important;
+    }
+}
+
+/* 3.0 dpr - For iPhone 6 Plus, Samsung Galaxy S5 and similar devices */
+@media only screen and (-webkit-min-device-pixel-ratio: 3),
+       only screen and (min-resolution: 3dppx), /* default way */
+       only screen and (min-resolution: 350dpi) /* dppx fallback */
+{
+    .login-overlay {
+        background-image: url(../img/application/logo@3x.png) !important;
+    }
+}
+
 .login-overlay .umb-modalcolumn {
     background: none;
     border: none;
@@ -62,7 +90,7 @@
 }
 
 #hrOr hr {
-    margin: 0px;
+    margin: 0;
     border: none;
     background-color: @gray;
     height: 1px;
@@ -79,4 +107,4 @@
     height: 20px;
     margin: auto;
     color: @grayLight;
-}
+}
\ No newline at end of file