fixed event

This commit is contained in:
Sergey Yarkov 2020-05-09 15:17:42 +03:00
parent 020d8599b9
commit bc4fe62d20
3 changed files with 445 additions and 446 deletions

View File

@ -21,9 +21,9 @@ h1 {
html, html,
body { body {
font-family: "Roboto", sans-serif; font-family: 'Roboto', sans-serif;
font-weight: normal; font-weight: normal;
background-color: #F3F3F3; background-color: #f3f3f3;
height: 100%; height: 100%;
} }
@ -43,6 +43,10 @@ hr {
height: 35px; height: 35px;
} }
#addItem i {
pointer-events: none;
}
/* Custom Styles */ /* Custom Styles */
@keyframes fadein { @keyframes fadein {
@ -53,7 +57,8 @@ hr {
opacity: 1; opacity: 1;
} }
} }
@-moz-keyframes fadein { /* Firefox */ @-moz-keyframes fadein {
/* Firefox */
from { from {
opacity: 0; opacity: 0;
} }
@ -61,7 +66,8 @@ hr {
opacity: 1; opacity: 1;
} }
} }
@-webkit-keyframes fadein { /* Safari and Chrome */ @-webkit-keyframes fadein {
/* Safari and Chrome */
from { from {
opacity: 0; opacity: 0;
} }
@ -69,7 +75,8 @@ hr {
opacity: 1; opacity: 1;
} }
} }
@-o-keyframes fadein { /* Opera */ @-o-keyframes fadein {
/* Opera */
from { from {
opacity: 0; opacity: 0;
} }
@ -84,7 +91,7 @@ hr {
.loader-fullscreen { .loader-fullscreen {
background-color: #000; background-color: #000;
background-color: rgba(0,0,0,.8); background-color: rgba(0, 0, 0, 0.8);
position: fixed; position: fixed;
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -129,7 +136,9 @@ hr {
align-items: center; align-items: center;
} }
.block-title h1, .block-title h2, .block-title h3 { .block-title h1,
.block-title h2,
.block-title h3 {
padding-left: 10px; padding-left: 10px;
} }
@ -170,7 +179,6 @@ button#addItem {
margin-left: 5px; margin-left: 5px;
} }
/* Cart */ /* Cart */
.cart-btn { .cart-btn {
position: fixed; position: fixed;
@ -212,7 +220,7 @@ button#addItem {
.c_modal-wrap { .c_modal-wrap {
position: fixed; position: fixed;
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, 0.5);
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
@ -334,10 +342,10 @@ button#addItem {
transition: all 0.4s; transition: all 0.4s;
} }
.modal-content__right input[type="number"] { .modal-content__right input[type='number'] {
background: none; background: none;
height: 18px; height: 18px;
border: 1px solid #EAECED; border: 1px solid #eaeced;
width: 30px; width: 30px;
margin: 0 5px; margin: 0 5px;
color: #404751; color: #404751;
@ -351,12 +359,11 @@ button#addItem {
color: #99a1aa; color: #99a1aa;
} }
/* Information Block */ /* Information Block */
.information { .information {
border-radius: 2px; border-radius: 2px;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: #FFE8E8; background-color: #ffe8e8;
color: #333; color: #333;
font-size: 15px; font-size: 15px;
} }
@ -379,7 +386,7 @@ button#addItem {
} }
.pagination li.active { .pagination li.active {
background-color: #26A69A; background-color: #26a69a;
} }
/* Header */ /* Header */
@ -392,7 +399,7 @@ header.main-header {
} }
nav { nav {
background-color: #26A69A; background-color: #26a69a;
font-weight: 300; font-weight: 300;
} }
@ -440,7 +447,7 @@ footer.main-footer .container {
height: 42px; height: 42px;
line-height: 42px; line-height: 42px;
text-align: center; text-align: center;
background: #EFEFEF; background: #efefef;
color: #929292; color: #929292;
margin: 3px; margin: 3px;
transition: 0.2s; transition: 0.2s;
@ -448,7 +455,7 @@ footer.main-footer .container {
} }
.category-items li a:hover { .category-items li a:hover {
background: #26A69A; background: #26a69a;
color: #fff; color: #fff;
} }
@ -484,7 +491,7 @@ footer.main-footer .container {
} }
.items-category { .items-category {
background-color: #26A69A; background-color: #26a69a;
height: 30px; height: 30px;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -500,7 +507,7 @@ footer.main-footer .container {
} }
.items-list { .items-list {
background-color: #F9F9F9; background-color: #f9f9f9;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -553,7 +560,7 @@ footer.main-footer .container {
.list-count, .list-count,
.list-price { .list-price {
height: 24px; height: 24px;
background: #E7E7E7; background: #e7e7e7;
text-align: center; text-align: center;
border-radius: 15px; border-radius: 15px;
min-width: 79px; min-width: 79px;
@ -586,7 +593,6 @@ footer.main-footer .container {
margin-top: 1rem; margin-top: 1rem;
} }
.main-section .background { .main-section .background {
background-color: #fff; background-color: #fff;
padding: 40px; padding: 40px;
@ -610,7 +616,7 @@ footer.main-footer .container {
} }
.product .breadcrumb li::after { .product .breadcrumb li::after {
content: "/"; content: '/';
padding: 0 10px; padding: 0 10px;
color: #b3b3b3; color: #b3b3b3;
} }
@ -663,7 +669,7 @@ footer.main-footer .container {
.product-info__count span { .product-info__count span {
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
background: #E7E7E7; background: #e7e7e7;
padding: 2px 13px; padding: 2px 13px;
border-radius: 15px; border-radius: 15px;
color: #000; color: #000;
@ -674,7 +680,7 @@ footer.main-footer .container {
.product-info__price span { .product-info__price span {
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
background: #E7E7E7; background: #e7e7e7;
padding: 2px 13px; padding: 2px 13px;
border-radius: 15px; border-radius: 15px;
color: #000; color: #000;
@ -690,7 +696,7 @@ footer.main-footer .container {
/* Product-info Right */ /* Product-info Right */
.product-info__right { .product-info__right {
background-color: #F9F9F9; background-color: #f9f9f9;
min-height: 450px; min-height: 450px;
width: 100%; width: 100%;
border-radius: 4px; border-radius: 4px;
@ -757,7 +763,9 @@ footer.main-footer {
.login-form__content button { .login-form__content button {
width: 100%; width: 100%;
} }
.sidenav .collapsible-header, .sidenav.fixed .collapsible-header, .sidenav li>a { .sidenav .collapsible-header,
.sidenav.fixed .collapsible-header,
.sidenav li > a {
padding: 0 20px; padding: 0 20px;
} }
.nav-wrapper .brand-logo { .nav-wrapper .brand-logo {
@ -790,7 +798,8 @@ footer.main-footer {
.card .card-content h3 { .card .card-content h3 {
margin-top: 8px; margin-top: 8px;
} }
.table-buyers, .table-items { .table-buyers,
.table-items {
max-height: 385px; max-height: 385px;
} }
#items .card-content { #items .card-content {
@ -806,14 +815,14 @@ footer.admin-footer{
} }
.admin-footer ul li a { .admin-footer ul li a {
color: #999; color: #999;
font-size: .9rem; font-size: 0.9rem;
font-weight: 300; font-weight: 300;
margin: 5px 0; margin: 5px 0;
} }
.admin-footer h5 { .admin-footer h5 {
font-size: 1.64rem; font-size: 1.64rem;
line-height: 110%; line-height: 110%;
margin: 1.0933333333rem 0 .656rem 0; margin: 1.0933333333rem 0 0.656rem 0;
} }
.admin-footer ul li { .admin-footer ul li {
margin-bottom: 5px; margin-bottom: 5px;
@ -833,7 +842,8 @@ footer.admin-footer{
.modal .modal-content h4 { .modal .modal-content h4 {
margin-bottom: 10px; margin-bottom: 10px;
} }
div.table td, div.table th { div.table td,
div.table th {
text-align: center; text-align: center;
} }
div.table > table > tbody > tr > td:nth-child(1) > img { div.table > table > tbody > tr > td:nth-child(1) > img {
@ -842,10 +852,13 @@ div.table > table > tbody > tr > td:nth-child(1) > img{
div.table > table > tbody > tr > td:nth-child(7) > button.btn.orange { div.table > table > tbody > tr > td:nth-child(7) > button.btn.orange {
margin-left: 5px; margin-left: 5px;
} }
.sidenav .collapsible-body>ul:not(.collapsible)>li.active, .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active { .sidenav .collapsible-body > ul:not(.collapsible) > li.active,
background-color: #4E978C; .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
background-color: #4e978c;
} }
.sidenav .collapsible-body>ul:not(.collapsible)>li.active a, .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a, .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active i { .sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active i {
color: #f6f6f6; color: #f6f6f6;
} }
.card h5 { .card h5 {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long