examples/calendar/resources/css/examples.css

   1 /*!
   2  * Ext JS Library 3.3.0
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 body {
   8     margin: 20px;
   9 }
  10 h1 {
  11     margin-bottom: 15px;
  12     font-size: 16px;
  13 }
  14
  15 #app-header {
  16     text-align: center;
  17     font-family: arial;
  18 }
  19 #app-center .x-panel-header {
  20     font-size: 13px;
  21     text-align: center;
  22     padding-left: 178px;
  23     font-family: helvetica, arial, sans-serif;
  24     color: #455C6F;
  25 }
  26 #app-west {
  27     border-right: 1px solid #99BBE8;
  28 }
  29 #app-west .x-panel-body {
  30     background: #D0DEF0;
  31 }
  32 #app-header-content h1 {
  33     float:left;
  34     margin:8px 5px;
  35     font-size: 18px;
  36     color: #455C6F;
  37 }
  38 #app-logo {
  39     float: left;
  40     margin: 5px 10px;
  41     width: 30px;
  42 }
  43 #app-logo .logo-top,
  44 #app-logo .logo-bottom {
  45     height: 0;
  46     overflow: hidden;
  47     margin: 0 1px;
  48     border-top-width: 1px;
  49     border-top-style: solid;
  50     border-color: #9F2727;
  51 }
  52 .ext-border-box #app-logo .logo-top,
  53 .ext-border-box #app-logo .logo-bottom {
  54     height: 1px;
  55 }
  56 #logo-body {
  57     margin: 0;
  58     text-align: center;
  59     overflow: hidden;
  60     border-width: 3px 1px 0;
  61     border-style: solid;
  62     border-color: #9F2727;
  63     background: #fff;
  64     font-weight: bold;
  65     padding: 1px 0 2px;
  66     font-size: 18px;
  67     line-height: 18px;
  68     color: #455C6F;
  69 }
  70 #app-msg {
  71 /*    background: #FAD163;*/
  72     color: #c8a52e;
  73     padding: 2px 10px;
  74     font-weight: bold;
  75     font-size: 13px;
  76     -moz-border-radius:3px;
  77     -webkit-border-radius:3px;
  78     border-radius:3px;
  79 }