From c6c923cc88f13b340c5766572bfa1cce4c08964b Mon Sep 17 00:00:00 2001 From: rashmithakkar Date: Thu, 16 May 2019 15:39:32 +0530 Subject: [PATCH] darkmode: updated --- .../forms/darkmode/darkmode.component.html | 15 ++++- .../forms/darkmode/darkmode.component.ts | 66 ++++++++++++++++--- src/styles/css/at-md-army-olive.css | 25 +++++-- src/styles/css/at-md-ash-stone-black.css | 25 +++++-- src/styles/css/at-md-black.css | 25 +++++-- src/styles/css/at-md-blue-grey.css | 25 +++++-- src/styles/css/at-md-blue.css | 25 +++++-- src/styles/css/at-md-bruntor-tangerine.css | 25 +++++-- src/styles/css/at-md-cerise-magenta.css | 25 +++++-- src/styles/css/at-md-charcoal-iron.css | 25 +++++-- src/styles/css/at-md-chocolate-russet.css | 25 +++++-- .../css/at-md-darkgreen-darkolivegreen.css | 25 +++++-- src/styles/css/at-md-darkgreen-teal.css | 25 +++++-- src/styles/css/at-md-darkkhaki-moccasin.css | 25 +++++-- .../css/at-md-darkmagenta-darkorchid.css | 25 +++++-- src/styles/css/at-md-darkslateblue-indigo.css | 25 +++++-- .../css/at-md-darkslategray-dimgray.css | 25 +++++-- .../css/at-md-darkturquoise-aquamarine.css | 25 +++++-- src/styles/css/at-md-fern-lime.css | 25 +++++-- src/styles/css/at-md-firebrick-crimson.css | 25 +++++-- src/styles/css/at-md-frenchrose-mulberry.css | 25 +++++-- src/styles/css/at-md-gingerbread.css | 25 +++++-- src/styles/css/at-md-gold-amber.css | 25 +++++-- src/styles/css/at-md-grape-violet.css | 25 +++++-- src/styles/css/at-md-honey-mustard.css | 25 +++++-- src/styles/css/at-md-hot-pink-fuchsia.css | 25 +++++-- src/styles/css/at-md-hot-pink-violetred.css | 25 +++++-- src/styles/css/at-md-indianred-salmon.css | 25 +++++-- src/styles/css/at-md-indigo-darkviolet.css | 25 +++++-- src/styles/css/at-md-indigo-slateblue.css | 25 +++++-- src/styles/css/at-md-indigo.css | 25 +++++-- src/styles/css/at-md-jungle-mint.css | 25 +++++-- src/styles/css/at-md-mahogany-barny-red.css | 25 +++++-- src/styles/css/at-md-mauve-orchid.css | 25 +++++-- src/styles/css/at-md-maya.css | 25 +++++-- .../css/at-md-mediumblue-deepskyblue.css | 25 +++++-- src/styles/css/at-md-mediumblue-slateblue.css | 25 +++++-- .../css/at-md-mediumvioletred-hotpink.css | 25 +++++-- src/styles/css/at-md-navy-egyptian.css | 25 +++++-- src/styles/css/at-md-navy-royalblue.css | 25 +++++-- src/styles/css/at-md-orangered-tomato.css | 25 +++++-- src/styles/css/at-md-pineapple-flaxen.css | 25 +++++-- src/styles/css/at-md-pumpkin-fire.css | 25 +++++-- src/styles/css/at-md-rasberry-sangria.css | 25 +++++-- src/styles/css/at-md-rebeccapurple-orchid.css | 25 +++++-- src/styles/css/at-md-red-maroon.css | 25 +++++-- src/styles/css/at-md-royalblue-dodgerblue.css | 25 +++++-- src/styles/css/at-md-sacramento-jade.css | 25 +++++-- src/styles/css/at-md-saddlebrown-peru.css | 25 +++++-- src/styles/css/at-md-sienna-rosybrown.css | 25 +++++-- src/styles/css/at-md-tronbone-royal.css | 25 +++++-- src/styles/css/at-md-yale-azure.css | 25 +++++-- src/styles/css/at-md-z-flag-bahamas.css | 25 +++++-- src/styles/css/at-md-z-flag-france.css | 25 +++++-- src/styles/css/at-md-z-flag-germany.css | 25 +++++-- src/styles/css/at-md-z-flag-india.css | 25 +++++-- src/styles/css/at-md-z-flag-italy.css | 25 +++++-- src/styles/css/at-md-z-flag-japan.css | 25 +++++-- src/styles/css/at-md-z-flag-usa.css | 25 +++++-- src/styles/def/component/menuce-visual.scss | 28 ++++++-- src/styles/def/component/range-structure.scss | 6 +- 61 files changed, 1180 insertions(+), 360 deletions(-) diff --git a/src/module/forms/darkmode/darkmode.component.html b/src/module/forms/darkmode/darkmode.component.html index 5a03daa84..f8f60a633 100644 --- a/src/module/forms/darkmode/darkmode.component.html +++ b/src/module/forms/darkmode/darkmode.component.html @@ -1,3 +1,12 @@ - - \ No newline at end of file + + + + + + + + + + + \ No newline at end of file diff --git a/src/module/forms/darkmode/darkmode.component.ts b/src/module/forms/darkmode/darkmode.component.ts index d105270a9..6b30ed335 100644 --- a/src/module/forms/darkmode/darkmode.component.ts +++ b/src/module/forms/darkmode/darkmode.component.ts @@ -5,44 +5,56 @@ import { AmexioToggleComponent } from './../toggle/toggle.component'; templateUrl: './darkmode.component.html', }) export class DarkmodeComponent implements OnInit { - @Input('field-label') fieldLabel: string; @Input('shape') shape: 'round'; - @Input('type') type: any; + @Input('type') type = 2; @Input('size') size = 'medium'; + @Input('mode') mode = 'day-night'; + @Input('data') colorData: any; + stepVal = 0; + maxValue = 2; + sepiaColorCode = '#f4ecd8'; + sepiaFontColor = '#020202'; themesdata: any = []; themeStyles: any[] = []; + appBackground = '--appBackground'; + appForeground = '--appForegroundColor'; + componentBackground = '--componentBGColor'; + componentForeground = '--componentFontColor'; + constructor() { this.themesdata = [ { - varName: '--appBackground', + varName: this.appBackground, darkValue: '#2d2d2d', themeValue: '#f5f5f5', }, { - varName: '--appForegroundColor', + varName: this.appForeground, darkValue: '#f5f5f5', themeValue: '#121212', }, { - varName: '--componentBGColor', + varName: this.componentBackground, darkValue: '#121212', themeValue: '#ffffff', }, { - varName: '--componentFontColor', + varName: this.componentForeground, darkValue: '#ffffff', themeValue: '#121212', }, - // ], - // }, ]; } ngOnInit() { + if (this.mode === 'custom') { + this.maxValue = this.colorData.length - 1; + this.otherMode(); + } } onToggleClick(event: any) { this.themeStyles = []; @@ -68,4 +80,42 @@ export class DarkmodeComponent implements OnInit { } + onChange() { + if (this.mode === 'sepia') { + this.sepiaMode(); + } else if (this.mode === 'custom') { + this.otherMode(); + } + } + + sepiaMode() { + if (this.stepVal === 0) { + this.onToggleClick(false); + } + + if (this.stepVal === 1) { + document.documentElement.style.setProperty(this.appBackground, this.sepiaColorCode); + document.documentElement.style.setProperty(this.appForeground, this.sepiaFontColor); + document.documentElement.style.setProperty(this.componentBackground, this.sepiaColorCode); + document.documentElement.style.setProperty(this.componentForeground, this.sepiaFontColor); + } + if (this.stepVal === 2) { + this.onToggleClick(true); + } + } + + otherMode() { + if (this.colorData && this.colorData.length > 0) { + this.colorData.forEach((element: any, index: any) => { + if (this.stepVal === index) { + document.documentElement.style.setProperty(this.appBackground, element.bgColor); + document.documentElement.style.setProperty(this.appForeground, element.fgColor); + document.documentElement.style.setProperty(this.componentBackground, element.bgColor); + document.documentElement.style.setProperty(this.componentForeground, element.fgColor); + + } + }); + } + } + } diff --git a/src/styles/css/at-md-army-olive.css b/src/styles/css/at-md-army-olive.css index bfb8bad75..77b49408a 100644 --- a/src/styles/css/at-md-army-olive.css +++ b/src/styles/css/at-md-army-olive.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-ash-stone-black.css b/src/styles/css/at-md-ash-stone-black.css index 204fe64e2..920495bb5 100644 --- a/src/styles/css/at-md-ash-stone-black.css +++ b/src/styles/css/at-md-ash-stone-black.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-black.css b/src/styles/css/at-md-black.css index 6d4bea88b..9bf1fc06a 100644 --- a/src/styles/css/at-md-black.css +++ b/src/styles/css/at-md-black.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-blue-grey.css b/src/styles/css/at-md-blue-grey.css index 0985c01a3..b6d4701fb 100644 --- a/src/styles/css/at-md-blue-grey.css +++ b/src/styles/css/at-md-blue-grey.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-blue.css b/src/styles/css/at-md-blue.css index 0755226da..67fc3884d 100644 --- a/src/styles/css/at-md-blue.css +++ b/src/styles/css/at-md-blue.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-bruntor-tangerine.css b/src/styles/css/at-md-bruntor-tangerine.css index 73d70ca0b..9d206acc5 100644 --- a/src/styles/css/at-md-bruntor-tangerine.css +++ b/src/styles/css/at-md-bruntor-tangerine.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-cerise-magenta.css b/src/styles/css/at-md-cerise-magenta.css index 70c990e79..8ce53150d 100644 --- a/src/styles/css/at-md-cerise-magenta.css +++ b/src/styles/css/at-md-cerise-magenta.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-charcoal-iron.css b/src/styles/css/at-md-charcoal-iron.css index 2047cc7c1..909e3bf46 100644 --- a/src/styles/css/at-md-charcoal-iron.css +++ b/src/styles/css/at-md-charcoal-iron.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-chocolate-russet.css b/src/styles/css/at-md-chocolate-russet.css index 811ae2a24..3fbfdb696 100644 --- a/src/styles/css/at-md-chocolate-russet.css +++ b/src/styles/css/at-md-chocolate-russet.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-darkgreen-darkolivegreen.css b/src/styles/css/at-md-darkgreen-darkolivegreen.css index 5c6aafa3b..d3fecd6ed 100644 --- a/src/styles/css/at-md-darkgreen-darkolivegreen.css +++ b/src/styles/css/at-md-darkgreen-darkolivegreen.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-darkgreen-teal.css b/src/styles/css/at-md-darkgreen-teal.css index 8d428aa8e..58e2462e1 100644 --- a/src/styles/css/at-md-darkgreen-teal.css +++ b/src/styles/css/at-md-darkgreen-teal.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-darkkhaki-moccasin.css b/src/styles/css/at-md-darkkhaki-moccasin.css index 060e27c4e..05ee9885f 100644 --- a/src/styles/css/at-md-darkkhaki-moccasin.css +++ b/src/styles/css/at-md-darkkhaki-moccasin.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-darkmagenta-darkorchid.css b/src/styles/css/at-md-darkmagenta-darkorchid.css index 6b1889f25..2f94e6077 100644 --- a/src/styles/css/at-md-darkmagenta-darkorchid.css +++ b/src/styles/css/at-md-darkmagenta-darkorchid.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-darkslateblue-indigo.css b/src/styles/css/at-md-darkslateblue-indigo.css index f50316cfa..76a0c50de 100644 --- a/src/styles/css/at-md-darkslateblue-indigo.css +++ b/src/styles/css/at-md-darkslateblue-indigo.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-darkslategray-dimgray.css b/src/styles/css/at-md-darkslategray-dimgray.css index 2aa3d3e36..fb39d07ed 100644 --- a/src/styles/css/at-md-darkslategray-dimgray.css +++ b/src/styles/css/at-md-darkslategray-dimgray.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-darkturquoise-aquamarine.css b/src/styles/css/at-md-darkturquoise-aquamarine.css index 825c3a9a6..228f994f1 100644 --- a/src/styles/css/at-md-darkturquoise-aquamarine.css +++ b/src/styles/css/at-md-darkturquoise-aquamarine.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-fern-lime.css b/src/styles/css/at-md-fern-lime.css index 3d2b69107..4c347caf2 100644 --- a/src/styles/css/at-md-fern-lime.css +++ b/src/styles/css/at-md-fern-lime.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-firebrick-crimson.css b/src/styles/css/at-md-firebrick-crimson.css index c9d20b75e..b0100731e 100644 --- a/src/styles/css/at-md-firebrick-crimson.css +++ b/src/styles/css/at-md-firebrick-crimson.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-frenchrose-mulberry.css b/src/styles/css/at-md-frenchrose-mulberry.css index a5b7d16f3..d72a13ec2 100644 --- a/src/styles/css/at-md-frenchrose-mulberry.css +++ b/src/styles/css/at-md-frenchrose-mulberry.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-gingerbread.css b/src/styles/css/at-md-gingerbread.css index ac294e88d..55d9dd6b7 100644 --- a/src/styles/css/at-md-gingerbread.css +++ b/src/styles/css/at-md-gingerbread.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-gold-amber.css b/src/styles/css/at-md-gold-amber.css index 8bbc17195..7bce31ca4 100644 --- a/src/styles/css/at-md-gold-amber.css +++ b/src/styles/css/at-md-gold-amber.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-grape-violet.css b/src/styles/css/at-md-grape-violet.css index b083cdbc8..5d632734e 100644 --- a/src/styles/css/at-md-grape-violet.css +++ b/src/styles/css/at-md-grape-violet.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-honey-mustard.css b/src/styles/css/at-md-honey-mustard.css index 93add0299..5a79d1445 100644 --- a/src/styles/css/at-md-honey-mustard.css +++ b/src/styles/css/at-md-honey-mustard.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-hot-pink-fuchsia.css b/src/styles/css/at-md-hot-pink-fuchsia.css index 2151da121..688611505 100644 --- a/src/styles/css/at-md-hot-pink-fuchsia.css +++ b/src/styles/css/at-md-hot-pink-fuchsia.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-hot-pink-violetred.css b/src/styles/css/at-md-hot-pink-violetred.css index 73deef76c..4d530bd5a 100644 --- a/src/styles/css/at-md-hot-pink-violetred.css +++ b/src/styles/css/at-md-hot-pink-violetred.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-indianred-salmon.css b/src/styles/css/at-md-indianred-salmon.css index 3b4e4f41b..55d4b22bd 100644 --- a/src/styles/css/at-md-indianred-salmon.css +++ b/src/styles/css/at-md-indianred-salmon.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-indigo-darkviolet.css b/src/styles/css/at-md-indigo-darkviolet.css index 09c66418b..ed2b29072 100644 --- a/src/styles/css/at-md-indigo-darkviolet.css +++ b/src/styles/css/at-md-indigo-darkviolet.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-indigo-slateblue.css b/src/styles/css/at-md-indigo-slateblue.css index 430ae3ce4..b7eae7774 100644 --- a/src/styles/css/at-md-indigo-slateblue.css +++ b/src/styles/css/at-md-indigo-slateblue.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-indigo.css b/src/styles/css/at-md-indigo.css index da8496cb5..9ade586df 100644 --- a/src/styles/css/at-md-indigo.css +++ b/src/styles/css/at-md-indigo.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-jungle-mint.css b/src/styles/css/at-md-jungle-mint.css index 4967d966c..1badff57d 100644 --- a/src/styles/css/at-md-jungle-mint.css +++ b/src/styles/css/at-md-jungle-mint.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-mahogany-barny-red.css b/src/styles/css/at-md-mahogany-barny-red.css index 3e5412a1e..a3061e400 100644 --- a/src/styles/css/at-md-mahogany-barny-red.css +++ b/src/styles/css/at-md-mahogany-barny-red.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-mauve-orchid.css b/src/styles/css/at-md-mauve-orchid.css index 9287782f0..2e98c212a 100644 --- a/src/styles/css/at-md-mauve-orchid.css +++ b/src/styles/css/at-md-mauve-orchid.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-maya.css b/src/styles/css/at-md-maya.css index c8755b9fd..57a698861 100644 --- a/src/styles/css/at-md-maya.css +++ b/src/styles/css/at-md-maya.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-mediumblue-deepskyblue.css b/src/styles/css/at-md-mediumblue-deepskyblue.css index 195a1c3bc..389d12552 100644 --- a/src/styles/css/at-md-mediumblue-deepskyblue.css +++ b/src/styles/css/at-md-mediumblue-deepskyblue.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-mediumblue-slateblue.css b/src/styles/css/at-md-mediumblue-slateblue.css index 78741422d..ca199e0b8 100644 --- a/src/styles/css/at-md-mediumblue-slateblue.css +++ b/src/styles/css/at-md-mediumblue-slateblue.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-mediumvioletred-hotpink.css b/src/styles/css/at-md-mediumvioletred-hotpink.css index b2f3f2ed1..b112177ce 100644 --- a/src/styles/css/at-md-mediumvioletred-hotpink.css +++ b/src/styles/css/at-md-mediumvioletred-hotpink.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-navy-egyptian.css b/src/styles/css/at-md-navy-egyptian.css index 67ce95be4..7b9a6ffba 100644 --- a/src/styles/css/at-md-navy-egyptian.css +++ b/src/styles/css/at-md-navy-egyptian.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-navy-royalblue.css b/src/styles/css/at-md-navy-royalblue.css index 5f7766d7d..dc3ae6d17 100644 --- a/src/styles/css/at-md-navy-royalblue.css +++ b/src/styles/css/at-md-navy-royalblue.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-orangered-tomato.css b/src/styles/css/at-md-orangered-tomato.css index 7a32726a6..2aad75c11 100644 --- a/src/styles/css/at-md-orangered-tomato.css +++ b/src/styles/css/at-md-orangered-tomato.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-pineapple-flaxen.css b/src/styles/css/at-md-pineapple-flaxen.css index 8453ce6d5..f8541b07a 100644 --- a/src/styles/css/at-md-pineapple-flaxen.css +++ b/src/styles/css/at-md-pineapple-flaxen.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-pumpkin-fire.css b/src/styles/css/at-md-pumpkin-fire.css index 69a188d3b..21f125b01 100644 --- a/src/styles/css/at-md-pumpkin-fire.css +++ b/src/styles/css/at-md-pumpkin-fire.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-rasberry-sangria.css b/src/styles/css/at-md-rasberry-sangria.css index c7368821e..ae9363954 100644 --- a/src/styles/css/at-md-rasberry-sangria.css +++ b/src/styles/css/at-md-rasberry-sangria.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-rebeccapurple-orchid.css b/src/styles/css/at-md-rebeccapurple-orchid.css index 76b2bb79b..b59c8190d 100644 --- a/src/styles/css/at-md-rebeccapurple-orchid.css +++ b/src/styles/css/at-md-rebeccapurple-orchid.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-red-maroon.css b/src/styles/css/at-md-red-maroon.css index 8ca4f7998..e4bb9acdb 100644 --- a/src/styles/css/at-md-red-maroon.css +++ b/src/styles/css/at-md-red-maroon.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-royalblue-dodgerblue.css b/src/styles/css/at-md-royalblue-dodgerblue.css index dc986aac0..9cea8dd37 100644 --- a/src/styles/css/at-md-royalblue-dodgerblue.css +++ b/src/styles/css/at-md-royalblue-dodgerblue.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-sacramento-jade.css b/src/styles/css/at-md-sacramento-jade.css index 14b204f8b..ccc2380e4 100644 --- a/src/styles/css/at-md-sacramento-jade.css +++ b/src/styles/css/at-md-sacramento-jade.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-saddlebrown-peru.css b/src/styles/css/at-md-saddlebrown-peru.css index bb98686e4..04851d52c 100644 --- a/src/styles/css/at-md-saddlebrown-peru.css +++ b/src/styles/css/at-md-saddlebrown-peru.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-sienna-rosybrown.css b/src/styles/css/at-md-sienna-rosybrown.css index 329ddb735..79f486f95 100644 --- a/src/styles/css/at-md-sienna-rosybrown.css +++ b/src/styles/css/at-md-sienna-rosybrown.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-tronbone-royal.css b/src/styles/css/at-md-tronbone-royal.css index 4da605976..797937418 100644 --- a/src/styles/css/at-md-tronbone-royal.css +++ b/src/styles/css/at-md-tronbone-royal.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-yale-azure.css b/src/styles/css/at-md-yale-azure.css index f16716d35..62afe21b2 100644 --- a/src/styles/css/at-md-yale-azure.css +++ b/src/styles/css/at-md-yale-azure.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-z-flag-bahamas.css b/src/styles/css/at-md-z-flag-bahamas.css index 64e2bf381..9d69c4616 100644 --- a/src/styles/css/at-md-z-flag-bahamas.css +++ b/src/styles/css/at-md-z-flag-bahamas.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-z-flag-france.css b/src/styles/css/at-md-z-flag-france.css index 903094a8b..1e423f97a 100644 --- a/src/styles/css/at-md-z-flag-france.css +++ b/src/styles/css/at-md-z-flag-france.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-z-flag-germany.css b/src/styles/css/at-md-z-flag-germany.css index e3bd6f6d1..84c15dd33 100644 --- a/src/styles/css/at-md-z-flag-germany.css +++ b/src/styles/css/at-md-z-flag-germany.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-z-flag-india.css b/src/styles/css/at-md-z-flag-india.css index cbe880077..4872d936c 100644 --- a/src/styles/css/at-md-z-flag-india.css +++ b/src/styles/css/at-md-z-flag-india.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-z-flag-italy.css b/src/styles/css/at-md-z-flag-italy.css index 168686206..8a42bd5d6 100644 --- a/src/styles/css/at-md-z-flag-italy.css +++ b/src/styles/css/at-md-z-flag-italy.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-z-flag-japan.css b/src/styles/css/at-md-z-flag-japan.css index 010f3095d..63d45d05e 100644 --- a/src/styles/css/at-md-z-flag-japan.css +++ b/src/styles/css/at-md-z-flag-japan.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/css/at-md-z-flag-usa.css b/src/styles/css/at-md-z-flag-usa.css index ea29dfc97..0cde45c24 100644 --- a/src/styles/css/at-md-z-flag-usa.css +++ b/src/styles/css/at-md-z-flag-usa.css @@ -2441,14 +2441,14 @@ input:checked + .largeType2ToggleSlider:before { .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: var(--componentHeaderBGColor); - bottom: -15px; + bottom: -10px; margin-left: -.9em; } .ui-slider-vertical2 { @@ -8818,10 +8818,23 @@ amexio-layout-columns amexio-layout-item { *****************************************************************************/ /** creative card - var CSS **/ /** creative card - Visual CSS **/ -.content { +.textLeftPosition { + width: max-content; + padding-left: 3%; + float: left; + position: relative; } + +.textRightPosition { + width: max-content; + padding-right: 3%; + float: right; + position: relative; } + +.textCenterPosition { + text-align: center; position: relative; - width: 580px; - margin: 0 auto; } + padding-left: 30%; + width: max-content; } .bmenu { padding: 0px; diff --git a/src/styles/def/component/menuce-visual.scss b/src/styles/def/component/menuce-visual.scss index de39e85e1..9765a3177 100644 --- a/src/styles/def/component/menuce-visual.scss +++ b/src/styles/def/component/menuce-visual.scss @@ -1,8 +1,28 @@ -.content{ +// .content{ +// position: relative; +// width: 580px; +// margin: 0 auto; +// } +.textLeftPosition { + width:max-content; + padding-left: 3%; + float: left; position: relative; - width: 580px; - margin: 0 auto; -} + } + + .textRightPosition { + width:max-content; + padding-right: 3%; + float: right; + position: relative; + } + + .textCenterPosition { + text-align: center; + position: relative; + padding-left: 30%; + width: max-content; + } .bmenu { padding: 0px; diff --git a/src/styles/def/component/range-structure.scss b/src/styles/def/component/range-structure.scss index 290279776..4f2e246dd 100644 --- a/src/styles/def/component/range-structure.scss +++ b/src/styles/def/component/range-structure.scss @@ -155,14 +155,14 @@ .ui-slider-handle2 { position: absolute; z-index: 0; - width: 42px !important; - height: 42px !important; + width: 29px !important; + height: 29px !important; cursor: default; outline: none; border-radius: 3em !important; border: none; background: $rangeSliderBGColor; - bottom:-15px; + bottom:-10px; margin-left: -.9em; }