examples/layout-browser/layout-browser.css

   1 /*!
   2  * Ext JS Library 3.0.3
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   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(../images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;
  62 }
  63 .custom-accordion .x-panel-body {
  64     font-family:georgia,serif;
  65     padding:20px 80px !important;
  66     background:#ffe;
  67     font-size:18px;
  68     text-align:center;
  69     color:#15428B;
  70 }
  71 .custom-accordion .x-panel-header-text {
  72     font-weight:bold;
  73     font-style:italic;
  74     color:#555;
  75 }
  76 #form-panel .x-panel-footer {
  77     background:#DFE8F6;
  78     border-color:#99BBE8;
  79     border-style:none solid solid;
  80     border-width:0pt 1px 1px;
  81 }
  82 #table-panel .x-table-layout {
  83     padding:5px;
  84 }
  85 #table-panel .x-table-layout td {
  86     vertical-align:top;
  87     padding:5px;
  88     font-size: 11px;
  89 }
  90 .icon-send {
  91     background-image:url(images/email_go.png) !important;
  92 }
  93 .icon-save {
  94     background-image:url(images/disk.png) !important;
  95 }
  96 .icon-print {
  97     background-image:url(images/printer.png) !important;
  98 }
  99 .icon-spell {
 100     background-image:url(images/spellcheck.png) !important;
 101 }
 102 .icon-attach {
 103     background-image:url(images/page_attach.png) !important;
 104 }
 105 .email-form .x-panel-mc .x-panel-tbar .x-toolbar {
 106     border-top:1px solid #C2D6EF;
 107     border-left:1px solid #C2D6EF;
 108     border-bottom:1px solid #99BBE8;
 109     margin:-5px -4px 0;
 110 }
 111 .inner-tab-custom .x-border-layout-ct {
 112     background: #fff;
 113 }