| Current Path : /home/azimutno/www/administrator/components/com_pagebuilder/assets/css/ |
| Current File : /home/azimutno/www/administrator/components/com_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;
}
.add-field-dialog {
min-height: 300px;
position: absolute;
width: 600px;
z-index: 100000;
}
.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: -44px;
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-row-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 red;
background: #08e;
}
/* === 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: 100% !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 .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;
}
.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;
}
.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;
width: 50%;
}
.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-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;
}
#pane_com_content .pull-right{
margin-bottom: 5px;
}