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