transfer project in github
This commit is contained in:
hamid.zarghami1@gmail.com
@@ -0,0 +1,74 @@
|
||||
.ck-content {
|
||||
width: 100%;
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
|
||||
&:lang(en) {
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
|
||||
font-family: inherit, sans-serif;
|
||||
direction: unset;
|
||||
text-align: unset;
|
||||
|
||||
&:lang(en) {
|
||||
font-family: inherit;
|
||||
direction: unset;
|
||||
text-align: unset;
|
||||
}
|
||||
|
||||
&[dir="ltr"] {
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
|
||||
p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
&[dir="rtl"] {
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
|
||||
p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 15px;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%!important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,200 @@
|
||||
//////////////////////////////////////////////////////////////////////////////////////////////////////// element ui rtl fix
|
||||
html:lang(fa) {
|
||||
.el-tag {
|
||||
/*margin-bottom: 10px!important;*/
|
||||
}
|
||||
|
||||
.text-area {
|
||||
textarea {
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-popup-parent--hidden {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.el-tag .el-icon-close {
|
||||
right: auto !important;
|
||||
left: -5px !important;
|
||||
}
|
||||
|
||||
.el-table .el-table__body-wrapper .el-table__row .is-left {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.el-form-item__label {
|
||||
float: right !important;
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
.el-form-item__content {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 120px !important;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.el-form-item__content {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.secondTitle {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.el-upload__input {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.el-message-box__title, .el-message-box__message {
|
||||
direction: rtl !important;
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
.el-message-box__message {
|
||||
padding-left: 12px !important;
|
||||
padding-right: 36px !important;
|
||||
}
|
||||
|
||||
.el-message-box__btns {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-message-box__headerbtn {
|
||||
right: auto !important;
|
||||
left: 15px !important;
|
||||
}
|
||||
|
||||
.el-message-box__btns button:nth-child(2) {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.el-message-box__status {
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
.el-table td, .el-table th {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
.el-upload__input {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.el-checkbox__label {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
|
||||
.el-message__icon {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
|
||||
.sidebar-subnav {
|
||||
background: rgba(0, 0, 0, 0.05) !important;
|
||||
}
|
||||
|
||||
.sidebar > .nav > li {
|
||||
border-bottom: 1px solid #eee !important;
|
||||
}
|
||||
|
||||
.brand-logo p {
|
||||
margin-top: 6px !important;
|
||||
}
|
||||
|
||||
.brand-logo-collapsed svg {
|
||||
fill: #fff !important;
|
||||
}
|
||||
|
||||
.nav-floating {
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.el-dialog__headerbtn {
|
||||
right: auto !important;
|
||||
left: 20px !important;
|
||||
}
|
||||
|
||||
.el-radio__label {
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
|
||||
.el-scrollbar__wrap {
|
||||
margin-right: 0 !important;
|
||||
margin-left: -17px !important;
|
||||
}
|
||||
|
||||
.input-direction {
|
||||
input{
|
||||
direction: ltr !important;
|
||||
}
|
||||
}
|
||||
|
||||
.invite-code{
|
||||
margin: 32px;
|
||||
span{
|
||||
padding: 8px 16px;
|
||||
border: $theme 1px solid;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
|
||||
@extend %defaultTransition;
|
||||
&:hover{
|
||||
background: $theme;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-message {
|
||||
min-width: unset !important;
|
||||
width: 98% !important;
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
.bg-payResult{
|
||||
//background: $theme;
|
||||
//outline: 1px solid red;
|
||||
//height: 50px;
|
||||
//margin-bottom: 20px;
|
||||
//background-size: 200px 200px;
|
||||
//background-repeat: space;
|
||||
//background-position: initial;
|
||||
//opacity: 0.8;
|
||||
|
||||
.btn-success-result{
|
||||
width: 100%;
|
||||
border-radius: 3%;
|
||||
border: 1px solid $theme;
|
||||
background: $theme;
|
||||
padding: 16px 32px;
|
||||
color: #FFFFFF;
|
||||
@extend %defaultTransition;
|
||||
&:hover{
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-failed-result{
|
||||
width: 100%;
|
||||
border-radius: 3%;
|
||||
border: 1px solid $theme;
|
||||
background: $theme;
|
||||
padding: 16px 32px;
|
||||
color: #FFFFFF;
|
||||
@extend %defaultTransition;
|
||||
&:hover{
|
||||
background: transparent;
|
||||
color: $theme;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
%defaultTransition {
|
||||
@include transition(0.3s);
|
||||
}
|
||||
|
||||
%userSelect {
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
%appearance {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
%defaultBoxShadow {
|
||||
@include boxShadow(0 5px 8px rgba(0, 0, 0, 0.2))
|
||||
}
|
||||
|
||||
%formStyles {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
direction: rtl;
|
||||
font-family: 'sahel';
|
||||
border: 1px solid transparent;
|
||||
background: #fff;
|
||||
@include borderRadius(2px);
|
||||
@include transition($trs);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
@font-face {
|
||||
font-family: 'sahel';
|
||||
src: url('../fonts/sahel.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/sahel.woff') format('woff'),
|
||||
url('../fonts/sahel.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
}
|
||||
@@ -0,0 +1,576 @@
|
||||
body {
|
||||
background: $bgColor;
|
||||
@include transition(background-color $trs);
|
||||
font-family: 'sahel';
|
||||
direction: rtl;
|
||||
color: $txtColor;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, a, p, span {
|
||||
font-family: 'sahel' !important;
|
||||
}
|
||||
|
||||
* {
|
||||
direction: rtl;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background: #000;
|
||||
color: greenyellow;
|
||||
padding: 25px;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.logo--svg {
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
|
||||
.dark--green {
|
||||
fill: #009444;
|
||||
////////
|
||||
.line {
|
||||
stroke: #009444;
|
||||
stroke-width: 0.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.light--green {
|
||||
fill: #8DC63F;
|
||||
}
|
||||
|
||||
.main--groups {
|
||||
@include transition(fill $trs);
|
||||
|
||||
.line {
|
||||
@include transition(stroke $trs);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.simple-lightbox {
|
||||
.sl-navigation {
|
||||
button {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//////////////////////// global themes (for use in body tag)
|
||||
///// cafe theme
|
||||
.cafe--theme {
|
||||
.logo--svg {
|
||||
.dark--green {
|
||||
fill: #fff !important;
|
||||
////////
|
||||
.line {
|
||||
stroke: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
.light--green {
|
||||
fill: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
.site--header {
|
||||
.header--nav {
|
||||
background: $themeHover;
|
||||
|
||||
.nav--links {
|
||||
ul {
|
||||
li {
|
||||
a {
|
||||
color: #fff;
|
||||
|
||||
&:hover {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.active-link {
|
||||
position: relative;
|
||||
color: #fff;
|
||||
|
||||
&:hover {
|
||||
&::after {
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
bottom: 18px;
|
||||
left: 0;
|
||||
@include transition($trs);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.logo--box {
|
||||
background: $themeHover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
///// reverse theme
|
||||
.reverse--theme {
|
||||
.page--container {
|
||||
background: $theme !important;
|
||||
}
|
||||
|
||||
.site--header {
|
||||
.reservation {
|
||||
background: #000 !important;
|
||||
|
||||
&:hover {
|
||||
background-color: #000 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site--footer {
|
||||
background: $theme !important;
|
||||
|
||||
.goUp {
|
||||
background: #fff !important;
|
||||
|
||||
p {
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: #fff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hamburger--btn {
|
||||
background: $themeHover !important;
|
||||
}
|
||||
}
|
||||
|
||||
//// offCanvas active theme
|
||||
.offCanvas--active {
|
||||
.simplebar-content {
|
||||
height: 100vh !important; // this will affect page scroll
|
||||
overflow: hidden !important; // this will affect page scroll
|
||||
}
|
||||
|
||||
.site--header {
|
||||
.header--nav {
|
||||
.logo--box {
|
||||
background: $theme !important;
|
||||
|
||||
svg {
|
||||
.main--groups {
|
||||
fill: #fff !important;
|
||||
////////
|
||||
.line {
|
||||
stroke: #fff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reservation {
|
||||
background: #fff !important;
|
||||
|
||||
a {
|
||||
svg {
|
||||
fill: $theme !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
///// contactPage theme
|
||||
.contactPage--theme {
|
||||
background: url("../img/contactPage/contact-bg.jpg");
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
///////////////////////////////////////
|
||||
.page--container {
|
||||
min-height: calc(100vh - #{$HF_height});
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
.section {
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.form {
|
||||
input {
|
||||
@extend %formStyles;
|
||||
}
|
||||
|
||||
button {
|
||||
@extend %formStyles;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: $txtColor;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
//////////////////////////////////////////////////////// site header
|
||||
.site--header {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 11;
|
||||
////////////
|
||||
.container {
|
||||
@media (max-width: 992px) {
|
||||
& {
|
||||
max-width: 100% !important;
|
||||
padding: 0 !important;
|
||||
|
||||
.row {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header--nav {
|
||||
height: $HF_height;
|
||||
background: #fff;
|
||||
line-height: $HF_height;
|
||||
text-align: center;
|
||||
@include transition(background-color $trs);
|
||||
//////////
|
||||
.reservation {
|
||||
background: $theme;
|
||||
height: $HF_height;
|
||||
@include transition(background-color $trs);
|
||||
///////////
|
||||
a {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
svg {
|
||||
@include transform(translateY(3px));
|
||||
fill: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $themeHover;
|
||||
}
|
||||
|
||||
.reservation--svg {
|
||||
fill: $theme;
|
||||
}
|
||||
}
|
||||
|
||||
.nav--links {
|
||||
ul {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
|
||||
li {
|
||||
margin: auto;
|
||||
|
||||
a {
|
||||
color: $txtColor;
|
||||
@include transition(color $trs);
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
color: $theme;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
& {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
& {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.active-link {
|
||||
color: $theme;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.logo--box {
|
||||
display: flex;
|
||||
background: #fff;
|
||||
@include transition(background-color $trs);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.offCanvas {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
overflow-y: scroll;
|
||||
background: $theme;
|
||||
position: fixed;
|
||||
bottom: -100%;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
display: none;
|
||||
|
||||
.scrollable {
|
||||
padding-bottom: 60px;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
@include transition(color $trs);
|
||||
|
||||
&:hover {
|
||||
color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.nav--links {
|
||||
margin-top: 25vh;
|
||||
text-align: center;
|
||||
@media (max-height: 575px) {
|
||||
& {
|
||||
margin-top: 20vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.social {
|
||||
max-width: 300px;
|
||||
margin: 50px auto;
|
||||
@media (max-height: 575px) {
|
||||
& {
|
||||
margin: 30px auto;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
li {
|
||||
display: block;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav--icons {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.copyRight {
|
||||
text-align: center;
|
||||
|
||||
h4 {
|
||||
color: #fff;
|
||||
direction: ltr;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
p {
|
||||
direction: ltr;
|
||||
margin-top: 5px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
opacity: 0.7;
|
||||
|
||||
a {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hamburger--btn {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: $theme;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: calc(50% - 25px);
|
||||
z-index: 11;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
@media (max-width: 768px) {
|
||||
& {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.bars {
|
||||
margin-top: 50%;
|
||||
@include transform(translateY(-50%));
|
||||
|
||||
div {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 2px !important;
|
||||
background: #fff;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
@include transition($trs);
|
||||
}
|
||||
|
||||
.b2 {
|
||||
margin: 5px auto;
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
.b2 {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.b1 {
|
||||
@include transform(rotate(45deg) translate(6px, 6px))
|
||||
}
|
||||
|
||||
.b3 {
|
||||
@include transform(rotate(-45deg) translate(4px, -4px))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hamburger--close--btn {
|
||||
background: $themeHover !important;
|
||||
}
|
||||
|
||||
//////////////////////////////////////////////////////// site footer
|
||||
.site--footer {
|
||||
width: 100%;
|
||||
|
||||
.container {
|
||||
@media (max-width: 992px) {
|
||||
& {
|
||||
max-width: 100% !important;
|
||||
padding: 0 !important;
|
||||
|
||||
.row {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.footer--nav {
|
||||
width: 100%;
|
||||
|
||||
.goUp {
|
||||
height: $HF_height;
|
||||
background: $theme;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
@include transition($trs);
|
||||
|
||||
p {
|
||||
margin: auto;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $themeHover;
|
||||
}
|
||||
}
|
||||
|
||||
.nav--links {
|
||||
height: $HF_height;
|
||||
background: #000;
|
||||
|
||||
.social {
|
||||
display: inline-block;
|
||||
|
||||
ul {
|
||||
height: $HF_height;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding-right: 30px;
|
||||
|
||||
li {
|
||||
display: block;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav--icons {
|
||||
fill: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.copyRight {
|
||||
float: left;
|
||||
|
||||
h4 {
|
||||
color: #fff;
|
||||
direction: ltr;
|
||||
font-size: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
p {
|
||||
direction: ltr;
|
||||
margin-top: 5px;
|
||||
color: #fff;
|
||||
font-size: 10.5px;
|
||||
opacity: 0.7;
|
||||
|
||||
a {
|
||||
padding: 0;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
@mixin transform($p...) {
|
||||
transform: $p;
|
||||
-webkit-transform: $p;
|
||||
-moz-transform: $p;
|
||||
-ms-transform: $p;
|
||||
-o-transform: $p;
|
||||
}
|
||||
|
||||
@mixin transition($p...) {
|
||||
transition: $p;
|
||||
-webkit-transition: $p;
|
||||
-moz-transition: $p;
|
||||
-ms-transition: $p;
|
||||
-o-transition: $p;
|
||||
}
|
||||
|
||||
@mixin boxSizing($p) {
|
||||
box-sizing: $p;
|
||||
-webkit-box-sizing: $p;
|
||||
-moz-box-sizing: $p;
|
||||
}
|
||||
|
||||
@mixin filter($p...) {
|
||||
filter: $p;
|
||||
-ms-filter: $p;
|
||||
}
|
||||
|
||||
@mixin boxShadow($p) {
|
||||
box-shadow: $p;
|
||||
-webkit-box-shadow: $p;
|
||||
-moz-box-shadow: $p;
|
||||
}
|
||||
|
||||
@mixin borderRadius($p) {
|
||||
border-radius: $p;
|
||||
-webkit-border-radius: $p;
|
||||
-moz-border-radius: $p;
|
||||
}
|
||||
|
||||
@mixin animation($p) {
|
||||
animation: $p;
|
||||
-webkit-animation: $p;
|
||||
-o-animation: $p;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,226 @@
|
||||
body {
|
||||
-webkit-print-color-adjust: exact !important;
|
||||
}
|
||||
|
||||
@page {
|
||||
size: landscape !important;
|
||||
}
|
||||
|
||||
#box-face-receipt {
|
||||
padding: 20px;
|
||||
|
||||
.receipt-body {
|
||||
border: 1px solid rgba(#000, 1);
|
||||
padding: 15px;
|
||||
|
||||
.infoRow {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.topLeft {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
padding: 10px;
|
||||
flex-basis: 300px;
|
||||
|
||||
b {
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
b, span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
b {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.senderInfo {
|
||||
}
|
||||
|
||||
.receiverInfo {
|
||||
.topLeft {
|
||||
background: transparent;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
|
||||
svg {
|
||||
width: 200px;
|
||||
|
||||
path, rect {
|
||||
fill: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#box-inner-receipt {
|
||||
padding: 20px;
|
||||
|
||||
.receipt-body {
|
||||
border: 1px solid rgba(#000, 1);
|
||||
padding: 15px;
|
||||
|
||||
.topBar {
|
||||
margin-bottom: 30px;
|
||||
|
||||
svg {
|
||||
width: 200px;
|
||||
|
||||
path, rect {
|
||||
fill: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.topLeft {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
padding: 10px;
|
||||
flex-basis: 300px;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.stuff-list {
|
||||
margin-bottom: 30px !important;
|
||||
|
||||
@media print {
|
||||
.notice {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100% !important;
|
||||
|
||||
thead {
|
||||
tr {
|
||||
background: rgba(0, 0, 0, 0.7) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
tr {
|
||||
background-color: #E0E6ED !important;
|
||||
|
||||
&.odd {
|
||||
background-color: #8A92A9 !important;
|
||||
}
|
||||
|
||||
td, th {
|
||||
padding: 10px !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#factor-layout {
|
||||
border: 1px dashed #000;
|
||||
padding: 10px;
|
||||
margin-bottom: 30px;
|
||||
|
||||
span, p {
|
||||
font-family: 'iranYekanR', sans-serif;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.pageHeader {
|
||||
margin-bottom: 10px;
|
||||
|
||||
.row1 {
|
||||
h2 {
|
||||
text-align: center;
|
||||
font-family: 'iranYekanB';
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.row2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
|
||||
p {
|
||||
width: 200px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.factor {
|
||||
width: 100%;
|
||||
border: 1px solid #000;
|
||||
|
||||
|
||||
.factorInfo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px;
|
||||
|
||||
p {
|
||||
text-align: right;
|
||||
padding: 10px 0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.row1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
||||
p {
|
||||
flex-basis: 33.33%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
|
||||
thead {
|
||||
tr {
|
||||
th {
|
||||
background: rgba(#000, 0.1);
|
||||
text-align: center;
|
||||
border: 1px solid #000;
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
td, th {
|
||||
text-align: center;
|
||||
border: 1px solid #000;
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
//////////////////////////////////////// variables
|
||||
|
||||
:root {
|
||||
--theme: #8DC640;
|
||||
--theme-hover: #5E943C;
|
||||
--bg-color: #F2F2F2;
|
||||
}
|
||||
|
||||
////// colors
|
||||
$theme: var(--theme);
|
||||
$themeHover: var(--theme-hover);
|
||||
$red: #FD6558;
|
||||
$bgColor: var(--bg-color);
|
||||
$txtColor: #7E7E7E;
|
||||
|
||||
$coffeeTheme: #715A3E;
|
||||
$coffeeThemeHover: #513616;
|
||||
////// header-footer height
|
||||
$HF_height: 70px;
|
||||
|
||||
///// global transition timing
|
||||
$trs: 0.2s;
|
||||
@@ -0,0 +1,9 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import "extentions";
|
||||
@import "fonts";
|
||||
@import "globalStyles";
|
||||
@import "pages";
|
||||
@import "CKEditorStyle";
|
||||
@import "el_ui_rtl";
|
||||
@import "printStyles";
|
||||
Reference in New Issue
Block a user