128 lines
2.0 KiB
CSS
128 lines
2.0 KiB
CSS
html {
|
|
position: relative;
|
|
min-height: 100%;
|
|
}
|
|
body {
|
|
background-color: #fff;
|
|
margin-bottom: 52px;
|
|
}
|
|
#home-page .pod {
|
|
margin-top: 5px;
|
|
padding: 20px;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
color: #ddd;
|
|
}
|
|
#home-page .pod strong {
|
|
color: #fff;
|
|
}
|
|
#home-page .pod h1 {
|
|
margin: 0;
|
|
}
|
|
#home-page .pod#logo {
|
|
margin-top: 50px;
|
|
text-shadow: 2px 2px 10px #333;
|
|
}
|
|
#home-page .pod#cta {
|
|
padding: 0;
|
|
}
|
|
#home-page .pod#copyright {
|
|
padding: 15px;
|
|
}
|
|
#home-page .pod#copyright p {
|
|
margin: 0;
|
|
font-size: 0.9em;
|
|
}
|
|
#home-page .pod .btn-block {
|
|
padding: 20px;
|
|
font-size: 3em;
|
|
color: #fff;
|
|
text-align: right;
|
|
}
|
|
#home-page .pod .btn-block .glyphicon {
|
|
vertical-align: text-bottom;
|
|
font-size: 1.2em;
|
|
}
|
|
form section {
|
|
margin: 40px 0;
|
|
}
|
|
form section .step-num {
|
|
text-align: center;
|
|
}
|
|
form section .step-num .glyphicon {
|
|
font-size: 5em;
|
|
}
|
|
form input.form-control {
|
|
font-size: 2em;
|
|
height: auto;
|
|
margin: 0 0 10px 0;
|
|
}
|
|
form .btn-primary {
|
|
font-size: 4em;
|
|
}
|
|
.create-run-form .invitee input,
|
|
.create-run-form .invitee .btn {
|
|
width: auto;
|
|
float: left;
|
|
}
|
|
.create-run-form .invitee input {
|
|
margin-right: 10px;
|
|
}
|
|
.create-run-form .invitee .btn {
|
|
font-size: 2em;
|
|
}
|
|
.create-run-form .btn-default {
|
|
font-size: 2em;
|
|
}
|
|
.create-order-form textarea {
|
|
font-size: 1.2em;
|
|
}
|
|
.run-order-status {
|
|
margin-bottom: 20px;
|
|
}
|
|
.run-order-status .name {
|
|
font-size: 2em;
|
|
}
|
|
.run-order-status .name .glyphicon {
|
|
margin-right: 10px;
|
|
}
|
|
.run-order-status .order {
|
|
font-size: 1.4em;
|
|
}
|
|
.run-order-status .done {
|
|
opacity: 1;
|
|
}
|
|
.run-order-status .incomplete {
|
|
opacity: 0.5;
|
|
}
|
|
.run-details .progress {
|
|
margin: 20px 0;
|
|
height: 40px;
|
|
border-radius: 0;
|
|
}
|
|
.run-details .progress .progress-bar {
|
|
font-size: 1.2em;
|
|
padding-top: 9px;
|
|
}
|
|
nav {
|
|
margin-bottom: 20px;
|
|
}
|
|
nav a {
|
|
color: #fff;
|
|
}
|
|
nav a:hover {
|
|
color: #999;
|
|
}
|
|
body {
|
|
color: #fff;
|
|
}
|
|
#page .interior {
|
|
padding: 0 40px 20px;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
box-shadow: 0px 0px 20px #000;
|
|
}
|
|
#page .interior h1 .glyphicon {
|
|
vertical-align: text-bottom;
|
|
margin-right: 10px;
|
|
font-size: 1.2em;
|
|
}
|