examples/shared/example.css

   1 /*!
   2  * Ext JS
   3  * Copyright(c) 2006-2011 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7 body {
   8     font-family:helvetica,tahoma,verdana,sans-serif;
   9     padding:20px;
  10     padding-top:32px;
  11     font-size:13px;
  12 }
  13 p {
  14     margin-bottom:15px;
  15 }
  16 h1 {
  17     font-size:18px;
  18     margin-bottom:20px;
  19 }
  20 h2 {
  21     font-size:14px;
  22     color:#333;
  23     font-weight:bold;
  24     margin:10px 0;
  25 }
  26 .example-info{
  27     width:150px;
  28     border:1px solid #c3daf9;
  29     border-top:1px solid #DCEAFB;
  30     border-left:1px solid #DCEAFB;
  31     background:#ecf5fe url( info-bg.gif ) repeat-x;
  32     font-size:10px;
  33     padding:8px;
  34 }
  35 pre.code{
  36     background: #F8F8F8;
  37     border: 1px solid #e8e8e8;
  38     padding:10px;
  39     margin:10px;
  40     margin-left:0px;
  41     border-left:5px solid #e8e8e8;
  42     font-size: 12px !important;
  43     line-height:14px !important;
  44 }
  45 .msg .x-box-mc {
  46     font-size:14px;
  47 }
  48 #msg-div {
  49     position:absolute;
  50     left:35%;
  51     top:10px;
  52     width:300px;
  53     z-index:20000;
  54 }
  55 #msg-div .msg {
  56     border-radius: 8px;
  57     -moz-border-radius: 8px;
  58     background: #F6F6F6;
  59     border: 2px solid #ccc;
  60     margin-top: 2px;
  61     padding: 10px 15px;
  62     color: #555;
  63 }
  64 #msg-div .msg h3 {
  65     margin: 0 0 8px;
  66     font-weight: bold;
  67     font-size: 15px;
  68 }
  69 #msg-div .msg p {
  70     margin: 0;
  71 }
  72 .x-grid3-row-body p {
  73     margin:5px 5px 10px 5px !important;
  74 }
  75
  76 .feature-list {
  77     margin-bottom: 15px;
  78 }
  79 .feature-list li {
  80     list-style: disc;
  81     margin-left: 17px;
  82     margin-bottom: 4px;
  83 }