248 lines
440 KiB
CSS
248 lines
440 KiB
CSS
|
body {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
background: url(data:image/jpeg;base64,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
|
||
|
|
font-family: sans-serif;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.booting.on {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.booting {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 100;
|
||
|
|
left: -100%;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
-webkit-transition: all .5s ease;
|
||
|
|
transition: all .5s ease;
|
||
|
|
background-size: cover;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
background-image: url(data:image/jpeg;base64,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
|
||
|
|
overflow: auto;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.booting.on .booting-logo {
|
||
|
|
-webkit-animation: booting-animation;
|
||
|
|
animation: booting-animation;
|
||
|
|
animation-duration: 0s;
|
||
|
|
animation-iteration-count: 1;
|
||
|
|
-webkit-animation-duration: 2s;
|
||
|
|
animation-duration: 2s;
|
||
|
|
-webkit-animation-iteration-count: infinite;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
img.booting-logo {
|
||
|
|
position: relative;
|
||
|
|
top: 50%;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 200px;
|
||
|
|
-webkit-transform: translateY(-50%);
|
||
|
|
transform: translateY(-50%);
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes booting-animation {
|
||
|
|
0% {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: .2
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes booting-animation {
|
||
|
|
0% {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
opacity: .2
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#form2 {
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.input {
|
||
|
|
width: 100%;
|
||
|
|
background: transparent;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
padding: 5px;
|
||
|
|
color: #fff;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input:focus {
|
||
|
|
width: 100%;
|
||
|
|
background: transparent;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 2px solid #43a24d;
|
||
|
|
padding: 5px;
|
||
|
|
color: #fff;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
margin-top: -1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fielderror {
|
||
|
|
width: 100%;
|
||
|
|
background: transparent;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 2px solid #f00;
|
||
|
|
padding: 5px;
|
||
|
|
color: #000;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:disabled {
|
||
|
|
width: 125px;
|
||
|
|
padding: 10px;
|
||
|
|
background: #5cb85c;
|
||
|
|
color: #fff;
|
||
|
|
border: 0;
|
||
|
|
border-radius: 0px;
|
||
|
|
margin-top: 20px;
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button {
|
||
|
|
width: 125px;
|
||
|
|
padding: 10px;
|
||
|
|
background: #5cb85c;
|
||
|
|
color: #fff;
|
||
|
|
border: 0;
|
||
|
|
border-radius: 0px;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CSS for Credit Card Payment form */
|
||
|
|
.credit-card-box .panel-title {
|
||
|
|
display: inline;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.credit-card-box .form-control.error {
|
||
|
|
border-color: red;
|
||
|
|
outline: 0;
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6);
|
||
|
|
}
|
||
|
|
.credit-card-box label.error {
|
||
|
|
font-weight: bold;
|
||
|
|
color: red;
|
||
|
|
padding: 2px 8px;
|
||
|
|
margin-top: 2px;
|
||
|
|
}
|
||
|
|
.credit-card-box .payment-errors {
|
||
|
|
font-weight: bold;
|
||
|
|
color: red;
|
||
|
|
padding: 2px 8px;
|
||
|
|
margin-top: 2px;
|
||
|
|
}
|
||
|
|
.credit-card-box label {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
/* The old "center div vertically" hack */
|
||
|
|
.credit-card-box .display-table {
|
||
|
|
display: table;
|
||
|
|
}
|
||
|
|
.credit-card-box .display-tr {
|
||
|
|
display: table-row;
|
||
|
|
}
|
||
|
|
.credit-card-box .display-td {
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
/* Just looks nicer */
|
||
|
|
.credit-card-box .panel-heading img {
|
||
|
|
min-width: 180px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.credit {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.credit-cell{
|
||
|
|
width: 25%;
|
||
|
|
height: 20px;
|
||
|
|
padding: 6px 12px;
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 1.42857143;
|
||
|
|
background: transparent;
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
text-align: center;
|
||
|
|
letter-spacing: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.credit-input {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 400px;
|
||
|
|
height: 34px;
|
||
|
|
padding: 6px 12px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857143;
|
||
|
|
border: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||
|
|
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.credit-input:focus {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 400px;
|
||
|
|
height: 34px;
|
||
|
|
padding: 6px 12px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857143;
|
||
|
|
border: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
border-bottom: 2px solid #43a24d;
|
||
|
|
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||
|
|
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.c-focus {
|
||
|
|
outline: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.exp {
|
||
|
|
width: 40%;
|
||
|
|
float: left;
|
||
|
|
margin-right: 20%;
|
||
|
|
}
|
||
|
|
.cvv {
|
||
|
|
width: 40%;
|
||
|
|
float: left;
|
||
|
|
}
|