examples/layout-browser/layout-browser.css

   1 body {
   2     font-family:'lucida grande',tahoma,arial,sans-serif;
   3     font-size:11px;
   4 }
   5 a {
   6     color:#15428B;
   7 }
   8 a:link, a:visited {
   9     text-decoration: none;
  10 }
  11 a:hover {
  12     text-decoration: underline;
  13 }
  14 #header {
  15     background: #7F99BE url(images/layout-browser-hd-bg.gif) repeat-x center;
  16 }
  17 #header h1 {
  18     font-size: 16px;
  19     color: #fff;
  20     font-weight: normal;
  21     padding: 5px 10px;
  22 }
  23 #start-div h2 {
  24     font-size: 12px;
  25     color: #555;
  26     padding-bottom:5px;
  27     border-bottom:1px solid #C3D0DF;
  28 }
  29 #start-div p {
  30     margin: 10px 0;
  31 }
  32 #details-panel h2 {
  33     padding:10px 10px 0;
  34     font-size:12px;
  35     color:#15428B;
  36 }
  37 #details-panel p {
  38     padding:10px 10px 0;
  39 }
  40 #details-panel pre {
  41     border-top:1px dotted #ddd;
  42     border-bottom:1px dotted #ddd;
  43     margin-top:10px;
  44     padding:0 5px;
  45     background:#f5f5f5;
  46 }
  47 #details-panel .details-info {
  48     margin:15px;
  49     padding:15px;
  50     border:1px dotted #999;
  51     color:#555;
  52     background: #f9f9f9;
  53 }
  54 .x-tab-panel-header-plain .x-tab-strip-top {
  55     background: #DFE8F6 url(../../resources/themes/images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;
  56 }
  57 .custom-accordion .x-panel-body{
  58     background:#ffe;
  59     text-align:center;
  60 }
  61 .custom-accordion .x-panel-body p {
  62     font-family:georgia,serif;
  63     padding:20px 80px !important;
  64     font-size:18px;
  65     color:#15428B;
  66 }
  67 .custom-accordion .x-panel-header-text {
  68     font-weight:bold;
  69     font-style:italic;
  70     color:#555;
  71 }
  72 #form-panel .x-panel-footer {
  73     background:#DFE8F6;
  74     border-color:#99BBE8;
  75     border-style:none solid solid;
  76     border-width:0pt 1px 1px;
  77 }
  78 #table-panel .x-table-layout {
  79     padding:5px;
  80 }
  81 #table-panel .x-table-layout td {
  82     vertical-align:top;
  83     padding:5px;
  84     font-size: 11px;
  85 }
  86 .icon-send {
  87     background-image:url(images/email_go.png) !important;
  88 }
  89 .icon-save {
  90     background-image:url(images/disk.png) !important;
  91 }
  92 .icon-print {
  93     background-image:url(images/printer.png) !important;
  94 }
  95 .icon-spell {
  96     background-image:url(images/spellcheck.png) !important;
  97 }
  98 .icon-attach {
  99     background-image:url(images/page_attach.png) !important;
 100 }
 101 .email-form .x-panel-mc .x-panel-tbar .x-toolbar {
 102     border-top:1px solid #C2D6EF;
 103     border-left:1px solid #C2D6EF;
 104     border-bottom:1px solid #99BBE8;
 105     margin:-5px -4px 0;
 106 }
 107 .inner-tab-custom .x-border-layout-ct {
 108     background: #fff;
 109 }
 110 .x-panel-body .absolute-form-toolbar {
 111     border-width: 0 0 1px 0 !important;
 112 }
 113 .absolute-form-panel-body,
 114 .absolute-form-panel-body .x-panel-body {
 115     background: transparent;
 116 }