extjs/examples/resources/Sencha-Examples/demo-files/demo.css

   1 body {
   2         padding: 0;
   3         margin: 0;
   4         font-family: sans-serif;
   5         font-size: 1em;
   6         line-height: 1.5;
   7         color: #555;
   8         background: #fff;
   9 }
  10 h1 {
  11         font-size: 1.5em;
  12         font-weight: normal;
  13 }
  14 small {
  15         font-size: .66666667em;
  16 }
  17 a {
  18         color: #e74c3c;
  19         text-decoration: none;
  20 }
  21 a:hover, a:focus {
  22         box-shadow: 0 1px #e74c3c;
  23 }
  24 .bshadow0, input {
  25         box-shadow: inset 0 -2px #e7e7e7;
  26 }
  27 input:hover {
  28         box-shadow: inset 0 -2px #ccc;
  29 }
  30 input, fieldset {
  31         font-size: 1em;
  32         margin: 0;
  33         padding: 0;
  34         border: 0;
  35 }
  36 input {
  37         color: inherit;
  38         line-height: 1.5;
  39         height: 1.5em;
  40         padding: .25em 0;
  41 }
  42 input:focus {
  43         outline: none;
  44         box-shadow: inset 0 -2px #449fdb;
  45 }
  46 .glyph {
  47         font-size: 16px;
  48         width: 15em;
  49         padding-bottom: 1em;
  50         margin-right: 4em;
  51         margin-bottom: 1em;
  52         float: left;
  53         overflow: hidden;
  54 }
  55 .liga {
  56         width: 80%;
  57         width: calc(100% - 2.5em);
  58 }
  59 .talign-right {
  60         text-align: right;
  61 }
  62 .talign-center {
  63         text-align: center;
  64 }
  65 .bgc1 {
  66         background: #f1f1f1;
  67 }
  68 .fgc1 {
  69         color: #999;
  70 }
  71 .fgc0 {
  72         color: #000;
  73 }
  74 p {
  75         margin-top: 1em;
  76         margin-bottom: 1em;
  77 }
  78 .mvm {
  79         margin-top: .75em;
  80         margin-bottom: .75em;
  81 }
  82 .mtn {
  83         margin-top: 0;
  84 }
  85 .mtl, .mal {
  86         margin-top: 1.5em;
  87 }
  88 .mbl, .mal {
  89         margin-bottom: 1.5em;
  90 }
  91 .mal, .mhl {
  92         margin-left: 1.5em;
  93         margin-right: 1.5em;
  94 }
  95 .mhmm {
  96         margin-left: 1em;
  97         margin-right: 1em;
  98 }
  99 .mls {
 100         margin-left: .25em;
 101 }
 102 .ptl {
 103         padding-top: 1.5em;
 104 }
 105 .pbs, .pvs {
 106         padding-bottom: .25em;
 107 }
 108 .pvs, .pts {
 109         padding-top: .25em;
 110 }
 111 .unit {
 112         float: left;
 113 }
 114 .unitRight {
 115         float: right;
 116 }
 117 .size1of2 {
 118         width: 50%;
 119 }
 120 .size1of1 {
 121         width: 100%;
 122 }
 123 .clearfix:before, .clearfix:after {
 124         content: " ";
 125         display: table;
 126 }
 127 .clearfix:after {
 128         clear: both;
 129 }
 130 .hidden-true {
 131         display: none;
 132 }
 133 .textbox0 {
 134         width: 3em;
 135         background: #f1f1f1;
 136         padding: .25em .5em;
 137         line-height: 1.5;
 138         height: 1.5em;
 139 }
 140 #testDrive {
 141         display: block;
 142         padding-top: 24px;
 143         line-height: 1.5;
 144 }
 145 .fs0 {
 146         font-size: 16px;
 147 }
 148 .fs1 {
 149         font-size: 32px;
 150 }
 151 .fs2 {
 152         font-size: 32px;
 153 }