Index: public/stylesheets/application.css =================================================================== --- public/stylesheets/application.css (revision 18504) +++ public/stylesheets/application.css (working copy) @@ -985,18 +985,22 @@ /***** Ajax indicator ******/ #ajax-indicator { -position: absolute; /* fixed not supported by IE */ -background-color:#eee; -border: 1px solid #bbb; -top:35%; -left:40%; -width:20%; -font-weight:bold; -text-align:center; -padding:0.6em; -z-index:100; -opacity: 0.5; + position: absolute; + background-color: #ddd; + top: 0%; + left: 50%; + width: 100px; + font-weight: bold; + text-align: center; + padding: 0.6em; + z-index: 100; + opacity: 0.5; + user-select: none; + border-radius: 0px 0px 20px 20px; } +#ajax-indicator::before, #ajax-indicator::after {position: absolute; height: 20px; width: 20px; top: 0px; content: "";} +#ajax-indicator::after {right: -20px;border-radius: 12px 0px 0px 0px;box-shadow: -2px -8px 0px 0px #ddd;} +#ajax-indicator::before {left: -20px;border-radius: 0px 12px 0px 0px;box-shadow: 2px -8px 0px 0px #ddd;} html>body #ajax-indicator { position: fixed; }