examples/ux/css/StatusBar.css

   1 /*!
   2  * Ext JS Library 3.0.0
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 /*\r
   8  * Ext JS Library 2.2\r
   9  * Copyright(c) 2006-2008, Ext JS, LLC.\r
  10  * licensing@extjs.com\r
  11  *\r
  12  * http://extjs.com/license\r
  13  */\r
  14 \r
  15 /* StatusBar */\r
  16 \r
  17 .x-statusbar .x-status-text {\r
  18     height: 21px;\r
  19     line-height: 21px;\r
  20     padding: 0 4px;\r
  21     cursor: default;\r
  22 }\r
  23 .x-statusbar .x-status-busy {\r
  24     padding-left: 25px !important;\r
  25     background: transparent url(../images/loading.gif) no-repeat 3px 3px;\r
  26 }\r
  27 .x-statusbar .x-status-text-panel {\r
  28     border-top: 1px solid #99BBE8;\r
  29     border-right: 1px solid #fff;\r
  30     border-bottom: 1px solid #fff;\r
  31     border-left: 1px solid #99BBE8;\r
  32     padding: 2px 8px 2px 5px;\r
  33 }\r
  34 \r
  35 /* StatusBar word processor example styles */\r
  36 \r
  37 #word-status .x-status-text {\r
  38     color: #777;\r
  39 }\r
  40 #word-status .x-status-text-panel .spacer {\r
  41     width: 60px;\r
  42     font-size:0;\r
  43     line-height:0;\r
  44 }\r
  45 #word-status .x-status-busy {\r
  46     padding-left: 25px !important;\r
  47     background: transparent url(../images/saving.gif) no-repeat 3px 3px;\r
  48 }\r
  49 #word-status .x-status-saved {\r
  50     padding-left: 25px !important;\r
  51     background: transparent url(../images/saved.png) no-repeat 3px 3px;\r
  52 }\r
  53 \r
  54 /* StatusBar form validation example styles */\r
  55 \r
  56 .x-statusbar .x-status-error {\r
  57     color: #C33;\r
  58     cursor: pointer;\r
  59     padding-left: 25px !important;\r
  60     background: transparent url(../images/exclamation.gif) no-repeat 3px 3px;\r
  61 }\r
  62 .x-statusbar .x-status-valid {\r
  63     padding-left: 25px !important;\r
  64     background: transparent url(../images/accept.png) no-repeat 3px 3px;\r
  65 }\r
  66 .x-status-error-list {\r
  67     font: 11px tahoma,arial,verdana,sans-serif;\r
  68     position: absolute;\r
  69     z-index: 9999;\r
  70     border: 1px solid #C33;\r
  71     background: #ffa;\r
  72     padding: 5px 10px;\r
  73     color: #999;\r
  74 }\r
  75 .x-status-error-list li {\r
  76     cursor: pointer;\r
  77     list-style: disc;\r
  78     margin-left: 10px;\r
  79 }\r
  80 .x-status-error-list li a {\r
  81     color: #15428B;\r
  82     text-decoration: none;\r
  83 }\r
  84 .x-status-error-list li a:hover {\r
  85     text-decoration: underline;\r
  86 }