jacek.pyziak/kalsport.pl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Jacek Pyziak
2024-11-05 12:22:50 +01:00
commit e5682a3912
19641 changed files with 2948548 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
themes/at_movic/_dev/css/components/alert.scss Normal file
View File

@@ -0,0 +1,51 @@
@import "theme_variables";
.ps-alert-error {
margin-bottom: 0;
}
.ps-alert-error,
.ps-alert-success {
.item {
@include align-items(center);
border: 2px $brand-danger solid;
@include display(flex);
background-color: $brand-danger;
margin-bottom: 1rem;
i {
border: 15px $brand-danger solid;
@include display(flex);
svg {
background-color: $brand-danger;
width: 24px;
height: 24px;
}
}
p {
background-color: $body-bg;
margin: 0;
padding: 18px 20px 18px 20px;
width: 100%;
}
}
}
.ps-alert-success {
padding: 0.25rem 0.25rem 2.75rem 0.25rem;
.item {
border-color: $brand-success;
background-color: $brand-success;
i {
border-color: $brand-success;
svg {
background-color: $brand-success;
}
}
}
}

19
themes/at_movic/_dev/css/components/block-reassurance.scss Normal file
View File

@@ -0,0 +1,19 @@
#block-reassurance{
margin-top: 16px;
img{
width: 25px;
@include opacity(0.7);
@include rtl-margin-right(10px);
}
li{
}
li .block-reassurance-item{
@include rtl-padding(0.5rem, 1.5rem, 0.5rem, 0rem);
span{
font-weight: 400;
margin: 0px;
color: $theme-color-senary;
font-size: 14px;
}
}
}

295
themes/at_movic/_dev/css/components/cart.scss Normal file
View File

@@ -0,0 +1,295 @@
.cart-grid {
margin-bottom: 16px;
}
.cart-items {
margin-bottom: 0;
}
.cart-item {
padding: 16px 0;
}
.cart-summary-line {
@include clearfix;
margin-bottom: 10px;
clear: both;
.label {
@include rtl-padding-left(0);
font-weight: normal;
white-space: inherit;
}
.value {
color: $gray-darker;
@include rtl-float-right();
font-size: 15px;
font-weight: 600;
font-family: $headings-font-family;
}
&.cart-summary-subtotals {
.label,
.value {
font-weight: normal;
}
}
}
/** CART BODY **/
.cart-grid-body {
a.label {
&:hover {
color: $brand-primary;
}
}
.card-block {
padding: 16px;
h1 {
margin-bottom: 0;
}
}
hr {
margin: 0;
}
.cart-overview {
padding: 16px;
}
margin-bottom: 12px;
}
/** CART RIGHT **/
.cart-grid-right {
hr {
margin: 0;
}
.promo-discounts {
margin-bottom: 0;
.cart-summary-line {
.label {
color: $gray-dark;
.code {
text-decoration: underline;
cursor: pointer;
}
}
}
}
}
.cart-detailed-totals > .card-block {
border-bottom: 1px solid #ddd;
}
.block-promo {
.promo-code {
padding: 1.60rem;
background: #f2f2f4;
form {
display: flex;
}
.alert-danger {
position: relative;
margin-top: 20px;
background: $brand-danger;
color: white;
display: none;
&::after {
bottom: 100%;
left: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: $brand-danger;
border-width: 10px;
margin-left: -10px;
}
}
}
.promo-input {
height: 40px;
padding: 15px;
flex: 1;
border: 1px solid #000;
outline: none;
margin: 0 10px 0 0;
&:focus{
border-color: #999;
}
+ button {
margin-top: 0;
text-transform: capitalize;
vertical-align: top;
}
}
.cart-summary-line .label,
.promo-name {
color: $brand-warning;
font-weight: 400;
a {
font-weight: normal;
color: $gray-darker;
display: inline-block;
}
}
.promo-code-button {
margin: 10px 0 0;
display: inline-block;
vertical-align: top;
&:hover{
color: #000;
}
}
&.promo-highlighted {
padding: 20px;
padding-bottom: 0;
margin-bottom: 0;
}
}
.promo-code .alert-danger:before {
display: none;
}
.promo-code .alert-danger {
padding: 10px;
}
.promo-code .alert-danger span {
margin: 0 5px !important;
}
.promo-code-button a.collapse-button {
padding: 0 20px;
margin: 10px 0;
display: inline-block;
}
/** CONTENT LEFT **/
.product-line-grid-left {
img {
max-width: 100%;
}
}
p.promo-code-button {
width: 100%;
}
.block-promo {
min-height: 50px;
}
/** CONTENT BODY **/
.product-line-grid-body {
> .product-line-info {
margin-bottom: $small-space;
&.product-price{
display: block;
}
&:first-child{
a.label{
font-size: 14px;
font-weight: 500;
color: #333;
&:hover{
color: #888;
}
}
}
.product-discount {
margin-bottom: 5px;
}
> .label {
padding: 0;
line-height: inherit;
white-space: inherit;
font-weight: 400;
@include rtl-text-align-left();
color: #999;
}
> a.label{
font-size: $font-size-h6;
}
> .out-of-stock {
color: red;
}
> .available {
color: $brand-success;
}
> .unit-price-cart {
@include rtl-padding-left(0.3125rem);
font-size: 0.875rem;
color: $gray-dark;
}
}
}
/** CONTENT LEFT **/
.product-line-grid-right {
.bootstrap-touchspin {
width: 68px;
@include box-shadow(2px 2px 3px 0px rgba(0, 0, 0, 0.15));
> .form-control,
> .input-group {
color: $gray-darker;
background-color: white;
height: $input-height;
padding: 0.175rem 0.5rem;
width: 48px;
}
> .input-group-btn-vertical {
width: auto;
right: -1px;
}
}
.cart-line-product-actions,
.product-price {
color: $gray-darker;
line-height: 36px;
.remove-from-cart {
color: #ccc;
display: inline-block;
&:hover{
color: #000;
}
}
}
}
/*** Responsive part ***/
@include media-breakpoint-down(sm) {
.product-line-grid-body {
margin-bottom: 16px;
}
}
@include media-breakpoint-down(xs) {
.cart-items {
padding: 16px 0;
}
.cart-item {
border-bottom: $main-border;
.product-line-grid{
margin: 0;
}
&:last-child {
border-bottom: 0;
}
}
.cart-grid-body {
.cart-overview {
padding: 0;
}
.no-items {
padding: 16px;
display: inline-block;
}
}
.product-line-grid-left {
padding-right: 0 !important;
}
}
@media (max-width: 360px) {
.product-line-grid-right {
.qty {
width: 100%;
}
.price {
width: 100%;
}
}
}
.cart-detailed-actions{
.text-sm-center{
text-align: center;
}
}

610
themes/at_movic/_dev/css/components/categories.scss Normal file
View File

@@ -0,0 +1,610 @@
@import "theme_variables";
#products {
.products-select {
}
.up {
.btn-secondary {
color: $gray;
text-transform: inherit;
margin-bottom: 16px;
@include rtl-margin-right($small-space);
.material-icons {
@include rtl-margin-right(0);
}
}
}
}
.block-category {
//margin-bottom: 25px;
&>h1{
@media (max-width: 767px){
margin: 1em 0;
}
}
.category-cover {
margin: 0 auto 0 0;
max-width: 200px;
}
#category-description + .category-cover{
width: 20%;
min-width: 80px;
margin: 0 20px 10px 0;
float: left;
}
#category-description {
padding: 15px 0;
@media (max-width: 991px){
padding: 0;
}
p,
strong {
font-weight: 400;
color:#545454;
}
p {
color: #888;
margin-bottom: 0;
line-height: 20px;
&:first-child {
margin-bottom: 0;
}
}
}
.category-cover {
}
}
.products-selection {
.sort-by-row {
@include display(flex);
@include align-items(center);
}
.sort-by {
white-space: normal;
word-break: break-word;
@include rtl-text-align-right();
}
.total-products {
padding-top: 6px;
p{
margin: 0;
line-height: 25px;
display: none;
}
}
.showing{
padding-top: $small-space;
}
h1 {
padding-top: $small-space;
}
.products-counter{
@include rtl-float-right();
color: #545454;
margin: 3px 0px 0px;
}
.display{
> div{
@include rtl-float-left();
@include rtl-margin-right(5px);
a {
cursor: pointer;
text-align: center;
color: #999;
line-height: 25px;
display: inline-block;
@include size(25px,25px);
font-size: 14px;
&:hover{
color: $theme-color-default;
}
}
&.selected{
a{
color: #333;
}
}
}
}
}
.products-sort-order {
color: $theme-color-secondary;
.select-title {
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
background: #f5f5f5;
cursor: pointer;
height: 35px;
line-height: 27px;
position: relative;
border: 0;
outline: 0;
color: #888;
border-radius: 20px;
@include rtl-padding(5px,35px,5px,15px);
@include rtl-text-align-left();
&:hover{
color: #000;
}
i{
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
position: absolute;
top: 0;
@include rtl-right(0);
}
}
&.open{
.select-title {
color: #000;
}
}
.select-list {
display: block;
color: #666;
padding: 5px 15px;
font-size: 13px;
&:hover {
background: #f5f5f5;
color: #000;
}
}
.dropdown-menu {
left: auto;
width: calc(100% - 30px);
min-width: 200px;
background: #FFFFFF;
border: none;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
}
body #search_filters {
.facet {
padding: 10px 0;
margin: 0 0 10px;
@media (max-width: 991px) {
margin-bottom: 0;
padding-bottom: 0;
}
.collapse {
display: block;
max-height: 210px;
overflow: auto;
}
.facet-title {
font-weight: 500;
margin: 0 0 10px;
text-transform: capitalize;
font-size: 13px;
line-height: 1.5;
}
.facet-label, .custom-checkbox{
margin-bottom: 0;
a {
display: inline-block;
@include rtl-text-align-left;
vertical-align: top;
}
}
.facet-label{
display: block;
@include rtl-text-align-left;
@include rtl-padding(7px ,20px,7px,0);
line-height: 20px;
cursor: pointer;
position: relative;
.magnitude{
position: absolute;
top: 5px;
height: 20px;
min-width: 20px;
display: inline-block;
@include rtl-right(5px);
color: #999;
font-size: 12px;
font-family: 'Poppins';
}
.custom-checkbox,
.custom-radio {
top: 0;
margin-right: 0;
}
}
}
.clear-all-wrapper{
margin: $small-space 0;
}
}
/* Pagination */
.pagination {
display: block !important;
width: 100%;
background: #fff;
min-height: 50px;
padding: 20px 0;
border-top: 1px solid #eee;
text-align: center;
&:after {
content: "";
display: block;
clear: both;
}
> div{
width: 100%;
text-align: center !important;
}
.page-list {
padding: 20px 0;
margin-bottom: 0;
text-align: center !important;
li {
display: inline;
a{
padding: 0 8px;
}
span{
display: none;
&.spacer{
display: inline-block;
}
}
}
}
a {
color: $black;
font-weight: 400;
display: inline-block;
&:hover,
&:focus{
color: $theme-color-default;
text-decoration: none;
}
}
.disabled {
color: $body-color;
cursor: no-drop;
&:hover{
color: $body-color;
}
}
.current a {
color: $theme-color-default;
text-decoration: none;
}
@media (min-width: 992px) {
display: flex !important;
@include align-items(center);
&>div{
width: auto !important;
padding: 0;
&:last-child{
margin-left: auto;
}
}
}
}
/* Filter */
.active_filters {
background: #f9f9f9;
padding: $small-space $large-space 0;
margin-bottom: $medium-space;
.active-filter-title {
display: inline;
font-weight: 400;
margin: 0 10px 0 0;
font-size: 13px;
color: #666;
}
ul {
display: inline;
}
.filter-block {
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));;
color: $gray-darker;
margin-bottom: $small-space;
background: white;
padding: 10px;
display: inline-block;
font-size: 12px;
@include rtl-margin-right($small-space);
.close {
color: $gray-darker;
font-size: $font-size-lg;
margin-top: 3px;
@include opacity(1);
@include rtl-margin-left($extra-small-space);
}
}
}
/* Block Category */
.block-categories {
.category-top-menu{
margin: 0px;
}
.category-sub-menu {
margin: 0px;
li{
position: relative;
@include rtl-padding(0, 0, 0, 20px);
&:after {
content: "";
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #e5e5e5;
position: absolute;
display: block;
top: 16px;
@include rtl-left(0);
}
.navbar-toggler[aria-expanded="true"]+:after{
background-color: $theme-color-default;
}
&:hover{
&:after{
background-color: $theme-color-default;
}
}
> a {
width: 100%;
display: block;
margin: 0;
line-height: 20px;
padding: 10px 0;
text-transform: capitalize;
&:hover{
color: $theme-color-default;
}
}
}
li[data-depth="0"] {
ul.category-sub-menu{
padding-top: $small-space;
}
}
}
.collapse-icons {
position: absolute;
top: 0;
text-align: center;
line-height: 40px;
padding: 0;
cursor: pointer;
font-size: 0.9375rem;
border: 0;
@include size(40px,40px);
@include rtl-right(-16px);
@include border-radius(20px);
@include transition(all .4s);
&:hover {
color: $theme-color-default;
}
.remove {
display: none;
}
i{
opacity: 0;
visibility: hidden;
}
&:before {
font-family: $font-icon-2;
content: "add";
font-size: 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
&[aria-expanded="true"] {
.add {
display: none;
}
.remove {
display: inline-block;
}
&:before{
content: "remove";
}
}
}
.arrows {
position: absolute;
top: 0px;
text-align: center;
line-height: 40px;
border: 0;
padding: 0;
cursor: pointer;
@include size(40px,40px);
@include rtl-right(-16px);
@include border-radius(20px);
@include transition(all .4s);
.arrow-right,
.arrow-down {
font-size: $font-size-sm;
cursor: pointer;
@include rtl-margin-left(2px);
}
&:hover {
color: $theme-color-default;
}
.arrow-down {
display: none;
}
i{
opacity: 0;
visibility: hidden;
}
&:before {
font-family: $font-icon-2;
content: "add";
font-size: 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
&[aria-expanded="true"] {
.arrow-right {
display: none;
}
.arrow-down {
display: inline-block;
}
&:before{
content: "remove";
}
}
}
}
.facets-title {
color: $theme-color-secondary;
}
.products-selection {
.filter-button {
.btn-primary {
padding: 7px 8px 6px;
}
}
}
/*** Responsive part ***/
@include media-breakpoint-up(sm){
.pagination{
@include display(flex);
}
}
@include media-breakpoint-down(sm) {
#category {
.sidebar {
.block{
display: none;
}
#search_filters_wrapper {
margin-left: -10px;
margin-right: -10px;
position: relative;
z-index: 99;
background: #fff;
}
#search_filter_controls {
text-align: center;
button {
margin: 5px 10px;
font-size: 14px;
width: calc(100% - 20px);
padding: 8px;
border-radius: 20px;
.material-icons {
font-size: 14px;
vertical-align: -2px;
}
}
margin: 5px 0;
}
#search_filters {
margin-bottom: 0;
@include box-shadow(none);
padding: 0 0 50px;
border-top: $main-border;
display: block;
.facet {
.title {
cursor: pointer;
&:after {
content: "";
display: block;
clear: both;
}
.collapse-icons .remove {
display: none;
}
}
.title[aria-expanded="true"] {
.collapse-icons {
.add {
display: none;
}
.remove {
display: inline-block;
}
}
}
border-bottom: $main-border;
.facet-title {
color: $gray-darker;
text-transform: uppercase;
}
.h6 {
margin-bottom: 0;
padding: 10px;
display: inline-block;
}
.navbar-toggler {
display: inline-block;
cursor: pointer;
text-align: center;
width: 30px;
height: 30px;
padding: 0;
border: 0;
line-height: 30px;
}
.collapse {
display: none;
&.in {
display: block;
}
}
.facet-label {
a {
margin-top: 0;
}
}
ul {
margin-bottom: 0;
li {
border-top: $main-border;
padding: 10px;
}
}
}
}
}
#search_filter_toggler {
width: 100%;
padding: 8px;
border-radius: 20px;
}
}
.products-sort-order {
.select-title {
@include rtl-margin-left(0);
}
}
.products-selection {
h1 {
padding-top: 0;
text-align: center;
margin-bottom: 16px;
}
.showing {
padding-top: 16px;
text-align: center;
}
}
}

506
themes/at_movic/_dev/css/components/checkout.scss Normal file
View File

@@ -0,0 +1,506 @@
body#checkout {
[data-action="show-password"]{
background: $gray-dark;
}
.custom-checkbox {
@include display(flex);
span {
@include flex(0 0 15px);
margin-top: 2px;
}
em{
width: 500px;
display: block;
@media (max-width: 1199px){
width: 300px;
}
@media (max-width: 780px){
width: 240px;
}
}
}
section#content {
margin-bottom: 25px;
}
section.checkout-step {
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));
background-color: white;
border: $main-border;
padding: 15px;
.step-title {
text-transform: uppercase;
cursor: pointer;
margin-bottom: 0;
}
.content {
padding: 0 37px;
}
.step-edit {
text-transform: lowercase;
font-weight: normal;
.edit {
font-size: $base-font-size;
}
}
.not-allowed {
cursor: not-allowed;
@include opacity(0.5);
}
.content,
.done,
.step-edit {
display: none;
}
&.-current {
.content {
display: block;
}
}
&.-current.-reachable.-complete {
.done,
.step-edit {
display: none;
}
.step-number {
display: inline-block;
}
.content {
display: block;
}
}
&.-reachable.-complete {
h1 {
.done {
display: inline-block;
}
.step-number {
display: none;
}
.step-edit {
cursor: pointer;
display: block;
@include rtl-float-right();
@include rtl-margin-right(2px);
color: $gray;
}
}
.content {
display: none;
}
}
small {
color: $gray;
}
.default-input {
min-width: 40%;
&[name=address1],
&[name=address2] {
min-width: 60%;
}
}
.radio-field {
margin-top: 30px;
label {
display: inline;
}
}
.checkbox-field div {
margin-top: 60px;
}
.checkbox-field + .checkbox-field div {
margin-top: 0;
}
.select-field div {
background: $gray-lighter;
padding: 10px 50px;
}
.form-footer {
text-align: center;
}
#conditions-to-approve {
padding-top: 16px;
}
.payment-options {
label {
display: table-cell;
}
.custom-radio {
@include rtl-margin-right($medium-space);
}
.payment-option {
margin-bottom: 8px;
}
}
.step-number {
display: inline-block;
padding: 10px;
}
.address-selector {
@include display(flex);
@include justify-content(space-between);
@include align-items(flex-start);
@include flex-wrap(wrap);
}
.address-item {
background: $gray-lighter;
@include flex(0 0 49%);
margin-bottom: $small-space;
&.selected {
background: white;
border: $brand-primary 3px solid;
}
}
.address-alias {
display: inline-block;
font-weight: 400;
margin-bottom: 10px;
}
.address {
@include rtl-margin-left(25px);
font-weight: normal;
}
.radio-block {
padding: 15px;
@include rtl-text-align-left();
}
.custom-radio {
@include rtl-margin-right(0);
input[type="radio"] {
@include size(20px,20px);
}
}
.delete-address,
.edit-address {
color: $gray;
display: inline-block;
margin: 0 5px;
.delete,
.edit {
font-size: $base-font-size;
}
}
hr {
margin: 0;
}
.address-footer {
text-align: center;
padding: 10px;
}
#delivery-addresses,
#invoice-addresses {
margin-top: 20px;
}
.add-address {
margin-top: 20px;
a {
color: $gray-darker;
i {
font-size: $font-size-lg;
}
}
}
.delivery-option {
background: $gray-lighter;
padding: 15px 0;
margin: 0 0 25px;
label {
text-align: inherit;
}
}
.carrier-delay,
.carrier-name {
display: inline-block;
word-break: break-word;
@include rtl-text-align-left();
}
#customer-form,
#delivery-address,
#invoice-address,
#login-form {
margin-left: 5px;
margin-top: 25px;
.form-control-label {
@include rtl-text-align-left();
}
.radio-inline {
padding: 0;
}
}
.sign-in {
font-size: $font-size-sm;
}
.forgot-password {
margin-left: 230px;
}
}
.additional-information {
font-size: $font-size-sm;
margin-top: 20px;
}
.condition-label {
margin-left: 40px;
margin-top: 10px;
label {
text-align: inherit;
display: block;
clear: none;
}
}
.cancel-address {
margin: 10px;
display: block;
color: $gray-dark;
text-decoration: underline;
}
#cart-summary-product-list {
img {
border: $gray-light 1px solid;
width: 50px;
}
.media-body {
vertical-align: middle;
}
}
#order-summary-content {
padding-top: 15px;
h4.h4 {
margin-top: 10px;
margin-bottom: 20px;
font-size: 13px;
text-transform: uppercase;
}
h4.black {
color: #000000;
}
h4.addresshead {
margin-top: 3px;
}
.noshadow {
box-shadow: none;
}
#order-items {
@include rtl-border-right(0);
h3.h3 {
color: $gray-darker;
margin-top: 20px;
}
table {
tr {
&:first-child {
td {
border-top: 0;
}
}
}
}
}
.order-confirmation-table {
padding: 1rem;
margin-bottom: 2rem;
background-color: #fff;
border: 3px solid #e5e5e5;
border-radius: 0;
}
.summary-selected-carrier {
margin-bottom: 0.75rem;
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 0;
padding: 1rem;
}
.step-edit {
display: inline;
color: $gray;
font-size: 0;
i{
font-size: 14px;
vertical-align: -2px;
}
}
.step-edit:hover {
cursor: pointer;
}
a {
.step-edit {
color: $gray;
}
}
}
#gift_message{
max-width: 100%;
border-color: $gray-darker;
}
}
/**** ORDER CONFIRMATION *****/
#order-details {
padding-left: $large-space;
> .card-title {
margin-bottom: $large-space;
}
ul {
margin-bottom: $medium-space;
li {
margin-bottom: $small-space;
}
}
}
#order-items {
@include rtl-border-right($gray-light 1px solid);
hr {
border-top-color: $gray-darker;
}
table {
width: 100%;
tr {
height: $large-space;
td {
&:last-child {
@include rtl-text-align-right();
}
}
}
}
.order-line {
margin-top: 16px;
}
.image {
img {
width: 100%;
border: 1px solid gray-lighter;
margin-bottom: 16px;
}
}
.details {
margin-bottom: 16px;
.customizations {
margin-top: 10px;
}
}
.qty {
margin-bottom: 16px;
}
}
#order-confirmation {
#registration-form {
width: 50%;
margin: 0 auto 16px;
}
}
@include media-breakpoint-down(md) {
.done {
margin: 0;
padding: 0;
}
body#checkout section.checkout-step .address-item {
@include flex-grow(1);
}
body#checkout section.checkout-step .delivery-option-2 {
@include flex-direction(column);
}
.delivery-option {
@include display(flex);
margin: auto;
.custom-radio {
@include flex(0 0 auto);
}
}
.condition-label {
label[for="conditions_to_approve[terms-and-conditions]"] {
@include rtl-text-align-left();
}
}
#order-confirmation {
#registration-form {
width: 100%;
}
}
}
@include media-breakpoint-down(sm) {
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
float: none;
margin-top: 4px;
margin-left: $medium-space;
}
body#checkout {
#header .header-nav {
max-height: none;
padding: 0;
}
section.checkout-step {
.content {
padding: 15px;
}
}
.form-group {
margin-bottom: 8px;
}
}
#order-items {
@include rtl-border-right(0);
margin-bottom: 40px;
.card-title {
border-bottom: $main-border;
margin-bottom: 16px;
padding-bottom: 16px;
}
hr {
border-top-color: $gray-light;
}
}
#order-details {
padding-left: 15px;
.card-title {
border-bottom: $main-border;
margin-bottom: 16px;
padding-bottom: 16px;
}
}
}
@include media-breakpoint-down(xs) {
body#checkout {
section.checkout-step {
.content {
padding: 15px 0;
}
}
}
#payment-confirmation {
button {
font-size: 12px;
&.btn {
white-space: normal;
}
}
}
}
.cart-empty {
.cart-summary {
}
}
.js-payment-binary {
display: none;
.accept-cgv {
display: none;
}
&.disabled {
opacity: 0.6;
cursor: not-allowed;
&::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.accept-cgv {
display: block;
}
}
}

38
themes/at_movic/_dev/css/components/contact.scss Normal file
View File

@@ -0,0 +1,38 @@
.contact-rich {
color: $gray-dark;
margin-bottom: 32px;
h4 {
text-transform: uppercase;
color: $gray-darker;
margin-bottom: 32px;
}
.block {
height: auto;
overflow: hidden;
.icon {
@include rtl-float-left();
width: 56px;
i {
font-size: 32px;
}
}
.data {
color: $gray-darker;
font-size: $font-size-sm;
width: auto;
overflow: hidden;
&.email{
padding-top: 6px;
}
}
}
}
.contact-form {
padding: 16px;
color: $gray-dark;
width: 100%;
h3 {
text-transform: uppercase;
color: $gray-darker;
}
}

1
themes/at_movic/_dev/css/components/custom-text.css Normal file
View File

@@ -0,0 +1 @@
/*# sourceMappingURL=custom-text.css.map */

1
themes/at_movic/_dev/css/components/custom-text.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"custom-text.css"}

0
themes/at_movic/_dev/css/components/custom-text.scss Normal file
View File

375
themes/at_movic/_dev/css/components/customer.scss Normal file
View File

@@ -0,0 +1,375 @@
/*** SOME GENERIC STYLES ***/
@mixin customer-area-base-box {
@include box-shadow(none);
background: white;
padding: 16px;
border: 0;
}
@mixin customer-area-box {
@include customer-area-base-box;
font-size: $font-size-sm;
color: $gray-dark;
}
.table-labeled {
th {
vertical-align: middle;
}
td {
vertical-align: middle;
}
.label {
font-weight: 400;
border-radius: 3px;
font-size: inherit;
padding: 4px 6px;
margin: 2px;
color: white;
white-space: nowrap;
}
}
.page-order {
.table {
margin-bottom: 0;
}
table {
th {
padding: 8px;
}
td {
padding: 8px;
}
thead {
th {
text-align: center;
}
}
}
}
#authentication {
.tooltip.tooltip-bottom {
padding: 0;
margin: 0;
}
.custom-checkbox {
span {
@include rtl-float-left();
}
label {
@include rtl-padding(0,0,0,30px);
}
}
[data-action="show-password"]{
background: $gray-dark;
border-radius: 0;
&:hover{
background: #333;
}
}
}
#identity,
#authentication {
.radio-inline {
padding: 0;
.custom-radio {
margin-right: 0;
vertical-align: 0px;
}
}
}
/*** Most of the customer accpunt pages ***/
.page-customer-account {
#content {
@include customer-area-box;
.order-actions {
a {
padding: 0 2px;
}
}
.forgot-password {
text-align: center;
font-size: $font-size-sm;
margin-top: 16px;
padding-bottom: 15px;
}
.no-account {
text-align: center;
font-size: $base-font-size;
}
}
}
/*** Login page ***/
.page-authentication {
#content {
@include customer-area-base-box;
max-width: 640px;
margin: 0 auto;
}
}
/*** Addresses page ***/
.page-addresses {
.address {
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));
background: white;
margin-bottom: 30px;
font-size: $font-size-sm;
color: $gray-darker;
.address-body {
padding: 16px;
h4 {
font-size: $base-font-size;
}
address {
min-height: 144px;
}
}
.address-footer {
border-top: 1px solid #efefef;
padding: 8px 16px;
a {
color: $gray-dark;
margin-right: 8px;
&:hover {
color: $gray-darker;
}
i {
font-size: $base-font-size;
}
span {
font-size: $font-size-lg;
vertical-align: middle;
}
}
}
}
.addresses-footer {
margin: 0 15px;
a {
color: $gray-darker;
&:hover {
color: $gray-darker;
}
i {
font-size: $base-font-size;
}
span {
font-size: $base-font-size;
vertical-align: middle;
margin-top: $small-space;
}
}
}
}
/*** Order details page ***/
.page-order-detail {
font-size: 13px;
color: $gray-dark;
.box {
@include customer-area-base-box;
margin-bottom: 16px;
}
h3 {
font-size: $base-font-size;
text-transform: uppercase;
color: $gray-darker;
margin-bottom: 16px;
}
#order-infos {
ul {
margin: 0;
}
}
#order-history {
.history-lines {
.history-line {
padding: 8px 0;
border-bottom: 1px solid $gray-lighter;
&:last-child {
border-bottom: 0;
}
.label {
display: inline-block;
margin: 4px 0;
padding: 4px 6px;
color: white;
border-radius: 3px;
}
}
}
}
.addresses {
margin: 0 -15px;
h4 {
font-size: $base-font-size;
}
}
#order-products {
&.return {
margin-bottom: 16px;
th {
&.head-checkbox {
width: 30px;
}
}
td {
padding: 1.375rem 0.75rem;
&.qty {
min-width: 125px;
.current {
width: 30%;
float: left;
text-align: right;
padding-right: 0.5rem;
}
.select {
width: 70%;
float: left;
margin: -0.625rem 0;
padding-left: 0.25rem;
select {
text-align: center;
}
}
}
}
}
}
.order-items {
padding: 0 !important;
.order-item {
padding: 16px 16px 0;
border-bottom: 1px solid $gray-lighter;
.checkbox {
width: 30px;
float: left;
padding: 0 15px;
}
.content {
width: calc(100% - 30px);
float: left;
padding: 0 15px;
}
.desc {
.name {
}
margin-bottom: 16px;
}
.qty {
margin-bottom: 16px;
.q {
margin-bottom: 4px;
}
.s {
margin-bottom: 4px;
}
}
}
}
.messages {
.message {
margin-top: 8px;
border-bottom: 1px solid $gray-lighter;
&:last-child {
border-bottom: 0;
}
> div {
margin-bottom: 8px;
}
}
}
.customization {
margin-top: 12px;
}
}
/*** Order return page ***/
#order-return-infos {
.thead-default th {
color: $gray-darker;
}
.customization {
margin-top: 12px;
}
}
/*** My account landing page ***/
.page-my-account {
#content {
.links {
&:after {
content: "";
display: block;
clear: both;
}
a {
text-align: center;
display: inline-block;
font-size: $base-font-size;
text-transform: uppercase;
color: $gray-dark;
padding: 0 10px;
margin: 15px 0;
span.link-item {
display: block;
height: 100%;
@include customer-area-base-box;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
i {
display: block;
font-size: 2.6rem;
width: 100%;
color: $gray-darker;
padding-bottom: 3.4rem;
}
&:hover {
color: $gray-darker;
i {
color: $brand-primary;
}
}
}
}
}
}
.page-footer {
.text-sm-center{
text-align: center;
}
}
/*** History page ***/
#history {
.orders {
margin: 0 -16px;
.order {
a {
h3 {
color: $gray-dark;
}
}
padding: 12px 16px;
border-bottom: 1px solid $gray-lighter;
.label {
display: inline-block;
margin: 4px 0;
padding: 4px 6px;
color: white;
border-radius: 3px;
}
&:last-child {
border-bottom: 0;
}
}
}
}
/*** FOOTER ***/
.page-footer {
.account-link {
margin-right: 16px;
i {
font-size: $base-font-size;
}
span {
vertical-align: middle;
}
}
}

22
themes/at_movic/_dev/css/components/customization-modal.scss Normal file
View File

@@ -0,0 +1,22 @@
.customization-modal {
.modal-content {
border-radius: 0;
border: 1px solid $gray-lighter;
.modal-body {
padding-top: 0;
.product-customization-line {
.label {
font-weight: 600;
text-align: right;
}
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid $gray-lighter;
&:last-child {
padding-bottom: 0;
border-bottom: 0;
}
}
}
}
}

33
themes/at_movic/_dev/css/components/drop-down.scss Normal file
View File

@@ -0,0 +1,33 @@
.dropdown{
color:$gray;
&:hover .expand-more{
color: $brand-primary;
}
.expand-more{
color: $gray-darker;
cursor: pointer;
@include user-select(none);
}
.active{
max-height: 200px;
overflow-y: hidden;
//visibility: visible;
}
select {
-moz-appearance: none;
border: 0 none;
outline: 0 none;
color: $gray-darker;
background: white;
}
}
.dropdown-item:focus, .dropdown-item:hover {
background: none;
text-decoration: none;
color: $brand-primary;
}

22
themes/at_movic/_dev/css/components/errors.scss Normal file
View File

@@ -0,0 +1,22 @@
#products,
#pagenotfound {
#main {
.page-header {
margin: 32px 0 48px;
}
}
.page-not-found {
background: white;
padding: 16px;
font-size: $font-size-sm;
color: $gray-dark;
max-width: 570px;
margin: 0 auto;
.search-widget {
float: none;
input {
width: 100%;
}
}
}
}

174
themes/at_movic/_dev/css/components/featuredproducts.scss Normal file
View File

@@ -0,0 +1,174 @@
#products,.featured-products,.product-accessories {
.products {
@include display(flex);
@include flex-wrap(wrap);
@include justify-content(flex-start);
}
.product-thumbnail {
display: block;
}
.product-title a {
color: $gray;
font-size: $font-size-sm;
text-decoration: none;
text-align: center;
font-weight: 400;
}
.thumbnail-container {
position: relative;
margin-bottom: em(25px);
height: 318px;
width: 257px;
background: white;
box-shadow: 0 0 5px 3px rgba(0,0,0,0.05);
&:hover {
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));
.highlighted-informations {
bottom: 90px;
&::after {
opacity: 1;
}
&.no-variants{
bottom: 70px;
}
}
.product-description{
box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.2);
}
}
}
.products-section-title {
text-align: center;
margin-bottom: 24px;
}
.product-title {
text-align: center;
text-transform: capitalize;
margin-top: 16px;
}
.product-price-and-shipping {
color: $gray-darker;
font-weight: 700;
text-align: center;
}
.variant-links {
background: $gray-light;
position: relative;
text-align: center;
width: 100%;
top: 0.25em;
padding-top: 3px;
min-height: 40px;
}
.highlighted-informations {
position: absolute;
bottom: 20px;
z-index: 0;
background: white;
text-align: center;
width: 257px;
height: 50px;
padding-top: 5px;
box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.2);
transition: bottom .3s;
.quick-view {
color: $gray-dark;
font-size: $base-font-size;
&:hover {
color: $brand-primary;
}
}
}
.product-description {
position: absolute;
z-index: 1;
background: white;
width: 257px;
bottom: 0;
height: 70px;
}
img {
margin-left: 4px;
}
.product-miniature {
margin: 0 10px;
.discount {
display: none;
}
.product-flags .new,
.online-only,
.on-sale,
.discount-percentage {
display: block;
position: absolute;
left: -7px;
top:7px;
padding: 5px 7px;
color: white;
background: $brand-primary;
text-transform: uppercase;
min-width: 50px;
min-height: 30px;
font-size: $base-font-size;
font-weight: 400;
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));
&.discount-percentage {
z-index: 2;
background: $brand-secondary;
}
&.on-sale{
background: $brand-secondary;
width: 100%;
text-align: center;
left:0;
top:0;
}
&.online-only {
font-size: $font-size-xs;
margin-top: 208px;
margin-left: 139px;
&::before{
content:"\E30A";
font-family: 'Material Icons';
vertical-align: middle;
margin: 5px;
}
}
}
}
.comments_note {
text-align: center;
color: $gray;
}
.regular-price {
color: $gray;
text-decoration: line-through;
font-size: $font-size-sm;
}
.count {
color: $gray-dark;
font-weight: 700;
position: relative;
bottom: 8px;
}
.all-product-link {
clear: both;
color: $gray-dark;
font-weight: 700;
margin-top: 24px;
margin-bottom: 24px;
}
}
@include media-breakpoint-down(sm) {
#products,.featured-products,.product-accessories {
.thumbnail-container {
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));
.product-description{
box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.2);
}
}
}
}

175
themes/at_movic/_dev/css/components/footer.scss Normal file
View File

@@ -0,0 +1,175 @@
// Module Footer
.block_newsletter {
p {
padding-top: 14px;
}
.input-wrapper {
@include display(flex);
@include align-items(center);
position: relative;
input{
height: 50px;
padding: 10px 10px;
height: 50px;
border: 1px solid #f8f8f8;
background: #f8f8f8;
@include rtl-border-right(0px);
width: 100%;
outline: 0;
&:focus,
&:hover{
border-color: #f8f8f8;
}
}
button{
height: 50px;
line-height: 50px;
padding: 0 18px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
border: 1px solid #000;
background: #000;
@include border-radius(0);
@include transition(all .4s);
&:hover{
background: #666;
border-color: #666;
color: #fff;
}
}
}
.col-notice{
color: #a9a9a9;
font-size: 13px;
span{
color: #f00;
@include rtl-padding(0,5px,0,0);
}
}
}
// Block Contact Info
.block-contact{
ul{
li{
@include display(flex);
line-height: 1.625rem;
}
}
.fa{
color: white;
font-size: 16px;
width: 2.5rem;
margin-top: 4px;
}
}
// Block CMS
// Block Social
.block-social {
padding: 10px 0px;
ul{
margin-bottom: 0px;
@media (max-width: 1199px) {
clear: both;
}
}
li {
display: inline-block;
cursor: pointer;
text-align: center;
line-height: 30px;
@include size(30px,30px);
&:hover {
color: #000;
}
a {
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
display: none;
&:hover {
color: #000;
}
}
&:before{
content: "";
font-family: $font-icon;
font-size: 14px;
}
&.facebook{
&:before{
content: "\f09a";
}
}
&.twitter{
&:before{
content: "\f099";
}
}
&.rss{
&:before{
content: "\f09e";
}
}
&.youtube{
&:before{
content: "\f16a";
}
}
&.googleplus{
&:before{
content: "\f0d5";
}
}
&.pinterest{
&:before{
content: "\f0d2";
}
}
&.vimeo{
&:before{
content: "\f27d";
}
}
&.instagram{
&:before{
content: "\f16d";
}
}
}
}
// Responsive Footer
#index{
.footer-container{
border: 0;
}
}
.footer-container{
position: relative;
.ApColumn .title_block {
margin: 0 0 20px;
font-size: 13px;
@media (max-width: 767px) {
margin: 0;
line-height: 30px;
}
}
.ApLink{
li{
a{
display: inline-block;
line-height: 20px;
padding: 8px 0;
vertical-align: top;
transition: all .4s;
&:hover{
transform: translateX(5px);
}
}
}
}
}

51
themes/at_movic/_dev/css/components/forgotten-password.scss Normal file
View File

@@ -0,0 +1,51 @@
@import "theme_variables";
.forgotten-password {
padding: 4px;
.form-fields {
.center-email-fields {
@include display(flex);
@include justify-content(center);
@media (max-width: 767px) {
flex-direction: column;
button {
margin: 10px;
width: calc(100% - 20px);
}
}
button {
height: 38px;
}
}
.email {
padding-left: 0;
padding-right: 0;
width: 430px;
@media (max-width: 767px) {
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
input {
height: 38px;
}
}
label.required {
width: 130px;
}
}
}
.send-renew-password-link {
padding-left: 10px;
padding-right: 10px;
}

58
themes/at_movic/_dev/css/components/imageslider.scss Normal file
View File

@@ -0,0 +1,58 @@
.homeslider{
.carousel {
@include box-shadow(1px 1px 7px 0 rgba(0, 0, 0, 0.15));
margin-bottom: 24px;
.direction {
z-index: auto;
}
.carousel-inner {
height: 340px;
}
.carousel-item {
height: 100%;
img {
width: 100%;
margin-left: 0;
}
.caption {
position: absolute;
bottom: 28px;
left: 90px;
color: white;
max-width: 340px;
.caption-description p {
color: white;
}
}
}
.carousel-control {
opacity: 1;
.icon-next,
.icon-prev {
&::before {
content: "";
}
i {
font-size: 50px;
color: white;
}
&:hover {
i {
color: $brand-primary;
}
}
}
.icon-prev {
left: 16px;
}
.icon-next {
right: 32px;
}
&.left,
&.right {
background: none;
}
}
}
}

35
themes/at_movic/_dev/css/components/index.php Normal file
View File

@@ -0,0 +1,35 @@
<?php
/**
* 2007-2017 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright PrestaShop SA
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
* International Registered Trademark & Property of PrestaShop SA
*/
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');
header('Location: ../');
exit;

170
themes/at_movic/_dev/css/components/mainmenu.scss Normal file
View File

@@ -0,0 +1,170 @@
.top-menu {
&[data-depth="1"] {
margin: 10px;
}
a:not([data-depth="0"]) {
display: block;
padding: 10px;
color: $gray;
font-weight: 400;
}
a.dropdown-submenu {
color: $gray-darker;
text-transform: uppercase;
font-weight: 400;
}
a[data-depth="0"] {
font-weight: 400;
padding: 3px $small-space 6px;
&:hover {
#header & {
color: $brand-primary;
text-decoration: none;
}
}
}
a[data-depth="1"],
a[data-depth="2"] {
padding: 0 10px 10px 0;
}
.collapse {
display: inherit;
}
.sub-menu {
&.collapse {
display: none;
}
box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, 0.1);
border: none;
margin-left: 15px;
width: calc(100% - 30px);
min-width: calc(100% - 30px);
z-index: 18;
display: none;
ul[data-depth="1"] > li {
float: left;
margin: 0 20px;
}
a:hover {
color: $brand-primary;
}
}
.popover {
max-width: inherit;
}
}
.popover.bs-tether-element-attached-top {
margin-top: 0;
}
#mobile_top_menu_wrapper {
margin-top: 10px;
padding-bottom: 10px;
background: white;
#top-menu {
margin-bottom: 10px;
}
.top-menu {
color: $gray-darker;
.collapse-icons[aria-expanded="true"] {
.add {
display: none;
}
.remove {
display: block;
}
}
.collapse-icons .remove {
display: none;
}
.navbar-toggler {
display: inline-block;
padding: 0;
}
a[data-depth="0"] {
padding: 10px;
border-bottom: 1px solid $gray-lighter;
}
.collapse {
display: none;
&.in {
display: block;
}
}
.sub-menu {
&.collapse {
display: none;
&.in {
display: block;
}
}
box-shadow: none;
z-index: inherit;
display: block;
position: static;
overflow: hidden;
margin-left: 0;
width: 100%;
min-width: 100%;
background: $gray-lighter;
ul[data-depth="0"] > li {
border-bottom: 1px solid $gray;
}
ul[data-depth="1"] {
margin: 0;
> li {
float: none;
margin: 0;
a {
text-transform: none;
}
}
}
ul {
padding: 0;
}
li > a {
padding: 10px;
border-bottom: 1px solid white;
font-weight: 600;
}
ul[data-depth="2"] li a {
padding-left: 20px;
}
ul[data-depth="3"] li a {
padding-left: 40px;
}
ul[data-depth="4"] li a {
padding-left: 60px;
}
}
.popover {
border-radius: 0;
}
}
.js-top-menu-bottom {
a {
color: $gray;
}
.language-selector-wrapper {
padding: 10px;
.language-selector {
display: inline;
}
}
.currency-selector {
padding: 10px;
}
#contact-link {
padding: 10px;
}
.user-info {
padding: 0 10px;
a {
padding: 10px 0;
display: block;
width: 100%;
}
}
}
}

1898
themes/at_movic/_dev/css/components/products.scss Normal file
View File

File diff suppressed because it is too large Load Diff

73
themes/at_movic/_dev/css/components/quickview.scss Normal file
View File

@@ -0,0 +1,73 @@
@import "theme_variables";
.quickview {
.modal-dialog {
width: calc(100% - 40px);
max-width: 64rem;
}
.modal-content {
min-height: 31.25rem;
}
.modal-header {
border: none;
padding: 10px;
background: none;
}
.modal-body {
min-height: 28.88rem;
}
.modal-footer {
border-top: 1px solid rgba($gray,.3);
}
.layer {
display: none;
}
.product-cover img {
width: 95%;
}
.arrows-product-fake{
display: none;
}
.images-container {
position: relative;
z-index: 1;
text-align: center;
.product-cover{
@include rtl-padding-right(90px);
}
.product-thumb-images{
position: absolute;
top: 20px;
right: 0px;
width: 80px;
z-index: 9;
}
}
.product-thumb-images {
position: relative;
.slick-list{
margin-left: 0px;
margin-right: 0px;
.slick-slide{
padding-left: 0px;
padding-right: 0px;
}
}
}
.social-sharing {
margin: 0;
}
.product-flags{
@include rtl-text-align-left();
li.product-flag span{
margin: 2px 5px;
padding: 0;
border-radius: 0;
display: inline-block;
padding-bottom: 2px;
border-bottom: 1px solid;
margin-bottom: 5px;
font-weight: 600;
}
}
}

13
themes/at_movic/_dev/css/components/renew-password.scss Normal file
View File

@@ -0,0 +1,13 @@
@import "theme_variables";
.renew-password {
margin-left: 10px;
.email {
padding-bottom: 30px;
}
[type=submit] {
margin-left: 50px;
}
}

118
themes/at_movic/_dev/css/components/search-widget.scss Normal file
View File

@@ -0,0 +1,118 @@
@import "theme_variables";
#search_widget {
&.open{
a.popup-title i:before{
content: "\e646";
}
}
.popup-content{
padding: 15px;
}
.search-inner{
position: relative;
input[type="text"]{
height: 40px;
line-height: 40px;
padding: 0;
min-width: 220px;
border: 0;
outline: none;
border-bottom: 1px solid #ccc;
color: #000;
@include rtl-padding(0,40px,0,0);
&:focus{
border-color: #000;
&+button[type="submit"]{
i:before{
content: "\e628";
}
}
}
}
button[type="submit"]{
position: absolute;
top: 0;
right: 0;
border: 0;
padding: 0;
width: 40px;
height: 40px;
background: none;
outline: none;
line-height: 40px;
text-align: center;
cursor: pointer;
i{
vertical-align: middle;
font-size: 21px;
color: #000;
}
&:hover{
i:before{
content: "\e628";
}
}
}
}
}
#checkout {
#search_widget {
display: none; /* Not ideal solution by allows to reuse same hooks/templates */
}
}
#pagenotfound {
.page-content {
#search_widget {
width: 100%;
.popup-content{
position: relative;
}
}
}
}
#main{
#search_widget{
a.popup-title{
display: none;
}
.popup-content{
position: static;
display: block !important;
@include opacity(1);
width: 100%;
float: none;
@include box-shadow(none);
z-index: 1;
}
.search-inner{
position: relative;
}
input[type=text]{
@include rtl-padding(0,50px,0,0);
height: 40px;
line-height: 1;
outline: 0;
&:focus{
border-color: $theme-color-default;
}
}
button[type=submit]{
width: 40px;
height: 40px;
bottom: 0;
top: auto;
@include rtl-right(0);
background: none;
color: #333;
i{
font-size: 14px;
}
&:hover{
background: $theme-color-default;
color: #fff;
}
}
}
}

40
themes/at_movic/_dev/css/components/sitemap.scss Normal file
View File

@@ -0,0 +1,40 @@
@import "theme_variables";
.sitemap-title {
text-transform: capitalize;
}
.sitemap {
margin-top: 0.9375rem;
h2 {
color: #414141;
text-transform: uppercase;
font-size: 1.1rem;
font-weight: 600;
border-bottom: 1px solid #acaaa6;
margin-left: -15px;
width: 100%;
height: 35px;
}
ul {
margin-left: -15px;
margin-top: 20px;
&.nested {
margin-left: 20px;
}
li {
font-size: 0.9rem;
margin-bottom: 1rem;
}
}
}
@include media-breakpoint-down(xs) {
.sitemap {
margin-top: 0;
}
}

104
themes/at_movic/_dev/css/components/stores.scss Normal file
View File

@@ -0,0 +1,104 @@
#stores {
.page-stores {
.store-item {
padding-left: 12px;
padding-right: 12px;
}
width: 85%;
margin: 0 auto;
.store-picture {
img {
max-width: 100%;
}
}
.store-item-container {
@include display(flex);
@include justify-content(space-around);
@include align-items(center);
padding: $large-space 0;
ul {
margin-bottom: 0;
font-size: $font-size-lg;
}
.divide-left {
@include rtl-border-left($gray-light 1px solid);
tr {
height: 25px;
}
td {
padding-left: 6px;
}
th {
text-align: right;
}
}
.store-description{
font-size: $base-font-size;
}
}
.store-item-footer {
margin-top: 8px;
padding-top: 8px;
@include display(flex);
@include justify-content(space-around);
&.divide-top {
border-top: $gray-light 1px solid;
}
div:first-child {
@include flex(0 0 65%);
}
i.material-icons{
margin-right: $small-space;
color: $gray;
font-size: $base-font-size;
}
li{
margin-bottom: $small-space;
}
}
}
}
/*** Responsive part ***/
@include media-breakpoint-down(sm) {
#stores {
.page-stores {
width: 100%;
.store-item-container {
padding: 16px 0;
}
}
}
}
@include media-breakpoint-down(xs) {
#stores {
.page-stores {
.store-item-container {
display: block;
.divide-left {
@include rtl-border-left(none);
}
.store-description {
a {
margin-bottom: 8px;
}
address {
margin-bottom: 8px;
}
}
}
.store-item-footer {
display: block;
&.divide-top {
border-top: $gray-light 1px solid;
}
li{
margin-bottom: $small-space;
}
.card-block {
padding: 12px 12px 0;
}
}
}
}
}