Your IP : 216.73.216.85
@import "../../../vendors/font-awesome-4.5.0/css/font-awesome.min.css";
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.com_templates {
background-color: #f9f9f9;
}
div.container-main {
background-color: #f9f9f9;
padding: 0;
}
.container-main .form-inline-header {
background-color: #fff;
margin: 0;
padding: 0 20px;
}
.container-main .nav-tabs {
background-color: #fff;
padding: 20px 20px 0;
}
.container-main .nav-tabs > li {
padding-left: 10px;
padding-right: 10px;
}
.container-main .nav-tabs > li > a {
display: inline-block;
border: 0;
color: #666;
font-weight: bold;
padding-top: 5px;
padding-bottom: 15px;
position: relative;
}
.container-main .nav-tabs > .active > a {
border: 0;
border-radius: 0;
color: #333;
padding-left: 0;
padding-right: 0;
}
.container-main .nav-tabs > .active > a:before {
background-color: #07b;
content: "";
display: block;
height: 3px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.container-main .nav-tabs > li > a:hover,
.container-main .nav-tabs > li > a:active,
.container-main .nav-tabs > li > a:focus {
background: none;
}
.container-main .nav-tabs > .active > a:hover,
.container-main .nav-tabs > .active > a:focus,
.container-main .nav-tabs > .active > a:active {
border: 0;
}
.container-main .joomla-tabs.nav-tabs > li {
padding: 0;
}
.container-main .joomla-tabs.nav-tabs + .tab-content {
padding: 0;
}
.container-main .subhead-collapse {
position: relative;
height: 50px;
z-index: 100;
}
div.tab-pane,
joomla-tab-element#attrib-styles,
joomla-tab-element#attrib-layouts,
joomla-tab-element#attrib-advanced {
/* Button group */
}
div.tab-pane .btn,
joomla-tab-element#attrib-styles .btn,
joomla-tab-element#attrib-layouts .btn,
joomla-tab-element#attrib-advanced .btn {
background: #f0f0f0;
border-color: #ccc;
border-radius: 0;
font-weight: bold;
height: 30px;
line-height: 24px;
}
div.tab-pane .btn-danger:hover,
joomla-tab-element#attrib-styles .btn-danger:hover,
joomla-tab-element#attrib-layouts .btn-danger:hover,
joomla-tab-element#attrib-advanced .btn-danger:hover,
div.tab-pane .btn-danger:focus,
joomla-tab-element#attrib-styles .btn-danger:focus,
joomla-tab-element#attrib-layouts .btn-danger:focus,
joomla-tab-element#attrib-advanced .btn-danger:focus,
div.tab-pane .btn-danger:active,
joomla-tab-element#attrib-styles .btn-danger:active,
joomla-tab-element#attrib-layouts .btn-danger:active,
joomla-tab-element#attrib-advanced .btn-danger:active,
div.tab-pane .btn-danger.active,
joomla-tab-element#attrib-styles .btn-danger.active,
joomla-tab-element#attrib-layouts .btn-danger.active,
joomla-tab-element#attrib-advanced .btn-danger.active,
div.tab-pane .btn-danger.disabled,
joomla-tab-element#attrib-styles .btn-danger.disabled,
joomla-tab-element#attrib-layouts .btn-danger.disabled,
joomla-tab-element#attrib-advanced .btn-danger.disabled,
div.tab-pane .btn-danger[disabled],
joomla-tab-element#attrib-styles .btn-danger[disabled],
joomla-tab-element#attrib-layouts .btn-danger[disabled],
joomla-tab-element#attrib-advanced .btn-danger[disabled] {
background-color: #942a25;
border-color: #71201c;
}
div.tab-pane .btn-group.btn-group-yesno > .btn,
joomla-tab-element#attrib-styles .btn-group.btn-group-yesno > .btn,
joomla-tab-element#attrib-layouts .btn-group.btn-group-yesno > .btn,
joomla-tab-element#attrib-advanced .btn-group.btn-group-yesno > .btn {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 30px;
font-size: 12px;
font-weight: bold;
line-height: 24px;
min-width: 50px;
text-transform: uppercase;
}
div.tab-pane .btn-group,
joomla-tab-element#attrib-styles .btn-group,
joomla-tab-element#attrib-layouts .btn-group,
joomla-tab-element#attrib-advanced .btn-group {
margin-bottom: 0;
padding: 0;
}
div.tab-pane .btn-success:hover,
joomla-tab-element#attrib-styles .btn-success:hover,
joomla-tab-element#attrib-layouts .btn-success:hover,
joomla-tab-element#attrib-advanced .btn-success:hover,
div.tab-pane .btn-success:focus,
joomla-tab-element#attrib-styles .btn-success:focus,
joomla-tab-element#attrib-layouts .btn-success:focus,
joomla-tab-element#attrib-advanced .btn-success:focus,
div.tab-pane .btn-success:active,
joomla-tab-element#attrib-styles .btn-success:active,
joomla-tab-element#attrib-layouts .btn-success:active,
joomla-tab-element#attrib-advanced .btn-success:active,
div.tab-pane .btn-success.active,
joomla-tab-element#attrib-styles .btn-success.active,
joomla-tab-element#attrib-layouts .btn-success.active,
joomla-tab-element#attrib-advanced .btn-success.active,
div.tab-pane .btn-success.disabled,
joomla-tab-element#attrib-styles .btn-success.disabled,
joomla-tab-element#attrib-layouts .btn-success.disabled,
joomla-tab-element#attrib-advanced .btn-success.disabled,
div.tab-pane .btn-success[disabled],
joomla-tab-element#attrib-styles .btn-success[disabled],
joomla-tab-element#attrib-layouts .btn-success[disabled],
joomla-tab-element#attrib-advanced .btn-success[disabled] {
background-color: #096;
border-color: #007e54;
}
div.tab-pane .btn-primary:hover,
joomla-tab-element#attrib-styles .btn-primary:hover,
joomla-tab-element#attrib-layouts .btn-primary:hover,
joomla-tab-element#attrib-advanced .btn-primary:hover,
div.tab-pane .btn-primary:focus,
joomla-tab-element#attrib-styles .btn-primary:focus,
joomla-tab-element#attrib-layouts .btn-primary:focus,
joomla-tab-element#attrib-advanced .btn-primary:focus,
div.tab-pane .btn-primary:active,
joomla-tab-element#attrib-styles .btn-primary:active,
joomla-tab-element#attrib-layouts .btn-primary:active,
joomla-tab-element#attrib-advanced .btn-primary:active,
div.tab-pane .btn-primary.active,
joomla-tab-element#attrib-styles .btn-primary.active,
joomla-tab-element#attrib-layouts .btn-primary.active,
joomla-tab-element#attrib-advanced .btn-primary.active,
div.tab-pane .btn-primary.disabled,
joomla-tab-element#attrib-styles .btn-primary.disabled,
joomla-tab-element#attrib-layouts .btn-primary.disabled,
joomla-tab-element#attrib-advanced .btn-primary.disabled,
div.tab-pane .btn-primary[disabled],
joomla-tab-element#attrib-styles .btn-primary[disabled],
joomla-tab-element#attrib-layouts .btn-primary[disabled],
joomla-tab-element#attrib-advanced .btn-primary[disabled] {
background-color: #07b;
border-color: #00629a;
}
div.tab-pane input[type="text"],
joomla-tab-element#attrib-styles input[type="text"],
joomla-tab-element#attrib-layouts input[type="text"],
joomla-tab-element#attrib-advanced input[type="text"] {
border-radius: 0;
height: 30px;
line-height: 24px;
}
div.tab-pane input.minicolors,
joomla-tab-element#attrib-styles input.minicolors,
joomla-tab-element#attrib-layouts input.minicolors,
joomla-tab-element#attrib-advanced input.minicolors {
height: 30px;
line-height: 30px;
min-width: 100px;
}
div.tab-pane input.inline,
joomla-tab-element#attrib-styles input.inline,
joomla-tab-element#attrib-layouts input.inline,
joomla-tab-element#attrib-advanced input.inline {
display: inline-block;
max-width: 80px;
}
div.tab-pane .input-append > input,
joomla-tab-element#attrib-styles .input-append > input,
joomla-tab-element#attrib-layouts .input-append > input,
joomla-tab-element#attrib-advanced .input-append > input {
width: 133px;
}
div.tab-pane .input-prepend.input-append > input,
joomla-tab-element#attrib-styles .input-prepend.input-append > input,
joomla-tab-element#attrib-layouts .input-prepend.input-append > input,
joomla-tab-element#attrib-advanced .input-prepend.input-append > input {
width: 109px;
}
div.tab-pane textarea,
joomla-tab-element#attrib-styles textarea,
joomla-tab-element#attrib-layouts textarea,
joomla-tab-element#attrib-advanced textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
width: 100%;
}
div.tab-pane .media-preview,
joomla-tab-element#attrib-styles .media-preview,
joomla-tab-element#attrib-layouts .media-preview,
joomla-tab-element#attrib-advanced .media-preview {
height: 24px;
}
div.tab-pane .input-append .add-on,
joomla-tab-element#attrib-styles .input-append .add-on,
joomla-tab-element#attrib-layouts .input-append .add-on,
joomla-tab-element#attrib-advanced .input-append .add-on,
div.tab-pane .input-prepend .add-on,
joomla-tab-element#attrib-styles .input-prepend .add-on,
joomla-tab-element#attrib-layouts .input-prepend .add-on,
joomla-tab-element#attrib-advanced .input-prepend .add-on {
height: 30px;
line-height: 24px;
}
#custom-style-preview {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 260px;
left: 31%;
right: 25px;
bottom: 65px;
}
#custom-style-preview iframe {
border: 2px solid #303030;
width: 100%;
height: 100%;
}
/* LAYOUT CONFIGURE
--------------------------- */
div.tab-pane,
joomla-tab-element#attrib-styles,
joomla-tab-element#attrib-layouts,
joomla-tab-element#attrib-advanced {
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ddd;
padding: 30px 30px 30px 180px;
position: relative;
margin: 30px;
overflow: hidden;
/* Sub legend group */
}
div.tab-pane .group-legends,
joomla-tab-element#attrib-styles .group-legends,
joomla-tab-element#attrib-layouts .group-legends,
joomla-tab-element#attrib-advanced .group-legends {
background-color: #f0f0f0;
border-right: 1px solid #e6e6e6;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 171px;
}
div.tab-pane .group-legends:empty,
joomla-tab-element#attrib-styles .group-legends:empty,
joomla-tab-element#attrib-layouts .group-legends:empty,
joomla-tab-element#attrib-advanced .group-legends:empty {
display: none;
}
div.tab-pane .group-legends .control-group .control-label,
joomla-tab-element#attrib-styles .group-legends .control-group .control-label,
joomla-tab-element#attrib-layouts .group-legends .control-group .control-label,
joomla-tab-element#attrib-advanced .group-legends .control-group .control-label {
position: relative;
top: auto;
left: auto;
}
div.tab-pane .control-group,
joomla-tab-element#attrib-styles .control-group,
joomla-tab-element#attrib-layouts .control-group,
joomla-tab-element#attrib-advanced .control-group {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 0;
max-width: 100%;
}
div.tab-pane .group-collapse,
joomla-tab-element#attrib-styles .group-collapse,
joomla-tab-element#attrib-layouts .group-collapse,
joomla-tab-element#attrib-advanced .group-collapse {
margin-bottom: 0;
}
div.tab-pane .control-label,
joomla-tab-element#attrib-styles .control-label,
joomla-tab-element#attrib-layouts .control-label,
joomla-tab-element#attrib-advanced .control-label {
display: inline-block;
float: none;
min-width: 170px;
line-height: 55px;
padding-right: 10px;
text-align: right;
vertical-align: middle;
width: auto;
}
div.tab-pane .control-label label,
joomla-tab-element#attrib-styles .control-label label,
joomla-tab-element#attrib-layouts .control-label label,
joomla-tab-element#attrib-advanced .control-label label {
color: #666;
font-weight: bold;
}
div.tab-pane .top-legend-group .control-label,
joomla-tab-element#attrib-styles .top-legend-group .control-label,
joomla-tab-element#attrib-layouts .top-legend-group .control-label,
joomla-tab-element#attrib-advanced .top-legend-group .control-label,
div.tab-pane .sub-legend-group .control-label,
joomla-tab-element#attrib-styles .sub-legend-group .control-label,
joomla-tab-element#attrib-layouts .sub-legend-group .control-label,
joomla-tab-element#attrib-advanced .sub-legend-group .control-label {
background: transparent;
border: 0;
display: block;
height: auto;
line-height: 1;
padding: 0;
text-align: left;
}
div.tab-pane .top-legend-group > div:empty,
joomla-tab-element#attrib-styles .top-legend-group > div:empty,
joomla-tab-element#attrib-layouts .top-legend-group > div:empty,
joomla-tab-element#attrib-advanced .top-legend-group > div:empty,
div.tab-pane .sub-legend-group > div:empty,
joomla-tab-element#attrib-styles .sub-legend-group > div:empty,
joomla-tab-element#attrib-layouts .sub-legend-group > div:empty,
joomla-tab-element#attrib-advanced .sub-legend-group > div:empty {
display: none;
}
div.tab-pane .controls,
joomla-tab-element#attrib-styles .controls,
joomla-tab-element#attrib-layouts .controls,
joomla-tab-element#attrib-advanced .controls {
display: inline-block;
margin-left: 20px;
vertical-align: middle;
}
div.tab-pane .top-legend-group > .controls,
joomla-tab-element#attrib-styles .top-legend-group > .controls,
joomla-tab-element#attrib-layouts .top-legend-group > .controls,
joomla-tab-element#attrib-advanced .top-legend-group > .controls {
display: none;
}
div.tab-pane h3.legend,
joomla-tab-element#attrib-styles h3.legend,
joomla-tab-element#attrib-layouts h3.legend,
joomla-tab-element#attrib-advanced h3.legend {
border-right: 1px solid #e6e6e6;
color: #606060;
display: block;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 12px 0 12px 20px;
margin-right: -1px;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
div.tab-pane h3.legend:hover,
joomla-tab-element#attrib-styles h3.legend:hover,
joomla-tab-element#attrib-layouts h3.legend:hover,
joomla-tab-element#attrib-advanced h3.legend:hover {
background-color: #f6f7f8;
color: #303030;
cursor: pointer;
}
div.tab-pane h3.legend .fa,
joomla-tab-element#attrib-styles h3.legend .fa,
joomla-tab-element#attrib-layouts h3.legend .fa,
joomla-tab-element#attrib-advanced h3.legend .fa {
min-width: 12px;
margin-right: 16px;
text-align: center;
}
div.tab-pane .active h3.legend,
joomla-tab-element#attrib-styles .active h3.legend,
joomla-tab-element#attrib-layouts .active h3.legend,
joomla-tab-element#attrib-advanced .active h3.legend {
background-color: #fff;
border-right: 1px solid #fff;
color: #3498db;
text-shadow: none;
}
div.tab-pane .active h3.legend:before,
joomla-tab-element#attrib-styles .active h3.legend:before,
joomla-tab-element#attrib-layouts .active h3.legend:before,
joomla-tab-element#attrib-advanced .active h3.legend:before {
background-color: #3498db;
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 3px;
}
div.tab-pane div.sub-legend-group,
joomla-tab-element#attrib-styles div.sub-legend-group,
joomla-tab-element#attrib-layouts div.sub-legend-group,
joomla-tab-element#attrib-advanced div.sub-legend-group {
background-color: #f6f7f8;
min-height: 60px;
}
div.tab-pane div.sub-legend-group .control-label,
joomla-tab-element#attrib-styles div.sub-legend-group .control-label,
joomla-tab-element#attrib-layouts div.sub-legend-group .control-label,
joomla-tab-element#attrib-advanced div.sub-legend-group .control-label {
min-height: 60px;
}
div.tab-pane div.sub-legend-group h3.sub-legend,
joomla-tab-element#attrib-styles div.sub-legend-group h3.sub-legend,
joomla-tab-element#attrib-layouts div.sub-legend-group h3.sub-legend,
joomla-tab-element#attrib-advanced div.sub-legend-group h3.sub-legend {
background-color: transparent;
border: 0;
font-size: 15px;
}
div.tab-pane div.sub-legend-group h3.sub-legend span,
joomla-tab-element#attrib-styles div.sub-legend-group h3.sub-legend span,
joomla-tab-element#attrib-layouts div.sub-legend-group h3.sub-legend span,
joomla-tab-element#attrib-advanced div.sub-legend-group h3.sub-legend span {
color: #303030;
padding-right: 0;
}
div.tab-pane div.sub-legend-group h3.sub-legend:hover,
joomla-tab-element#attrib-styles div.sub-legend-group h3.sub-legend:hover,
joomla-tab-element#attrib-layouts div.sub-legend-group h3.sub-legend:hover,
joomla-tab-element#attrib-advanced div.sub-legend-group h3.sub-legend:hover {
background-color: transparent;
}
div.tab-pane div.sub-legend-group .controls,
joomla-tab-element#attrib-styles div.sub-legend-group .controls,
joomla-tab-element#attrib-layouts div.sub-legend-group .controls,
joomla-tab-element#attrib-advanced div.sub-legend-group .controls {
display: block;
padding: 10px 20px 10px 0;
text-align: right;
}
div.tab-pane .sub-group-params .control-group,
joomla-tab-element#attrib-styles .sub-group-params .control-group,
joomla-tab-element#attrib-layouts .sub-group-params .control-group,
joomla-tab-element#attrib-advanced .sub-group-params .control-group {
border: 0;
}
div.tab-pane .sub-group-params:last-child,
joomla-tab-element#attrib-styles .sub-group-params:last-child,
joomla-tab-element#attrib-layouts .sub-group-params:last-child,
joomla-tab-element#attrib-advanced .sub-group-params:last-child {
margin-bottom: 10px;
}
div.tab-pane h3.sub-legend,
joomla-tab-element#attrib-styles h3.sub-legend,
joomla-tab-element#attrib-layouts h3.sub-legend,
joomla-tab-element#attrib-advanced h3.sub-legend {
background-color: transparent;
border: 0;
border-radius: 0;
padding: 0;
text-align: right;
text-transform: none;
}
div.tab-pane h3.sub-legend:before,
joomla-tab-element#attrib-styles h3.sub-legend:before,
joomla-tab-element#attrib-layouts h3.sub-legend:before,
joomla-tab-element#attrib-advanced h3.sub-legend:before {
display: none;
}
div.tab-pane .group-expend h3.sub-legend,
joomla-tab-element#attrib-styles .group-expend h3.sub-legend,
joomla-tab-element#attrib-layouts .group-expend h3.sub-legend,
joomla-tab-element#attrib-advanced .group-expend h3.sub-legend {
background-color: transparent;
border: 0;
padding-left: 0;
text-align: left;
}
div.tab-pane h3.sub-legend span,
joomla-tab-element#attrib-styles h3.sub-legend span,
joomla-tab-element#attrib-layouts h3.sub-legend span,
joomla-tab-element#attrib-advanced h3.sub-legend span {
color: #666;
display: inline-block;
display: block;
font-weight: 600;
padding: 20px;
}
div.tab-pane .control-group,
joomla-tab-element#attrib-styles .control-group,
joomla-tab-element#attrib-layouts .control-group,
joomla-tab-element#attrib-advanced .control-group {
position: relative;
}
div.tab-pane .control-group .control-label,
joomla-tab-element#attrib-styles .control-group .control-label,
joomla-tab-element#attrib-layouts .control-group .control-label,
joomla-tab-element#attrib-advanced .control-group .control-label {
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
div.tab-pane .control-group .controls,
joomla-tab-element#attrib-styles .control-group .controls,
joomla-tab-element#attrib-layouts .control-group .controls,
joomla-tab-element#attrib-advanced .control-group .controls {
margin-left: 180px;
padding-top: 15px;
padding-bottom: 15px;
}
div.tab-pane .control-group.group-collapse .control-label,
joomla-tab-element#attrib-styles .control-group.group-collapse .control-label,
joomla-tab-element#attrib-layouts .control-group.group-collapse .control-label,
joomla-tab-element#attrib-advanced .control-group.group-collapse .control-label,
div.tab-pane .control-group.group-expend .control-label,
joomla-tab-element#attrib-styles .control-group.group-expend .control-label,
joomla-tab-element#attrib-layouts .control-group.group-expend .control-label,
joomla-tab-element#attrib-advanced .control-group.group-expend .control-label {
position: relative;
left: auto;
top: auto;
bottom: auto;
}
div.tab-pane h3[data-expend="all"]:hover,
joomla-tab-element#attrib-styles h3[data-expend="all"]:hover,
joomla-tab-element#attrib-layouts h3[data-expend="all"]:hover,
joomla-tab-element#attrib-advanced h3[data-expend="all"]:hover {
cursor: default;
}
div.tab-pane h3[data-expend="all"]:after,
joomla-tab-element#attrib-styles h3[data-expend="all"]:after,
joomla-tab-element#attrib-layouts h3[data-expend="all"]:after,
joomla-tab-element#attrib-advanced h3[data-expend="all"]:after {
display: none;
}
div.tab-pane .group-expend h3.sub-legend span,
joomla-tab-element#attrib-styles .group-expend h3.sub-legend span,
joomla-tab-element#attrib-layouts .group-expend h3.sub-legend span,
joomla-tab-element#attrib-advanced .group-expend h3.sub-legend span {
border-color: #07b;
}
div.tab-pane .modified h3.legend > span,
joomla-tab-element#attrib-styles .modified h3.legend > span,
joomla-tab-element#attrib-layouts .modified h3.legend > span,
joomla-tab-element#attrib-advanced .modified h3.legend > span,
div.tab-pane .modified h3.sub-legend > span,
joomla-tab-element#attrib-styles .modified h3.sub-legend > span,
joomla-tab-element#attrib-layouts .modified h3.sub-legend > span,
joomla-tab-element#attrib-advanced .modified h3.sub-legend > span {
position: relative;
}
div.tab-pane .modified h3.legend > span:before,
joomla-tab-element#attrib-styles .modified h3.legend > span:before,
joomla-tab-element#attrib-layouts .modified h3.legend > span:before,
joomla-tab-element#attrib-advanced .modified h3.legend > span:before,
div.tab-pane .modified h3.sub-legend > span:before,
joomla-tab-element#attrib-styles .modified h3.sub-legend > span:before,
joomla-tab-element#attrib-layouts .modified h3.sub-legend > span:before,
joomla-tab-element#attrib-advanced .modified h3.sub-legend > span:before {
background-color: #c00;
border: 2px solid #fff;
border-radius: 50%;
content: "";
color: #c00;
display: block;
font-size: 14px;
line-height: 1;
height: 9px;
width: 9px;
position: absolute;
right: -18px;
text-transform: none;
top: 4px;
}
div.tab-pane .modified h3.sub-legend > span:before,
joomla-tab-element#attrib-styles .modified h3.sub-legend > span:before,
joomla-tab-element#attrib-layouts .modified h3.sub-legend > span:before,
joomla-tab-element#attrib-advanced .modified h3.sub-legend > span:before {
top: 26px;
}
div.tab-pane .modified.control-group .control-label label,
joomla-tab-element#attrib-styles .modified.control-group .control-label label,
joomla-tab-element#attrib-layouts .modified.control-group .control-label label,
joomla-tab-element#attrib-advanced .modified.control-group .control-label label {
color: #c00;
}
div.tab-pane#attrib-styles,
joomla-tab-element#attrib-styles#attrib-styles,
joomla-tab-element#attrib-layouts#attrib-styles,
joomla-tab-element#attrib-advanced#attrib-styles {
padding-left: 65px;
position: relative;
overflow: visible;
width: 320px;
/* Reset bootstrap elements */
}
div.tab-pane#attrib-styles .group-legends,
joomla-tab-element#attrib-styles#attrib-styles .group-legends,
joomla-tab-element#attrib-layouts#attrib-styles .group-legends,
joomla-tab-element#attrib-advanced#attrib-styles .group-legends {
background: url(../images/dot-grey.gif) repeat-y right top #f0f0f0;
border-right: 0;
overflow: hidden;
width: 48px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
z-index: 99;
}
div.tab-pane#attrib-styles .group-legends:hover,
joomla-tab-element#attrib-styles#attrib-styles .group-legends:hover,
joomla-tab-element#attrib-layouts#attrib-styles .group-legends:hover,
joomla-tab-element#attrib-advanced#attrib-styles .group-legends:hover {
width: 170px;
}
div.tab-pane#attrib-styles .group-legends .control-label,
joomla-tab-element#attrib-styles#attrib-styles .group-legends .control-label,
joomla-tab-element#attrib-layouts#attrib-styles .group-legends .control-label,
joomla-tab-element#attrib-advanced#attrib-styles .group-legends .control-label {
width: 46px;
}
div.tab-pane#attrib-styles .group-legends .control-label h3.legend,
joomla-tab-element#attrib-styles#attrib-styles .group-legends .control-label h3.legend,
joomla-tab-element#attrib-layouts#attrib-styles .group-legends .control-label h3.legend,
joomla-tab-element#attrib-advanced#attrib-styles .group-legends .control-label h3.legend {
border-right: 1px solid #ddd;
padding-right: 0;
width: 170px;
}
div.tab-pane#attrib-styles .group-legends .active .control-label,
joomla-tab-element#attrib-styles#attrib-styles .group-legends .active .control-label,
joomla-tab-element#attrib-layouts#attrib-styles .group-legends .active .control-label,
joomla-tab-element#attrib-advanced#attrib-styles .group-legends .active .control-label {
background-color: #fff;
}
div.tab-pane#attrib-styles .top-group,
joomla-tab-element#attrib-styles#attrib-styles .top-group,
joomla-tab-element#attrib-layouts#attrib-styles .top-group,
joomla-tab-element#attrib-advanced#attrib-styles .top-group {
margin-left: 0;
margin-right: 0;
width: 235px;
position: static;
top: 20px;
left: 65px;
min-height: 400px;
}
div.tab-pane#attrib-styles .top-group:after,
joomla-tab-element#attrib-styles#attrib-styles .top-group:after,
joomla-tab-element#attrib-layouts#attrib-styles .top-group:after,
joomla-tab-element#attrib-advanced#attrib-styles .top-group:after {
content: "";
clear: both;
display: table;
}
div.tab-pane#attrib-styles .sub-group,
joomla-tab-element#attrib-styles#attrib-styles .sub-group,
joomla-tab-element#attrib-layouts#attrib-styles .sub-group,
joomla-tab-element#attrib-advanced#attrib-styles .sub-group {
clear: bolth;
padding: 0;
width: 100%;
}
div.tab-pane#attrib-styles .sub-group .sub-group-inner,
joomla-tab-element#attrib-styles#attrib-styles .sub-group .sub-group-inner,
joomla-tab-element#attrib-layouts#attrib-styles .sub-group .sub-group-inner,
joomla-tab-element#attrib-advanced#attrib-styles .sub-group .sub-group-inner {
border: 0;
padding: 0;
}
div.tab-pane#attrib-styles .sub-group .control-group .control-label,
joomla-tab-element#attrib-styles#attrib-styles .sub-group .control-group .control-label,
joomla-tab-element#attrib-layouts#attrib-styles .sub-group .control-group .control-label,
joomla-tab-element#attrib-advanced#attrib-styles .sub-group .control-group .control-label {
display: inline-block;
position: relative;
left: auto;
line-height: 1;
top: auto;
min-width: 80px;
text-align: left;
}
div.tab-pane#attrib-styles .sub-group .control-group > div:empty,
joomla-tab-element#attrib-styles#attrib-styles .sub-group .control-group > div:empty,
joomla-tab-element#attrib-layouts#attrib-styles .sub-group .control-group > div:empty,
joomla-tab-element#attrib-advanced#attrib-styles .sub-group .control-group > div:empty {
display: none;
}
div.tab-pane#attrib-styles .sub-group .control-group .controls,
joomla-tab-element#attrib-styles#attrib-styles .sub-group .control-group .controls,
joomla-tab-element#attrib-layouts#attrib-styles .sub-group .control-group .controls,
joomla-tab-element#attrib-advanced#attrib-styles .sub-group .control-group .controls {
margin-left: 0;
padding-top: 10px;
padding-bottom: 10px;
}
div.tab-pane#attrib-styles .sub-group .sub-legend-group,
joomla-tab-element#attrib-styles#attrib-styles .sub-group .sub-legend-group,
joomla-tab-element#attrib-layouts#attrib-styles .sub-group .sub-legend-group,
joomla-tab-element#attrib-advanced#attrib-styles .sub-group .sub-legend-group {
background-color: transparent;
min-height: 1px;
margin-bottom: 10px;
}
div.tab-pane#attrib-styles .sub-group .sub-legend-group .control-label,
joomla-tab-element#attrib-styles#attrib-styles .sub-group .sub-legend-group .control-label,
joomla-tab-element#attrib-layouts#attrib-styles .sub-group .sub-legend-group .control-label,
joomla-tab-element#attrib-advanced#attrib-styles .sub-group .sub-legend-group .control-label {
min-height: 1px;
min-width: 1px;
text-align: left;
}
div.tab-pane#attrib-styles .sub-group .sub-legend-group .control-label h3.sub-legend,
joomla-tab-element#attrib-styles#attrib-styles .sub-group .sub-legend-group .control-label h3.sub-legend,
joomla-tab-element#attrib-layouts#attrib-styles .sub-group .sub-legend-group .control-label h3.sub-legend,
joomla-tab-element#attrib-advanced#attrib-styles .sub-group .sub-legend-group .control-label h3.sub-legend {
background-color: transparent;
border: 0;
margin-bottom: -1px;
}
div.tab-pane#attrib-styles .sub-group .sub-legend-group .control-label h3.sub-legend span,
joomla-tab-element#attrib-styles#attrib-styles .sub-group .sub-legend-group .control-label h3.sub-legend span,
joomla-tab-element#attrib-layouts#attrib-styles .sub-group .sub-legend-group .control-label h3.sub-legend span,
joomla-tab-element#attrib-advanced#attrib-styles .sub-group .sub-legend-group .control-label h3.sub-legend span {
border-bottom: 2px solid #606060;
padding: 0 0 5px;
}
div.tab-pane#attrib-styles .minicolors-input,
joomla-tab-element#attrib-styles#attrib-styles .minicolors-input,
joomla-tab-element#attrib-layouts#attrib-styles .minicolors-input,
joomla-tab-element#attrib-advanced#attrib-styles .minicolors-input {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
div.tab-pane#attrib-styles .minicolors-theme-bootstrap .minicolors-swatch,
joomla-tab-element#attrib-styles#attrib-styles .minicolors-theme-bootstrap .minicolors-swatch,
joomla-tab-element#attrib-layouts#attrib-styles .minicolors-theme-bootstrap .minicolors-swatch,
joomla-tab-element#attrib-advanced#attrib-styles .minicolors-theme-bootstrap .minicolors-swatch {
border-radius: 3px !important;
width: 20px;
height: 20px;
top: 4px;
left: 4px;
}
div.tab-pane#attrib-styles .minicolors-theme-bootstrap .minicolors-swatch span,
joomla-tab-element#attrib-styles#attrib-styles .minicolors-theme-bootstrap .minicolors-swatch span,
joomla-tab-element#attrib-layouts#attrib-styles .minicolors-theme-bootstrap .minicolors-swatch span,
joomla-tab-element#attrib-advanced#attrib-styles .minicolors-theme-bootstrap .minicolors-swatch span {
-webkit-box-shadow: none;
box-shadow: none;
}
div.tab-pane#attrib-styles .control-group .controls input.inline,
joomla-tab-element#attrib-styles#attrib-styles .control-group .controls input.inline,
joomla-tab-element#attrib-layouts#attrib-styles .control-group .controls input.inline,
joomla-tab-element#attrib-advanced#attrib-styles .control-group .controls input.inline {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
max-width: 60px;
vertical-align: middle;
}
div.tab-pane#attrib-styles .modified h3.sub-legend > span::before,
joomla-tab-element#attrib-styles#attrib-styles .modified h3.sub-legend > span::before,
joomla-tab-element#attrib-layouts#attrib-styles .modified h3.sub-legend > span::before,
joomla-tab-element#attrib-advanced#attrib-styles .modified h3.sub-legend > span::before {
right: 18px;
top: 47px;
}
/* Tablet and Mobile */
@media (max-width: 780px) {
div.tab-pane {
width: 100%;
}
}
.top-group {
margin-left: -20px;
margin-right: -20px;
top: 30px;
width: 50%;
}
.sub-group {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin: 0 0 30px;
padding: 0 20px;
width: 100%;
}
.sub-group.sub-group-direct {
float: none;
width: 100%;
}
.sub-group .sub-group-inner {
border-radius: 3px;
border: 1px solid #e6e6e6;
}
.sub-group .sub-group-inner .sub-group-params {
padding-right: 20px;
}
.sub-group:nth-child(2n + 1) {
clear: left;
}
.sub-group.sub-group-direct + div + div {
clear: none;
}
#assignment {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px;
width: auto;
}
#assignment #menu-assignment ul {
margin-left: -10px;
margin-right: -10px;
}
#assignment #menu-assignment ul li {
background-color: #f9f9f9;
margin: 10px;
}
#assignment #menu-assignment .thumbnail {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 30px;
height: 300px;
max-height: 300px;
overflow: auto;
}
#assignment #menu-assignment .thumbnail .small {
font-size: 13px;
padding-top: 2px;
padding-bottom: 2px;
}
#assignment .btn {
height: auto;
}
.layout-preview .row-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.layout-preview .section {
background-color: #eaeaea;
border: 1px solid #eaeaea;
margin: 10px;
padding: 45px 10px 10px;
position: relative;
}
.layout-preview .section.active {
border-color: #3498db;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.layout-preview .section.off {
background-color: #f0f0f0;
border-color: #fdfdfd;
padding-bottom: 0;
padding-top: 35px;
}
.layout-preview .section.off.active {
border-color: #3498db;
}
.layout-preview .section.off .section-title {
background-color: transparent;
border: 0;
color: #909090;
font-weight: normal;
}
.layout-preview .section.off .section-title:before {
content: "\f070";
}
.layout-preview .section .section-title {
background-color: #f9f9f9;
border-left: 0;
border-top: 0;
color: #303030;
font-weight: 600;
padding: 6px 15px;
position: absolute;
top: 0;
left: 0;
}
.layout-preview .section .section-title:before {
content: "\f06e";
display: inline-block;
font-family: "FontAwesome";
font-weight: normal;
margin-right: 5px;
}
.layout-preview .section .container {
text-align: center;
width: 100%;
}
.layout-preview .section .container > .section-info {
border-top: 1px solid #d5d5d5;
position: relative;
min-height: 30px;
margin-left: 10px;
margin-right: 15px;
}
.layout-preview .section .container > .section-info:before,
.layout-preview .section .container > .section-info:after {
background-color: #d5d5d5;
content: "";
display: block;
height: 20px;
position: absolute;
top: 0;
left: 0;
width: 1px;
}
.layout-preview .section .container > .section-info:after {
left: auto;
right: 0;
}
.layout-preview .section .container > .section-info .info-pos {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
display: inline-block;
position: absolute;
left: 50%;
top: -15px;
padding: 5px 10px;
}
.layout-preview .section .container > .section-info .info-name {
display: none;
}
.layout-preview .section .col {
background-color: #fff;
border: solid 1px #ddd;
color: #6d6d6d;
font-weight: 600;
padding: 10px;
}
.layout-preview .section .col .info-pos {
border-radius: 2px;
color: #fc913a;
font-weight: 600;
display: inline-block;
margin-left: 5px;
padding: 0;
}
.layout-preview .section .row-fluid [class*="span"] {
margin-left: 2.5641%;
}
.layout-preview .section .row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.legend-separator {
height: 30px;
}
#details {
padding: 30px;
width: auto;
}
div#details .control-label {
min-width: 1px;
}
div#details .control-group .controls {
margin-left: 80px;
}
.simpli-info {
overflow: hidden;
margin-right: 20px;
}
.simpli-info h3 {
background-color: #f0f0f0;
margin: 0 0 20px;
padding: 10px 20px;
}
.simpli-info .tpl-preview {
background-color: #f0f0f0;
display: block;
border: 1px solid #ddd;
float: left;
padding: 10px;
margin-right: 20px;
margin-bottom: 20px;
}
.simpli-info .quick-links {
list-style: none;
margin: 30px 0 0;
padding: 0;
}
.simpli-info .quick-links li {
display: inline-block;
padding: 0 10px 0 0;
}
.simpli-info .quick-links li a {
background-color: #f9f9f9;
display: inline-block;
border: 1px solid #ddd;
border-radius: 2px;
color: #333;
padding: 5px 10px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.simpli-info .quick-links li a i {
margin-right: 10px;
}
.simpli-info .quick-links li a:hover,
.simpli-info .quick-links li a:focus,
.simpli-info .quick-links li a:active {
background-color: #069;
border-color: #069;
color: #fff;
text-decoration: none;
}
#details .alert.alert-success {
padding: 24px;
text-align: left;
}
div#custom-style-preview {
top: 0;
height: 100%;
left: 340px;
width: calc(100vw - 470px);
}
joomla-tab-element#attrib-styles .j4 input.minicolors-input,
joomla-tab-element#attrib-layouts .j4 input.minicolors-input {
border-radius: 4px !important;
height: auto;
line-height: 1;
}
joomla-tab-element#attrib-styles .j4 div.minicolors-theme-bootstrap span.minicolors-swatch,
joomla-tab-element#attrib-layouts .j4 div.minicolors-theme-bootstrap span.minicolors-swatch {
border-radius: 4px !important;
height: 28px !important;
width: 28px !important;
}
joomla-tab-element#attrib-styles .options-form.j4,
joomla-tab-element#attrib-advanced .options-form.j4 {
border: 0;
padding: 0;
}
joomla-tab-element#attrib-styles .options-form.j4 > legend,
joomla-tab-element#attrib-advanced .options-form.j4 > legend {
display: none;
}
joomla-tab-element#attrib-layouts,
joomla-tab-element#attrib-advanced {
min-height: 50vh;
}
joomla-tab-element#attrib-layouts .j4,
joomla-tab-element#attrib-advanced .j4 {
border: 0;
}
joomla-tab-element#attrib-layouts .j4 > legend,
joomla-tab-element#attrib-advanced .j4 > legend {
display: none;
}
joomla-tab-element#attrib-layouts .j4 input[type="text"],
joomla-tab-element#attrib-advanced .j4 input[type="text"] {
height: auto;
}
joomla-tab-element#attrib-layouts .j4 .btn,
joomla-tab-element#attrib-advanced .j4 .btn {
height: auto;
border-color: rgba(0, 0, 0, 0.1);
}
joomla-tab-element#attrib-layouts .j4 .btn-success,
joomla-tab-element#attrib-advanced .j4 .btn-success {
background-color: #008c31;
border-color: rgba(0, 0, 0, 0.1);
}
joomla-tab-element#attrib-layouts .j4 .radio.btn-group input[type="radio"],
joomla-tab-element#attrib-advanced .j4 .radio.btn-group input[type="radio"] {
display: none;
height: auto;
}
joomla-tab-element#attrib-layouts .j4 .radio.btn-group input[type="radio"]:checked + .btn,
joomla-tab-element#attrib-advanced .j4 .radio.btn-group input[type="radio"]:checked + .btn {
background-color: #008c31;
color: #fff;
}
joomla-tab-element#attrib-layouts .j4 .btn-group.btn-group-yesno > .btn,
joomla-tab-element#attrib-advanced .j4 .btn-group.btn-group-yesno > .btn {
border-color: rgba(0, 0, 0, 0.1);
padding-top: 0;
padding-bottom: 0;
height: 36px;
line-height: 36px;
}
joomla-tab-element#attrib-advanced .sub-group-inner > .control-group > .controls {
padding-right: 20px;
}