www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/system/css/components/ajax-progress.module.css

   1 /**
   2  * @file
   3  * Throbber.
   4  */
   5
   6 .ajax-progress {
   7   display: inline-block;
   8   padding: 1px 5px 2px 5px;
   9 }
  10 [dir="rtl"] .ajax-progress {
  11   float: right;
  12 }
  13 .ajax-progress-throbber .throbber {
  14   background: transparent url(../../../../misc/throbber-active.gif) no-repeat 0px center;
  15   display: inline;
  16   padding: 1px 5px 2px;
  17 }
  18 .ajax-progress-throbber .message {
  19   display: inline;
  20   padding: 1px 5px 2px;
  21 }
  22 tr .ajax-progress-throbber .throbber {
  23   margin: 0 2px;
  24 }
  25 .ajax-progress-bar {
  26   width: 16em;
  27 }
  28
  29 /* Full screen throbber */
  30 .ajax-progress-fullscreen {
  31   /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  32   left: 49%; /* LTR */
  33   position: fixed;
  34   top: 48.5%;
  35   z-index: 1000;
  36   background-color: #232323;
  37   background-image: url(../../../../misc/loading-small.gif);
  38   background-position: center center;
  39   background-repeat: no-repeat;
  40   border-radius: 7px;
  41   height: 24px;
  42   opacity: 0.9;
  43   padding: 4px;
  44   width: 24px;
  45 }
  46 [dir="rtl"] .ajax-progress-fullscreen {
  47   left: auto;
  48   right: 49%;
  49 }