Files
2025-01-06 20:47:25 +01:00

752 lines
19 KiB
CSS

/* PS 1.6 styles */
body.adminmodules .ui-dialog {
z-index: 1060 !important;
}
#pm_backoffice_wrapper.pm_bo_ps_16,
#pm_backoffice_wrapper.pm_bo_ps_17 {
width: inherit !important;
}
/* Specific 1.7.4.0 */
.nobootstrap #pm_backoffice_wrapper.pm_bo_ps_1740 {
padding-left: 195px;
padding-top: 20px;
}
body.page-sidebar-closed .nobootstrap #pm_backoffice_wrapper.pm_bo_ps_1740 {
padding-left: 0px;
}
body.mobile .nobootstrap #pm_backoffice_wrapper.pm_bo_ps_1740 {
padding-left: 0px;
padding-top: 40px;
}
/* /Specific 1.7.4.0 */
body.adminmodules #content.nobootstrap {
min-width: inherit !important;
}
#pm_backoffice_wrapper.pm_bo_ps_16 ul.ui-tabs-nav,
#pm_backoffice_wrapper.pm_bo_ps_17 ul.ui-tabs-nav {
height: inherit !important;
}
.pm_bo_ps_16 .ui-multiselect .search,
.pm_bo_ps_17 .ui-multiselect .search {
width: 200px !important;
}
.pm_bo_ps_16 div.chosen-container,
.pm_bo_ps_17 div.chosen-container {
float: left;
}
.pm_bo_ps_16 .warn,
.pm_bo_ps_17 .warn {
background-color: #FCF8E3 !important;
border: 1px solid #F4C178 !important;
}
.pm_bo_ps_16 fieldset,
.pm_bo_ps_17 fieldset {
font-size: 1.0em !important;
}
.pm_bo_ps_16 fieldset,
.pm_bo_ps_17 fieldset,
fieldset {
background: none #fcfcfc;
border: 1px solid #B6B6B6;
font-size: 1.1em;
margin: 0;
padding: 1em;
margin-bottom: 10px!important;
}
.pm_bo_ps_16 fieldset legend > span,
.pm_bo_ps_17 fieldset legend > span {
font-size: 1.1em;
font-weight: bold;
}
.pm_bo_ps_16 .pm_displaySelect .pm_tips,
.pm_bo_ps_17 .pm_displaySelect .pm_tips {
float: none;
}
.pm_bo_ps_16 .ui-progressbar,
.pm_bo_ps_17 .ui-progressbar {
height: 22px !important;
}
.pm_displaySelect .chosen-container .chosen-single,
.pm_displaySelect .chosen-container .chosen-drop {
background: #ffffff;
}
/* /PS 1.6 styles */
/* Helper Switch Styles */
.switch {
width: 160px!important;
display: block;
height: 26px;
position: relative;
float: left;
}
.switch * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.switch a {
display: block;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 3px;
}
.switch label,.switch>span {
line-height: 26px;
vertical-align: middle;
padding: 0;
}
.switch input {
position: absolute;
opacity: 0
}
.switch label {
position: relative;
z-index: 2;
width: 50%!important;
height: 100%;
margin: 0;
text-align: center;
float: left;
text-shadow: none;
}
.switch a {
position: absolute;
top: 0;
padding: 0;
z-index: 1;
width: 50%;
height: 100%;
color: #fff;
border: solid 1px #279CBB;
background-color: #2eacce;
left: 0;
-webkit-box-shadow: "#1B7088" 0 -1px 0 inset;
box-shadow: "#1B7088" 0 -1px 0 inset
}
.switch input:last-of-type:checked ~ a {
border: solid 1px #CA6F6F;
background-color: #E08F95;
left: 50%;
-webkit-box-shadow: "#5C5C5C" 0 -1px 0 inset;
box-shadow: "#5C5C5C" 0 -1px 0 inset
}
.switch input:disabled ~ a {
border: solid 1px #b3b3b3 !important;
background-color: #cdcdcd !important;
-webkit-box-shadow: #b3b3b3 0 -1px 0 inset !important;
box-shadow: #b3b3b3 0 -1px 0 inset !important
}
.switch.switch-3 label,.switch.switch-3 a {
width: 33.33333%
}
.switch.switch-3 input:checked:nth-of-type(2) ~ a {
left: 33.33333%
}
.switch.switch-3 input:checked:last-of-type ~ a {
left: 66.66667%
}
.switch.switch-4 label,.switch.switch-4 a {
width: 25%
}
.switch.switch-4 input:checked:nth-of-type(2) ~ a {
left: 25%
}
.switch.switch-4 input:checked:nth-of-type(3) ~ a {
left: 50%
}
.switch.switch-4 input:checked:last-of-type ~ a {
left: 75%
}
.switch.switch-5 label,.switch.switch-5 a {
width: 20%
}
.switch.switch-5 input:checked:nth-of-type(2) ~ a {
left: 20%
}
.switch.switch-5 input:checked:nth-of-type(3) ~ a {
left: 40%
}
.switch.switch-5 input:checked:nth-of-type(4) ~ a {
left: 60%
}
.switch.switch-5 input:checked:last-of-type ~ a {
left: 80%
}
.prestashop-switch {
background-color: #eee;
border-radius: 3px;
color: #333;
text-align: center;
-webkit-box-shadow: rgba(0,0,0,0.15) 0 1px 4px 1px inset;
box-shadow: rgba(0,0,0,0.15) 0 1px 4px 1px inset;
/* margin-left: 25%; */
}
.prestashop-switch * {
outline: 0 !important
}
.prestashop-switch label {
text-transform: uppercase;
color: #bbb;
font-weight: 400;
cursor: pointer;
-webkit-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
transition: color 0.2s ease-out
}
.prestashop-switch input:checked+label {
color: #fff
}
.prestashop-switch>span {
color: #666;
text-transform: uppercase;
cursor: pointer
}
.prestashop-switch.switch-light input:checked ~ a {
border: solid 1px #72C279;
background-color: #96d19b;
-webkit-box-shadow: #72C279 0 -1px 0 inset;
box-shadow: #72C279 0 -1px 0 inset
}
.prestashop-switch.switch-light input:checked ~ span span:first-of-type {
color: #fff
}
.prestashop-switch.switch-light input:checked ~ span span:last-of-type {
color: #ccc
}
.prestashop-switch.switch-light input ~ a {
border: solid 1px #E08F95;
background-color: #ebb7bb;
-webkit-box-shadow: #E08F95 0 -1px 0 inset;
box-shadow: #E08F95 0 -1px 0 inset
}
.prestashop-switch.switch-light input ~ span span:first-of-type {
color: #ccc
}
.prestashop-switch.switch-light input ~ span span:last-of-type {
color: #fff
}
/* Helper Switch Styles */
/* Chosen */
.chosen-container-single-nosearch .chosen-search {
display: none;
}
/* iFrame */
.as4-hidden {
display: none !important;
}
body {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
text-align: left !important;
color: #000000;
font-size: 12px;
}
h2 {
color: #268CCD;
font-size: 1.4em;
margin: 0 0 0.83em;
}
label {
float: left;
padding: 0.2em 0.5em 0 0;
}
label:after {
clear: both;
}
legend {
margin: 0;
padding: 0.2em 0.5em;
text-align: left;
}
hr {
border: 0;
border-top: 1px solid #ccc;
}
/* END iFrame */
div.bg_values{
margin : 10px auto;
}
.abg_cb{
margin : auto;
width : 220px;
height: 25px;
padding-top: 5px;
}
.horizontal_position{
margin-left : 20px;
float : left;
}
.vertical_position{
float : left;
}
.error {
background-color: #FAE2E3 !important;
border: 1px solid #EC9B9B !important;
}
.conf {
background-color: #DFFAD3 !important;
border: 1px solid #72CB67 !important;
}
.conf, .warn, .error {
color: #383838 !important;
font-weight: 700 !important;
line-height: 20px !important;
margin: 0 0 10px !important;
padding: 10px 15px 10px 45px !important;
width: auto !important;
}
.ui-tabs-panel{
box-shadow: 1px 1px 10px #AAA;
-webkit-box-shadow: 1px 1px 10px #AAA;
-moz-box-shadow: 1px 1px 10px #AAA;
}
.width3 {width: 100% !important;}
.width3 select {width: 245px;}
.width3 select.multiselect {
width: 95% !important;
}
.ui-multiselect {
float: left;
margin-top: 5px;
}
.width3 label:not(.radioCheck) {
width: 35%;
font-weight: normal;
text-align: left;
border-bottom: 1px dotted #DFD5C3 !important;
}
.width3 .margin-form {padding: 0 0 1em 0 !important;}
.width3 .margin-form label:not(.radioCheck) {
width: auto !important;
border: 0 !important;
margin: 0;
}
.width3 .margin-form input[type=radio] {
margin-right: 3px;
}
.width3 .margin-form p {clear: both;}
.column_action,.menu_action {
position: absolute;
top: 5px;
right: 5px;
}
.add_element select {width: 200px; margin: 10px 0;}
.tabContent {position: relative;}
.dragIcon {cursor: move;}
.connectedSortableDiv {
width: 47%;
border: 1px dashed #ccc;
padding: 1%;
margin-top:10px;
}
.connectedSortable {
list-style-type: none;
margin: 0;
padding: 0;
}
.connectedSortable .ui-icon {float: left;}
.connectedSortableDiv h2 {margin-top: 15px;}
* html .connectedSortable {height: 300px;}
.connectedSortable li,.connectedSortable li {
margin: 0 5px 5px 5px;
padding: 5px;
font-size: 1.2em;
}
.dynamicTextarea {
background: #f3f3f3;
border: 1px solid #ccc;
padding: 5px;
}
.pm_separator {
margin: 10px 0;
background-color: transparent;
color: transparent;
}
.childOptions {
padding: 10px 0 10px 25px;
margin-bottom: 10px;
border: 1px solid #DFD5C3 !important;
border-bottom: 2px solid #DFD5C3 !important;
background-color: #fff;
}
.fill_next_size {
background: url(../img/fill_next_size.png) top left no-repeat;
cursor: pointer;
}
.radio_position {
float: left;
width: 25px;
height: 25px;
margin-right: 5px;
}
.colorpicker,#ui-datepicker-div {z-index: 5 !important;}
.icon {
display: inline-block;
width: 16px;
height: 16px;
}
.back {text-decoration: none !important;}
input.colorPickerInput{width:60px;}
a.button,a.button:hover {
text-decoration: none !important;
color: #268CCD !important;
}
/*.ui-widget-content {display: block;}*/
.ui-button {
margin-right: 10px;
padding: 2px 5px;
}
.ui-sortable li {
margin: 3px 3px 3px 3px;
padding: 3px;
}
label.ui-button {width: auto !important;}
.checkBoxOverflow {overflow: auto;}
.pm_tips {
padding-left: 10px;
cursor: help;
float:left;
}
.pm_button {margin-top: 10px;}
hr.pm_hr {
color: #DFDFDF!important;
background-color: #DFDFDF!important;
border: 0;
height:1px;
}
.dataTables_wrapper { min-height: initial !important; }
.dataTables_filter label input{border: 1px solid #B6B6B6;}
.dataTables_length label select{border: 1px solid #B6B6B6;}
.ui_select_menu {float:left;}
/* PM - Tiny-MCE Color */
.pmDraggableList { list-style-type: none; margin: 0; padding: 10px 0; margin-right:0;float:none!important; }
.pmDraggableList li { margin: 0 5px 0 5px; padding: 5px;float:none!important; }
.pmFloatDraggableList { list-style-type: none; margin: 0; padding: 10px 0; float: left; margin-right: 3px; }
.pmFloatDraggableList li { margin: 0 3px 0 3px; padding: 5px;float:left; }
.pmSubTitle {color:#333;font-size:14px;margin: 10px 0px;}
.pm_right {float:right;}
.pm_preview_upload img {max-width:300px;max-height:150px;}
.pm_preview_upload {text-align:center;padding:10px;margin-top:10px;}
.ui-dialog .ui-dialog-titlebar-full {
position: absolute;
right: 2em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-dialog .ui-dialog-titlebar-full span {display: block;margin: 1px;}
.ui-dialog .ui-dialog-titlebar-full:hover,.ui-dialog .ui-dialog-titlebar-full:focus {padding: 0;}
.dialogIFrame {width:100%!important; padding: 0!important; margin: 0!important;}
body.pm_iframe {
background: white !important;
margin: 10px !important;
padding: 0px !important;
height: auto !important;
min-height: auto !important;
}
.ui-buttonset .ui-button-text { padding: 10px 15px!important;}
.ui-buttonset label.ui-button {border-top:1px solid #CDC3B7!important;border-right:0;border-left:1px solid #CDC3B7!important;border-bottom:1px solid #CDC3B7!important;}
.ui-buttonset label.ui-corner-right {border-right:1px solid #CDC3B7!important;}
/* jquery tools forms error message */
.formValidationError p{
font-size:11px !important;
color:#000000 !important;
}
.formValidationError {
/* supply height to ensure consistent positioning for every browser */
min-height:15px !important;
background: #ff9191 url('../img/module_notinstall.png') no-repeat left center !important;
border:1px solid #ff2222 !important;
font-size:11px !important;
color:#000000 !important;
padding:3px 3px 3px 23px !important;
margin-left:-2px !important;
line-height: 7px !important;
/* CSS3 spicing for mozilla and webkit */
-moz-border-radius:4px !important;
-webkit-border-radius:4px !important;
-moz-border-radius-bottomleft:0 !important;
-moz-border-radius-topleft:0 !important;
-webkit-border-bottom-left-radius:0 !important;
-webkit-border-top-left-radius:0 !important;
-moz-box-shadow:0 0 6px #ddd !important;
-webkit-box-shadow:0 0 6px #ddd !important;
}
.elementErrorAssignedClass {
background: #ff9191 !important;
}
blockquote {
font: italic 1.2em serif;
color: #999;
padding:0!important;
margin-top:0;
}
blockquote:before, blockquote:after {
display: block;
font-size: 300%;
color: #999;
}
blockquote:before {
content: open-quote;
margin-left: -10%;
height: 0;
}
blockquote:after {
content: close-quote;
margin-left: 100%;
margin-top: -33px;
height: 33px;
}
.pm_link {color:#268CCD!important;}
.jGrowl-notification{
background-color: #BBBBFF;
font-weight: bold;
}
.pm_sort_panel{ list-style-type: none; margin: 0; padding: 0; width: 60%; }
.pm_sort_panel li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
.pm_sort_panel li span { position: absolute; margin-left: -1.3em; }
.note div.ui-corner-all {
background-image: url(../img/star.png), url(../img/star.png);
background-position: 1% center, 99% center;
background-repeat: no-repeat;
}
.note p.dismiss {
font-size:10px;
}
/* BO TipTip CSS 1.2 */
#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}
#tiptip_content {
font-size: 12px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: rgb(25,25,25);
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
-o-box-shadow: 0 0 3px #555;
}
#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
padding: 4px 8px 5px 8px;
background-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20,20,20,0.92);
}
}
/* Footer block */
div.pm_footer_container { margin-top: 15px; border: 1px solid #B6B6B6; border-spacing: 0; border-collapse: collapse; }
div.pm_footer_container div#pm_panel_cs_modules_bottom { width: 100%; height: 220px; }
div.pm_footer_container div#pm_panel_cs_modules_bottom h2 { padding: 0 18px; }
div.pm_footer_container div#pm_panel_cs_modules_bottom div#cs-product-container { padding: 0 18px; }
div.pm_footer_container div#pm_panel_cs_modules_bottom iframe { overflow: hidden; height: 178px; width: 100%; border: 0; padding: 0; margin: 0; }
div.pm_footer_container div#pm_support_informations { width: 100%; height: 70px; padding: 0 18px; }
div#pm_support_informations .ui-input-pm { margin-top:3px; }
div#pm_support_informations ul.pm_links_block { list-style: none; margin: 0; padding: 0; }
div#pm_support_informations ul.pm_links_block li { margin: 0px 30px; padding: 0; display: inline-block; }
div#pm_support_informations ul.pm_links_block li.pm_get_started_link { margin: 15px 10px !important; }
div#pm_support_informations ul.pm_links_block li.pm_get_started_link a {font-weight: bold;padding: 5px 0;display: block;text-align: center;border:1px solid #AAA;cursor:pointer;color:#444;text-shadow:white 0 1px 2px;background:#e5e5e5;background:-moz-linear-gradient(top, #e5e5e5 0%, #f4f4f4 49%, #e5e5e5 50%, #f4f4f4 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(49%,#f4f4f4), color-stop(50%,#e5e5e5), color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%);background:-o-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%);background:-ms-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f4f4f4',GradientType=0 );background:linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%);transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-webkit-box-shadow:0 1px 4px #ddd, inset 0 1px 0 #fff;-moz-box-shadow:0 1px 4px #ddd, inset 0 1px 0 #fff;box-shadow:0 1px 4px #ddd, inset 0 1px 0 #fff;}
div#pm_support_informations ul.pm_links_block li.pm_get_started_link a:hover {-webkit-box-shadow:0 1px 4px #aaa, inset 0 1px 0 white;-moz-box-shadow:0 1px 4px #aaa, inset 0 1px 0 white;box-shadow:0 1px 4px #aaa, inset 0 1px 0 white;-webkit-transition-duration:200ms,200ms,200ms;background:#e0e0e0;background:-moz-linear-gradient(top, #e0e0e0 0%, #e8e8e8 49%, #e0e0e0 50%, #e8e8e8 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(49%,#e8e8e8), color-stop(50%,#e0e0e0), color-stop(100%,#e8e8e8));background:-webkit-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%);background:-o-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%);background:-ms-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 );background:linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%);border:1px #aaa solid;color:#444!important;}
div#pm_support_informations .pm_copy_block { position: absolute; right: 10px; top: 12px; }
div#pm_support_informations .pm_copy_block img { max-width:150px; }
.as4-loader-bo {
border: 3px solid #328eca;
border-radius: 50%;
border-top: 3px solid #f3f3f3;
width: 25px;
height: 25px;
position: fixed;
z-index: 9999;
left: calc(50% - 25px/2);
top: 25%;
padding: 0.10rem;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}