tabexseriescomponents 0.0.64 → 0.0.66

package/src1-10/styles/general/scrollbtn.module.css

@@ -0,0 +1,22 @@
+.scroll_btn_container {
+    position: fixed;
+    width: 100%;
+    right: 10px;
+    bottom: 10px;
+    height: 20px;
+    font-size: 1.5rem;
+    z-index: 1;
+    cursor: pointer;
+    color: white;
+    width: 5vh;
+    height: 5vh;
+    background: #022648;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: 0.3s;
+}
+.scroll_btn_container:hover {
+    background-color: #eac435;
+}

package/src1-10/styles/general/slick.module.css

@@ -0,0 +1,166 @@
+/* Arrows */
+.slick-prev,
+.slick-next {
+    font-size: 0;
+    line-height: 0;
+
+    position: absolute;
+    top: 50%;
+
+    display: block;
+
+    width: 30px !important;
+    height: 30px !important;
+    padding: 0;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+
+    cursor: pointer;
+
+    color: transparent;
+    border: none;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus {
+    color: transparent;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before {
+    opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before {
+    opacity: 0.25;
+}
+
+.slick-prev:before,
+.slick-next:before {
+    font-family: 'slick';
+    font-size: 30px !important;
+    line-height: 1;
+
+    opacity: 0.75;
+    color: white;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev {
+    left: -25px;
+}
+[dir='rtl'] .slick-prev {
+    right: -25px;
+    left: auto;
+}
+.slick-prev:before {
+    content: '←';
+}
+[dir='rtl'] .slick-prev:before {
+    content: '→';
+}
+
+.slick-next {
+    right: -25px;
+}
+[dir='rtl'] .slick-next {
+    right: auto;
+    left: -25px;
+}
+.slick-next:before {
+    content: '→';
+}
+[dir='rtl'] .slick-next:before {
+    content: '←';
+}
+
+/* Dots */
+.slick-dotted.slick-slider {
+    margin-bottom: 30px;
+}
+
+.slick-dots {
+    position: absolute;
+    bottom: -25px;
+
+    display: block;
+
+    width: 100%;
+    padding: 0;
+    margin: 0;
+
+    list-style: none;
+
+    text-align: center;
+}
+.slick-dots li {
+    position: relative;
+
+    display: inline-block;
+
+    width: 20px;
+    height: 20px;
+    margin: 0 5px;
+    padding: 0;
+
+    cursor: pointer;
+}
+.slick-dots li button {
+    font-size: 0;
+    line-height: 0;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 5px;
+
+    cursor: pointer;
+
+    color: transparent;
+    border: 0;
+    outline: none;
+    background: transparent;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus {
+    outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before {
+    opacity: 1;
+}
+.slick-dots li button:before {
+    font-family: 'slick';
+    font-size: 6px;
+    line-height: 20px;
+
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 20px;
+    height: 20px;
+
+    content: '•';
+    text-align: center;
+
+    opacity: 0.25;
+    color: black;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before {
+    opacity: 0.75;
+    color: #000;
+}

package/src1-10/styles/general/tabs.module.css

@@ -0,0 +1,110 @@
+.tabs {
+    position: relative;
+    height: auto;
+    display: flex;
+    width: 100% !important;
+    flex-direction: column;
+    word-wrap: break-word;
+}
+.tabs input[name='tab-control'] {
+    display: none;
+}
+.tabs .tabsul {
+    list-style-type: none;
+    padding-left: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    /* width: 30%; */
+    height: 100%;
+}
+.tabs .tabsul .tabsli {
+    box-sizing: border-box;
+    flex: 1;
+    display: inline-block;
+    width: 100% !important;
+    text-align: left;
+    /* border-right: 1px solid #ccc; */
+}
+.tabs .tabsul .tabsli label {
+    font-size: 16px;
+    font-weight: 500;
+    transition: all 0.3s ease-in-out;
+    padding: 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    cursor: pointer;
+    transition: all 0.2s ease-in-out;
+    white-space: nowrap;
+    /* color: var(--light2); */
+}
+.tabs .tabsul .tabsli label:hover {
+    outline: 0;
+    /* border-right: 5px solid var(--secondary); */
+}
+.tabs .tabsul .tabsli label.active {
+    /* border-right: 5px solid var(--secondary); */
+}
+.tabs input[name='tab-control']:nth-of-type(1):checked ~ ul li:nth-child(1) label {
+    cursor: default;
+    background: white;
+    /* border-top: 3px solid var(--secondary); */
+}
+.tabs input[name='tab-control']:nth-of-type(2):checked ~ ul li:nth-child(2) label {
+    cursor: default;
+    background: white;
+    /* border-top: 3px solid var(--secondary); */
+}
+.tabs input[name='tab-control']:nth-of-type(3):checked ~ ul li:nth-child(3) label {
+    cursor: default;
+    background: white;
+    /* border-top: 3px solid var(--secondary); */
+}
+.tabs input[name='tab-control']:nth-of-type(4):checked ~ ul li:nth-child(4) label {
+    cursor: default;
+    background: white;
+    /* border-top: 3px solid var(--secondary); */
+}
+@media screen and (max-width: 800px) {
+    .tabs .tabsul {
+        width: 100%;
+        display: block;
+        white-space: nowrap;
+        position: relative;
+        overflow-x: scroll;
+        overflow-y: hidden;
+        -webkit-overflow-scrolling: touch;
+    }
+    .tabs .tabsul .tabsli {
+        width: 50% !important;
+        float: none;
+        display: inline-block;
+        zoom: 1;
+        border-right: 0 !important;
+    }
+    label:hover {
+        border-right: 0 !important;
+        border-top: 3px solid !important;
+    }
+}
+@media (max-width: 576px) {
+    .tabs .tabsul .tabsli {
+        width: 100% !important;
+    }
+}
+
+.policiestabs .tabsul {
+    flex-direction: row !important;
+}
+.policiestabs .tabsul .tabsli {
+    /* border-top: 5px solid #fff; */
+    margin: 0 5px;
+}
+.policiestabs .tabsul .tabsli label {
+    padding: 0 !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

package/src1-10/styles/general/workplaceeditor.module.css

@@ -0,0 +1,328 @@
+.cartslider_container {
+    position: fixed;
+    height: 86vh;
+    width: 25vw;
+    background-color: white;
+    z-index: 1000;
+    bottom: 0;
+    left: 0;
+    transform: translateX(-150%);
+    transition: 0.3s;
+    box-shadow: 0 30px #ccc;
+    overflow-y: auto;
+    overflow-x: hidden;
+    border-right: 5px solid #e6e6e6;
+}
+.cartslider_container::-webkit-scrollbar {
+    width: 0;
+    background-color: transparent;
+}
+.cartslider_container_opened {
+    transform: translateX(0) !important;
+}
+@media screen and (max-width:800px){
+    .cartslider_container{
+        width: 50% !important;
+    }
+}
+@media screen and (max-width:700px){
+    .cartslider_container{
+        width: 50% !important;
+    }
+}
+.close_menu_icon_cont {
+    width: 4.5vh;
+    height: 4.5vh;
+    background-color: var(--danger);
+    border-radius: 50%;
+    color: white;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: 0.3s;
+    cursor: pointer;
+    z-index: 2000 !important;
+}
+.close_menu_icon_cont:hover {
+    background-color: var(--dangerhover);
+}
+.cart_slider_imagecont {
+    width: 100%;
+    height: 15vh;
+    border: 2px solid #e6e6e6;
+    background-color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 10px;
+}
+.cart_slider_imagecont img {
+    max-width: 98%;
+    max-height: 98%;
+}
+.checkout_cart_slider_imagecont {
+    height: 10vh;
+}
+.checkout_quantity_cont {
+    position: absolute;
+    top: -7px;
+    right: -7px;
+    width: 2.5vh;
+    height: 2.5vh;
+    background-color: var(--danger);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    color: white;
+    font-size: 10px !important;
+}
+.btn_circle {
+    border-radius: 100%;
+    width: 20px;
+    height: 20px;
+    line-height: 20px;
+    padding: 10px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.cart_progress_card {
+    opacity: 0.7 !important;
+    transition: 0.3s;
+    cursor: pointer;
+}
+.cart_progress_card:hover {
+    opacity: 1 !important;
+}
+.cart_progress_card_active {
+    opacity: 1 !important;
+}
+.trash_btn {
+    width: 4vh !important;
+    height: 4vh !important;
+    border-radius: 10px !important;
+    padding: 0 !important;
+}
+.btn_apply {
+    width: 100% !important;
+    height: 40px !important;
+    border-radius: 10px !important;
+}
+.checkout_card_card {
+    max-height: 58vh;
+    overflow-y: auto;
+}
+@media screen and (max-width: 800px) {
+    .checkout_card_card {
+        max-height: 100% !important;
+    }
+}
+.checkout_card_card::-webkit-scrollbar {
+    width: 5px;
+}
+.checkout_card_card::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 5px grey;
+    border-radius: 10px;
+}
+.checkout_card_card::-webkit-scrollbar-thumb {
+    background: #022648;
+    border-radius: 10px;
+}
+.checkout_card_card::-webkit-scrollbar-thumb:hover {
+    background: #343a40;
+}
+/* .shortcutcardicon {
+    width: 4vh;
+    height: 4vh;
+    border-radius: 10px;
+    transition: 0.3s;
+}
+.shortcutcardiconpages {
+    background-color: #022648;
+}
+.shortcutcard:hover .shortcutcardiconpages {
+    background-color: #eac435 !important;
+}
+.shortcutcardpages:hover p {
+    color: #eac435 !important;
+}
+.shortcutcardiconpagessections {
+    background-color: #000 !important;
+}
+.shortcutcard:hover .shortcutcardiconpagessections {
+    background-color: #4b4b48 !important;
+}
+.shortcutcardsections:hover p {
+    color: #4b4b48 !important;
+}
+.shortcutcardiconeditor {
+    background-color: #d92550 !important;
+}
+.shortcutcard:hover .shortcutcardiconeditor {
+    background-color: #991a3a !important;
+}
+.shortcutcardshow:hover p {
+    color: #991a3a !important;
+}
+.shortcutcardiconcopy {
+    background-color: #0000b3 !important;
+}
+.shortcutcard:hover .shortcutcardiconcopy {
+    background-color: #0f0f97 !important;
+}
+.shortcutcardcopy:hover p {
+    color: #0f0f97 !important;
+}
+.shortcutcardicongeneralize {
+    background-color: #3ac47d !important;
+}
+.shortcutcard:hover .shortcutcardicongeneralize {
+    background-color: #23764b !important;
+}
+.shortcutcardgeneralize:hover p {
+    color: #23764b !important;
+} */
+/* Shortcut cards */
+.shortcutcardwrapper {
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+}
+.shortcutcardwrapper .icon {
+  position: relative;
+  background: #ffffff;
+  border-radius: 50%;
+  width: 35px;
+  height: 35px;
+  font-size: 18px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  margin-bottom: 10px;
+  /* box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); */
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+.shortcutcardwrapper .tooltip {
+  position: absolute;
+  top: 0;
+  font-size: 13px;
+  background: #ffffff;
+  color: #ffffff;
+  padding: 5px 8px;
+  border-radius: 5px;
+  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  pointer-events: none;
+  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+.shortcutcardwrapper .tooltip::before {
+  position: absolute;
+  content: "";
+  height: 8px;
+  width: 8px;
+  background: #ffffff;
+  bottom: -3px;
+  left: 50%;
+  transform: translate(-50%) rotate(45deg);
+  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+.shortcutcardwrapper .icon:hover .tooltip {
+  top: -45px;
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+}
+.shortcutcardwrapper .icon:hover span,
+.shortcutcardwrapper .icon:hover .tooltip {
+  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
+}
+.shortcutcardwrapper .iconblue{
+  background: #1877F2;
+}
+.shortcutcardwrapper .iconblue:hover,
+.shortcutcardwrapper .iconblue:hover .tooltip,
+.shortcutcardwrapper .iconblue:hover .tooltip::before {
+  background: #1877F2;
+  color: #ffffff;
+}
+.shortcutcardwrapper .icondanger{
+    background: var(--danger);
+  }
+.shortcutcardwrapper .icondanger:hover,
+.shortcutcardwrapper .icondanger:hover .tooltip,
+.shortcutcardwrapper .icondanger:hover .tooltip::before {
+    background: var(--dangerhover);
+    color: #ffffff;
+}
+.shortcutcardwrapper .iconsuccess{
+    background: var(--success);
+}
+.shortcutcardwrapper .iconsuccess:hover,
+.shortcutcardwrapper .iconsuccess:hover .tooltip,
+.shortcutcardwrapper .iconsuccess:hover .tooltip::before {
+    background: var(--successhover);
+    color: #ffffff;
+}
+.shortcutcardwrapper .iconblack{
+    background: #000;
+}
+.shortcutcardwrapper .iconblack:hover,
+.shortcutcardwrapper .iconblack:hover .tooltip,
+.shortcutcardwrapper .iconblack:hover .tooltip::before {
+    background: var(--secondary);
+    color: #ffffff;
+}
+.shortcutcardwrapper .iconcimon{
+    background: var(--cimon);
+}
+.shortcutcardwrapper .iconcimon:hover,
+.shortcutcardwrapper .iconcimon:hover .tooltip,
+.shortcutcardwrapper .iconcimon:hover .tooltip::before {
+    background: #c25555;
+    color: #ffffff;
+}
+
+/* Shortcut cards */
+.iconcontainer {
+    width: 4vh;
+    height: 4vh;
+    border-radius: 7px;
+    background-color: white;
+    box-shadow: 0 0 10px #e6e6e6;
+    /* border: 2px solid #e6e6e6; */
+}
+.pagespill {
+    min-width: 3vh !important;
+    height: 2.6vh !important;
+    background-color: rgba(140, 140, 140);
+    border-radius: 5px;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
+    font-size: 10px;
+}
+
+.editortabexlogo{
+    max-width: 15%;
+    max-height: 15%;
+}
+@media screen and (max-width:800px) {
+    .editortabexlogo{
+        max-width: 40%;
+        max-height: 40%;
+    }   
+}
+@media screen and (max-width:600px) {
+    .editortabexlogo{
+        max-width: 50%;
+        max-height: 50%;
+    }    
+}

package/src1-10/styles/globals.css

@@ -0,0 +1,26 @@
+html,
+body {
+  padding: 0;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+@media (prefers-color-scheme: dark) {
+  html {
+    color-scheme: dark;
+  }
+  body {
+    color: white;
+    background: black;
+  }
+}