LoadingMessage for AJAX requests: CSS


/ Published in: CSS
Save to your folder(s)

The stylesheet for the LoadingMessage object (http://snipplr.com/view/347/loadingmessage-for-ajax-requests/).


Copy this code and paste it in your HTML
  1. #loading-message{
  2. position: fixed;
  3. z-index: 100;
  4. top: 10px;
  5. left: 0;
  6. width: 100%;
  7. font: bold 1.8em "Lucida Grande", Helvetica, Arial, sans-serif;
  8. text-align: center;
  9. background-color: #000;
  10. border-top: 1px solid #ccc;
  11. border-bottom: 1px solid #ccc;
  12. padding: 3px 0;
  13. /*filter:alpha(opacity=70);
  14. opacity: 0.7;
  15. -moz-opacity:0.7;*/
  16. }
  17.  
  18. #loading-message #loading-image{
  19. vertical-align: middle;
  20. margin-bottom: 4px;
  21. }
  22.  
  23. #loading-message #loading-text{
  24. color: #fff;
  25. margin: 0;
  26. /*filter:alpha(opacity=100);
  27. opacity: 1;
  28. -moz-opacity:1;*/
  29. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.