examples/ux/statusbar/css/statusbar.css

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