849 lines
19 KiB
CSS
849 lines
19 KiB
CSS
/************************* Module top navigation *************************************/
|
|
.jxmegalayout-nav.nav, .jxmegalayout-nav-vue.nav {
|
|
margin-bottom:10px;
|
|
text-align:right;
|
|
}
|
|
.jxmegalayout-nav.nav > li,
|
|
.jxmegalayout-nav-vue.nav > li {
|
|
margin-bottom:0;
|
|
float:none;
|
|
display:inline-block;
|
|
border:none;
|
|
}
|
|
@media only screen and (max-width:600px) {
|
|
.jxmegalayout-nav.nav, .jxmegalayout-nav-vue.nav {
|
|
text-align:left;
|
|
}
|
|
.jxmegalayout-nav.nav > li, .jxmegalayout-nav-vue.nav > li {
|
|
display:block;
|
|
width:100%;
|
|
}
|
|
}
|
|
.jxmegalayout-nav.nav > li:last-child,
|
|
.jxmegalayout-nav.nav > li.jxml-tools_tab,
|
|
.jxmegalayout-nav.nav > li.jxml_tools_tab,
|
|
.jxmegalayout-nav-vue.nav > li:last-child,
|
|
.jxmegalayout-nav-vue.nav > li.jxml-tools_tab,
|
|
.jxmegalayout-nav-vue.nav > li.jxml_tools_tab{
|
|
float:left;
|
|
}
|
|
.jxmegalayout-nav.nav > li a,
|
|
.jxmegalayout-nav-vue.nav > li a {
|
|
padding:7px 20px;
|
|
border:none;
|
|
outline:none;
|
|
}
|
|
.jxmegalayout-nav.nav > li.active a,
|
|
.jxmegalayout-nav.nav > li:active a,
|
|
.jxmegalayout-nav.nav > li:focus a,
|
|
.jxmegalayout-nav.nav > li:hover a,
|
|
.jxmegalayout-nav.nav > li.active:hover a,
|
|
.jxmegalayout-nav.nav > li.active:focus a,
|
|
.jxmegalayout-nav.nav > li.active a:focus,
|
|
.jxmegalayout-nav-vue.nav > li.active a,
|
|
.jxmegalayout-nav-vue.nav > li:active a,
|
|
.jxmegalayout-nav-vue.nav > li:focus a,
|
|
.jxmegalayout-nav-vue.nav > li:hover a,
|
|
.jxmegalayout-nav-vue.nav > li.active:hover a,
|
|
.jxmegalayout-nav-vue.nav > li.active:focus a,
|
|
.jxmegalayout-nav-vue.nav > li.active a:focus {
|
|
border:none;
|
|
background:#00aff0;
|
|
color:#fff;
|
|
border-radius:3px;
|
|
margin:0 2px 0 0;
|
|
}
|
|
/*********************** end module top navigation************************************/
|
|
/******************************** Layout navigation ***********************************/
|
|
.jxmegalayout-lsettins {
|
|
margin-bottom:10px;
|
|
}
|
|
.jxmegalayout-lsettins .button-container {
|
|
float:left;
|
|
margin-right:20px;
|
|
}
|
|
.jxmegalayout-lsettins .button-container .add_layout {
|
|
padding:7px 20px;
|
|
}
|
|
.jxmegalayout-lsettins .form-group{
|
|
overflow: hidden;
|
|
}
|
|
.jxmegalayout-lsettins .form-group+.form-group {
|
|
border-top: solid 1px #d3d8db;
|
|
padding-top: 15px;
|
|
}
|
|
.jxmegalayout-lsettins .control-label.pull-left {
|
|
margin-top: 6px;
|
|
margin-right: 10px;
|
|
}
|
|
.jxlist-group-container {
|
|
float:left;
|
|
width:243px;
|
|
margin-right:20px;
|
|
}
|
|
@media only screen and (max-width:600px) {
|
|
.jxlist-group-container {
|
|
margin-top:5px;
|
|
clear:left;
|
|
}
|
|
}
|
|
.jxlist-group-container button#dropdownMenu,
|
|
.jxlist-group-container button#sectionsDropdown {
|
|
display:block;
|
|
text-align:left;
|
|
width:100%;
|
|
padding: 7px 14px;
|
|
border-color:#c7d6db;
|
|
background:url(../img/growers.png) right center no-repeat #f5f8f9;
|
|
padding-right:20px;
|
|
}
|
|
.jxlist-group-container button#dropdownMenu:hover,
|
|
.jxlist-group-container button#sectionsDropdown:hover {
|
|
color:#555555;
|
|
}
|
|
.jxlist-group,
|
|
.jxlist-group.jxml-layouts-list {
|
|
margin:0;
|
|
width:243px;
|
|
}
|
|
p.jxlist-layout-btns {
|
|
margin-bottom:0;
|
|
}
|
|
.jxmegalayout-lsettins .layout-btn {
|
|
text-decoration:none;
|
|
outline:none;
|
|
color:#212121;
|
|
height:33px;
|
|
line-height:33px;
|
|
display:inline-block;
|
|
font-size:12px;
|
|
}
|
|
.jxmegalayout-lsettins .layout-btn:hover,
|
|
.jxmegalayout-lsettins .layout-btn:active,
|
|
.jxmegalayout-lsettins .layout-btn:focus {
|
|
text-decoration:none;
|
|
outline:none;
|
|
}
|
|
.jxmegalayout-lsettins .layout-btn i[class^="process-icon-"] {
|
|
display:inline-block;
|
|
color:#2eacce;
|
|
height:20px;
|
|
width:33px;
|
|
font-size:27px;
|
|
vertical-align:-4px;
|
|
margin-right:15px;
|
|
}
|
|
.jxmegalayout-lsettins.options .layout-btn i[class^="process-icon-"] {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.jxmegalayout-lsettins .desc{
|
|
overflow: hidden;
|
|
clear: both;
|
|
}
|
|
/******************************** end layout navigation *******************************/
|
|
/*********************** layouts part styles ********************************/
|
|
.jxlayout-row {
|
|
border-bottom:1px solid #d3d8db;
|
|
padding:0 0 7px 0;
|
|
margin:0 3px 19px;
|
|
overflow:hidden;
|
|
}
|
|
.jxlayout-row a {
|
|
float:right;
|
|
display:block;
|
|
height:15px;
|
|
width:16px;
|
|
background-position:center top;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.jxlayout-row a:hover,
|
|
.jxlayout-row a.active {
|
|
background-position:center bottom;
|
|
}
|
|
.jxlayout-row a.edit-layout {
|
|
background-image:url(../img/stylize.png);
|
|
margin-left:15px;
|
|
}
|
|
.jxlayout-row a.remove-layout {
|
|
background-image:url(../img/delete.png);
|
|
}
|
|
.bootstrap .jxmegalayout-admin {
|
|
width:100%;
|
|
margin:0;
|
|
padding-left:0;
|
|
padding-right:0;
|
|
}
|
|
.wrapper.container {
|
|
max-width:100%;
|
|
}
|
|
.jxmegalayout-admin .add-but a.btn {
|
|
font-size:14px;
|
|
display:block;
|
|
border:1px dashed #bdbdbd;
|
|
border-radius:10px;
|
|
padding-top:16px;
|
|
padding-bottom:16px;
|
|
outline:none;
|
|
margin:0 0px 10px -5px;
|
|
}
|
|
.jxmegalayout-admin > article > .row {
|
|
margin:0 0 10px;
|
|
}
|
|
.jxmegalayout-admin > article > .row > article.row-inner {
|
|
margin-top:0;
|
|
}
|
|
.layout-preview-box .layout_name.layout_name_check {
|
|
color: red;
|
|
}
|
|
.layout-preview-box #new_name_layout {
|
|
width: 33.333%;
|
|
margin-bottom: 12px;
|
|
}
|
|
@media only screen and (max-width:768px) {
|
|
.layout-preview-box #new_name_layout {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.jxmegalayout-admin .wrapper {
|
|
background:#fff;
|
|
border-radius:10px;
|
|
border:1px solid #d3d8db;
|
|
margin-bottom:10px;
|
|
padding:0 12px 9px;
|
|
}
|
|
.jxmegalayout-admin .wrapper > article > .button-container {
|
|
padding:9px 20px 9px 42px;
|
|
border-bottom:1px solid #d3d8db;
|
|
border-bottom-left-radius:10px;
|
|
border-bottom-right-radius:10px;
|
|
position:relative;
|
|
margin:0 -12px 0;
|
|
}
|
|
.jxmegalayout-admin .wrapper > article > .button-container:before {
|
|
content:'';
|
|
width:10px;
|
|
height:10px;
|
|
position:absolute;
|
|
left:16px;
|
|
top:50%;
|
|
margin-top:-5px;
|
|
background:#41c3f4;
|
|
border-radius:100px;
|
|
}
|
|
.jxmegalayout-admin .wrapper > article > .button-container .element-name {
|
|
font-size:12px;
|
|
line-height:33px;
|
|
color:#212121;
|
|
text-transform:uppercase;
|
|
}
|
|
.element-name .identificator {color:#BDBDBD}
|
|
.jxmegalayout-admin .wrapper > article > .button-container span {
|
|
text-transform:none;
|
|
}
|
|
.jxmegalayout-admin .row .row-inner {
|
|
border:1px solid #c7d6db;
|
|
background:#f5f8f9;
|
|
border-radius:10px;
|
|
background:#f5f8f9;
|
|
margin-top:9px;
|
|
padding:0 5px 9px;
|
|
}
|
|
.jxmegalayout-admin .row > article > .button-container {
|
|
padding:10px 10px 10px 42px;
|
|
border-bottom:1px solid #c7d6db;
|
|
border-radius:10px;
|
|
background:#fbfcfd;
|
|
margin:0 -5px;
|
|
position:relative;
|
|
}
|
|
.jxmegalayout-admin .row > article > .button-container:before {
|
|
content:'';
|
|
width:10px;
|
|
height:10px;
|
|
position:absolute;
|
|
left:16px;
|
|
top:50%;
|
|
margin-top:-5px;
|
|
background:#FFD351;
|
|
border-radius:100px;
|
|
}
|
|
.jxmegalayout-admin .row > article > .button-container .element-name {
|
|
line-height:25px;
|
|
}
|
|
.jxmegalayout-admin .row .row > article {
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
.jxmegalayout-admin .col .col-inner {
|
|
border:1px solid #a0d0eb;
|
|
background:#fbfcfd;
|
|
border-radius:10px;
|
|
padding:0 15px 9px;
|
|
margin-top:9px;
|
|
}
|
|
.jxmegalayout-admin .col .col .col-inner {
|
|
background:#fff;
|
|
}
|
|
.jxmegalayout-admin .col .col .col-inner > .button-container > a,
|
|
.jxmegalayout-admin .col .col > .col-inner > .button-container .dropdown-menu > li:first-child {
|
|
display:none;
|
|
}
|
|
.jxmegalayout-admin .col > article > .button-container {
|
|
border-bottom:1px solid #a0d0eb;
|
|
border-radius:10px;
|
|
padding:10px 10px 10px 42px;
|
|
margin:0 -15px;
|
|
position:relative;
|
|
}
|
|
.jxmegalayout-admin .col > article > .button-container:before {
|
|
content:'';
|
|
width:10px;
|
|
height:10px;
|
|
position:absolute;
|
|
left:16px;
|
|
top:50%;
|
|
margin-top:-5px;
|
|
background:#0C3;
|
|
border-radius:100px;
|
|
}
|
|
.jxmegalayout-admin .col > article > .button-container .element-name {
|
|
line-height:25px;
|
|
}
|
|
.jxmegalayout-admin .module > .module-inner,
|
|
.jxmegalayout-admin .content > .content-inner {
|
|
padding:0;
|
|
border:none;
|
|
background:none;
|
|
}
|
|
.jxmegalayout-admin .module > article > .button-container,
|
|
.jxmegalayout-admin .content > article > .button-container{
|
|
padding:14px 10px;
|
|
margin-top:9px;
|
|
background:#fbfcfd;
|
|
border-radius:10px;
|
|
border:1px solid #c7d6db;
|
|
margin:9px -5px 0 -5px;
|
|
}
|
|
span.module-name,
|
|
span.content-name{
|
|
display:inline-block;
|
|
color:#0cb3f1;
|
|
border:1px solid #dbedf7;
|
|
border-radius:100px;
|
|
line-height:23px;
|
|
background:#f5f8f9;
|
|
overflow:hidden;
|
|
max-width: 80%;
|
|
padding-right: 15px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
span.module-name .module-sign {
|
|
width:23px;
|
|
height:23px;
|
|
border-right:1px solid #dbedf7;
|
|
border-radius:100px;
|
|
display:inline-block;
|
|
text-align:center;
|
|
line-height:23px;
|
|
}
|
|
span.module-name .module-sign img {
|
|
display:inline-block;
|
|
background:#f5f8f9;
|
|
border-radius:100px;
|
|
padding:1px;
|
|
}
|
|
span.module-name .module-text,
|
|
span.content-name .content-text{
|
|
padding:0 18px 0 7px;
|
|
}
|
|
.jxmegalayout-admin .module > article .tooltip.right .tooltip-arrow,
|
|
.jxmegalayout-admin .content > article .tooltip.right .tooltip-arrow {
|
|
border-right-color:#fff;
|
|
}
|
|
.jxmegalayout-admin .module > article .tooltip-inner,
|
|
.jxmegalayout-admin .content > article .tooltip-inner{
|
|
background:#fff;
|
|
color:#00aff0;
|
|
box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);
|
|
padding:10px 17px;
|
|
}
|
|
.jxmegalayout-admin .module .module-inner .alert,
|
|
.jxmegalayout-admin .content .content-inner .alert{
|
|
word-break:break-all;
|
|
}
|
|
.jxmegalayout-admin .wrapper-menu {
|
|
float:right;
|
|
margin-bottom:0;
|
|
}
|
|
.jxmegalayout-admin .wrapper-menu li {
|
|
float:left;
|
|
list-style:none;
|
|
padding-left:20px;
|
|
}
|
|
.jxmegalayout-admin .wrapper-menu li a,
|
|
.jxmegalayout-admin .wrapper-menu li > span {
|
|
display:block;
|
|
min-height:34px;
|
|
min-width:23px;
|
|
background-position:center 10px;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.jxmegalayout-admin .wrapper-menu li a.remove-item {
|
|
background-image:url(../img/delete.png);
|
|
}
|
|
.jxmegalayout-admin .wrapper-menu li a.edit-wrapper {
|
|
background-image:url(../img/edit.png);
|
|
}
|
|
.jxmegalayout-admin .wrapper-menu li a.edit-styles {
|
|
background-image:url(../img/stylize.png);
|
|
}
|
|
.jxmegalayout-admin .wrapper-menu li > span {
|
|
background-image:url(../img/move.png);
|
|
}
|
|
.jxmegalayout-admin .wrapper-menu li a:hover,
|
|
.jxmegalayout-admin .wrapper-menu li a.active {
|
|
background-position:center -20px;
|
|
}
|
|
.jxmegalayout-admin article .alert {
|
|
margin:10px 0 0 0;
|
|
}
|
|
/********** layout's dropdowns ************/
|
|
.button-container .dropdown-toggle {
|
|
display:block;
|
|
padding:0;
|
|
margin:0;
|
|
background:none;
|
|
border:none;
|
|
outline:none;
|
|
font-size:22px;
|
|
font-weight:bold;
|
|
color:#00aff0;
|
|
text-decoration:none;
|
|
position:relative;
|
|
height:25px;
|
|
width:20px;
|
|
overflow:hidden;
|
|
}
|
|
.button-container .dropdown-toggle:before {
|
|
content:'...';
|
|
position:absolute;
|
|
width:20px;
|
|
height:20px;
|
|
left:0;
|
|
top:-8px;
|
|
}
|
|
.button-container .dropdown-toggle:hover,
|
|
.button-container .dropdown-toggle:focus,
|
|
.button-container .dropdown-toggle:active {
|
|
text-decoration:none;
|
|
outline:none;
|
|
}
|
|
.bootstrap ul.dropdown-menu {
|
|
border-radius:0;
|
|
border:none;
|
|
padding:0;
|
|
}
|
|
.bootstrap ul.dropdown-menu > li.divider {
|
|
margin:0;
|
|
}
|
|
.bootstrap ul.dropdown-menu > li > a {
|
|
padding:10px 20px;
|
|
}
|
|
/*********************** end layouts part styles ********************************/
|
|
.jxmegalayout-admin.container .bootstrap .alert {
|
|
margin-bottom: 5px;
|
|
}
|
|
.jxmegalayout-admin .module.not-active .button-container
|
|
.jxmegalayout-admin .content.not-active .button-container{
|
|
border-color:#FCC94F;
|
|
background-color:#FFF3D7
|
|
}
|
|
.jxmegalayout-admin .module.not-active .module-name,
|
|
.jxmegalayout-admin .content.not-active .content-name{
|
|
color:#D2A63C;
|
|
}
|
|
.jxmegalayout-admin .module.not-active span.module-name,
|
|
.jxmegalayout-admin .content.not-active span.content-name{
|
|
border-color:#FCC94F;
|
|
background-color:#FFF3D7;
|
|
}
|
|
.jxpanel .hook-title {
|
|
background: #383F50;
|
|
color: #FFF;
|
|
font-weight: normal;
|
|
font-size: 1.3em;
|
|
padding: 5px 10px;
|
|
margin: 0px 0 0px 0;
|
|
text-transform: capitalize;
|
|
clear: both;
|
|
}
|
|
.hook-title .btn-sm {
|
|
margin-top: 2px;
|
|
margin-right: 10px;
|
|
}
|
|
.jxpanel .block {
|
|
padding-bottom:10px;
|
|
}
|
|
.jxpanel .block .alert-info {
|
|
margin:10px 0 0 0;
|
|
}
|
|
.jxpanel ul.tree {
|
|
margin:10px 0 0 0;
|
|
}
|
|
.hook-title .btn-sm:hover{
|
|
color:#fff;
|
|
}
|
|
.disabled{
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
opacity: 0.65;
|
|
filter: alpha(opacity=65);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ajax_running {
|
|
margin-left: 5px;
|
|
}
|
|
.jxml-layouts-list.loading:before {
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
background:#f8f8f8;
|
|
z-index:1;
|
|
width:100%;
|
|
height:100%;
|
|
content:'';
|
|
opacity:0.3
|
|
}
|
|
.jxml-layouts-list .jxlist-group-item {
|
|
padding:0;
|
|
}
|
|
.jxml-layouts-list.dropdown-menu .jxlist-group-item > a {
|
|
padding:10px 15px 10px 40px;
|
|
display:block;
|
|
text-decoration:none;
|
|
position:relative;
|
|
}
|
|
.jxml-layouts-list.dropdown-menu .jxlist-group-item > a i {
|
|
position:absolute;
|
|
left:15px;
|
|
height:12px;
|
|
margin-top:-6px;
|
|
top:50%;
|
|
}
|
|
.jxml-layouts-list .jxlist-group-item.active a {
|
|
color:#fff;
|
|
}
|
|
.layout-preview-box > .jxmegalayout-admin > .row {
|
|
margin:0 0 10px 0;
|
|
}
|
|
.layout-preview-box .alert {
|
|
margin:10px 0 0 0;
|
|
}
|
|
.jxpanel .nav-pills {
|
|
margin-bottom:10px;
|
|
}
|
|
#jxml-sections ul:hover li a,
|
|
#jxml-sections:hover li a{
|
|
border-radius: 0px;
|
|
width: 100%;
|
|
}
|
|
#jxml-sections>ul:hover li:not(.active)>a,
|
|
#jxml-sections:hover li:not(.active)>a{
|
|
background: #fff;
|
|
color: #333;
|
|
}
|
|
#jxml-sections>ul>li.active a,
|
|
#jxml-sections>ul>li.active a:hover,
|
|
#jxml-sections>ul>li.jxlist-group-item>a:hover{
|
|
background: #00aff0;
|
|
color: #FFF;
|
|
}
|
|
#jxml-sections {
|
|
width: 120px;
|
|
margin: 0px;
|
|
margin-left: 20px;
|
|
}
|
|
#jxml-sections>ul {
|
|
width: 120px;
|
|
min-width:auto;
|
|
}
|
|
button#sectionsDropdown {
|
|
background: url(../img/grower.png) right center no-repeat #f5f8f9;
|
|
}
|
|
#jxml-sections>ul>li>a{
|
|
text-transform: none;
|
|
text-align: center;
|
|
}
|
|
/****************** Styles popup ********************/
|
|
.fancybox-skin {
|
|
background:#fff;
|
|
}
|
|
.jxmegalayout-styles h2 {
|
|
font-size:24px;
|
|
font-weight:normal;
|
|
text-align:center;
|
|
border-bottom:1px solid #eee;
|
|
padding:23px 0 23px 0;
|
|
margin:0 0 0 0;
|
|
}
|
|
.jxmegalayout-styles .nav.nav-tabs {
|
|
padding:24px 15px;
|
|
border-bottom:1px solid #eee;
|
|
}
|
|
.jxmegalayout-styles .nav.nav-tabs li {
|
|
margin:0 1px 0 0;
|
|
border:none;
|
|
}
|
|
.jxmegalayout-styles .nav.nav-tabs a {
|
|
margin:0 0 0 0;
|
|
border:none;
|
|
outline:none;
|
|
font-size:12px;
|
|
border-radius:3px;
|
|
padding:6px 20px;
|
|
}
|
|
.jxmegalayout-styles .nav.nav-tabs li.active a,
|
|
.jxmegalayout-styles .nav.nav-tabs li:hover a,
|
|
.jxmegalayout-styles .nav.nav-tabs a:active,
|
|
.jxmegalayout-styles .nav.nav-tabs a:hover,
|
|
.jxmegalayout-styles .nav.nav-tabs a:focus {
|
|
border:none;
|
|
background:#00aff0;
|
|
color:#fff;
|
|
}
|
|
.jxmegalayout-style-btns {
|
|
border-top:1px solid #eee;
|
|
padding:30px 50px 10px;
|
|
overflow:hidden;
|
|
}
|
|
.jxmegalayout-style-btns .btn {
|
|
margin-bottom:10px;
|
|
display:inline-block;
|
|
float:right;
|
|
}
|
|
.jxmegalayout-styles label {
|
|
color:#757575;
|
|
font-size:12px;
|
|
font-weight:500;
|
|
}
|
|
.jxmegalayout-styles label.uppercase {
|
|
text-transform:uppercase;
|
|
font-weight:bold;
|
|
}
|
|
.jxmegalayout-styles .radio {
|
|
margin-top:0;
|
|
}
|
|
.jxmegalayout-styles .radio label {
|
|
text-transform:none;
|
|
color:#555555;
|
|
}
|
|
.jxmegalayout-styles .background-color-col {
|
|
padding:20px 34px 30px 55px;
|
|
background:url(../img/color-icon.png) 24px 21px no-repeat;
|
|
}
|
|
.jxmegalayout-styles .background-color-col .input-group {
|
|
display:block;
|
|
z-index:1;
|
|
}
|
|
.jxmegalayout-styles .background-color-col .input-group input.color {
|
|
height:135px;
|
|
padding-top:105px;
|
|
border-radius:3px;
|
|
}
|
|
.jxmegalayout-styles .background-color-col .input-group .mColorPickerTrigger {
|
|
display:block;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
z-index:2;
|
|
width:27px;
|
|
height:27px;
|
|
padding:4px 4px 4px 3px;
|
|
border-width:1px;
|
|
border-radius:0 2px 0 3px;
|
|
border-color:#e2e8ea;
|
|
background:#fff;
|
|
}
|
|
.jxmegalayout-styles .background-settings-col {
|
|
background:url(../img/image-icon.png) 20px 21px no-repeat;
|
|
border-left:1px solid #eee;
|
|
padding:20px 5px 0 55px;
|
|
}
|
|
.jxmegalayout-styles .background-image-container {
|
|
padding:0 25px 20px 0;
|
|
}
|
|
.jxmegalayout-styles .background-settings-container {
|
|
padding:0 25px 20px 25px;
|
|
}
|
|
@media only screen and (max-width:991px) {
|
|
.jxmegalayout-styles .background-settings-container {
|
|
padding-left:0;
|
|
}
|
|
}
|
|
.jxmegalayout-styles .border-settings {
|
|
padding:15px 0 5px 0;
|
|
}
|
|
.jxmegalayout-styles .border-settings > div {
|
|
padding:0 30px;
|
|
}
|
|
.jxmegalayout-styles .other-settings {
|
|
padding:15px 35px 25px;
|
|
background:#f5f5f5;
|
|
}
|
|
.jxmegalayout-styles label.lh-fix {
|
|
line-height:32px;
|
|
}
|
|
.jxmegalayout-styles input.error {
|
|
border-color:#F00;
|
|
background-color:#E65E4F;
|
|
}
|
|
.form-group.popup-content {
|
|
padding:30px;
|
|
border-top:1px solid #eee;
|
|
border-bottom:1px solid #eee;
|
|
margin:0;
|
|
}
|
|
.popup-btns {
|
|
padding:30px;
|
|
text-align:right;
|
|
}
|
|
h2.popup-heading {
|
|
padding:25px;
|
|
text-align:center;
|
|
font-size:24px;
|
|
font-weight:400;
|
|
margin:0;
|
|
}
|
|
@media screen and (min-width:600px) {
|
|
.form-group.popup-content, .preview-popup-content {
|
|
width:600px;
|
|
}
|
|
}
|
|
.preview-popup-content > .row {
|
|
margin:0 0 10px 0;
|
|
}
|
|
.preview-popup-content {
|
|
padding:10px;
|
|
}
|
|
.preview-popup-content .module-text {
|
|
display:inline-block;
|
|
overflow:hidden;
|
|
padding-right: 15px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width:100%;
|
|
}
|
|
.form-group.no-border {
|
|
border:none;
|
|
}
|
|
|
|
/****** multiselect styles *********************/
|
|
.jxmegalayout-availible-pages {
|
|
display:none;
|
|
}
|
|
.bootstrap ul.multiselect-container {
|
|
width:400px;
|
|
padding:10px 3px;
|
|
}
|
|
.bootstrap ul.multiselect-container li a {
|
|
padding:0 5px 0 23px;
|
|
}
|
|
.bootstrap ul.multiselect-container li a label {
|
|
margin: 0;
|
|
font-weight:normal;
|
|
font-size:11px;
|
|
}
|
|
.bootstrap ul.multiselect-container li.filter {
|
|
margin-bottom: 8px;
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
}
|
|
|
|
.bootstrap .btn.multiselect:hover .caret {
|
|
border-top-color:#333 !important;
|
|
}
|
|
|
|
.alertMessage.alert.alert-warning {
|
|
overflow: hidden;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.alertMessage.alert.alert-warning:before {
|
|
top: 11px;
|
|
}
|
|
#hideMessages {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/************************************** Extra Content Tabs**********************************************************/
|
|
#extra_content_layout .extra-content-action-buttons {
|
|
display: inline-block;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#extra_content_container {
|
|
border: 1px solid #ddd;
|
|
border-radius: 0px 3px 3px;
|
|
}
|
|
#extra_content_container .tab-pane {
|
|
padding: 15px 15px 10px;
|
|
}
|
|
#extra_content_container .tab-pane > ul {
|
|
margin: 0;
|
|
list-style: none;
|
|
padding: 0;
|
|
border-left: 0;
|
|
}
|
|
#extra_content_container .tab-pane > ul > li {
|
|
padding: 10px;
|
|
border: 1px solid #ddd;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
p.extra-content-return-btn {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#extra-content-slider-slides {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
#extra-content-slider-slides > div {
|
|
margin-bottom: 5px;
|
|
}
|
|
#theme_child_layout span.ajax_running-1 i, #extra_content_layout span.ajax_running-1 i {
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -5px;
|
|
margin-top: -5px;
|
|
position: absolute;
|
|
font-size: 50px;
|
|
z-index: 2;
|
|
}
|
|
|
|
#extra-content-slider-new-slide .extra-content-types-list.error {
|
|
border-color: #f00;
|
|
}
|
|
/*********************************** end of Extra Content Tabs *****************************************************/
|
|
/*app*/
|
|
#jxmegalayout-vue-app {
|
|
position: relative;
|
|
}
|
|
.app-loader {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 99;
|
|
}
|
|
.app-loader i {
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -5px;
|
|
margin-top: -5px;
|
|
position: absolute;
|
|
font-size: 50px;
|
|
z-index: 2;
|
|
} |