jQuery Forum

I am trying to import the following CSS theme into theme roller so I can update it to the latest 1.4.2 framework.  It fails each time with the error, "Invalid theme file. Please import unminified files only with all original CSS comments in place."  Anyone know why it fails to import?

The code was too long so I had to post it in pastebin.

CSS Theme

Hi all,

I have been struggling with this issue for the past few days with no luck.  Hopefully someone here might see what is going wrong.  I am updating my existing android phonegap 2.1 project to version 3.3.  Something in this new version has caused blockUI to not work as it once did.  When I would make a call to my function that called $.blockUI it would bring up a black box with my "Please wait" text.  Now when the function is called it does nothing.  The UI does appear to be blocked(can't click anywhere until it calls $.unblockUI()), but the dialog box does not appear on the phone. 

Current configuration:

Cordova/Phonegap 3.3 - Android platform
JQuery 1.8.2.min
JQuery Mobile 1.2.0
jQuery blockUI 2.66.0-2013.10.09

index.html

1. <script type="text/javascript" charset="utf-8" src="js/jquery.blockUI.js"></script>

Application

1. // Blocks or unblocks user screen when showing a please wait message
   function controlUI(block)
   {
       console.log("Running controlUI...");
      
       if (block)
       {
           // We block the UI and tell the user to please wait
           $.blockUI({
               message: '<h2>Please wait</h2>',
               centerX: true,
               centerY: true,
               css: {
                   //top: $(window).scrollTop() + 120 + "px",
                   //left: ($(window).width() - 120) / 2 + "px",
                   border: 'none',
                   //padding: '15px',
                   backgroundColor: '#000',
                   //'-webkit-border-radius': '10px',
                   //'-moz-border-radius': '10px',
                   opacity: 0.5,
                   color: '#fff'
               }
               //overlayCSS: {
                   //top: $(window).scrollTop() + "px"
               //}
           });
       }
       else
       {
           $.unblockUI(); // Unblocking the UI
       }
   }
   

Any help is much appreciated!!!