aschwarz/Leitgedanken
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

PDF rausgenommen

Browse Source
This commit is contained in:
aschwarz
2023-01-23 11:03:31 +01:00
parent 82d562a322
commit a6523903eb
28078 changed files with 4247552 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
msd2/myoos/themes/phoenix/scss/layout/_403.scss Normal file
View File

@@ -0,0 +1,15 @@
/** Error 403
**************************************************************** **/
.error-403 {
content: '403';
@include px-to-rem( font-size, 200px);
@include px-to-rem( line-height, 200px);
font-weight: bold;
color: #ddd;
text-align: center;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

56
msd2/myoos/themes/phoenix/scss/layout/_404.scss Normal file
View File

@@ -0,0 +1,56 @@
/** Error 404
**************************************************************** **/
.error-404 {
content: '404';
@include px-to-rem( font-size, 200px);
@include px-to-rem( line-height, 200px);
font-weight: bold;
color: #ddd;
text-align: center;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Inline Search */
.inline-search {
@include px-to-rem(margin-top, 60px);
display: block;
position: relative;
flex: none;
form {
input.serch-input {
background: #fff;
border: #e3e3e3 1px solid;
color: #aaa;
float: left;
font-size: 13px;
height: 39px;
letter-spacing: 1px;
margin: 0;
padding: 5px 50px 5px 10px;
width: 100%;
}
button {
background: rgba(0, 0, 0, 0);
border-left: #e3e3e3 1px solid;
font-size: 17px;
width: 39px;
height: 39px;
line-height: 39px;
vertical-align: bottom;
position: absolute;
right: 0;
}
}
}
@media only screen and (max-width: 482px) {
.inline-search {
@include px-to-rem(margin-top, 20px);
}
}

141
msd2/myoos/themes/phoenix/scss/layout/_home.scss Normal file
View File

@@ -0,0 +1,141 @@
.masking-hover{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba($m-color-primary, .9);
opacity: 0;
@include transition(all 0.3s ease-in-out);
}
.content-center{
position: absolute;
top: 50%;
left: 50%;
@include transform(translate(-50%, -50%));
}
.btn-wishlist {
&.active {
color: #f00!important;
&:hover{
color: #f00;
}
}
}
.imageBox{
height: auto;
display: block;
margin-bottom: 40px;
.productImage{
position: relative;
margin-bottom: 20px;
display: block;
overflow: hidden;
img{
width: 100%;
@include transition(all 0.3s ease-in-out);
}
.productMasking{
@extend .masking-hover;
ul{
width: 168px;
height: 56px;
background: #fff;
text-align: center;
display: flex;
justify-content: space-around;
align-items: center;
@extend .content-center;
li{
position: relative;
width: 33.333%;
&::after {
position: absolute;
content: '';
height: 24px;
border-right: 1px solid rgba(0,0,0,0.1);
top: 50%;
@include transform(translateY(-50%));
right: 0;
}
&:last-child::after {
display: none;
}
a{
padding: 0;
width: 100%;
text-align: center;
border: none;
border-radius: 0px;
background-color: transparent;
font-size: 14px;
color: $m-color-secondary;
@include transition(all 0.3s ease-in-out);
&:hover{
color: $m-color-secondary;
}
}
}
}
}
@include mobile{
width: 100%;
height: auto;
}
}
&:hover{
.productImage img{
@include transform(scale(1.2));
}
.productMasking{
opacity: 1;
ul{
-webkit-animation: move-bottom 0.3s linear;
animation: move-bottom 0.3s linear;
}
}
}
.productCaption{
width: 100%;
display: block;
text-align: center;
@include tablet {
text-align: left;
}
h4{
font-size: 16px;
text-transform: capitalize;
margin-bottom: 10px;
a{
color: $m-color-secondary;
}
}
h3{
color: #a5a5a5;
font-size: 20px;
font-weight: 700;
}
h5 {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
a{
color: $m-color-secondary;
}
}
.offer-price{
font-size: 24px;
font-weight: 700;
color: $m-color-primary;
display: block;
margin-bottom: 10px;
}
.regular-price{
font-size: 18px;
color: #c5c5c5;
display: block;
margin-bottom: 25px;
}
}
}

188
msd2/myoos/themes/phoenix/scss/layout/_layout.scss Normal file
View File

@@ -0,0 +1,188 @@
#slider .badge,
#slider .page-header {
border-radius: 2px;
}
ul.nav>li>a {
display: block;
}
ul.list-group>li {
list-style: none;
}
ul.nav.nav-pills>li {
display: inline-block;
}
ul.list-group li>a,
ul.list-group ul:not(.collapse) {
display: block;
width: 100%;
}
ul.list-group ul {
width: 100%;
}
ul.list-group li>a:after {
border: 0;
}
ul.dropdown-menu a {
display: block;
width: 100%;
}
ul.row.list-inline>li,
ul.list-unstyled.list-inline>li {
margin-right: 0;
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.badge {
padding:.3em .6em .4em;
}
pre {
font-size:13px;
}
ul.list-unstyled .dropdown-toggle::after {
border:0;
}
.card-default>.card-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.card-heading {
padding: 10px 15px;
}
.card-heading>h1,
.card-heading>h2,
.card-heading>h3,
.card-heading>h4,
.card-heading>h5,
.card-heading>h6 {
margin:0;
}
h1.card-title,
h2.card-title,
h3.card-title,
h4.card-title,
h5.card-title,
h6.card-title {
font-size:16px;
}
.card-title a {
display: block;
width: 100%;
}
.media-body,
.media-left,
.media-right {
display: table-cell;
vertical-align: top;
}
.media {
margin-top: 15px;
}
.dropdown-menu>li>a {
font-weight: 400;
color: #333;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
background-color: $m-color-primary;
outline: 0;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
padding: 0;
}
ul.pagination {
display: inline-block;
margin: 20px 0;
}
ul.pagination>li {
float: left;
}
section {
display: block;
position: relative;
padding: 80px 0;
border-bottom:rgba(0,0,0,0.1) 1px solid;
background-color: #fff;
}
section:after,
section:before {
content:" ";
display:table;
}
section:after {
display: block;
content: "";
clear: both;
}
section header.section-header {
margin-bottom:80px;
}
section.section-xxs {
padding:15px 0;
}
section.section-xs {
padding:30px 0;
}
section.section-sm {
padding:60px 0;
}
section.padding-md {
padding:80px 0;
}
section.section-lg {
padding:120px 0;
}
section.section-xlg {
padding:140px 0;
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
/** sign-out
**************************************************************** **/
.sign-out {
@include px-to-rem( font-size, 200px);
@include px-to-rem( line-height, 200px);
font-weight: bold;
color: #ddd;
text-align: center;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/** sidebar
**************************************************************** **/
.thumbnail.float-left {
margin-right: 20px;
}

70
msd2/myoos/themes/phoenix/scss/layout/_product_info.scss Normal file
View File

@@ -0,0 +1,70 @@
/** Product Detail
********************** **/
.product_details_thumb {
margin-bottom: 100px;
.carousel-indicators {
bottom: -86px;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
left: 0;
margin: 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
li {
background-position: center center;
background-size: cover;
height: 80px;
width: 25%;
}
}
.carousel-inner {
border: 1px solid #ddd;
margin: 0 3px;
width: calc(100% - 6px);
}
.carousel-indicators li.active {
border: 1px solid #ddd;
}
.product_badge {
top: 30px;
}
}
.product_details_desc {
border: 1px solid #f6f6f6;
border-radius: 3px;
padding: 15px;
.title {
font-size: 18px;
}
.product_details_ratings {
i {
color: #ff9800;
font-size: 14px;
}
span {
font-size: 13px;
}
}
.product_details_desc .price {
font-size: 18px;
}
.short_overview > {
h6 {
font-size: 14px;
}
p {
color: #888;
font-size: 14px;
font-weight: 300;
}
}
}

44
msd2/myoos/themes/phoenix/scss/layout/_product_new.scss Normal file
View File

@@ -0,0 +1,44 @@
/* 1 Column */
.shop-item-list > {
.col-lg-12 {
> .shop-item {
position: relative;
min-height: 230px;
h2 {
font-size: 20px;
}
> .thumbnail {
float: left;
width: 200px;
}
}
margin-bottom: 30px;
width: 100%;
}
.col-md-12 > .shop-item > .thumbnail {
float: left;
width: 200px;
}
.col-lg-12 > .shop-item > .shop-item-summary, .col-md-12 > .shop-item > .shop-item-summary {
text-align: left !important;
position: absolute;
left: 230px;
}
.col-lg-12 > .shop-item > .shop-item-buttons, .col-md-12 > .shop-item > .shop-item-buttons {
text-align: left;
}
.col-lg-12 > .shop-item > .shop-item-summary > .shop-item-price > span, .col-md-12 > .shop-item > .shop-item-summary > .shop-item-price > span {
padding-left: 0;
}
.col-lg-12 > .shop-item p {
margin: 15px 0;
display: inline-block;
}
}
/* list item buttons */
div.shop-item-buttons {
margin-top: 14px;
}

128
msd2/myoos/themes/phoenix/scss/layout/_shop_item.scss Normal file
View File

@@ -0,0 +1,128 @@
/** SHOP ITEM LIST
**************************************************************** **/
div.shop-item {
margin-bottom: 60px;
.shop-item-buttons a.btn-default {
border: 0;
background-color: rgba(0, 0, 0, 0.1);
&:hover {
border: 0;
background-color: rgba(0, 0, 0, 0.18);
}
}
> .thumbnail {
background-color: transparent !important;
border-color: #ddd !important;
margin-bottom: 6px;
position: relative;
}
}
div {
&.shop-item {
> .thumbnail {
> a.shop-item-image {
> img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
&:last-child {
position: absolute;
left: 0;
top: 0;
z-index: 10;
opacity: 0;
filter: alpha(opacity = 0);
-webkit-transition: all .500s;
-moz-transition: all .500s;
-o-transition: all .500s;
transition: all .500s;
}
}
display: block;
position: relative;
}
&:hover > a.shop-item-image > img:last-child {
opacity: 1;
filter: alpha(opacity = 100);
}
> {
a.shop-item-image > img:first-child {
position: relative;
opacity: 1;
filter: alpha(opacity = 100);
}
.shop-option-over {
position: absolute;
top: 8px;
right: 2px;
z-index: 20;
width: 50px;
opacity: 0;
filter: alpha(opacity = 0);
-webkit-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s;
transition: all .300s;
> a {
width: 44px;
text-align: center;
margin: 0 0 3px 0;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
}
}
}
}
&:hover > .thumbnail > .shop-option-over {
opacity: 1;
filter: alpha(opacity = 100);
}
> .thumbnail > .shop-item-info {
position: absolute;
top: 8px;
left: 8px;
z-index: 20;
width: 70px;
> .badge {
min-width: 50px;
text-align: center;
font-size: 13px;
margin-bottom: 3px;
display: inline-block;
}
}
}
&.shop-item-summary {
padding: 15px 8px;
border-radius: 3px;
h2 {
@include px-to-rem(font-size, 15px);
color: #666;
margin: 0 0 4px 0;
}
}
&.shop-item-rating {
display: block;
position: relative;
}
&.shop-item-price {
font-size: 20px;
margin-top: 6px;
font-weight: bold;
> span {
color: #999;
font-size: 15px;
display: inline-block;
padding: 0 10px;
font-weight: 400;
}
}
}

283
msd2/myoos/themes/phoenix/scss/layout/_shopping_cart.scss Normal file
View File

@@ -0,0 +1,283 @@
/** shopping_cart
********************** **/
%cartInput{
border-radius: 0;
box-shadow: none;
height: 40px;
background-color: $m-color-white;
@include add-border(2px, $border-gray, all);
}
%buttonFont{
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
}
.cartListInner .row.totalAmountArea{
margin:0;
}
%tableDiv{
display: block;
float: left;
padding: 20px 30px;
width: 100%;
@include add-border(5px, $m-color-light, right-left);
@include add-border(3px, $m-color-light, bottom);
}
%tableHead{
background-color: $m-color-primary;
padding: 0;
height: 55px;
vertical-align: middle;
text-align: left;
font-size: 16px;
color: $m-color-white;
padding-left: 20px;
@include add-border(1px, rgba(255,255,255,0.2), right);
border-bottom: none;
}
%tableData{
vertical-align: middle;
text-transform: uppercase;
font-weight: 700;
@include add-border(3px, $m-color-light, bottom);
border-top: none;
}
%closeBtn{
position: relative;
left: 0;
float: left;
font-size: 22px;
margin-right: 30px;
color: $m-color-primary;
opacity: 1;
line-height: 74px;
font-weight: normal;
@include transition(all 0.3s ease-in-out);
&:hover{
opacity: .8;
}
@include tablet{
margin-right: 5px;
}
@include desktops{
margin-right: 30px;
}
}
/* out of stock */
span.out-of-stock {
display: block;
margin-top: 15px;
}
.cartListInner{
.table-responsive{
margin-bottom: 0;
@include mobile{
overflow-x: auto;
}
@include tablet{
overflow-x: visible;
}
.table{
margin-bottom: 0;
thead{
tr{
@include add-border(3px, $m-color-primary, right-left);
th{
@extend %tableHead;
letter-spacing: 1px;
border-top: none;
&:last-child{
border-right: none;
}
&:first-child{
@include mobile-xs{
display: none;
}
@include mobile{
display: none;
}
@include tablet{
display: table-cell;
}
}
}
}
}
tbody{
tr{
@include add-border(3px, $m-color-light, right-left);
td{
@extend %tableData;
font-size: 16px;
text-transform: capitalize;
font-weight: 400;
@include mobile{
padding: 10px;
}
@include tablet{
padding: 10px;
}
@include tablet{
padding-left: 20px;
}
.close{
@extend %closeBtn;
position: relative;
left: 0;
font-size: 22px;
}
.cartImage{
display: inline-block;
float: left;
}
&:nth-child(3){
color: #888888;
}
input{
width: 20px;
height: 40px;
text-align: center;
color: #333333;
font-weight: 700;
border: 1px solid #e4e4e4;
margin: 0 -3px;
border-left: 0px;
border-right: 0px;
@include tablet {
width: 40px;
}
}
&:first-child{
@include mobile-xs{
display: none;
}
@include mobile{
display: none;
}
@include tablet{
display: table-cell;
}
}
&.count-input a {
color: #a5a5a5;
font-size: 10px;
padding: 4px 6px 0px;
display: inline-block;
border: 1px solid #e4e4e4;
line-height: 34px;
height: 40px;
@include tablet {
padding: 4px 10px 0px;
}
}
}
}
}
}
}
.updateArea{
@extend %tableDiv;
.input-group{
float: left;
@include mobile-xs{
width: 100%;
margin-bottom: 20px;
}
@include mobile{
width: 100%;
margin-bottom: 20px;
}
@include tablet{
width: 435px;
margin-bottom: 0;
}
.form-control{
@extend %cartInput;
margin-right: 10px;
margin-right: 10px;
border-color: $m-border-light;
font-size: 13px;
@include mobile-xs{
width: 50%;
}
@include mobile{
width: 60%;
}
@include tablet{
width: 285px;
}
}
.input-group-addon{
@extend %cartInput;
@extend %buttonFont;
@include transition(all 0.3s ease-in-out);
&:hover{
opacity: .8;
}
@include mobile-xs{
width: 45%;
font-size: 10px;
}
@include mobile{
width: 35%;
}
@include tablet{
width: 140px;
}
}
}
.btn{
display: inline-block;
@include transition(all 0.3s ease-in-out);
color: $m-color-white;
font-size: 13px;
font-weight: 700;
&.btn-primary {
&:hover {
opacity: 1.28;
}
}
}
}
.infoStockArea{
@extend %tableDiv;
}
.totalAmountArea{
@extend %tableDiv;
.list-unstyled{
li{
font-weight: 400;
text-align: right;
margin: 10px 0;
font-size: 15px;
span{
width: 108px;
display: inline-block;
color: #888888;
}
.grandTotal{
color: $m-color-secondary;
}
}
}
}
.checkBtnArea{
@extend %tableDiv;
border-bottom-width: 5px;
.btn-danger{
float: right;
letter-spacing: 1px;
font-weight: 700;
@include transition(all 0.3s ease-in-out);
i{
margin-left: 10px;
}
&:hover{
opacity: 1.28;
}
}
}
}

325
msd2/myoos/themes/phoenix/scss/layout/_steps.scss Normal file
View File

@@ -0,0 +1,325 @@
/** Steps
**************************************************************** **/
.innerWrapper{
width: 100%;
&.stepsPage{
@include mobile{
margin-bottom: 90px;
}
@include tablet{
margin-bottom: 30px;
}
.cartListInner{
margin-bottom: 50px;
display: block;
}
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.well{
border-radius: 0;
border: none;
box-shadow: none;
margin-bottom: 50px;
background: $m-color-light;
padding: 20px 30px;
.pager{
list-style: none;
margin: 0;
li{
a{
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
@include transition(all 0.3s ease-in-out);
&:hover{
opacity: 0.8;
}
i {
font-size: 18px;
padding-left: 5px;
}
&.hideContent{
display: none;
}
}
&.previous{
a{
background-color: #dedede;
color: $m-color-secondary;
&:hover{
background-color: $m-color-primary;
color: $m-color-white;
}
}
}
}
.btn {
border: none;
}
}
}
.orderBox{
.table-responsive{
.table{
tbody{
tr{
td{
text-transform: capitalize;
.checkboxArea{
margin: 0;
float: none;
}
}
}
}
}
}
}
.step2.checkboxArea {
margin-bottom: 25px;
label {
font-size: 13px;
color: $text-slider-title;
}
}
.checkboxArea.card-check {
width: 100%;
.form-control {
background: $m-color-white;
border: 1px solid $m-color-light;
height: 44px;
}
span.step-drop {
display: flex;
justify-content: space-between;
}
.sbHolder {
border: 1px solid $m-color-light;
background: $m-color-white;
max-width: 48%;
height: 44px!important;
.sbSelector {
line-height: 44px!important;
background: transparent;
}
}
.input-group-addon {
margin-left: -1px;
z-index: 5;
background: $m-color-white;
}
ul.sbOptions {
margin-top: 0px;
z-index: 55;
}
ul {
margin: 10px 0 0 30px;
li {
margin-right: 5px;
}
}
}
}
.shipping-info {
padding: 10px 0 20px;
h5 {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}
address, p {
color: $text-slider-title;
line-height: 24px;
}
}
.summery-box {
border: 3px solid $m-color-light;
padding: 40px 25px;
margin-bottom: 50px;
h4 {
font-size: 22px;
margin-bottom: 15px;
font-weight: 400;
letter-spacing: 0px;
color: $m-color-secondary;
}
p {
font-size: 13px;
padding-bottom: 5px;
color: $text-slider-title;
}
li {
font-size: 15px;
padding-bottom: 20px;
color: $text-slider-title;
&:last-child {
border-top: 3px solid $m-color-light;
color: $m-color-secondary;
padding: 20px 0 0;
.val {
font-weight: 700;
}
}
}
}
.order-confirm {
padding: 60px 0 90px;
h2 {
font-size: 30px;
line-height: 1;
font-weight: 700;
margin-bottom: 15px;
}
span {
display: block;
font-size: 13px;
color: $text-slider-title;
}
p {
font-size: 15px;
line-height: 30px;
color: $text-slider-title;
margin: 42px 0 50px;
}
.btn {
font-weight: 700;
letter-spacing: 2px;
font-size: 15px;
}
}
%after{
content: ' ';
width: 16px;
height: 16px;
background: $m-color-white;
@include border-radius($radius: 50%);
position: absolute;
top: 7px;
left: 7px;
}
.progress-wizard {
padding: 0 15px 50px 15px;
.progress-wizard-step {
padding: 0;
position: relative;
.progress-wizard-stepnum {
color: $text-slider-title;
padding-bottom: 5px;
@include mobile-xs{
font-size: 12px;
height: 55px;
}
@include mobile{
font-size: 10px;
height: 36px;
}
@include tablet{
font-size: 12px;
height: auto;
}
@include desktops{
font-size: 16px;
}
}
.progress-wizard-info {
color: #999;
font-size: 14px;
}
.progress-wizard-dot {
position: absolute;
width: 30px;
height: 30px;
display: block;
background: $m-color-primary;
left: 50%;
margin-top: -17px;
margin-left: -15px;
@include border-radius($radius: 50%);
&:after {
@extend %after;
}
@include mobile{
top: 60px;
margin-top: -14px;
}
@include tablet{
top: 43px;
margin-top: -10px;
}
}
.progress {
position: relative;
@include border-radius(0);
height: 4px;
box-shadow: none;
background-color: $m-color-light;
@include mobile {
margin: 18px 0 0px;
}
.progress-bar {
width:0px;
box-shadow: none;
background: $m-color-primary;
}
}
&.complete{
.progress{
.progress-bar{
width:100%;
}
}
&:first-child{
.progress{
left: 0;
width: 100%;
.progress-bar{
width:50%;
}
}
}
&:last-child{
.progress{
width: 100%;
.progress-bar{
width:100%;
}
}
}
&.fullBar{
.progress{
.progress-bar{
width:100%;
}
}
}
}
&.active{
.progress{
.progress-bar{
width:50%;
}
}
.progress-wizard-stepnum {
color: $m-color-secondary;
}
}
&.disabled{
.progress-wizard-dot {
background-color: $m-color-light;
&:after {
@extend %after;
}
}
}
}
}

45
msd2/myoos/themes/phoenix/scss/layout/_success.scss Normal file
View File

@@ -0,0 +1,45 @@
/** successs
**************************************************************** **/
.success {
margin-bottom: 26px;
overflow-y: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.02745) 0px 2px 1px;
-moz-box-shadow: rgba(0, 0, 0, 0.02745) 0px 2px 1px;
-o-box-shadow: rgba(0, 0, 0, 0.02745) 0px 2px 1px;
box-shadow: rgba(0, 0, 0, 0.02745) 0px 2px 1px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: .25rem;
img {
width: 100%;
}
}
.success-block {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.success-img-top {
border-top-right-radius: calc(.25rem - 1px);
border-top-left-radius: calc(.25rem - 1px);
}

215
msd2/myoos/themes/phoenix/scss/layout/_wishlist.scss Normal file
View File

@@ -0,0 +1,215 @@
/** wishlist
********************** **/
.wishlist{
.table-responsive{
margin-bottom: 0;
@include mobile{
overflow-x: auto;
}
@include tablet{
overflow-x: visible;
}
.table{
margin-bottom: 0;
thead{
tr{
@include add-border(3px, $m-color-primary, right-left);
th{
@extend %tableHead;
letter-spacing: 1px;
border-top: none;
&:last-child{
border-right: none;
}
&:first-child{
@include mobile-xs{
display: none;
}
@include mobile{
display: none;
}
@include tablet{
display: table-cell;
}
}
}
}
}
tbody{
tr{
@include add-border(3px, $m-color-light, right-left);
td{
@extend %tableData;
font-size: 16px;
text-transform: capitalize;
font-weight: 400;
@include mobile{
padding: 10px;
}
@include tablet{
padding: 10px;
}
@include tablet{
padding-left: 20px;
}
.close{
@extend %closeBtn;
position: relative;
left: 0;
font-size: 22px;
}
.cartImage{
display: inline-block;
float: left;
}
&:nth-child(3){
color: #888888;
}
input{
width: 20px;
height: 40px;
text-align: center;
color: #333333;
font-weight: 700;
border: 1px solid #e4e4e4;
margin: 0 -3px;
border-left: 0px;
border-right: 0px;
@include tablet {
width: 40px;
}
}
&:first-child{
@include mobile-xs{
display: none;
}
@include mobile{
display: none;
}
@include tablet{
display: table-cell;
}
}
&.count-input a {
color: #a5a5a5;
font-size: 10px;
padding: 4px 6px 0px;
display: inline-block;
border: 1px solid #e4e4e4;
line-height: 34px;
height: 40px;
@include tablet {
padding: 4px 10px 0px;
}
}
}
}
}
}
}
.updateArea{
@extend %tableDiv;
.input-group{
float: left;
@include mobile-xs{
width: 100%;
margin-bottom: 20px;
}
@include mobile{
width: 100%;
margin-bottom: 20px;
}
@include tablet{
width: 435px;
margin-bottom: 0;
}
.form-control{
@extend %cartInput;
margin-right: 10px;
margin-right: 10px;
border-color: $m-border-light;
font-size: 13px;
@include mobile-xs{
width: 50%;
}
@include mobile{
width: 60%;
}
@include tablet{
width: 285px;
}
}
.input-group-addon{
@extend %cartInput;
@extend %buttonFont;
@include transition(all 0.3s ease-in-out);
&:hover{
opacity: .8;
}
@include mobile-xs{
width: 45%;
font-size: 10px;
}
@include mobile{
width: 35%;
}
@include tablet{
width: 140px;
}
}
}
.btn{
display: inline-block;
@include transition(all 0.3s ease-in-out);
color: $m-color-secondary;
font-size: 13px;
font-weight: 700;
&.btn-primary-outlined {
&:hover {
color: $m-color-white;
}
}
}
}
.infoStockArea{
@extend %tableDiv;
}
.totalAmountArea{
@extend %tableDiv;
.list-unstyled{
li{
font-weight: 400;
text-align: right;
margin: 10px 0;
font-size: 15px;
span{
width: 108px;
display: inline-block;
color: #888888;
}
.grandTotal{
color: $m-color-secondary;
}
}
}
}
.checkBtnArea{
@extend %tableDiv;
border-bottom-width: 5px;
.btn-primary{
float: right;
letter-spacing: 1px;
font-weight: 700;
@include transition(all 0.3s ease-in-out);
i{
margin-left: 10px;
}
&:hover{
opacity: .8;
}
}
}
}