%PDF- %PDF-
| Direktori : /home/lightco1/public_html/ilfanale.com.au/plugins/system/pagebuilder/assets/css/ |
| Current File : /home/lightco1/public_html/ilfanale.com.au/plugins/system/pagebuilder/assets/css/pagebuilder.css |
/**
* @version $Id$
* @package JSN_PageBuilder
* @author JoomlaShine Team <support@joomlashine.com>
* @copyright Copyright (C) 2012 JoomlaShine.com. All Rights Reserved.
* @license GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html
*
* Websites: http://www.joomlashine.com
* Technical Support: Feedback - http://www.joomlashine.com/contact-us/get-support.html
*/
.hidden {
display: none !important;
visibility: hidden !important;
}
.jsn-master .jsn-elementselector ul.jsn-items-list {
position: relative;
background: #e9e9e9 !important;
}
.add-field-dialog {
min-height: 300px;
position: absolute;
width: 600px;
z-index: 100000;
background: #e9e9e9;
}
.add-field-dialog .btn {
display: block;
text-align: left !important;
width: 100%;
}
#modalOptions .select-media-remove i {
margin: 0px;
}
.padTB0 {
padding-bottom: 0;
padding-top: 0;
}
.jsn-master .jsn-row-container > .jsn-iconbar {
right: -37px;
}
.jsn-master .jsn-row-container > .jsn-iconbar.left {
border-left: 1px solid #DDDDDD;
border-radius: 4px 0 0 4px;
border-right: medium none;
left: -35px;
width: 26px;
margin-top: 10px;
}
.jsn-master .jsn-pb-builder-wrapper .jsn-layout {
padding-left: 25px;
padding-top: 20px;
margin-right: 20px;
}
.jsn-master .jsn-column-container:last-child .ui-resizable-handle {
display: none !important;
}
.jsn-master .jsn-row-container .jsn-column-container {
box-sizing: border-box;
margin-left: 5.7px !important;
margin-right: 6px !important;
}
.jsn-master .ui-resizable-e {
right: -8px !important;
width: 5px !important;
}
.jsn-master .jsn-bootstrap .jsn-row-container.shortcode-container {
background-color: #FFFFFF;
}
.jsn-master #form-container .jsn-column {
background-color: #FFFFFF;
}
/*================================= COLOR PICKER =================================*/
.color-selector {
position: relative;
width: 36px;
height: 36px;
float: left;
top: -3px;
cursor: pointer;
}
.color-selector div {
position: absolute;
top: 3px;
left: 3px;
width: 30px;
height: 30px;
background: url(../images/select3.png) center;
}
.colorpicker input {
height: 15px;
line-height: 15px;
}
.jsn-master .colorpicker_field > input, .jsn-master .colorpicker_hex > input {
background: none;
height: 11px;
line-height: 10px;
font-size: 10px;
padding: 0px;
width: auto;
border: 1px solid rgba(0, 0, 0, 0);
}
.add-field-dialog .popover {
position: absolute;
width: 99%;
}
.pb_action_btn .dropdown-menu {
min-width: 120px;
}
.preview-container .preview-empty {
left: 25%;
position: absolute;
top: 32%;
}
/*================================= jsn-iconselector =================================*/
#modalOptions .jsn-iconselector .jsn-items-list {
height: 200px;
}
.jsn-master .jsn-items-list {
overflow: auto;
}
.jsn-master .jsn-item {
min-height: 16px;
}
.jsn-master .jsn-item:hover {
cursor: pointer !important;
}
/*================================= color_select2 =================================*/
.color_select2_item {
padding-right: 6px;
vertical-align: text-bottom;
}
/*================================= pb_dependency =================================*/
.jsn-bootstrap .pb_hidden_depend, .jsn-bootstrap .pb_hidden_depend2, .jsn-bootstrap .pb_hidden_depend_flag {
display: none;
}
/*================================= pb_tooltip =================================*/
#modalOptions #param-tooltip_content {
width: 540px;
}
#modalOptions .popover.left {
margin-left: 0px;
margin-top: 12px;
}
/*================================= pb_audio =================================*/
#parent-param-audio_source_link .input-append {
width: 95%;
}
/* EDITOR */
.pb-switcher-group.jsn-form-bar {
margin: 5px 0px;
}
/*** radio image ***/
.radio_image {
border: 2px solid #c3c3c3;
background: #fff;
float: left;
margin-left: -20px;
background-repeat: no-repeat;
}
input:checked + .radio_image {
border: 2px solid #08e;
}
.radio_image.jsn-icon-formfields {
font-size: 32px;
line-height: 1.4;
padding-left: 0;
padding-right: 0;
text-align: center;
}
/* === branding === */
#branding {
padding: 15px 0 0;
}
/** table shortcode **/
.table_wrapper {
width: 100%;
}
.table_action {
margin-right: 10px !important;
}
.table_element .controls {
margin-top: 20px;
}
.table_sc_action {
border: none !important;
}
.table_sc_action td {
border: none !important;
text-align: center !important;
}
#table_content {
border-bottom: none;
border-right: none;
border-top: none;
}
#table_content th {
border-top: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
min-width: 38px;
}
#table_content th * {
font-weight: bold;
}
.pb-delete-column-td {
border: none;
border-top: none !important;
background: #fff;
vertical-align: middle;
height: 39px;
width: 30px;
}
#table_content tr:nth-child(1) {
background: #ececec;
}
#table_content tr:last-child {
border-top: 1px solid #ddd;
}
#table_content tr:last-child td {
border: none;
border-top: 1px solid #ddd;
text-align: center;
}
#right_column {
margin-top: -40px;
}
#right_column tr th {
border-top: none;
}
/* === Message when deactivate Pagebuilder === */
#off-message {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#table_content .jsn-item-content {
text-align: center;
}
#table_content .jsn-item-content {
text-align: center;
}
/* === this overflow should be auto, not scroll === */
.jsn-master .jsn-items-list {
overflow: auto;
}
/* === REFINE === */
#table_content td {
vertical-align: middle;
width: 50%;
}
#modalOptions .controls .wysiwyg, #modalOptions .controls .wysiwyg iframe {
width: 99% !important;
}
#modalOptions .control-group .control-label {
width: 160px;
text-align: right !important;
}
.jsn-master {
min-height: 95%;
}
.jsn-bootstrap .jsn-bglabel {
background-position: center top;
background-repeat: no-repeat;
color: #D3D3D3;
font-size: 32px;
line-height: 1.5em;
text-align: center;
}
.jsn-bootstrap .jsn-bglabel > .jsn-icon64 {
display: block;
margin: 20px auto;
}
.jsn-master .wysiwyg-dialog-modal-div {
z-index: 9999;
}
.jsn-master .wysiwyg-dialog-modal-div .wysiwyg-dialog .wysiwyg-dialog-content form.wysiwyg .form-row {
max-width: 415px;
}
.jsn-bootstrap #jsn-module-container {
width: 100%;
}
.jsn-bootstrap #jsn-module-container div.jsn-item-type {
float: left;
height: 90px;
padding: 10px;
min-width: 220px;
width: 23% !important;
}
.jsn-bootstrap #jsn-module-container div.jsn-item-type div.editlinktip {
height: 65px;
padding: 12px;
width: 94.7%;
background: #fff;
border-color: #ccc;
}
.jsn-bootstrap #jsn-module-container div.jsn-item-type div.editlinktip span {
font-weight: bold;
line-height: 25px;
font-size: 14px;
color: #333333;
}
.jsn-bootstrap #jsn-module-container div.jsn-item-type div.btn {
text-align: left !important;
}
.jsn-bootstrap #jsn-module-container div.jsn-item-type div.editlinktip p {
height: 65px;
text-align: left !important;
font-size: 12px;
line-height: 20px;
color: #737373;
}
.jsn-bootstrap #jsn-module-container div.jsn-item-type div.editlinktip:hover,
.jsn-bootstrap #jsn-module-container div.jsn-item-type div.editlinktip:active {
background: #ebebeb;
border-color: #adadad;
}
.jsn-bootstrap .pagination-toolbar {
border: 1px dashed #ccc;
bottom: 0;
margin: 0;
position: relative;
text-align: center;
width: 100%;
}
.popover-content div.jsn-elementselector ul.jsn-items-list li.jsn-item button.btn {
-moz-user-select: none;
background-image: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: normal;
line-height: 1.42857;
margin-bottom: 0;
vertical-align: middle;
}
.popover-content div.jsn-elementselector ul.jsn-items-list li.jsn-item button.shortcode-item {
background-color: #ffffff;
border-color: #cccccc;
color: #333333;
}
.popover-content div.jsn-elementselector ul.jsn-items-list li.jsn-item button.shortcode-item:hover,
.popover-content div.jsn-elementselector ul.jsn-items-list li.jsn-item button.shortcode-item:active {
background-color: #ebebeb;
border-color: #adadad;
color: #333333;
}
.popover-content div.jsn-elementselector ul.jsn-items-list li.jsn-item button.shortcode-item p {
font-size: 12px;
color: #737373;
display: block;
}
#filter-bar {
margin-top: 0;
background: #fff;
width: 99%;
position: fixed;
opacity: 0.9;
}
.jsn-bootstrap {
padding-left: 10px;
}
#form-container {
height: 100%;
padding: 0;
}
.jsn-master.contentpane {
padding: 0;
}
#jsn-add-container {
background: none repeat scroll 0 0 #428bca;
color: #fff;
border: none !important;
}
/* Thumbnail for default layouts */
.pb-layout-thumbs {
overflow: hidden;
display: none;
border: 1px dashed #CCCCCC;
border-top: none;
border-radius: 0 0 3px 3px;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
display: block;
height: 0px;
opacity: 0;
}
.pb-layout-thumbs.open {
height: auto;
opacity: 1;
}
.pb-layout-thumbs .thumb-wrapper {
cursor: pointer;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
min-width: 9.09%;
font-size: 27px;
width: 59px;
float: left;
}
.pb-layout-thumbs .thumb-wrapper i {
color: #b5dbfb;
}
.pb-layout-thumbs .thumb-wrapper i:hover {
color: #428bca;
}
.sub-element-settings {
clear: both;
background: #FFF;
border-top: 1px solid #E0E0E0;
padding: 15px 30px 10px;
width: 100%;
}
.ig-label-prefix {
width: 40px !important;
font-style: normal;
}
.ig-label-prefix, .jsn-bootstrap3 .input-group-addon {
font-size: 12px;
}
.jsn-bootstrap3 .pb-element-container .jsn-bglabel {
background-position: center top;
background-repeat: no-repeat;
color: #d3d3d3;
font-family: Arial, Helvetica, sans-serif;
font-size: 32px !important;
line-height: 1.5em;
padding-top: 65px;
text-align: center;
}
#form-container {
height: 100%;
}
.jsn-bootstrap #form-container {
padding: 15px;
}
.jsn-master .row-fluid > .span3 {
margin-left: 2.5641% !important;
}
.item-container-content .jsn-element .element-drag {
width: 26px;
height: 37px;
position: relative;
top: -11px;
margin-right: 5px;
display: block;
float: left;
background: url(../images/icons-16/icon-drag-anchor-mini.png) no-repeat scroll 8px center rgba(0, 0, 0, 0);
cursor: move;
text-decoration: none;
}
#group_elements .element-drag {
height: 42px;
}
.item-container-content .jsn-element .jsn-item-content {
line-height: 22px;
}
.pb-plg-element {
font-weight: bold;
}
.pb-plg-element span {
font-weight: normal;
}
.pb-plg-element span i {
margin: 3px 9px 0 0;
}
.loading-bar {
background: url("../images/icons-16/icon-16-loading-circle.gif") no-repeat center center;
color: #888;
display: block;
margin: 0 auto;
padding: 10px;
text-align: center;
width: 20px;
height: 20px;
transition: all 0.1s ease-in-out 0s;
}
.jsn-bootstrap3 .text-center {
margin: 0 auto !important;
text-align: center;
}
.jsn-bootstrap3 .pb-element-container .alert {
float: left;
}
.jsn-bootstrap .jsn-tabs {
padding-right: 5px !important;
}
#pb-custom-css-box .css-files-container {
height: 120px;
}
.jsn-bootstrap3 .jsn-items-list {
border: 1px solid #ccc;
height: 200px;
margin: 0;
overflow-x: hidden;
overflow-y: scroll;
padding: 5px;
}
.jsn-bootstrap3 .jsn-items-list-container .jsn-buttonbar {
position: absolute;
right: 25px;
top: 0px;
}
.tooltip-toggle {
font-size: 13px !important;
margin-left: 10px;
}
.modal-content {
margin: 10px 18px;
margin-bottom: 30px !important;
}
.controls .sortable {
list-style: none;
}
#jsnconfig-extension-support-field .sortable {
padding: 10px;
margin: 0;
border: 1px solid #DDD;
list-style: none;
}
#jsnconfig-extension-support-field .sortable li {
padding: 8px 5px 5px 0;
}
#jsnconfig-extension-support-field .sortable li:hover {
background-color: #F5F5F5;
}
#jsnconfig-extension-support-field .sortable-handle {
width: 16px;
height: 12px;
float: left;
background: url(../images/icons-16/icon-drag-anchor-mini.png) center no-repeat;
cursor: move;
margin-top: 3px;
margin-right: 5px;
}
#jsnconfig-extension-support-field .checkbox {
padding-left: 40px;
min-height: 18px;
}
.jsn-page-manager {
padding-top: 15px;
}
.tab-content .pull-right {
margin-bottom: 5px;
}
.has_submodal .jsn-items-list .jsn-item {
background-color: #F5F5F5;
border: 1px solid #D9D9D9;
cursor: default;
margin: 8px 0 !important;
padding: 8px 0 0 !important;
border-radius: 3px;
list-style: none outside none;
}
.jsn-bootstrap #group_elements .jsn-item.ui-state-default {
min-height: 25px;
}
.jsn-bootstrap3 .pb-element-container .promo-box-shadow {
float: left;
}
.jsn-bootstrap3 .loginform .add-on {
padding: 5px 0px 21px 7px;
}
.jsn-master .jsn-iconselector .jsn-items-list li a [class^="icon-"], .jsn-master .jsn-iconselector .jsn-items-list li a [class^="fa-"] {
float: left;
margin-top: 7px;
}
.jsn-master .jsn-iconselector .jsn-items-list li a [class^="fa-"], .jsn-master .jsn-items-list .jsn-item .jsn-item-content i[class^="fa-"] {
margin-right: 10px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.jsn-master #icon_selector {
position: relative;
}
.jsn-master #icon_selector .jsn-items-list {
background: #f2f2f2;
}
.jsn-master #icon_selector .jsn-select-icon-pack {
position: absolute;
top: 4px;
}
.jsn-supported-ext-list .span4 {
width: 245px !important;
margin: 10px 10px !important;
}
.jsn-supported-ext-list .caption {
text-align: center;
position: relative;
}
#jsnconfig-extensionsmanager-field a.disabled:hover {
background-color: #15497c !important;
color: #fff !important;
padding: 10px 25px 0 25px;
text-shadow: none;
left: 10%;
right: 10%;
}
.jsn-bootstrap3.jsn-pagebuilder .carousel-caption {
background: rgba(0, 0, 0, 0.8);
padding: 10px 25px 0 25px;
text-shadow: none;
left: 10%;
right: 10%;
border-radius: 3px;
}
.jsn-bootstrap3 .carousel .carousel-caption p {
color: #aaaaaa;
font-size: 12px;
font-weight: normal;
line-height: 19px;
}
.jsn-master .ui-dialog {
padding: 0;
}
#parent-param-prtbl_item_table_atts .item-container .jsn-items-list .jsn-item {
padding: 8px 0 !important;
}
.jsn-master #jsn-footer .jsn-footer-menu a.label-important {
color: #fff;
}
#adminForm #k2Tabs ul.ui-tabs-nav li.ui-state-default a {
float: none;
padding: 0px 20px;
padding-top: 9px;
padding-bottom: 8px;
background-position: 2px 8px;
}
.jsn-master .jsn-bootstrap #modalOptions .controls .input-group-inline{
float: left;
margin-right: 6px;
margin-bottom: 6px;
line-height: 24px;
}
.jsn-master .jsn-bootstrap #modalOptions .controls .input-sm{
padding: 4px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.jsn-master .jsn-bootstrap3 #framePreview{
border: 1px solid #ccc;
border-radius: 5px;
padding: 15px;
}
.jsn-master .jsn-bootstrap3 .preview_title{
color: #333333;
font-size: 1.1em;
line-height: 35px;
padding: 0 5px;
font-weight: bold;
}
.jsn-master .jsn-tabs .jsn-buttonbar.pb_action_btn{
right: 6px;
}
.jsn-master .colorpicker{
z-index: 1054;
display: none;
}
.jsn-master .wysiwyg-dialog-modal-div .wysiwyg-dialog-content form.wysiwyg fieldset {
border: none;
}
.jsn-master .wysiwyg-dialog-content form.wysiwyg input {
margin: 5px;
padding: 5px;
width: 95%;
}
/*====================== Modal =====================*/
div#jsn_view_modal {
padding: 8px 2px;
}
div.pb-add-element {
background: #e9e9e9 !important;
padding: 0 !important;
/* height: auto !important;*/
}
div#settings-form-container {
padding-left: 3px;
}
.jsn-quick-search {
margin-top: 5px;
}
.jsn-master .ui-tabs .ui-tabs-nav {
border-radius: 0;
}
#modalOptions .jsn-tabs .tab-pane {
padding-top: 15px;
}
#parent-param-icon label.control-label {
margin-top: 3px;
}
/*==================== Icon Control ======================*/
.jsn-item .jsn-iconbar i {
margin-right: 0;
}
.jsn-master .jsn-items-list .jsn-item .jsn-item-content [class^="fa-"], .jsn-master .jsn-items-list .jsn-item .jsn-item-content [class*=" fa-"] {
margin-right: 8px;
}
/*==================== Icon Selector ======================*/
.jsn-master #modalOptions #icon_selector ul.jsn-items-list li.jsn-item a {
color: #333;
white-space: nowrap;
}
.jsn-master #modalOptions #icon_selector ul.jsn-items-list li.jsn-item {
display: inline-block;
border: medium none;
float: left;
padding: 0;
margin: 0 6px 5px 0;
width: 40px;
}
.jsn-master #modalOptions #icon_selector ul.jsn-items-list li.jsn-item a {
background: #fff;
border: 1px solid #ccc;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 3px;
padding: 0;
}
.jsn-master #modalOptions #icon_selector ul.jsn-items-list li.jsn-item a i {
float: none;
font-size: 15px;
margin-top: 0;
margin-right: 0;
}
.jsn-master #modalOptions #icon_selector ul.jsn-items-list li.jsn-item:first-child a i {
display: none;
}
.jsn-master #modalOptions #icon_selector ul.jsn-items-list li.jsn-item a:hover,
.jsn-master #modalOptions #icon_selector ul.jsn-items-list li.jsn-item a:active,
.jsn-master #modalOptions #icon_selector ul.jsn-items-list li.jsn-item.active a {
background: #0088CC !important;
border: 1px solid #0088CC;
color: #fff;
}
.category-list .content-category table a.hasTooltip {
display: inherit !important;
}
.jsn-master .ui-jce .ui-dialog .ui-dialog-titlebar-close {
display: block;
top: 50%;
}
.ui-jce .ui-dialog-buttonset .ui-button {
padding: 0;
}
.jsn-form-content input[type="text"] {
font-size: 13px;
margin-bottom: 9px;
}
.jsn-modal .jsn-bootstrap .form-horizontal .controls {
margin-left: 180px !important;
}
/*
#jsn-add-read-more {
background: none repeat scroll 0 0 #428bca;
color: #fff;
border: none !important;
}*/
.jscroll-inner {
overflow: hidden;
}
.jsn-bootstrap .jsn-add-more {
border: 1px dashed #bbb;
border-radius: 3px 3px 3px 3px;
color: #888;
display: block;
margin-top: 10px;
padding: 10px;
text-align: center;
background-color: rgba(255,255,255,0.7);
transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
}
.jsn-bootstrap .jsn-add-more:hover {
background-color: rgba(225,225,225,0.7);
color: #333;
text-decoration: none;
border-style: solid;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.jsn-bootstrap .jsn-add-more [class^="icon-"],
.jsn-bootstrap .jsn-add-more [class*=" icon-"] {
margin-right: 5px;
}
.filter-search {
width: 285px;
padding: 5px 20px;
overflow: hidden;
}
.filter-search #jsn-element-module-btn-reset {
float: right;
border-radius: 4px;
}
.clear{
clear:both;
}
.jsn-bootstrap .alert {
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
background-color: #fcf8e3;
border: 1px solid #faebcc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.jsn-bootstrap .alert-block {
padding-top: 14px;
padding-bottom: 14px;
text-align: center;
}