Файл: design/boostrap/wordpay.css
Строк: 686
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
a
{
color: #454545;
text-decoration: none !important;
-webkit-transition:
all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all
.3s ease-out;
transition: all .3s ease-out;
}
img {
vertical-align:
middle;
border-style: none;
}
main {
/* Чтобы
занимал оставшееся
пространство */
flex-grow:
1;
}
footer {
/* Чтобы footer не
уменьшался */
flex-shrink: 0;
}
.header-st
{
height: 180px;
background: #7867a7 url(../img/just3-bg.png);
padding-top: 100px;
padding-bottom: 40px;
color: #fff;
}
.header-st2 {
height: 180px;
background: #7867a7 url(../img/just3-bg.png);
padding-top: 100px;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.navbar-expand-md {
background-color: #343a4066;
}
}
@media
(max-width: 768px) {
.navbar-expand-md {
background-color:
#343a4066;
}
}
.nav-user a{
color: rgba(255, 255, 255,
0.81);
}
.nav-user a:hover{
color: #fff;
text-decoration:
none;
}
.footer {
color: #828282;
background-color:
#333333;
}
.footer .list-inline-item a {
color: #828282;
}
.footer
.list-inline-item a:hover{
color: #fff;
text-decoration:
none;
}
.footer .list-inline {
margin-top: 20px;
margin-bottom:
20px;
display: inline-block;
list-style: none;
}
.footer
.list-inline-item {
background-color: #333333;
border: none;
display: inline-block;
}
.footer .btn {
margin-top: 13px;
}
.landing {
height: 480px;
background: url(../img/main-12.jpg);
background-repeat:
no-repeat;
background-position: 100% 40%;
background-size: cover;
padding-top: 70px;
padding-bottom: 40px;
color: #fff;
}
.landing-2{
height: 480px;
background: url(../img/shop.jpg);
background-repeat:
no-repeat;
background-position: 100% 40%;
background-size: cover;
padding-top: 70px;
padding-bottom: 40px;
color: #fff;
}
.landing-3{
height: 480px;
background: url(../img/shop2.jpg);
background-repeat:
no-repeat;
background-position: 100% 40%;
background-size: cover;
padding-top: 70px;
padding-bottom: 40px;
color: #fff;
}
.top-merchant
{
background-color: #f7f9fa;
}
.top-protect {
background-image:
radial-gradient(circle farthest-side at center bottom,#868e96,#3d3e40
125%);
}
.foot-merchant {
background-image: radial-gradient(circle
farthest-side at center bottom,#7867a7,#553e94 125%);
}
.mt-6 {
margin-top: 5rem !important;
}
.step-badge {
background:
#ffffff;
padding: 5px 13px 5px 12px;
color: #28a745;
font-weight:
600;
font-size: 16px;
border-radius: 216px;
border: 1px solid
#28a745;
}
.step-badge-2 {
background: #ffffff;
padding: 5px 11px 5px
12px;
color: #28a745;
font-weight: 600;
font-size: 16px;
border-radius:
216px;
border: 1px solid #28a745;
}
.top-badge {
background:
#ffffff00;
padding: 10px 18px 9px 19px;
color: #ffffff;
font-weight:
600;
font-size: 20px;
border-radius: 216px;
border: 1px solid
#ffffff;
}
.top-badge-2 {
background: #ffffff00;
padding: 10px 17px 9px
18px;
color: #ffffff;
font-weight: 600;
font-size: 20px;
border-radius:
216px;
border: 1px solid #ffffff;
}
.code-editor {
background-color:
#313440;
border-radius: 5px;
border: 1px solid #1B1C22;
font-family:
Inconsolata, Monaco, Consolas, 'Courier New', Courier;
}
.code-editor >
.tabs {
background-color: transparent;
}
.code-editor > .tabs >
.title {
width: 100%;
position: relative;
padding: 5px 0 7px 5px;
text-align: center;
font-size: 1.2rem;
word-wrap:
break-word;
}
.code-editor > .tabs > .title.-ruby {
color:
#D16262;
}
.code-editor > .tabs > .title.-javascript {
color:
#DBB984;
}
.code-editor > .tabs > .title.-html {
color:
#E27B60;
}
.code-editor > .tabs > .title.-react {
color:
#75E0FD;
}
.code-editor > .tabs > .title > .icon {
position:
relative;
top: 2px;
margin-right: 5px;
color: inherit;
font-size:
1rem;
}
.code-editor > .content {
padding: 20px 0 20px 10px;
font-size: 0.7rem;
}
.code-editor > .content > .lines {
list-style:
none;
padding: 0;
margin: 0;
}
.code-editor .lines > .line
::selection {
background-color: rgba(62, 68, 81, 0.8);
}
.code-editor
.lines > .line {
white-space: nowrap;
}
.code-editor .lines > .line
> span {
white-space: normal;
word-wrap: break-word;
}
.code-editor
.lines .linenumber {
color: #414556;
padding: 0 15px 0 0;
font-weight: normal;
}
.code-editor .red {
color: #e06c75;
}
.code-editor
.purple {
color: #c678dd;
}
.code-editor .yellow {
color:
#FECF5F;
}
.code-editor .orange {
color: #FB8578;
}
.code-editor .blue {
color: #7EBAFF;
}
.code-editor .green {
color: #98c379;
}
.code-editor
.light-blue {
color: #75E0FD;
}
.code-editor .comment {
color:
#5c6370;
font-style: italic;
}
.mb-head {
margin-bottom:
9rem;
}
.win-img {
border-radius: 50%;
box-shadow: 0 15px 35px
rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
.w-10 {
width:
10%;
}
.mt-10 {
margin-top: 35rem;
}
.notify-popup {
width: 100%;
z-index: 5000;
position: fixed;
left: 0;
bottom: 0px;
border-radius: 4px;
box-shadow: 1px 1px 2px 1px #bbb;
}
.top {
position: relative;
display: block;
padding: 17px;
margin-bottom: -1px;
overflow: hidden;
font-weight: bold;
background-color: #7867a7;
border-color: #7867a7;
color:#fff;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
margin: 6px 0 0 0;
}
.navi a {
background-color: #7867a7;
border-color: #7867a7;
display: inline-block;
padding: 8px
8px;
border-radius: 4px;
margin: 2px;
color: #fff;
}
.box, .wrap
{
background-color: #fff;
background-clip: border-box;
border: 1px
solid rgba(0, 0, 0, 0.125);
padding: 14px;
display:
block;
}
a.link {
background-color: #fff;
background-clip:
border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
padding: 14px;
display: block;
}
.right {
padding: 5px;
font-size: 12px;
color:
#5f5f60;
text-align: center;
background-color: #fff;
float:
right;
margin: -4px;
border: 1px solid #c6c6c6;
border-radius:
4px;
}
a.reg {
background: #F0F0F0;
text-align: center;
float:
right;
margin-top: -55px;
padding: 10px;
}
.auth1{
background:
#253137;
padding: 7px 0;
text-align: center;
}
.auth1 a
{
background-color: #7867a7;
border-color: #7867a7;
display:
inline-block;
width: 32%;
padding: 9px 0;
color: #fff;
}
input[type="submit"] {
cursor: pointer;
background-color:
#7867a7;
border-color: #7867a7;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color:
#fff;
margin-top: 5px;
border: 0px;
padding: 11px 40px 11px 40px;
border-radius:3px;
}
input[type~=email], input[type~=number],
input[type~=password], input[type~=select], input[type~=text],
input[type~=url]{
border: 1px solid #d8d8d8;
font-family: Tahoma;
color: #686868;
padding: 7px;
margin: 1px;
border-radius: 3px;
width: 95%;
}
input, select {
background: #F5F5F5;
padding: 7px;
border:
1px solid #eee;
margin: 3px 1px;
}
textarea {
border-radius: 15px;
margin:
5px;
border: 1px solid #CFCFCF;
border-radius: 3px;
font-family: serif;
width: 90%;
height: 65px;
}
.pag, .str {
display: inline-block;
color:
#000;
border: 1px solid #DCDCDC;
padding: 3px 10px;
margin-left:
4px;
border-radius: 4px;
position: relative;
}
.center {
float:
center;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow:
0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0,
.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px
15px;
border-bottom: 1px solid transparent;
border-top-left-radius:
3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown
.dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title >
a,
.panel-title > small,
.panel-title > .small,
.panel-title >
small > a,
.panel-title > .small > a {
color:
inherit;
}
.panel-footer {
padding: 10px 15px;
background-color:
#f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel >
.panel-collapse > .list-group {
margin-bottom: 0;
}
.panel >
.list-group .list-group-item,
.panel > .panel-collapse > .list-group
.list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel >
.list-group:first-child .list-group-item:first-child,
.panel >
.panel-collapse > .list-group:first-child .list-group-item:first-child
{
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child
.list-group-item:last-child,
.panel > .panel-collapse >
.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel
> .panel-heading + .panel-collapse > .list-group
.list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel-heading + .list-group
.list-group-item:first-child {
border-top-width: 0;
}
.list-group +
.panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel >
.table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel >
.table-responsive > .table caption,
.panel > .panel-collapse >
.table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel >
.table:first-child,
.panel > .table-responsive:first-child >
.table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child >
thead:first-child > tr:first-child,
.panel >
.table-responsive:first-child > .table:first-child >
thead:first-child > tr:first-child,
.panel > .table:first-child >
tbody:first-child > tr:first-child,
.panel >
.table-responsive:first-child > .table:first-child >
tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child >
thead:first-child > tr:first-child td:first-child,
.panel >
.table-responsive:first-child > .table:first-child >
thead:first-child > tr:first-child td:first-child,
.panel >
.table:first-child > tbody:first-child > tr:first-child
td:first-child,
.panel > .table-responsive:first-child >
.table:first-child > tbody:first-child > tr:first-child
td:first-child,
.panel > .table:first-child > thead:first-child >
tr:first-child th:first-child,
.panel > .table-responsive:first-child
> .table:first-child > thead:first-child > tr:first-child
th:first-child,
.panel > .table:first-child > tbody:first-child >
tr:first-child th:first-child,
.panel > .table-responsive:first-child
> .table:first-child > tbody:first-child > tr:first-child
th:first-child {
border-top-left-radius: 3px;
}
.panel >
.table:first-child > thead:first-child > tr:first-child
td:last-child,
.panel > .table-responsive:first-child >
.table:first-child > thead:first-child > tr:first-child
td:last-child,
.panel > .table:first-child > tbody:first-child >
tr:first-child td:last-child,
.panel > .table-responsive:first-child
> .table:first-child > tbody:first-child > tr:first-child
td:last-child,
.panel > .table:first-child > thead:first-child >
tr:first-child th:last-child,
.panel > .table-responsive:first-child
> .table:first-child > thead:first-child > tr:first-child
th:last-child,
.panel > .table:first-child > tbody:first-child >
tr:first-child th:last-child,
.panel > .table-responsive:first-child
> .table:first-child > tbody:first-child > tr:first-child
th:last-child {
border-top-right-radius: 3px;
}
.panel >
.table:last-child,
.panel > .table-responsive:last-child >
.table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child >
tbody:last-child > tr:last-child,
.panel >
.table-responsive:last-child > .table:last-child > tbody:last-child
> tr:last-child,
.panel > .table:last-child > tfoot:last-child
> tr:last-child,
.panel > .table-responsive:last-child >
.table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel
> .table:last-child > tbody:last-child > tr:last-child
td:first-child,
.panel > .table-responsive:last-child >
.table:last-child > tbody:last-child > tr:last-child
td:first-child,
.panel > .table:last-child > tfoot:last-child >
tr:last-child td:first-child,
.panel > .table-responsive:last-child >
.table:last-child > tfoot:last-child > tr:last-child
td:first-child,
.panel > .table:last-child > tbody:last-child >
tr:last-child th:first-child,
.panel > .table-responsive:last-child >
.table:last-child > tbody:last-child > tr:last-child
th:first-child,
.panel > .table:last-child > tfoot:last-child >
tr:last-child th:first-child,
.panel > .table-responsive:last-child >
.table:last-child > tfoot:last-child > tr:last-child th:first-child
{
border-bottom-left-radius: 3px;
}
.panel > .table:last-child >
tbody:last-child > tr:last-child td:last-child,
.panel >
.table-responsive:last-child > .table:last-child > tbody:last-child
> tr:last-child td:last-child,
.panel > .table:last-child >
tfoot:last-child > tr:last-child td:last-child,
.panel >
.table-responsive:last-child > .table:last-child > tfoot:last-child
> tr:last-child td:last-child,
.panel > .table:last-child >
tbody:last-child > tr:last-child th:last-child,
.panel >
.table-responsive:last-child > .table:last-child > tbody:last-child
> tr:last-child th:last-child,
.panel > .table:last-child >
tfoot:last-child > tr:last-child th:last-child,
.panel >
.table-responsive:last-child > .table:last-child > tfoot:last-child
> tr:last-child th:last-child {
border-bottom-right-radius:
3px;
}
.panel > .panel-body + .table,
.panel > .panel-body +
.table-responsive,
.panel > .table + .panel-body,
.panel >
.table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel
> .table > tbody:first-child > tr:first-child th,
.panel >
.table > tbody:first-child > tr:first-child td {
border-top:
0;
}
.panel > .table-bordered,
.panel > .table-responsive >
.table-bordered {
border: 0;
}
.panel > .table-bordered > thead
> tr > th:first-child,
.panel > .table-responsive >
.table-bordered > thead > tr > th:first-child,
.panel >
.table-bordered > tbody > tr > th:first-child,
.panel >
.table-responsive > .table-bordered > tbody > tr >
th:first-child,
.panel > .table-bordered > tfoot > tr >
th:first-child,
.panel > .table-responsive > .table-bordered >
tfoot > tr > th:first-child,
.panel > .table-bordered > thead
> tr > td:first-child,
.panel > .table-responsive >
.table-bordered > thead > tr > td:first-child,
.panel >
.table-bordered > tbody > tr > td:first-child,
.panel >
.table-responsive > .table-bordered > tbody > tr >
td:first-child,
.panel > .table-bordered > tfoot > tr >
td:first-child,
.panel > .table-responsive > .table-bordered >
tfoot > tr > td:first-child {
border-left: 0;
}
.panel >
.table-bordered > thead > tr > th:last-child,
.panel >
.table-responsive > .table-bordered > thead > tr >
th:last-child,
.panel > .table-bordered > tbody > tr >
th:last-child,
.panel > .table-responsive > .table-bordered >
tbody > tr > th:last-child,
.panel > .table-bordered > tfoot
> tr > th:last-child,
.panel > .table-responsive >
.table-bordered > tfoot > tr > th:last-child,
.panel >
.table-bordered > thead > tr > td:last-child,
.panel >
.table-responsive > .table-bordered > thead > tr >
td:last-child,
.panel > .table-bordered > tbody > tr >
td:last-child,
.panel > .table-responsive > .table-bordered >
tbody > tr > td:last-child,
.panel > .table-bordered > tfoot
> tr > td:last-child,
.panel > .table-responsive >
.table-bordered > tfoot > tr > td:last-child {
border-right:
0;
}
.panel > .table-bordered > thead > tr:first-child >
td,
.panel > .table-responsive > .table-bordered > thead >
tr:first-child > td,
.panel > .table-bordered > tbody >
tr:first-child > td,
.panel > .table-responsive > .table-bordered
> tbody > tr:first-child > td,
.panel > .table-bordered >
thead > tr:first-child > th,
.panel > .table-responsive >
.table-bordered > thead > tr:first-child > th,
.panel >
.table-bordered > tbody > tr:first-child > th,
.panel >
.table-responsive > .table-bordered > tbody > tr:first-child >
th {
border-bottom: 0;
}
.panel > .table-bordered > tbody >
tr:last-child > td,
.panel > .table-responsive > .table-bordered
> tbody > tr:last-child > td,
.panel > .table-bordered >
tfoot > tr:last-child > td,
.panel > .table-responsive >
.table-bordered > tfoot > tr:last-child > td,
.panel >
.table-bordered > tbody > tr:last-child > th,
.panel >
.table-responsive > .table-bordered > tbody > tr:last-child >
th,
.panel > .table-bordered > tfoot > tr:last-child >
th,
.panel > .table-responsive > .table-bordered > tfoot >
tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive
{
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom:
20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius:
4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group
.panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading +
.panel-collapse > .panel-body,
.panel-group .panel-heading +
.panel-collapse > .list-group {
border-top: 1px solid
#ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group
.panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid
#ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default >
.panel-heading {
padding:10px;
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse
> .panel-body {
border-top-color: #ddd;
}
.panel-default >
.panel-heading .badge {
color: #f5f5f5;
background-color:
#333;
}
.panel-default > .panel-footer + .panel-collapse >
.panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color:
#fff;
background-color: #337ab7;
border-color:
#337ab7;
}
.panel-primary > .panel-heading + .panel-collapse >
.panel-body {
border-top-color: #337ab7;
}
.panel-primary >
.panel-heading .badge {
color: #337ab7;
background-color:
#fff;
}
.panel-primary > .panel-footer + .panel-collapse >
.panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color:
#3c763d;
background-color: #dff0d8;
border-color:
#d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse >
.panel-body {
border-top-color: #d6e9c6;
}
.panel-success >
.panel-heading .badge {
color: #dff0d8;
background-color:
#3c763d;
}
.panel-success > .panel-footer + .panel-collapse >
.panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #7867a7;
}
.panel-info > .panel-heading {
color:
#f5f5f5;;
background-color: #7867a7;
border-color:
#7867a7;
}
.panel-info > .panel-heading + .panel-collapse >
.panel-body {
border-top-color: #7867a7;
}
.panel-info >
.panel-heading .badge {
color: #7867a7;
background-color:
#f5f5f5;;
}
.panel-info > .panel-footer + .panel-collapse >
.panel-body {
border-bottom-color: #7867a7;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color:
#8a6d3b;
background-color: #fcf8e3;
border-color:
#faebcc;
}
.panel-warning > .panel-heading + .panel-collapse >
.panel-body {
border-top-color: #faebcc;
}
.panel-warning >
.panel-heading .badge {
color: #fcf8e3;
background-color:
#8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse >
.panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color:
#a94442;
background-color: #f2dede;
border-color:
#ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse >
.panel-body {
border-top-color: #ebccd1;
}
.panel-danger >
.panel-heading .badge {
color: #f2dede;
background-color:
#a94442;
}
.panel-danger > .panel-footer + .panel-collapse >
.panel-body {
border-bottom-color:
#ebccd1;
}
h3{height:8px;margin:auto;font-size:
1.10rem;}
.table-pay,.table_pay{color:#555;width:95%;border:1px solid
#ebe6e6;border-collapse:collapse}.table-pay{margin:auto}.table-pay-tr{border:1px
solid #ebe6e6}.table-pay-td,.table-pay-td-sms{border:1px solid
#ebe6e6;text-align:center}.table-pay-td-sms{word-break:break-all}.table-pay-td-left{width:35%}.table-pay-td-left,.table-pay-td-right{border:1px
solid
#ebe6e6;text-align:center}.table-pay-td-right{width:65%}.table-pay-form{display:block;margin:0
auto}.table-pay-form
input[type=submit]{margin:auto}.table-pay-link{margin:0
auto}.table-pay-link-red{background-color:#e44848;border-radius:4px;border:1px
solid #cd3232;margin:0
auto}.link_button,.table-pay-link-red{display:block;color:#fff;padding:8px}
.message{background-size:40px
40px;background-image:linear-gradient(135deg,hsla(0,0%,100%,.05)
25%,transparent 0,transparent 50%,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05)
75%,transparent 0,transparent);box-shadow:0 0 8px rgba(0,0,0,.3);font:16px
Open Sans;width:85%;margin:20px
auto;padding:15px;-webkit-animation:bg-animate 5s linear
infinite;animation:bg-animate 5s linear infinite}.message
span{font-weight:600}.message
#close{float:right;color:inherit;text-decoration:none}.message#error{background-color:tomato;border-left:7px
solid
#dc3d21;color:#fff}.message#warning{background-color:#eaaf51;border-left:7px
solid
#df8b00;color:#6b6d31}.message#info{background-color:#4ea5cd;border-left:7px
solid
#3b8eb5;color:#beecfc}.message#success{background-color:#61b832;border-left:7px
solid #55a12c;color:#296829}@-webkit-keyframes
bg-animate{0%{background-position:0 0}to{background-position:-80px
0}}@keyframes bg-animate{0%{background-position:0
0}to{background-position:-80px 0}}