Updated button.close styles

4 files changed, 27 insertions, 8 deletions

diff --git a/js/util.js b/js/util.js
index c5d03ce11..210459844 100644
--- a/js/util.js
+++ b/js/util.js
@@ -310,7 +310,7 @@ var SN = { // StatusNet
                 imgLoading : $('address .url')[0].href+'theme/base/images/illustrations/illu_progress_loading-01.gif',
                 bgClickToClose : true,
                 success : function() {
-                    $('#jOverlayContent').append('<button>&#215;</button>');
+                    $('#jOverlayContent').append('<button class="close">&#215;</button>');
                     $('#jOverlayContent button').click($.closeOverlay);
                 },
                 timeout : 0,
@@ -352,7 +352,7 @@ var SN = { // StatusNet
         NoticeDataAttach: function() {
             NDA = $('#'+SN.C.S.NoticeDataAttach);
             NDA.change(function() {
-                S = '<div id="'+SN.C.S.NoticeDataAttachSelected+'" class="'+SN.C.S.Success+'"><code>'+$(this).val()+'</code> <button>&#215;</button></div>';
+                S = '<div id="'+SN.C.S.NoticeDataAttachSelected+'" class="'+SN.C.S.Success+'"><code>'+$(this).val()+'</code> <button class="close">&#215;</button></div>';
                 NDAS = $('#'+SN.C.S.NoticeDataAttachSelected);
                 (NDAS.length > 0) ? NDAS.replaceWith(S) : $('#'+SN.C.S.FormNotice).append(S);
                 $('#'+SN.C.S.NoticeDataAttachSelected+' button').click(function(){
@@ -372,7 +372,7 @@ var SN = { // StatusNet
                         $('.entity_send-a-message').append(document._importNode($('form', data).get(0), true));
                         NDMF = $('.entity_send-a-message .form_notice');
                         SN.U.FormNoticeEnhancements(NDMF);
-                        NDMF.append('<button>&#215;</button>');
+                        NDMF.append('<button class="close">&#215;</button>');
                         $('.entity_send-a-message button').click(function(){
                             NDMF.hide();
                             return false;
diff --git a/theme/base/css/display.css b/theme/base/css/display.css
index 1e6cd085a..fb630d58a 100644
--- a/theme/base/css/display.css
+++ b/theme/base/css/display.css
@@ -533,6 +533,16 @@ float:right;
 font-size:0.8em;
 }
 
+button.close {
+width:16px;
+height:16px;
+text-indent:-9999px;
+padding:0;
+border:0;
+text-align:center;
+font-weight:bold;
+}
+
 /* entity_profile */
 .entity_profile {
 position:relative;
@@ -1025,11 +1035,6 @@ margin-bottom:11px;
 position:absolute;
 top:0;
 right:0;
-width:29px;
-height:29px;
-text-align:center;
-font-weight:bold;
-padding:0;
 }
 #jOverlayContent h1 {
 max-width:425px;
diff --git a/theme/default/css/display.css b/theme/default/css/display.css
index 89f682d73..40fdb255b 100644
--- a/theme/default/css/display.css
+++ b/theme/default/css/display.css
@@ -166,6 +166,13 @@ background-color:#F7E8E8;
 background-color:#EFF3DC;
 }
 
+button.close {
+background-image:url(../../base/images/icons/twotone/green/x.gif);
+background-repeat:no-repeat;
+background-position:0 47%;
+background-color:transparent;
+}
+
 #anon_notice {
 background-color:#87B4C8;
 color:#FFFFFF;
diff --git a/theme/identica/css/display.css b/theme/identica/css/display.css
index ec869212d..3b59652c4 100644
--- a/theme/identica/css/display.css
+++ b/theme/identica/css/display.css
@@ -166,6 +166,13 @@ background-color:#F7E8E8;
 background-color:#EFF3DC;
 }
 
+button.close {
+background-image:url(../../base/images/icons/twotone/green/x.gif);
+background-repeat:no-repeat;
+background-position:0 47%;
+background-color:transparent;
+}
+
 #anon_notice {
 background-color:#87B4C8;
 color:#FFFFFF;