examples/layout-browser/layout-browser.css

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