examples/statusbar/statusbar.css

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 \r
  10 /* StatusBar word processor example styles */\r
  11 \r
  12 #word-status .x-status-text {\r
  13     color: #777;\r
  14 }\r
  15 #word-status .x-status-text-panel .spacer {\r
  16     width: 60px;\r
  17     font-size:0;\r
  18     line-height:0;\r
  19 }\r
  20 #word-status .x-status-busy {\r
  21     padding-left: 25px;\r
  22     background: transparent url(images/saving.gif) no-repeat 3px 3px;\r
  23 }\r
  24 #word-status .x-status-saved {\r
  25     padding-left: 25px;\r
  26     background: transparent url(images/saved.png) no-repeat 3px 3px;\r
  27 }\r
  28 \r
  29 /* StatusBar form validation example styles */\r
  30 \r
  31 .x-statusbar .x-status-error {\r
  32     color: #C33;\r
  33     cursor: pointer;\r
  34     padding-left: 25px;\r
  35     background: transparent url(../../resources/images/default/form/exclamation.gif) no-repeat 3px 3px;\r
  36 }\r
  37 .x-statusbar .x-status-valid {\r
  38     padding-left: 25px;\r
  39     background: transparent url(images/accept.png) no-repeat 3px 3px;\r
  40 }\r
  41 .x-status-error-list {\r
  42     font: 11px tahoma,arial,verdana,sans-serif;\r
  43     position: absolute;\r
  44     z-index: 9999;\r
  45     border: 1px solid #C33;\r
  46     background: #ffa;\r
  47     padding: 5px 10px;\r
  48     color: #999;\r
  49 }\r
  50 .x-status-error-list li {\r
  51     cursor: pointer;\r
  52     list-style: disc;\r
  53     margin-left: 10px;\r
  54 }\r
  55 .x-status-error-list li a {\r
  56     color: #15428B;\r
  57     text-decoration: none;\r
  58 }\r
  59 .x-status-error-list li a:hover {\r
  60     text-decoration: underline;\r
  61 }