examples/ux/statusbar/css/statusbar.css

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