Merge pull request #375 from boombuler/dialog_style

new style for dialogs + tooltips

plugins/player-tracker.user.js

@@ -204,9 +204,9 @@ window.plugin.playerTracker.drawData = function() {
     var evtsLength = playerData.events.length;
     var last = playerData.events[evtsLength-1];
     var ago = plugin.playerTracker.ago;
-    var color = playerData.team === 'ALIENS' ? '#029C02' : '#00789C';
+    var cssClass = playerData.team === 'ALIENS' ? 'enl' : 'res';
     var title =
-        '<span style="font-weight:bold; color:'+color+'">' + playerData.nick + '</span>\n'
+        '<span class="nickname '+ cssClass+'" style="font-weight:bold;">' + playerData.nick + '</span>\n'
         + ago(last.time, now) + ' minutes ago\n'
         + last.name;
     // show previous data in tooltip

style.css

@@ -679,15 +679,18 @@ aside {
   max-width: 300px;
   position: absolute;
   z-index: 9999;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  color: #222;
+  background-color: rgba(8, 48, 78, 0.9);
+  border: 1px solid #20A8B1;
+  color: #eee;
   font: 13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
   padding: 2px 4px;
 }
 
+.ui-tooltip, .ui-dialog a {
+  color: #FFCE00;
+}
+
 .ui-dialog {
-  border: 1px solid #0F0F0F;
   padding: 0;
   border-radius: 2px;
 }
@@ -715,14 +718,9 @@ aside {
   max-width: 700px !important;
 }
 
-.ui-dialog a {
-  color: #0000ca;
-}
-
 .ui-dialog-buttonpane {
-  background: #F2F2F2;
   padding: 12px;
-  border-top: 1px solid #E6E6E6;
+  border-top: 1px solid #20A8B1;
 }
 
 .ui-dialog-buttonset {
@@ -732,6 +730,13 @@ aside {
 .ui-dialog-buttonset button {
   padding: 2px;
   min-width: 80px;
+  color: #FFCE00;
+  border: 1px solid #FFCE00;
+  background-color: rgba(8, 48, 78, 0.9);
+}
+
+.ui-dialog-buttonset button:hover {
+  text-decoration: underline;
 }
 
 td {