added css styles to modal component

git-svn-id: https://dev.teemow.com/svn/jamal/code/trunk@36 794715e2-6a1e-0410-9566-dec274c41937
adcloud · Aug 20, 2007 · 1f006d5 · 1f006d5
1 parent 7d1207e
commit 1f006d5
Showing 1 changed file with 24 additions and 2 deletions.
diff --git a/src/components/modal.js b/src/components/modal.js
@@ -53,9 +53,31 @@ jamal.fn.extend({
                     jQuery('select').hide();
                 }
                 jQuery('#wrapper')
-                         .after('<div id="jamal_overlay"></div>')
-                         .prepend('<div id="jamal_modal"><div class="jamal_size">'+content+'</div></div>');
+                    .prepend('<div id="jamal_overlay"></div>')
+                    .prepend('<div id="jamal_modal"><div class="jamal_size">'+content+'</div></div>');
 
+                jQuery('#jamal_overlay')
+                    .css({'background-color': '#000',
+                          'position': 'absolute',
+                          'width': '4000px',
+                          'height': '4000px',
+                          'float': 'left',
+                          'margin-left': '-1500px',
+                          'top': '0',
+                          'left': '0',
+                          'z-index': '80',
+                          'filter': 'alpha(opacity=50)',
+                          '-moz-opacity': '.50',
+                          'opacity': '.50'});
+                jQuery('#jamal_size').css('position', 'relative');
+                jQuery('#jamal_modal')
+                    .css({'position': 'absolute',
+                          'background-color': '#fff',
+                          'border': '4px solid #ccc',
+                          'width': '380px',
+                          'height': '305px',
+                          'padding': '10px',
+                          'z-index': '900'});
                 jamal.modal.active = true;
             } else {
                 jQuery('div.jamal_size').html(content);