Advanced Search

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/).

Expand | Embed | Plain Text

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.