git.roojs.org Git - roojs1/blob - css/xtheme-slate-debug.css

   1
   2 /** tools buttons on new extjs are merged.. using x-tool..
   3 * we should move towards that!
   4 * */
   5
   6
   7 .x-dlg .x-dlg-collapse,
   8 .x-dlg .x-dlg-close,
   9 .x-dlg-collapsed .x-dlg-collapse,
  10 .x-layout-tools-button,
  11 .x-layout-collapse-west, .x-layout-expand-east
  12 {
  13     background-image:url("../images/slate/panel/tool-sprites.gif");
  14 }
  15
  16
  17 .x-layout-collapse-west, .x-layout-expand-east {
  18     background-position: 0 -180px;
  19 }
  20 .x-layout-tools-button-over .x-tool-collapse-west {
  21     background-position: -15px -180px;
  22 }
  23
  24
  25
  26 .x-panel {
  27     border-style: solid;
  28     border-color: #abc;
  29 }
  30 /* .x-panel-header */
  31 .x-layout-panel-hd {
  32     color:#fafafa;
  33         border:1px solid #abc;
  34     background-image:url(../images/slate/panel/white-top-bottom.gif);
  35 }
  36
  37
  38
  39
  40
  41
  42 .x-panel-body {
  43     border-color:#abc;
  44 }
  45
  46 .x-panel-bbar .x-toolbar {
  47     border-color:#abc;
  48 }
  49
  50 .x-panel-tbar .x-toolbar {
  51     border-color:#abc;
  52 }
  53
  54 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
  55     border-color:#abc;
  56 }
  57 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
  58     border-color:#abc;
  59 }
  60 .x-panel-tl .x-panel-header {
  61     color:#f4f4f4;
  62 }
  63 .x-panel-tc { background-image:url(../images/slate/panel/top-bottom.gif); }
  64 .x-panel-tl { background-image:url(../images/slate/panel/corners-sprite.gif); border-color:#abc;}
  65 .x-panel-tr { background-image:url(../images/slate/panel/corners-sprite.gif); }
  66 .x-panel-bc { background-image:url(../images/slate/panel/top-bottom.gif); }
  67 .x-panel-bl { background-image:url(../images/slate/panel/corners-sprite.gif); }
  68 .x-panel-br { background-image:url(../images/slate/panel/corners-sprite.gif); }
  69 .x-panel-mc { background:#eef4f8; }
  70
  71 .x-panel-mc .x-panel-body {
  72     background:transparent;
  73     border: 0 none;
  74 }
  75 .x-panel-ml { background-image:url(../images/slate/panel/left-right.gif); }
  76 .x-panel-mr { background-image:url(../images/slate/panel/left-right.gif); }
  77
  78 .x-panel-dd-spacer{
  79         border:2px dashed #89a;
  80 }
  81
  82
  83 /* Tools */
  84 .x-tool {
  85     background-image:url(../images/slate/panel/tool-sprites.gif);
  86 }
  87
  88 /* Ghosting */
  89 .x-panel-ghost {
  90     background:#e0e0e0;
  91 }
  92
  93 .x-panel-ghost ul {
  94     border-color:#b0b0b0;
  95 }
  96
  97 .x-grid-panel .x-panel-mc .x-panel-body {
  98     border:1px solid #abc;
  99 }
 100
 101 /* Buttons */
 102
 103 .x-btn-left{
 104         background-image:url(../images/slate/button/btn-sprite.gif);
 105 }
 106 .x-btn-right{
 107         background-image:url(../images/slate/button/btn-sprite.gif);
 108 }
 109 .x-btn-center{
 110         background-image:url(../images/slate/button/btn-sprite.gif);
 111 }
 112