extjs/examples/classic/portal/_portal.css

   1 #app-header {
   2     color: #596F8F;
   3     font-size: 22px;
   4     font-weight: 200;
   5     padding: 8px 15px;
   6     text-shadow: 0 1px 0 #fff;
   7 }
   8
   9 .x-theme-neptune #app-header {
  10     color: white;
  11     text-shadow: none;
  12 }
  13
  14 #app-msg {
  15     background: #D1DDEF;
  16     border: 1px solid #ACC3E4;
  17     padding: 3px 15px;
  18     font-weight: bold;
  19     font-size: 13px;
  20     position: absolute;
  21     right: 0;
  22     top: 0;
  23 }
  24 .x-panel-ghost {
  25     z-index: 1;
  26 }
  27 .x-border-layout-ct {
  28     background: #DFE8F6;
  29 }
  30 .x-portal-body {
  31     padding: 0 0 0 8px;
  32 }
  33 .x-portal .x-panel-dd-spacer {
  34     border: 2px dashed #99bbe8;
  35     background: #f6f6f6;
  36     border-radius: 4px;
  37     -moz-border-radius: 4px;
  38     margin-bottom: 10px;
  39 }
  40 .x-portlet {
  41     margin-bottom:10px;
  42     padding: 1px;
  43 }
  44 .x-portlet .x-panel-body {
  45     background: #fff;
  46 }
  47 .portlet-content {
  48     padding: 10px;
  49     font-size: 11px;
  50 }
  51
  52 #app-options .portlet-content {
  53     padding: 5px;
  54     font-size: 12px;
  55 }
  56 .settings {
  57     background-image:url(../shared/icons/fam/folder_wrench.png);
  58 }
  59 .nav {
  60     background-image:url(../shared/icons/fam/folder_go.png);
  61 }
  62 .info {
  63     background-image:url(../shared/icons/fam/information.png);
  64 }
  65
  66 .x-accordion-item .x-accordion-hd {
  67     border-top-color: #f3f7fb;
  68 }