ecomp-sdk-app/src/main/webapp/static/fusion/raptor/css/bd_quantum_raptor.css

   1 /* Make Plain Grid+smaller comps Padding + white background */
   2 /* "overflow:hidden ;" not working in Chrome/Safari */
   3 .GridLayoutNoBorder tr.z-row td.z-row-inner,tr.z-row,div.z-grid-body div.z-cell,div.z-grid,tr.z-grid-odd td.z-row-inner,tr.z-grid-odd .z-cell,tr.z-grid-odd
   4         {
   5         border: none;
   6         zoom: 1;
   7         background: white;
   8         border-top: none;
   9         border-left: none;
  10         border-right: none;
  11         border-bottom: none;
  12         padding: 1px;
  13 }
  14
  15 .GridLayoutNoBorder .z-row:hover>.z-cell {
  16    background-color: white;
  17    color: black;
  18    font-weight: bold;
  19 }
  20
  21 .GridReport tr.z-row td.z-row-inner,tr.z-row,div.z-grid-body div.z-cell,div.z-grid
  22         {
  23         background-color: white;
  24         border-top: none;
  25         border-left: none;
  26         border-right: none;
  27         border-bottom: none;
  28         padding-top: 4px;
  29         padding-bottom: 4px;
  30         padding-left: 6px;
  31         padding-right: 6px;
  32         vertical-align:middle;
  33         border-right-color: #ccc;
  34         border-bottom-color: #ccc;
  35         /*overflow:hidden;*/
  36 }
  37 .GridReportodd, .GridReportodd  > td
  38         {
  39         color: black; background-color: rgb(255,255,204) !important;
  40     }
  41
  42
  43 .z-toolbarbutton {
  44         display: inline-block;
  45         height: 24px;
  46         border: 1px solid transparent;
  47         -webkit-border-radius: 3px;
  48         border-radius: 3px;
  49         margin: 0 2px;
  50         padding: 1px 0;
  51         line-height: 14px;
  52         position: relative;
  53         cursor: pointer;
  54         float: right;
  55 }
  56
  57 .z-paging-input {
  58         font-family:Arial,Sans-serif;
  59         font-size:12px;
  60         font-weight:normal;
  61         font-style:normal;
  62         color:#000;
  63         height:24px;
  64         border:1px solid #8fb9d0;
  65         margin-left:6px;
  66         padding:3px 0;
  67         line-height:20px;
  68         vertical-align:baseline;
  69 }
  70 .z-paging-text {
  71         font-family:Arial,Sans-serif;
  72         font-size:12px;
  73         font-weight:normal;
  74         font-style:normal;
  75         color:#000;
  76         margin-right:12px
  77 }
  78 .z-paging-info {
  79         font-family:Arial,Sans-serif;
  80         font-size:12px;
  81         font-weight:normal;
  82         font-style:normal;
  83         color:#000;
  84         padding:4px 0;
  85         position:absolute;
  86         top:4px;
  87         right:10px;
  88 }
  89 .z-menu-text,.z-menuitem-text {
  90         font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  91         font-size:12px;
  92         font-weight:normal;
  93         display:inline-block;
  94         line-height:16px;
  95         text-shadow:0 0px #fff
  96 }
  97 .z-menubar {
  98         border-top: 0px
  99         border-bottom: 0px;
 100 }
 101 .z-column-content {
 102         font-family: Arial,Sans-serif;
 103         font-size: 12px;
 104         color: #fff;
 105         padding: 4px 5px;
 106         line-height: 24px;
 107         overflow: hidden;
 108 }
 109 .z-column-hover {
 110         background:     -webkit-linear-gradient(top, #336699 0%, #336699 100%); /* Chrome10+,Safari5.1+ */
 111         background:     linear-gradient(to bottom, #336699 0%, #336699 100%); /* W3C */
 112 }
 113 /*
 114 .z-row:hover>.z-row-inner, .z-row:hover>.z-cell {
 115 background: #6ba6bf;
 116 background-clip: padding-box;
 117 position: relative;*/
 118
 119 .z-messagebox .z-label  {
 120         font-family: Arial,Sans-serif;
 121         font-size: 12px;
 122         color: #000;
 123 }
 124
 125 .z-popup .z-popup-content{
 126         font-family: Arial,Sans-serif;
 127         font-size: 12px;
 128         font-weight: normal;
 129         font-style: normal;
 130         color: #000;
 131         height: 100%;
 132         padding: 10px;
 133         line-height: 14px;
 134 }
 135
 136 .z-notification-pointer ~ .z-notification-content {
 137     display:table-cell;
 138     width:150px;
 139     height:50px;
 140     min-height:60px;
 141     ${t:borderRadius('5px') };
 142     padding:5px 18px 5px 45px;
 143     vertical-align:middle;
 144 }
 145 .z-loading {
 146     background-color:#808080;
 147     border:1px outset #A0A0A0;
 148     font-weight: bold;
 149     padding:2px;
 150 }
 151 .z-loading-indicator {
 152     color: gray;
 153     border:0 none;
 154 }
 155 .z-toolbarbutton-content {
 156         color: #fff;
 157         text-shadow: 0 0px;
 158 }
 159
 160 .z-groupbox>.z-groupbox-header {
 161         color: #000;
 162 }
 163
 164 .z-combobox-button, .z-bandbox-button, .z-datebox-button, .z-timebox-button, .z-spinner-button, .z-doublespinner-button {
 165         color: #000;
 166 }
 167
 168
 169 /*.z-panel-header {
 170 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 171 font-size: 12px;
 172 font-weight: normal;
 173 font-style: normal;
 174 color: #fff;
 175 border: 0;
 176 padding: 3px 0 5px 0;
 177 line-height: 0px;
 178 background: #369;
 179 overflow: hidden;
 180 zoom: 1;
 181 display: none;
 182 }*/
 183
 184
 185
 186   .z-menupopup .z-menu-image, .z-menupopup .z-menuitem-image {
 187 min-width: 16px;
 188 min-height: 16px;
 189 margin-right: 9px;
 190 display: none;
 191 }
 192
 193
 194   .z-menupopup-separator {
 195 width: 2px;
 196 height: 100%;
 197 border-width: 3px 1px 3px 0;
 198 border-style: solid;
 199 border-color: #d9f0fc;
 200 background: #a2c0ce;
 201 position: absolute;
 202 top: 0;
 203 left: 31px;
 204 z-index: 10;
 205 display: none;
 206 }
 207
 208
 209      .z-menupopup-content {
 210 left: 0px;
 211 }
 212
 213      .z-menu-icon.z-icon-caret-right {
 214 font-size: 15px;
 215 color: red;
 216 }
 217
 218
 219            .z-menu-content:hover, .z-menuitem-content:hover {
 220 border-color: #8fb9d0;
 221 background: -webkit-linear-gradient(top, #e2f3fc 0%, #336699 100%);
 222 background: linear-gradient(to bottom, #e2f3fc 0%, #336699 100%);
 223 }
 224
 225 /*.toolBarRaptor .z-toolbar {
 226         background:white;
 227 }
 228
 229 .toolBarRaptor .z-menuitem-content {
 230     color:#000;
 231 }
 232
 233 .toolBarRaptor .z-menuitem-content {
 234     color:#000;
 235 }*/
 236
 237 /*.z-caption .z-label {
 238     float: right;
 239 }
 240
 241 .z-caption-content, .z-caption .z-label {
 242         display: inline-block;
 243         padding: 0;
 244         line-height: 24px;
 245         float: right;
 246 }  */
 247
 248
 249
 250 .ChartPanel .z-panel-head {
 251   border:;
 252 }
 253 .ChartPanel .z-panel-header {
 254 line-height: 12px;
 255 color: #000;
 256 background:;
 257 }
 258 .ChartPanel .z-panel-icon {
 259 color: #000;
 260 display: block;
 261 -webkit-border-radius: ;
 262 border-radius: ;
 263 text-align: left;
 264 overflow: hidden;
 265 cursor: pointer;
 266 float: left;
 267 }
 268
 269 .ChartPanel .z-panel-icon:hover {
 270  color: ;
 271  border-color: ;
 272   background: 0;
 273 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 274  background:;
 275  float:left;
 276 }
 277
 278 .ChartPanel .z-panel-expand {
 279 font-size: 9px;
 280 width: 12px;
 281 line-height: 12px;
 282 }
 283
 284 /*[class^="z-icon-"], [class*=" z-icon-"] {*/
 285 .ChartPanel .z-icon     {
 286 display: inline-block;
 287 font-family: FontAwesome;
 288 font-size: 10px;
 289 font-weight: normal;
 290 font-style: normal;
 291 -webkit-font-smoothing: antialiased;
 292 -moz-osx-font-smoothing: grayscale;
 293 }
 294
 295 .ChartPanel .z-icon-caret-up:before {
 296   content: "\f068";
 297 }
 298
 299 .ChartPanel .z-icon-caret-down:before {
 300   content: "\f067";
 301 }
 302
 303 .ie8 .z-column {
 304 background: #369;
 305 }