diff --git a/plugins/show-linked-portals.css b/plugins/show-linked-portals.css
new file mode 100644
index 00000000..4c63e97d
--- /dev/null
+++ b/plugins/show-linked-portals.css
@@ -0,0 +1,62 @@
+#level {
+	text-align: center;
+	margin-right: -0.5em;
+	position: relative;
+	right: 50%;
+	width: 1em;
+}
+.showLinkedPortalLink {
+	cursor: pointer;
+	position: absolute;
+	height: 40px;
+	width: 50px;
+	border-width: 1px;
+	overflow: hidden;
+	text-align: center;
+	background: #0e3d4e;
+}
+.showLinkedPortalLink.outgoing {
+	border-style: dashed;
+}
+.showLinkedPortalLink.incoming {
+	border-style: dotted;
+}
+.showLinkedPortalLink .minImg {
+	height: 40px;
+}
+.showLinkedPortalLink.outOfRange span {
+	font-size: 10px;
+}
+.showLinkedPortalOverflow {
+	left: 50%;
+	margin-left:-25px;
+	cursor: default;
+}
+
+.showLinkedPortalLink1, .showLinkedPortalLink2, .showLinkedPortalLink3, .showLinkedPortalLink4 {
+	left: 5px;
+}
+.showLinkedPortalLink5, .showLinkedPortalLink6, .showLinkedPortalLink7, .showLinkedPortalLink8 {
+	right: 5px;
+}
+.showLinkedPortalLink9, .showLinkedPortalLink10, .showLinkedPortalLink11, .showLinkedPortalLink12 {
+	left: 59px;
+}
+.showLinkedPortalLink13, .showLinkedPortalLink14, .showLinkedPortalLink15, .showLinkedPortalLink16 {
+	right: 59px
+}
+
+.showLinkedPortalLink1, .showLinkedPortalLink5, .showLinkedPortalLink9, .showLinkedPortalLink13 {
+	top: 23px;
+}
+.showLinkedPortalLink2, .showLinkedPortalLink6, .showLinkedPortalLink10, .showLinkedPortalLink14 {
+	top: 72px;
+}
+.showLinkedPortalLink3, .showLinkedPortalLink7, .showLinkedPortalLink11, .showLinkedPortalLink15 {
+	top: 122px;
+}
+.showLinkedPortalLink4, .showLinkedPortalLink8, .showLinkedPortalLink12, .showLinkedPortalLink16,
+.showLinkedPortalOverflow {
+	top: 171px;
+}
+
diff --git a/plugins/show-linked-portals.user.js b/plugins/show-linked-portals.user.js
index 4dd24fa4..cfd8cf12 100644
--- a/plugins/show-linked-portals.user.js
+++ b/plugins/show-linked-portals.user.js
@@ -48,7 +48,7 @@ window.plugin.showLinkedPortal.portalDetail = function (data) {
     var lat = link[key + 'LatE6']/1E6;
     var lng = link[key + 'LngE6']/1E6;
 
-    var div = $('<div>').addClass('showLinkedPortalLink showLinkedPortalLink' + c);
+    var div = $('<div>').addClass('showLinkedPortalLink showLinkedPortalLink' + c + (key=='d' ? ' outgoing' : ' incoming'));
 
     var title;
 
@@ -152,23 +152,7 @@ plugin.showLinkedPortal.removePreview = function() {
 
 var setup = function () {
   window.addHook('portalDetailsUpdated', window.plugin.showLinkedPortal.portalDetail);
-  $('head').append('<style>' +
-    '.showLinkedPortalLink{cursor: pointer; position: absolute; height: 40px; width: 50px; border:solid 1px; overflow: hidden; text-align: center; background: #0e3d4e;}' +
-    '.showLinkedPortalLink .minImg{height: 40px;}' +
-    '.showLinkedPortalLink.outOfRange span{font-size: 10px;}' +
-
-    '.showLinkedPortalLink1,.showLinkedPortalLink2,.showLinkedPortalLink3,.showLinkedPortalLink4 {left: 5px}' +
-    '.showLinkedPortalLink5,.showLinkedPortalLink6,.showLinkedPortalLink7,.showLinkedPortalLink8 {right: 5px}' +
-    '.showLinkedPortalLink9,.showLinkedPortalLink10,.showLinkedPortalLink11,.showLinkedPortalLink12 {left: 59px}' +
-    '.showLinkedPortalLink13,.showLinkedPortalLink14,.showLinkedPortalLink15,.showLinkedPortalLink16 {right: 59px}' +
-
-    '.showLinkedPortalLink1,.showLinkedPortalLink5,.showLinkedPortalLink9,.showLinkedPortalLink13 {top: 23px; }' +
-    '.showLinkedPortalLink2,.showLinkedPortalLink6,.showLinkedPortalLink10,.showLinkedPortalLink14 {top: 72px; }' +
-    '.showLinkedPortalLink3,.showLinkedPortalLink7,.showLinkedPortalLink11,.showLinkedPortalLink15 {top: 122px; }' +
-    '.showLinkedPortalLink4,.showLinkedPortalLink8,.showLinkedPortalLink12,.showLinkedPortalLink16,.showLinkedPortalOverflow {top: 171px; }' +
-    '.showLinkedPortalOverflow{left: 50%;margin-left:-25px;cursor: default;}' +
-    '#level{text-align: center; margin-right: -0.5em; position: relative; right: 50%; width: 1em;}' +
-    '</style>');
+  $('<style>').prop('type', 'text/css').html('@@INCLUDESTRING:plugins/show-linked-portals.css@@').appendTo('head');
 }
 // PLUGIN END //////////////////////////////////////////////////////////