body {
font-family: Helvetica, sans-serif; }
.alert, .success, .warning, .error {
padding: 15px;
margin-bottom: 20px;
font-weight: 800;
color: #222222;
border: 2px solid #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
-o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.success {
border-color: #b7c11e;
background: rgba(183, 193, 30, 0.8); }
.warning {
border-color: #23a38f;
background: rgba(35, 163, 143, 0.8); }
.error {
border-color: #f0563d;
background: rgba(240, 86, 61, 0.8); }
.btn {
outline: 0;
background-color: #33bdef;
border: 1px solid #057fd0;
cursor: pointer;
color: #ffffff;
padding: 6px 24px;
text-decoration: none;
text-shadow: 0px -1px 0px #5b6178;
display: inline-block;
font-family: arial;
font-size: 15px;
font-weight: bold;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
background: -moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
background: -webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
background: -o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
background: -ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
-webkit-box-shadow: 0px 1px 0px #f0f7fa;
-moz-box-shadow: 0px 1px 0px #f0f7fa;
-ms-box-shadow: 0px 1px 0px #f0f7fa;
-o-box-shadow: 0px 1px 0px #f0f7fa;
box-shadow: 0px 1px 0px #f0f7fa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px; }
.btn:active {
position: relative;
top: 1px; }
.btn:hover {
background-color: #019ad2;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
background: -moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
background: -webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
background: -o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
background: -ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
background: linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0); }
ul {
list-style: none;
line-height: 20px;
margin: 0;
padding: 0; }
ul li {
width: 800px;
display: inline-block; }
.container {
width: 800px;
margin: 0 auto; }
input {
float: right; }
input:not([type="submit"]) {
width: 600px; }
|