From 19aeec6264637a6024cfea2aa2c44533a3d659b8 Mon Sep 17 00:00:00 2001
From: dennisdebel <dennisdebel@gmail.com>
Date: Thu, 21 May 2015 15:03:36 +0200
Subject: [PATCH] styled nodshops mobile

---
 web/style.css | 77 ++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 52 insertions(+), 25 deletions(-)

diff --git a/web/style.css b/web/style.css
index f9b8ec2..0d6eb6e 100755
--- a/web/style.css
+++ b/web/style.css
@@ -48,6 +48,33 @@ body{
     image-rendering: optimize-contrast;
     -ms-interpolation-mode: nearest-neighbor;
   }
+
+  .nodehops{
+  position: absolute;
+  float: right;
+  right:20px;
+  text-align: right;
+  padding: 0px;
+  margin-top:-60px;
+  -moz-box-shadow:0 0 23px #bbb;
+  -webkit-box-shadow:0 0 23px #bbb;
+  box-shadow:0 0 23px #bbb;
+  -webkit-border-top-left-radius:123px;
+  -webkit-border-top-right-radius:123px;
+  -webkit-border-bottom-right-radius:123px;
+  -webkit-border-bottom-left-radius:123px;
+  -moz-border-radius-bottomright:123px;
+  -moz-border-radius-bottomleft:123px;
+  -moz-border-top-left-radius:123px;
+  -moz-border-top-right-radius:123px;
+  border-top-left-radius:123px;
+  border-top-right-radius:123px;
+  border-bottom-right-radius:123px;
+  border-bottom-left-radius:123px;
+  background:#fff;
+
+}
+
 }
 
 /* resize images on desktop */
@@ -99,6 +126,31 @@ img.photo-message{
     border-bottom-left-radius:123px;
   }
 
+.nodehops{
+  position: absolute;
+  float: right;
+  right:20px;
+  text-align: right;
+  padding: 4px;
+  margin-top:-60px;
+  -moz-box-shadow:0 0 23px #bbb;
+  -webkit-box-shadow:0 0 23px #bbb;
+  box-shadow:0 0 23px #bbb;
+  -webkit-border-top-left-radius:123px;
+  -webkit-border-top-right-radius:123px;
+  -webkit-border-bottom-right-radius:123px;
+  -webkit-border-bottom-left-radius:123px;
+  -moz-border-radius-bottomright:123px;
+  -moz-border-radius-bottomleft:123px;
+  -moz-border-top-left-radius:123px;
+  -moz-border-top-right-radius:123px;
+  border-top-left-radius:123px;
+  border-top-right-radius:123px;
+  border-bottom-right-radius:123px;
+  border-bottom-left-radius:123px;
+  background:#fff;
+
+}
 }
 
 
@@ -420,31 +472,6 @@ hr{
   background:#fff;
 }
 
-.nodehops{
-  position: absolute;
-  float: right;
-  right:20px;
-  text-align: right;
-  padding: 4px;
-  margin-top:-60px;
-  -moz-box-shadow:0 0 23px #bbb;
-  -webkit-box-shadow:0 0 23px #bbb;
-  box-shadow:0 0 23px #bbb;
-  -webkit-border-top-left-radius:123px;
-  -webkit-border-top-right-radius:123px;
-  -webkit-border-bottom-right-radius:123px;
-  -webkit-border-bottom-left-radius:123px;
-  -moz-border-radius-bottomright:123px;
-  -moz-border-radius-bottomleft:123px;
-  -moz-border-top-left-radius:123px;
-  -moz-border-top-right-radius:123px;
-  border-top-left-radius:123px;
-  border-top-right-radius:123px;
-  border-bottom-right-radius:123px;
-  border-bottom-left-radius:123px;
-  background:#fff;
-
-}
 
 .node, .hops {
   font-size:10px;