Chris@0: /**
Chris@0:  * @file
Chris@0:  * Throbber.
Chris@0:  */
Chris@0: 
Chris@0: .ajax-progress {
Chris@0:   display: inline-block;
Chris@0:   padding: 1px 5px 2px 5px;
Chris@0: }
Chris@0: [dir="rtl"] .ajax-progress {
Chris@0:   float: right;
Chris@0: }
Chris@0: .ajax-progress-throbber .throbber {
Chris@0:   display: inline;
Chris@0:   padding: 1px 5px 2px;
Chris@18:   background: transparent url(../../../../misc/throbber-active.gif) no-repeat 0 center;
Chris@0: }
Chris@0: .ajax-progress-throbber .message {
Chris@0:   display: inline;
Chris@0:   padding: 1px 5px 2px;
Chris@0: }
Chris@0: tr .ajax-progress-throbber .throbber {
Chris@0:   margin: 0 2px;
Chris@0: }
Chris@0: .ajax-progress-bar {
Chris@0:   width: 16em;
Chris@0: }
Chris@0: 
Chris@0: /* Full screen throbber */
Chris@0: .ajax-progress-fullscreen {
Chris@18:   position: fixed;
Chris@18:   z-index: 1000;
Chris@18:   top: 48.5%;
Chris@0:   /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
Chris@0:   left: 49%; /* LTR */
Chris@18:   width: 24px;
Chris@18:   height: 24px;
Chris@18:   padding: 4px;
Chris@18:   opacity: 0.9;
Chris@18:   border-radius: 7px;
Chris@0:   background-color: #232323;
Chris@0:   background-image: url(../../../../misc/loading-small.gif);
Chris@18:   background-repeat: no-repeat;
Chris@0:   background-position: center center;
Chris@0: }
Chris@0: [dir="rtl"] .ajax-progress-fullscreen {
Chris@18:   right: 49%;
Chris@0:   left: auto;
Chris@0: }