Merge pull request #375 from boombuler/dialog_style

new style for dialogs + tooltips
This commit is contained in:
Stefan Breunig 2013-03-04 14:40:52 -08:00
commit 48c9ebd7b3
2 changed files with 17 additions and 12 deletions

View File

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

View File

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