testcms-final-anon/install/assets/css/app.css

   1 body {
   2     background: #f4f8fa;
   3
   4     font: 13px/22px "Helvetica Neue", sans-serif;
   5     color: #6c7f85;
   6     text-shadow: 0 1px 0 #fff;
   7
   8     width: 720px;
   9     margin: 50px auto 40px;
  10 }
  11
  12 h1 {
  13     text-align: center;
  14     margin-bottom: 60px;
  15 }
  16
  17 h2 {
  18     font-size: 32px;
  19     font-weight: 300;
  20     color: #57829e;
  21 }
  22
  23 a {
  24         color: #57829e;
  25 }
  26
  27 .content {
  28     padding: 20px 40px;
  29
  30     background: #fff;
  31     box-shadow: 0 1px 1px #c8d3da, inset 0 -2px 1px #f6f9fb;
  32     border-radius: 4px;
  33 }
  34
  35 small {
  36     font-size: 11px;
  37     line-height: 18px;
  38
  39     display: block;
  40     padding: 8px 12px;
  41
  42     background: #ffe;
  43     color: #775;
  44     border: 1px solid #eed;
  45     border-radius: 3px;
  46 }
  47
  48 p.error, p.success {
  49         color: #fff;
  50         text-shadow: 0 1px 1px rgba(0,0,0,.3);
  51         text-align: center;
  52         padding: 10px;
  53
  54         border-radius: 3px;
  55 }
  56
  57 p.error {
  58         background: #900;
  59 }
  60
  61 p.success {
  62         background: #757e0e;
  63 }
  64
  65
  66 form {
  67     overflow: hidden;
  68     width: 720px;
  69 }
  70
  71 fieldset {
  72     border: 1px solid #d5e4eb;
  73     border-radius: 3px;
  74
  75     margin: 30px 36px 30px 0;
  76     padding: 5px 25px;
  77
  78     float: left;
  79     overflow: hidden;
  80     position: relative;
  81
  82     width: 250px;
  83 }
  84     legend {
  85         font-weight: bold;
  86     }
  87
  88     label {
  89         display: block;
  90         font-size: 12px;
  91         font-weight: bold;
  92         cursor: pointer;
  93     }
  94
  95     input, textarea {
  96         font: 13px "Helvetica Neue", sans-serif;
  97         padding: 5px 8px;
  98         width: 230px;
  99     }
 100         textarea {
 101             min-height: 70px;
 102             max-height: 250px;
 103             resize: vertical;
 104         }
 105     select {
 106         width: 245px;
 107         padding: 4px 8px;
 108     }
 109
 110 button, .button {
 111     font: bold 13px "Helvetica Neue", sans-serif;
 112     color: #fff;
 113     text-shadow: 0 1px 1px rgba(0,0,0,.3);
 114     text-decoration: none;
 115
 116     display: block;
 117     width: auto;
 118     float: right;
 119     cursor: pointer;
 120
 121     margin-bottom: 20px;
 122     padding: 6px 9px;
 123
 124     border: 1px solid #2f4a57;
 125     border-radius: 3px;
 126
 127     background-color: #587786;
 128     background-image: -webkit-gradient(linear, left top, left bottom, from(#6c8894), to(#486472));
 129     background-image: -webkit-linear-gradient(top, #6c8894, #486472);
 130     background-image: -moz-linear-gradient(top, #6c8894, #486472);
 131     background-image: -o-linear-gradient(top, #6c8894, #486472);
 132     background-image: -ms-linear-gradient(top, #6c8894, #486472);
 133     background-image: linear-gradient(top, #6c8894, #486472);
 134     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6c8894', EndColorStr='#486472');
 135
 136     box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.05);
 137 }
 138
 139     form > button, form > p {
 140         margin-right: 75px;
 141     }
 142
 143     button:hover, .button:hover {
 144         opacity: .9;
 145     }
 146     button:active, .button:active {
 147         opacity: 1;
 148
 149         background-color: #3a5968;
 150         background-image: -webkit-gradient(linear, left top, left bottom, from(#365361), to(#587684));
 151         background-image: -webkit-linear-gradient(top, #365361, #587684);
 152         background-image: -moz-linear-gradient(top, #365361, #587684);
 153         background-image: -o-linear-gradient(top, #365361, #587684);
 154         background-image: -ms-linear-gradient(top, #365361, #587684);
 155         background-image: linear-gradient(top, #365361, #587684);
 156         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#365361', EndColorStr='#587684');
 157
 158         box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 -1px 1px rgba(0,0,0,.1);
 159
 160         border-color: #192e39;
 161     }
 162
 163 p.footer {
 164     font-size: 12px;
 165     text-align: center;
 166
 167     padding-top: 40px;
 168 }
 169     p.footer a {
 170         color: #587684;
 171     }