examples/ux/statusbar/css/statusbar.css

   1 /* StatusBar - structure */
   2 .x-statusbar .x-status-text {
   3     cursor: default;
   4 /*
   5     height: 21px;
   6     line-height: 21px;
   7     padding: 0 4px;
   8 */
   9 }
  10 .x-statusbar .x-status-busy {
  11     padding-left: 25px !important;
  12     background: transparent no-repeat 3px 0;
  13 }
  14
  15 .x-toolbar div.xtb-text
  16
  17 .x-statusbar .x-status-text-panel {
  18     border-top: 1px solid;
  19     border-right: 1px solid;
  20     border-bottom: 1px solid;
  21     border-left: 1px solid;
  22     padding: 2px 8px 2px 5px;
  23 }
  24
  25 /* StatusBar word processor example styles */
  26
  27 #word-status .x-status-text-panel .spacer {
  28     width: 60px;
  29     font-size:0;
  30     line-height:0;
  31 }
  32 #word-status .x-status-busy {
  33     padding-left: 25px !important;
  34     background: transparent no-repeat 3px 0;
  35 }
  36 #word-status .x-status-saved {
  37     padding-left: 25px !important;
  38     background: transparent no-repeat 3px 0;
  39 }
  40
  41 /* StatusBar form validation example styles */
  42
  43 .x-statusbar .x-status-error {
  44     cursor: pointer;
  45     padding-left: 25px !important;
  46     background: transparent no-repeat 3px 0;
  47 }
  48 .x-statusbar .x-status-valid {
  49     padding-left: 25px !important;
  50     background: transparent no-repeat 3px 0;
  51 }
  52 .x-status-error-list {
  53     font: 11px tahoma,arial,verdana,sans-serif;
  54     position: absolute;
  55     z-index: 9999;
  56     border-top: 1px solid;
  57     border-right: 1px solid;
  58     border-bottom: 1px solid;
  59     border-left: 1px solid;
  60     padding: 5px 10px;
  61 }
  62 .x-status-error-list li {
  63     cursor: pointer;
  64     list-style: disc;
  65     margin-left: 10px;
  66 }
  67 .x-status-error-list li a {
  68     text-decoration: none;
  69 }
  70 .x-status-error-list li a:hover {
  71     text-decoration: underline;
  72 }
  73
  74
  75 /* *********************************************************** */
  76 /* *********************************************************** */
  77 /* *********************************************************** */
  78
  79
  80 /* StatusBar - visual */
  81
  82 .x-statusbar .x-status-busy {
  83     background-image: url(../images/loading.gif);
  84 }
  85 .x-statusbar .x-status-text-panel {
  86     border-color: #99bbe8 #fff #fff #99bbe8;
  87 }
  88
  89 /* StatusBar word processor example styles */
  90
  91 #word-status .x-status-text {
  92     color: #777;
  93 }
  94 #word-status .x-status-busy {
  95     background-image: url(../images/saving.gif);
  96 }
  97 #word-status .x-status-saved {
  98     background-image: url(../images/saved.png);
  99 }
 100
 101 /* StatusBar form validation example styles */
 102
 103 .x-statusbar .x-status-error {
 104     color: #C33;
 105     background-image: url(../images/exclamation.gif);
 106 }
 107 .x-statusbar .x-status-valid {
 108     background-image: url(../images/accept.png);
 109 }
 110 .x-status-error-list {
 111     border-color: #C33;
 112     background: white;
 113 }
 114 .x-status-error-list li a {
 115     color: #15428B;
 116 }