WordPress.org

Plugin Directory

Changeset 1323889


Ignore:
Timestamp:
01/08/16 10:30:30 (23 months ago)
Author:
kopatheme
Message:

Updated to new version

Location:
kopa-page-builder/trunk
Files:
9 edited

Legend:

Unmodified
Added
Removed
  • kopa-page-builder/trunk/css/style.css

    r1209395 r1323889  
    1 .kpb-row { margin-right: -6px; margin-left: -6px; } 
    2 .kpb-row:before, .kpb-row:after { display: table; content: " "; } 
    3 .kpb-row:after { clear: both; } 
    4  
    5 .kpb-section-placeholder > .kpb-row { margin-top: -12px; } 
    6 .kpb-section-placeholder > .kpb-row > div { margin-top: 12px; } 
    7  
    8 .kpb-content-box, .kpb-row { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } 
    9  
    10 .kpb-border-box, .kpb-col-1, .kpb-col-2, .kpb-col-3, .kpb-col-4, .kpb-col-5, .kpb-col-6, .kpb-col-7, .kpb-col-8, .kpb-col-9, .kpb-col-10, .kpb-col-11, .kpb-col-12 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
    11  
    12 .kpb-pull-right { float: right !important; } 
    13  
    14 .kpb-pull-left { float: left !important; } 
    15  
    16 .kpb-clearfix:before, .kpb-clearfix:after { display: table; content: " "; } 
    17 .kpb-clearfix:after { clear: both; } 
    18  
    19 .kpb-col-1, .kpb-col-2, .kpb-col-3, .kpb-col-4, .kpb-col-5, .kpb-col-6, .kpb-col-7, .kpb-col-8, .kpb-col-9, .kpb-col-10, .kpb-col-11, .kpb-col-12 { float: left; padding-left: 6px; padding-right: 6px; } 
    20  
    21 .kpb-col-12 { width: 100%; } 
    22  
    23 .kpb-col-11 { width: 91.66666666666666%; } 
    24  
    25 .kpb-col-10 { width: 83.33333333333334%; } 
    26  
    27 .kpb-col-9 { width: 75%; } 
    28  
    29 .kpb-col-8 { width: 66.66666666666666%; } 
    30  
    31 .kpb-col-7 { width: 58.333333333333336%; } 
    32  
    33 .kpb-col-6 { width: 50%; } 
    34  
    35 .kpb-col-5 { width: 41.66666666666667%; } 
    36  
    37 .kpb-col-4 { width: 33.33333333333333%; } 
    38  
    39 .kpb-col-3 { width: 25%; } 
    40  
    41 .kpb-col-2 { width: 16.666666666666664%; } 
    42  
    43 .kpb-col-1 { width: 8.333333333333332%; } 
    44  
    45 #poststuff #kopa_page_builder_meta_boxes .inside { margin-top: 12px; } 
    46  
    47 #kpb-widgets a, #kpb-widgets button, section.kpb-wrapper a, section.kpb-wrapper button, .kpb-customize a, .kpb-customize button { outer: none !important; box-shadow: none !important; } 
    48 #kpb-widgets a:focus, #kpb-widgets button:focus, section.kpb-wrapper a:focus, section.kpb-wrapper button:focus, .kpb-customize a:focus, .kpb-customize button:focus { box-shadow: none !important; } 
    49  
    50 header#kpb-wrapper-header { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #e5e5e5; } 
    51 header#kpb-wrapper-header.kpb-stuck { position: fixed; top: 32px; left: 0; right: 0px; width: 100%; height: 36px; line-height: 36px; background-color: rgba(255, 255, 255, 0.9); margin-bottom: 0px; padding-bottom: 0px; -webkit-box-shadow: 0 0 9px rgba(166, 166, 166, 0.75); -moz-box-shadow: 0 0 9px rgba(166, 166, 166, 0.75); box-shadow: 0 0 9px rgba(166, 166, 166, 0.75); border-bottom: none; padding-top: 6px; padding-left: 12px; padding-right: 12px; } 
    52 header#kpb-wrapper-header.kpb-stuck #kpb-button-save-layouts { margin-right: 48px; } 
    53 header#kpb-wrapper-header.kpb-stuck #kpb-select-layout { display: none; } 
    54  
    55 .kpb-preview-images { display: block; padding: 3px; border: 1px solid #e5e5e5; overflow: hidden; } 
    56 .kpb-preview-images img { width: 100%; max-width: 100%; } 
    57  
    58 aside.kpb-section { margin-top: 24px; border: 1px solid #158bc5; } 
    59 aside.kpb-section.kpb-first { margin-top: 0px; } 
    60 aside.kpb-section header.kpb-section-header { background-color: #158bc5; margin: -1px; border-bottom-color: #158bc5 !important; } 
    61 aside.kpb-section header.kpb-section-header label { color: white; text-transform: uppercase; font-size: 15px; font-weight: bold; } 
    62 aside.kpb-section .kpb-section-placeholder { padding: 0px 12px 12px 12px; } 
    63  
    64 .kpb-row-sub-area { margin-top: 24px; } 
    65 .kpb-row-sub-area.kpb-row-sub-area-first { margin-top: 0px; } 
    66  
    67 div.kpb-area { border: 1px solid #ececec; } 
    68 div.kpb-area header.kpb-area-header { background-color: #ececec; margin: -1px; } 
    69 div.kpb-area header.kpb-area-header label { font-size: 14px; text-transform: uppercase; font-style: bold; } 
    70 div.kpb-area .kpb-area-placeholder { padding: 6px 12px; min-height: 24px; } 
    71 div.kpb-area .kpb-area-placeholder .kpb-widget { cursor: move; background-color: #f8f8f8; border: 1px solid #e5e5e5; border-radius: 3px; } 
    72  
    73 #kpb-widgets { positions: relative; background-color: white; width: 70%; margin: 48px auto; } 
    74 #kpb-widgets #kpb-widgets-header { background-color: #ececec; } 
    75 #kpb-widgets .kpb-widgets-inner { padding: 12px; } 
    76 #kpb-widgets .kpb-row .kpb-widget { margin-top: 24px; } 
    77 #kpb-widgets .kpb-row.kpb-first .kpb-widget { margin-top: 0px; } 
    78 #kpb-widgets aside.kpb-widget .kpb-widget-inner { border: 1px solid #e5e5e5; } 
    79 #kpb-widgets aside.kpb-widget .kpb-widget-inner header { background-color: #f8f8f8; } 
    80 #kpb-widgets aside.kpb-widget .kpb-widget-inner .kpb-widget-description { padding: 6px; font-size: 85%; font-style: italic; color: #666; } 
    81  
    82 .kpb-widget-inner { overflow: hidden; } 
    83  
    84 #kpb-widget { positions: relative; background-color: white; width: 70%; margin: 48px auto; } 
    85 #kpb-widget #kpb-widget-header { background-color: #ececec; } 
    86 #kpb-widget .kpb-form-inner { margin-left: 24px; margin-right: 24px; } 
    87  
    88 .kpb-loading { font-style: italic; } 
    89  
    90 #kpb-metabox-loading-text { line-height: 16px; } 
    91 #kpb-metabox-loading-text img { height: 16px; width: 16px; display: block; float: left; margin: 0px; padding: 0px; } 
    92  
    93 .kpb-widget-sortable-placeholder { background: #F9F9F9; border: 1px solid #e5e5e5; border-radius: 3px; margin-bottom: 12px; } 
    94  
    95 #kpb-loading-overlay { display: block; position: fixed; bottom: 24px; right: -150px; height: 36px; line-height: 36px; width: 100px; z-index: 999999; background-color: #158bc5; color: #FFF; font-style: italic; padding: 0px 12px; -webkit-border-top-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomleft: 12px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } 
    96  
    97 .kpb-customize-lightbox { positions: relative; background-color: white; width: 70%; margin: 48px auto; } 
    98 .kpb-customize-lightbox header.kpb-customize-header .button-delete { margin-left: 12px; } 
    99 .kpb-customize-lightbox .kpb-form-inner { margin: 0px; } 
    100  
    101 .kpb-wrapper-configuration header { margin-bottom: -1px !important; } 
    102 .kpb-wrapper-configuration .kpb-wrapper-configuration-toggle { padding: 12px 24px; } 
    103 .kpb-wrapper-configuration nav ul { margin: 0px; list-style-type: none; } 
    104 .kpb-wrapper-configuration nav ul li { display: block; float: left; margin-bottom: 0px; padding-left: 12px; margin-left: 12px; border-left: 1px solid #e5e5e5; height: 24px; line-height: 24px; } 
    105 .kpb-wrapper-configuration nav ul li.kpb-tab-title-first { padding-left: 0px; margin-left: 0px; border-left: none; } 
    106 .kpb-wrapper-configuration nav ul li a { text-decoration: none; outline: none !important; } 
    107 .kpb-wrapper-configuration nav ul li.kpb-tab-title-active a { color: red; } 
    108 .kpb-wrapper-configuration .kpb-tab-content .kpb-control { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e5e5e5; } 
    109  
    110 .kpb-widget-customize .kpb-wrapper-configuration-toggle { padding: 0px !important; } 
    111  
    112 #kpb-button-hide-preview { margin-right: 24px; } 
    113  
    114 #kpb-button-customize { margin-left: 24px; } 
    115  
    116 #kpb-list-icon { margin-top: 24px; margin-bottom: 24px; } 
    117 #kpb-list-icon .kpb-ui-icon-item { text-align: center; margin-top: 24px; } 
    118 #kpb-list-icon .kpb-ui-icon-item a { display: inline-block; width: 24px; height: 24px; line-height: 24px; font-size: 16px; color: #000; border: 1px solid #e5e5e5; } 
    119 #kpb-list-icon .kpb-ui-icon-item a:hover { color: red; border-color: red; } 
    120  
    121 .kpb-list-blocks.kpb-list-blocks-first .kpb-list-blocks-caption { margin-top: 0px !important; } 
    122 .kpb-list-blocks .kpb-list-blocks-caption { margin-top: 24px; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 3px double #e5e5e5; } 
    123  
    124 .kpb-ui-image-outer .button { margin-left: 12px; } 
    125  
    126 .kpb-ui-image, .kpb-ui-image-preview { height: auto; width: 200px; max-width: 200px; } 
    127  
    128 .kpb-ui-number { width: 50px; } 
    129  
    130 .kpb-ui-textarea { width: 100%; } 
    131 .kpb-ui-textarea.kpb-ui-textarea-guide-line { background: url("../images/textarea.gif") top left repeat transparent; font-family: "Courier"; font-size: 95%; line-height: 21px; } 
    132  
    133 ._kpb_header, aside.kpb-section header.kpb-section-header, div.kpb-area header.kpb-area-header, div.kpb-area .kpb-area-placeholder .kpb-widget, #kpb-widgets #kpb-widgets-header, #kpb-widgets aside.kpb-widget .kpb-widget-inner header, #kpb-widget #kpb-widget-header, .kpb-customize-lightbox header.kpb-customize-header, .kpb-wrapper-configuration header, ._kpb_footer, #kpb-widget #kpb-widget-footer { padding: 6px 12px; line-height: 28px; } 
    134  
    135 ._kpb_header, aside.kpb-section header.kpb-section-header, div.kpb-area header.kpb-area-header, div.kpb-area .kpb-area-placeholder .kpb-widget, #kpb-widgets #kpb-widgets-header, #kpb-widgets aside.kpb-widget .kpb-widget-inner header, #kpb-widget #kpb-widget-header, .kpb-customize-lightbox header.kpb-customize-header, .kpb-wrapper-configuration header { margin-bottom: 12px; border-bottom: 1px solid #e5e5e5; } 
    136  
    137 ._kpb_footer, #kpb-widget #kpb-widget-footer { margin-top: 12px; border-top: 1px solid #e5e5e5; } 
    138  
    139 .kpb-active { display: block; } 
    140  
    141 .kpb-hidden { display: none; } 
    142  
    143 .kpb-img-responsive { display: block; height: auto; max-width: 100%; width: 100%; } 
    144  
    145 .button.button-link { border-color: transparent; box-shadow: none; font-style: italic; } 
    146  
    147 .button.button-delete { color: red; } 
    148  
    149 .kpb-button-customize { display: block; height: 18px; width: 18px; background: url("../images/customize.png") center center no-repeat transparent; margin-top: 6px; outer: none !important; box-shadow: none !important; } 
    150 .kpb-button-customize:hover { opacity: 0.8; } 
    151  
    152 .kpb-button-use, .kpb-button-add-widget { text-decoration: none; outer: none !important; box-shadow: none !important; font-style: italic; } 
    153  
    154 .kpb-button-edit, .kpb-button-delete { display: block; text-decoration: none; font-style: italic; } 
    155  
    156 .kpb-button-edit { margin-right: 6px; } 
    157  
    158 .kpb-button-delete { color: red; } 
    159  
    160 .kpb-button-use { color: #158bc5; } 
    161  
    162 .kpb-ui-help-text { margin-top: 12px; font-size: 90%; font-style: italic; } 
    163  
    164 #kpb-button-customize-layout { margin-right: 24px; } 
    165  
    166 #kpb-nav-list-blocks { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #e5e5e5; } 
     1.kpb-row { 
     2  margin-right: -6px; 
     3  margin-left: -6px; 
     4} 
     5.kpb-row:before, .kpb-row:after { 
     6  display: table; 
     7  content: " "; 
     8} 
     9.kpb-row:after { 
     10  clear: both; 
     11} 
     12 
     13.kpb-section-placeholder > .kpb-row { 
     14  margin-top: -12px; 
     15} 
     16.kpb-section-placeholder > .kpb-row > div { 
     17  margin-top: 12px; 
     18} 
     19 
     20.kpb-content-box, .kpb-row { 
     21  -webkit-box-sizing: content-box; 
     22  -moz-box-sizing: content-box; 
     23  box-sizing: content-box; 
     24} 
     25 
     26.kpb-border-box, .kpb-col-1, 
     27.kpb-col-2, 
     28.kpb-col-3, 
     29.kpb-col-4, 
     30.kpb-col-5, 
     31.kpb-col-6, 
     32.kpb-col-7, 
     33.kpb-col-8, 
     34.kpb-col-9, 
     35.kpb-col-10, 
     36.kpb-col-11, 
     37.kpb-col-12 { 
     38  -webkit-box-sizing: border-box; 
     39  -moz-box-sizing: border-box; 
     40  box-sizing: border-box; 
     41} 
     42 
     43.kpb-pull-right { 
     44  float: right !important; 
     45} 
     46 
     47.kpb-pull-left { 
     48  float: left !important; 
     49} 
     50 
     51.kpb-clearfix:before, .kpb-clearfix:after { 
     52  display: table; 
     53  content: " "; 
     54} 
     55.kpb-clearfix:after { 
     56  clear: both; 
     57} 
     58 
     59.kpb-col-1, 
     60.kpb-col-2, 
     61.kpb-col-3, 
     62.kpb-col-4, 
     63.kpb-col-5, 
     64.kpb-col-6, 
     65.kpb-col-7, 
     66.kpb-col-8, 
     67.kpb-col-9, 
     68.kpb-col-10, 
     69.kpb-col-11, 
     70.kpb-col-12 { 
     71  float: left; 
     72  padding-left: 6px; 
     73  padding-right: 6px; 
     74} 
     75 
     76.kpb-col-12 { 
     77  width: 100%; 
     78} 
     79 
     80.kpb-col-11 { 
     81  width: 91.66666666666666%; 
     82} 
     83 
     84.kpb-col-10 { 
     85  width: 83.33333333333334%; 
     86} 
     87 
     88.kpb-col-9 { 
     89  width: 75%; 
     90} 
     91 
     92.kpb-col-8 { 
     93  width: 66.66666666666666%; 
     94} 
     95 
     96.kpb-col-7 { 
     97  width: 58.333333333333336%; 
     98} 
     99 
     100.kpb-col-6 { 
     101  width: 50%; 
     102} 
     103 
     104.kpb-col-5 { 
     105  width: 41.66666666666667%; 
     106} 
     107 
     108.kpb-col-4 { 
     109  width: 33.33333333333333%; 
     110} 
     111 
     112.kpb-col-3 { 
     113  width: 25%; 
     114} 
     115 
     116.kpb-col-2 { 
     117  width: 16.666666666666664%; 
     118} 
     119 
     120.kpb-col-1 { 
     121  width: 8.333333333333332%; 
     122} 
     123 
     124#poststuff #kopa_page_builder_meta_boxes .inside { 
     125  margin-top: 12px; 
     126} 
     127 
     128#kpb-widgets a, #kpb-widgets button, 
     129section.kpb-wrapper a, 
     130section.kpb-wrapper button, 
     131.kpb-customize a, 
     132.kpb-customize button { 
     133  outer: none !important; 
     134  box-shadow: none !important; 
     135} 
     136#kpb-widgets a:focus, #kpb-widgets button:focus, 
     137section.kpb-wrapper a:focus, 
     138section.kpb-wrapper button:focus, 
     139.kpb-customize a:focus, 
     140.kpb-customize button:focus { 
     141  box-shadow: none !important; 
     142} 
     143 
     144header#kpb-wrapper-header { 
     145  margin-bottom: 12px; 
     146  padding-bottom: 12px; 
     147  border-bottom: 1px solid #e5e5e5; 
     148} 
     149header#kpb-wrapper-header.kpb-stuck { 
     150  position: fixed; 
     151  top: 32px; 
     152  left: 0; 
     153  right: 0px; 
     154  width: 100%; 
     155  height: 36px; 
     156  line-height: 36px; 
     157  background-color: rgba(255, 255, 255, 0.9); 
     158  margin-bottom: 0px; 
     159  padding-bottom: 0px; 
     160  -webkit-box-shadow: 0 0 9px rgba(166, 166, 166, 0.75); 
     161  -moz-box-shadow: 0 0 9px rgba(166, 166, 166, 0.75); 
     162  box-shadow: 0 0 9px rgba(166, 166, 166, 0.75); 
     163  border-bottom: none; 
     164  padding-top: 6px; 
     165  padding-left: 12px; 
     166  padding-right: 12px; 
     167} 
     168header#kpb-wrapper-header.kpb-stuck #kpb-button-save-layouts { 
     169  margin-right: 48px; 
     170} 
     171header#kpb-wrapper-header.kpb-stuck #kpb-select-layout { 
     172  display: none; 
     173} 
     174 
     175.kpb-preview-images { 
     176  display: block; 
     177  padding: 3px; 
     178  border: 1px solid #e5e5e5; 
     179  overflow: hidden; 
     180} 
     181.kpb-preview-images img { 
     182  width: 100%; 
     183  max-width: 100%; 
     184} 
     185 
     186aside.kpb-section { 
     187  margin-top: 24px; 
     188  border: 1px solid #158bc5; 
     189} 
     190aside.kpb-section.kpb-first { 
     191  margin-top: 0px; 
     192} 
     193aside.kpb-section header.kpb-section-header { 
     194  background-color: #158bc5; 
     195  margin: -1px; 
     196  border-bottom-color: #158bc5 !important; 
     197} 
     198aside.kpb-section header.kpb-section-header label { 
     199  color: white; 
     200  text-transform: uppercase; 
     201  font-size: 15px; 
     202  font-weight: bold; 
     203} 
     204aside.kpb-section .kpb-section-placeholder { 
     205  padding: 0px 12px 12px 12px; 
     206} 
     207 
     208.kpb-row-sub-area { 
     209  margin-top: 24px; 
     210} 
     211.kpb-row-sub-area.kpb-row-sub-area-first { 
     212  margin-top: 0px; 
     213} 
     214 
     215div.kpb-area { 
     216  border: 1px solid #ececec; 
     217} 
     218div.kpb-area header.kpb-area-header { 
     219  background-color: #ececec; 
     220  margin: -1px; 
     221} 
     222div.kpb-area header.kpb-area-header label { 
     223  font-size: 14px; 
     224  text-transform: uppercase; 
     225  font-style: bold; 
     226} 
     227div.kpb-area .kpb-area-placeholder { 
     228  padding: 6px 12px; 
     229  min-height: 24px; 
     230} 
     231div.kpb-area .kpb-area-placeholder .kpb-widget { 
     232  cursor: move; 
     233  background-color: #f8f8f8; 
     234  border: 1px solid #e5e5e5; 
     235  border-radius: 3px; 
     236} 
     237 
     238#kpb-widgets { 
     239  positions: relative; 
     240  background-color: white; 
     241  width: 70%; 
     242  margin: 48px auto; 
     243} 
     244#kpb-widgets #kpb-widgets-header { 
     245  background-color: #ececec; 
     246} 
     247#kpb-widgets .kpb-widgets-inner { 
     248  padding: 12px; 
     249} 
     250#kpb-widgets .kpb-row .kpb-widget { 
     251  margin-top: 24px; 
     252} 
     253#kpb-widgets .kpb-row.kpb-first .kpb-widget { 
     254  margin-top: 0px; 
     255} 
     256#kpb-widgets aside.kpb-widget .kpb-widget-inner { 
     257  border: 1px solid #e5e5e5; 
     258} 
     259#kpb-widgets aside.kpb-widget .kpb-widget-inner header { 
     260  background-color: #f8f8f8; 
     261} 
     262#kpb-widgets aside.kpb-widget .kpb-widget-inner .kpb-widget-description { 
     263  padding: 6px; 
     264  font-size: 85%; 
     265  font-style: italic; 
     266  color: #666; 
     267} 
     268 
     269.kpb-widget-inner { 
     270  overflow: hidden; 
     271} 
     272 
     273#kpb-widget { 
     274  positions: relative; 
     275  background-color: white; 
     276  width: 70%; 
     277  margin: 48px auto; 
     278} 
     279#kpb-widget #kpb-widget-header { 
     280  background-color: #ececec; 
     281} 
     282#kpb-widget .kpb-form-inner { 
     283  margin-left: 24px; 
     284  margin-right: 24px; 
     285} 
     286 
     287.kpb-loading { 
     288  font-style: italic; 
     289} 
     290 
     291#kpb-metabox-loading-text { 
     292  line-height: 16px; 
     293} 
     294#kpb-metabox-loading-text img { 
     295  height: 16px; 
     296  width: 16px; 
     297  display: block; 
     298  float: left; 
     299  margin: 0px; 
     300  padding: 0px; 
     301} 
     302 
     303.kpb-widget-sortable-placeholder { 
     304  background: #F9F9F9; 
     305  border: 1px solid #e5e5e5; 
     306  border-radius: 3px; 
     307  margin-bottom: 12px; 
     308} 
     309 
     310#kpb-loading-overlay { 
     311  display: block; 
     312  position: fixed; 
     313  bottom: 24px; 
     314  right: -150px; 
     315  height: 36px; 
     316  line-height: 36px; 
     317  width: 100px; 
     318  z-index: 999999; 
     319  background-color: #158bc5; 
     320  color: #FFF; 
     321  font-style: italic; 
     322  padding: 0px 12px; 
     323  -webkit-border-top-left-radius: 12px; 
     324  -webkit-border-bottom-left-radius: 12px; 
     325  -moz-border-radius-topleft: 12px; 
     326  -moz-border-radius-bottomleft: 12px; 
     327  border-top-left-radius: 12px; 
     328  border-bottom-left-radius: 12px; 
     329} 
     330 
     331.kpb-customize-lightbox { 
     332  positions: relative; 
     333  background-color: white; 
     334  width: 70%; 
     335  margin: 48px auto; 
     336} 
     337.kpb-customize-lightbox header.kpb-customize-header .button-delete { 
     338  margin-left: 12px; 
     339} 
     340.kpb-customize-lightbox .kpb-form-inner { 
     341  margin: 0px; 
     342} 
     343 
     344.kpb-wrapper-configuration header { 
     345  margin-bottom: -1px !important; 
     346} 
     347.kpb-wrapper-configuration .kpb-wrapper-configuration-toggle { 
     348  padding: 12px 24px; 
     349} 
     350.kpb-wrapper-configuration nav ul { 
     351  margin: 0px; 
     352  list-style-type: none; 
     353} 
     354.kpb-wrapper-configuration nav ul li { 
     355  display: block; 
     356  float: left; 
     357  margin-bottom: 0px; 
     358  padding-left: 12px; 
     359  margin-left: 12px; 
     360  border-left: 1px solid #e5e5e5; 
     361  height: 24px; 
     362  line-height: 24px; 
     363} 
     364.kpb-wrapper-configuration nav ul li.kpb-tab-title-first { 
     365  padding-left: 0px; 
     366  margin-left: 0px; 
     367  border-left: none; 
     368} 
     369.kpb-wrapper-configuration nav ul li a { 
     370  text-decoration: none; 
     371  outline: none !important; 
     372} 
     373.kpb-wrapper-configuration nav ul li.kpb-tab-title-active a { 
     374  color: red; 
     375} 
     376.kpb-wrapper-configuration .kpb-tab-content .kpb-control { 
     377  margin-top: 12px; 
     378  padding-top: 12px; 
     379  border-top: 1px solid #e5e5e5; 
     380} 
     381 
     382.kpb-widget-customize .kpb-wrapper-configuration-toggle { 
     383  padding: 0px !important; 
     384} 
     385 
     386#kpb-button-hide-preview { 
     387  margin-right: 24px; 
     388} 
     389 
     390#kpb-button-customize { 
     391  margin-left: 24px; 
     392} 
     393 
     394#kpb-list-icon { 
     395  margin-top: 24px; 
     396  margin-bottom: 24px; 
     397} 
     398#kpb-list-icon .kpb-ui-icon-item { 
     399  text-align: center; 
     400  margin-top: 24px; 
     401} 
     402#kpb-list-icon .kpb-ui-icon-item a { 
     403  display: inline-block; 
     404  width: 24px; 
     405  height: 24px; 
     406  line-height: 24px; 
     407  font-size: 16px; 
     408  color: #000; 
     409  border: 1px solid #e5e5e5; 
     410} 
     411#kpb-list-icon .kpb-ui-icon-item a:hover { 
     412  color: red; 
     413  border-color: red; 
     414} 
     415 
     416.kpb-list-blocks.kpb-list-blocks-first .kpb-list-blocks-caption { 
     417  margin-top: 0px !important; 
     418} 
     419.kpb-list-blocks .kpb-list-blocks-caption { 
     420  margin-top: 24px; 
     421  margin-bottom: 24px; 
     422  padding-bottom: 24px; 
     423  border-bottom: 3px double #e5e5e5; 
     424} 
     425 
     426.kpb-ui-image-outer .button { 
     427  margin-left: 12px; 
     428} 
     429 
     430.kpb-ui-image, 
     431.kpb-ui-image-preview { 
     432  height: auto; 
     433  width: 200px; 
     434  max-width: 200px; 
     435  border: 1px solid #dedede; 
     436  padding: 1px; 
     437} 
     438 
     439.kpb-ui-number { 
     440  width: 50px; 
     441} 
     442 
     443.kpb-ui-textarea { 
     444  width: 100%; 
     445} 
     446.kpb-ui-textarea.kpb-ui-textarea-guide-line { 
     447  background: url("../images/textarea.gif") top left repeat transparent; 
     448  font-family: "Courier"; 
     449  font-size: 95%; 
     450  line-height: 21px; 
     451} 
     452 
     453._kpb_header, aside.kpb-section header.kpb-section-header, div.kpb-area header.kpb-area-header, div.kpb-area .kpb-area-placeholder .kpb-widget, #kpb-widgets #kpb-widgets-header, #kpb-widgets aside.kpb-widget .kpb-widget-inner header, #kpb-widget #kpb-widget-header, .kpb-customize-lightbox header.kpb-customize-header, .kpb-wrapper-configuration header, 
     454._kpb_footer, 
     455#kpb-widget #kpb-widget-footer { 
     456  padding: 6px 12px; 
     457  line-height: 28px; 
     458} 
     459 
     460._kpb_header, aside.kpb-section header.kpb-section-header, div.kpb-area header.kpb-area-header, div.kpb-area .kpb-area-placeholder .kpb-widget, #kpb-widgets #kpb-widgets-header, #kpb-widgets aside.kpb-widget .kpb-widget-inner header, #kpb-widget #kpb-widget-header, .kpb-customize-lightbox header.kpb-customize-header, .kpb-wrapper-configuration header { 
     461  margin-bottom: 12px; 
     462  border-bottom: 1px solid #e5e5e5; 
     463} 
     464 
     465._kpb_footer, #kpb-widget #kpb-widget-footer { 
     466  margin-top: 12px; 
     467  border-top: 1px solid #e5e5e5; 
     468} 
     469 
     470.kpb-active { 
     471  display: block; 
     472} 
     473 
     474.kpb-hidden { 
     475  display: none; 
     476} 
     477 
     478.kpb-img-responsive { 
     479  display: block; 
     480  height: auto; 
     481  max-width: 100%; 
     482  width: 100%; 
     483} 
     484 
     485.button.button-link { 
     486  border-color: transparent; 
     487  box-shadow: none; 
     488  font-style: italic; 
     489} 
     490 
     491.button.button-delete { 
     492  color: red; 
     493} 
     494 
     495.kpb-button-customize { 
     496  display: block; 
     497  height: 18px; 
     498  width: 18px; 
     499  background: url("../images/customize.png") center center no-repeat transparent; 
     500  margin-top: 6px; 
     501  outer: none !important; 
     502  box-shadow: none !important; 
     503} 
     504.kpb-button-customize:hover { 
     505  opacity: 0.8; 
     506} 
     507 
     508.kpb-button-use, 
     509.kpb-button-add-widget { 
     510  text-decoration: none; 
     511  outer: none !important; 
     512  box-shadow: none !important; 
     513  font-style: italic; 
     514} 
     515 
     516.kpb-button-edit, 
     517.kpb-button-delete { 
     518  display: block; 
     519  text-decoration: none; 
     520  font-style: italic; 
     521} 
     522 
     523.kpb-button-edit { 
     524  margin-right: 6px; 
     525} 
     526 
     527.kpb-button-delete { 
     528  color: red; 
     529} 
     530 
     531.kpb-button-use { 
     532  color: #158bc5; 
     533} 
     534 
     535.kpb-ui-help-text { 
     536  margin-top: 12px; 
     537  font-size: 90%; 
     538  font-style: italic; 
     539} 
     540 
     541#kpb-button-customize-layout { 
     542  margin-right: 24px; 
     543} 
     544 
     545#kpb-nav-list-blocks { 
     546  margin-bottom: 24px; 
     547  padding-bottom: 24px; 
     548  border-bottom: 1px solid #e5e5e5; 
     549} 
     550 
     551.kpb-ui-alert { 
     552  display: block; 
     553  padding: 12px 24px; 
     554} 
     555.kpb-ui-alert.kpb-skin-info { 
     556  background-color: #fff176; 
     557  border: 1px solid #fdd835; 
     558  color: #333; 
     559  font-style: italic; 
     560} 
  • kopa-page-builder/trunk/css/style.min.css

    r1209395 r1323889  
    1 .kpb-row{margin-right:-6px;margin-left:-6px}.kpb-row:before,.kpb-row:after{display:table;content:" "}.kpb-row:after{clear:both}.kpb-section-placeholder>.kpb-row{margin-top:-12px}.kpb-section-placeholder>.kpb-row>div{margin-top:12px}.kpb-content-box,.kpb-row{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.kpb-border-box,.kpb-col-1,.kpb-col-2,.kpb-col-3,.kpb-col-4,.kpb-col-5,.kpb-col-6,.kpb-col-7,.kpb-col-8,.kpb-col-9,.kpb-col-10,.kpb-col-11,.kpb-col-12{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.kpb-pull-right{float:right !important}.kpb-pull-left{float:left !important}.kpb-clearfix:before,.kpb-clearfix:after{display:table;content:" "}.kpb-clearfix:after{clear:both}.kpb-col-1,.kpb-col-2,.kpb-col-3,.kpb-col-4,.kpb-col-5,.kpb-col-6,.kpb-col-7,.kpb-col-8,.kpb-col-9,.kpb-col-10,.kpb-col-11,.kpb-col-12{float:left;padding-left:6px;padding-right:6px}.kpb-col-12{width:100%}.kpb-col-11{width:91.66666666666666%}.kpb-col-10{width:83.33333333333334%}.kpb-col-9{width:75%}.kpb-col-8{width:66.66666666666666%}.kpb-col-7{width:58.333333333333336%}.kpb-col-6{width:50%}.kpb-col-5{width:41.66666666666667%}.kpb-col-4{width:33.33333333333333%}.kpb-col-3{width:25%}.kpb-col-2{width:16.666666666666664%}.kpb-col-1{width:8.333333333333332%}#poststuff #kopa_page_builder_meta_boxes .inside{margin-top:12px}#kpb-widgets a,#kpb-widgets button,section.kpb-wrapper a,section.kpb-wrapper button,.kpb-customize a,.kpb-customize button{outer:none !important;box-shadow:none !important}#kpb-widgets a:focus,#kpb-widgets button:focus,section.kpb-wrapper a:focus,section.kpb-wrapper button:focus,.kpb-customize a:focus,.kpb-customize button:focus{box-shadow:none !important}header#kpb-wrapper-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}header#kpb-wrapper-header.kpb-stuck{position:fixed;top:32px;left:0;right:0px;width:100%;height:36px;line-height:36px;background-color:rgba(255,255,255,0.9);margin-bottom:0px;padding-bottom:0px;-webkit-box-shadow:0 0 9px rgba(166,166,166,0.75);-moz-box-shadow:0 0 9px rgba(166,166,166,0.75);box-shadow:0 0 9px rgba(166,166,166,0.75);border-bottom:none;padding-top:6px;padding-left:12px;padding-right:12px}header#kpb-wrapper-header.kpb-stuck #kpb-button-save-layouts{margin-right:48px}header#kpb-wrapper-header.kpb-stuck #kpb-select-layout{display:none}.kpb-preview-images{display:block;padding:3px;border:1px solid #e5e5e5;overflow:hidden}.kpb-preview-images img{width:100%;max-width:100%}aside.kpb-section{margin-top:24px;border:1px solid #158bc5}aside.kpb-section.kpb-first{margin-top:0px}aside.kpb-section header.kpb-section-header{background-color:#158bc5;margin:-1px;border-bottom-color:#158bc5 !important}aside.kpb-section header.kpb-section-header label{color:#fff;text-transform:uppercase;font-size:15px;font-weight:bold}aside.kpb-section .kpb-section-placeholder{padding:0px 12px 12px 12px}.kpb-row-sub-area{margin-top:24px}.kpb-row-sub-area.kpb-row-sub-area-first{margin-top:0px}div.kpb-area{border:1px solid #ececec}div.kpb-area header.kpb-area-header{background-color:#ececec;margin:-1px}div.kpb-area header.kpb-area-header label{font-size:14px;text-transform:uppercase;font-style:bold}div.kpb-area .kpb-area-placeholder{padding:6px 12px;min-height:24px}div.kpb-area .kpb-area-placeholder .kpb-widget{cursor:move;background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius:3px}#kpb-widgets{positions:relative;background-color:#fff;width:70%;margin:48px auto}#kpb-widgets #kpb-widgets-header{background-color:#ececec}#kpb-widgets .kpb-widgets-inner{padding:12px}#kpb-widgets .kpb-row .kpb-widget{margin-top:24px}#kpb-widgets .kpb-row.kpb-first .kpb-widget{margin-top:0px}#kpb-widgets aside.kpb-widget .kpb-widget-inner{border:1px solid #e5e5e5}#kpb-widgets aside.kpb-widget .kpb-widget-inner header{background-color:#f8f8f8}#kpb-widgets aside.kpb-widget .kpb-widget-inner .kpb-widget-description{padding:6px;font-size:85%;font-style:italic;color:#666}.kpb-widget-inner{overflow:hidden}#kpb-widget{positions:relative;background-color:#fff;width:70%;margin:48px auto}#kpb-widget #kpb-widget-header{background-color:#ececec}#kpb-widget .kpb-form-inner{margin-left:24px;margin-right:24px}.kpb-loading{font-style:italic}#kpb-metabox-loading-text{line-height:16px}#kpb-metabox-loading-text img{height:16px;width:16px;display:block;float:left;margin:0px;padding:0px}.kpb-widget-sortable-placeholder{background:#F9F9F9;border:1px solid #e5e5e5;border-radius:3px;margin-bottom:12px}#kpb-loading-overlay{display:block;position:fixed;bottom:24px;right:-150px;height:36px;line-height:36px;width:100px;z-index:999999;background-color:#158bc5;color:#FFF;font-style:italic;padding:0px 12px;-webkit-border-top-left-radius:12px;-webkit-border-bottom-left-radius:12px;-moz-border-radius-topleft:12px;-moz-border-radius-bottomleft:12px;border-top-left-radius:12px;border-bottom-left-radius:12px}.kpb-customize-lightbox{positions:relative;background-color:#fff;width:70%;margin:48px auto}.kpb-customize-lightbox header.kpb-customize-header .button-delete{margin-left:12px}.kpb-customize-lightbox .kpb-form-inner{margin:0px}.kpb-wrapper-configuration header{margin-bottom:-1px !important}.kpb-wrapper-configuration .kpb-wrapper-configuration-toggle{padding:12px 24px}.kpb-wrapper-configuration nav ul{margin:0px;list-style-type:none}.kpb-wrapper-configuration nav ul li{display:block;float:left;margin-bottom:0px;padding-left:12px;margin-left:12px;border-left:1px solid #e5e5e5;height:24px;line-height:24px}.kpb-wrapper-configuration nav ul li.kpb-tab-title-first{padding-left:0px;margin-left:0px;border-left:none}.kpb-wrapper-configuration nav ul li a{text-decoration:none;outline:none !important}.kpb-wrapper-configuration nav ul li.kpb-tab-title-active a{color:red}.kpb-wrapper-configuration .kpb-tab-content .kpb-control{margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}.kpb-widget-customize .kpb-wrapper-configuration-toggle{padding:0px !important}#kpb-button-hide-preview{margin-right:24px}#kpb-button-customize{margin-left:24px}#kpb-list-icon{margin-top:24px;margin-bottom:24px}#kpb-list-icon .kpb-ui-icon-item{text-align:center;margin-top:24px}#kpb-list-icon .kpb-ui-icon-item a{display:inline-block;width:24px;height:24px;line-height:24px;font-size:16px;color:#000;border:1px solid #e5e5e5}#kpb-list-icon .kpb-ui-icon-item a:hover{color:red;border-color:red}.kpb-list-blocks.kpb-list-blocks-first .kpb-list-blocks-caption{margin-top:0px !important}.kpb-list-blocks .kpb-list-blocks-caption{margin-top:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:3px double #e5e5e5}.kpb-ui-image-outer .button{margin-left:12px}.kpb-ui-image,.kpb-ui-image-preview{height:auto;width:200px;max-width:200px}.kpb-ui-number{width:50px}.kpb-ui-textarea{width:100%}.kpb-ui-textarea.kpb-ui-textarea-guide-line{background:url("../images/textarea.gif") top left repeat transparent;font-family:"Courier";font-size:95%;line-height:21px}._kpb_header,aside.kpb-section header.kpb-section-header,div.kpb-area header.kpb-area-header,div.kpb-area .kpb-area-placeholder .kpb-widget,#kpb-widgets #kpb-widgets-header,#kpb-widgets aside.kpb-widget .kpb-widget-inner header,#kpb-widget #kpb-widget-header,.kpb-customize-lightbox header.kpb-customize-header,.kpb-wrapper-configuration header,._kpb_footer,#kpb-widget #kpb-widget-footer{padding:6px 12px;line-height:28px}._kpb_header,aside.kpb-section header.kpb-section-header,div.kpb-area header.kpb-area-header,div.kpb-area .kpb-area-placeholder .kpb-widget,#kpb-widgets #kpb-widgets-header,#kpb-widgets aside.kpb-widget .kpb-widget-inner header,#kpb-widget #kpb-widget-header,.kpb-customize-lightbox header.kpb-customize-header,.kpb-wrapper-configuration header{margin-bottom:12px;border-bottom:1px solid #e5e5e5}._kpb_footer,#kpb-widget #kpb-widget-footer{margin-top:12px;border-top:1px solid #e5e5e5}.kpb-active{display:block}.kpb-hidden{display:none}.kpb-img-responsive{display:block;height:auto;max-width:100%;width:100%}.button.button-link{border-color:transparent;box-shadow:none;font-style:italic}.button.button-delete{color:red}.kpb-button-customize{display:block;height:18px;width:18px;background:url("../images/customize.png") center center no-repeat transparent;margin-top:6px;outer:none !important;box-shadow:none !important}.kpb-button-customize:hover{opacity:0.8}.kpb-button-use,.kpb-button-add-widget{text-decoration:none;outer:none !important;box-shadow:none !important;font-style:italic}.kpb-button-edit,.kpb-button-delete{display:block;text-decoration:none;font-style:italic}.kpb-button-edit{margin-right:6px}.kpb-button-delete{color:red}.kpb-button-use{color:#158bc5}.kpb-ui-help-text{margin-top:12px;font-size:90%;font-style:italic}#kpb-button-customize-layout{margin-right:24px}#kpb-nav-list-blocks{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e5e5} 
     1.kpb-row{margin-right:-6px;margin-left:-6px}.kpb-row:before,.kpb-row:after{display:table;content:" "}.kpb-row:after{clear:both}.kpb-section-placeholder>.kpb-row{margin-top:-12px}.kpb-section-placeholder>.kpb-row>div{margin-top:12px}.kpb-content-box,.kpb-row{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.kpb-border-box,.kpb-col-1,.kpb-col-2,.kpb-col-3,.kpb-col-4,.kpb-col-5,.kpb-col-6,.kpb-col-7,.kpb-col-8,.kpb-col-9,.kpb-col-10,.kpb-col-11,.kpb-col-12{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.kpb-pull-right{float:right !important}.kpb-pull-left{float:left !important}.kpb-clearfix:before,.kpb-clearfix:after{display:table;content:" "}.kpb-clearfix:after{clear:both}.kpb-col-1,.kpb-col-2,.kpb-col-3,.kpb-col-4,.kpb-col-5,.kpb-col-6,.kpb-col-7,.kpb-col-8,.kpb-col-9,.kpb-col-10,.kpb-col-11,.kpb-col-12{float:left;padding-left:6px;padding-right:6px}.kpb-col-12{width:100%}.kpb-col-11{width:91.66666666666666%}.kpb-col-10{width:83.33333333333334%}.kpb-col-9{width:75%}.kpb-col-8{width:66.66666666666666%}.kpb-col-7{width:58.333333333333336%}.kpb-col-6{width:50%}.kpb-col-5{width:41.66666666666667%}.kpb-col-4{width:33.33333333333333%}.kpb-col-3{width:25%}.kpb-col-2{width:16.666666666666664%}.kpb-col-1{width:8.333333333333332%}#poststuff #kopa_page_builder_meta_boxes .inside{margin-top:12px}#kpb-widgets a,#kpb-widgets button,section.kpb-wrapper a,section.kpb-wrapper button,.kpb-customize a,.kpb-customize button{outer:none !important;box-shadow:none !important}#kpb-widgets a:focus,#kpb-widgets button:focus,section.kpb-wrapper a:focus,section.kpb-wrapper button:focus,.kpb-customize a:focus,.kpb-customize button:focus{box-shadow:none !important}header#kpb-wrapper-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}header#kpb-wrapper-header.kpb-stuck{position:fixed;top:32px;left:0;right:0px;width:100%;height:36px;line-height:36px;background-color:rgba(255,255,255,0.9);margin-bottom:0px;padding-bottom:0px;-webkit-box-shadow:0 0 9px rgba(166,166,166,0.75);-moz-box-shadow:0 0 9px rgba(166,166,166,0.75);box-shadow:0 0 9px rgba(166,166,166,0.75);border-bottom:none;padding-top:6px;padding-left:12px;padding-right:12px}header#kpb-wrapper-header.kpb-stuck #kpb-button-save-layouts{margin-right:48px}header#kpb-wrapper-header.kpb-stuck #kpb-select-layout{display:none}.kpb-preview-images{display:block;padding:3px;border:1px solid #e5e5e5;overflow:hidden}.kpb-preview-images img{width:100%;max-width:100%}aside.kpb-section{margin-top:24px;border:1px solid #158bc5}aside.kpb-section.kpb-first{margin-top:0px}aside.kpb-section header.kpb-section-header{background-color:#158bc5;margin:-1px;border-bottom-color:#158bc5 !important}aside.kpb-section header.kpb-section-header label{color:#fff;text-transform:uppercase;font-size:15px;font-weight:bold}aside.kpb-section .kpb-section-placeholder{padding:0px 12px 12px 12px}.kpb-row-sub-area{margin-top:24px}.kpb-row-sub-area.kpb-row-sub-area-first{margin-top:0px}div.kpb-area{border:1px solid #ececec}div.kpb-area header.kpb-area-header{background-color:#ececec;margin:-1px}div.kpb-area header.kpb-area-header label{font-size:14px;text-transform:uppercase;font-style:bold}div.kpb-area .kpb-area-placeholder{padding:6px 12px;min-height:24px}div.kpb-area .kpb-area-placeholder .kpb-widget{cursor:move;background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius:3px}#kpb-widgets{positions:relative;background-color:#fff;width:70%;margin:48px auto}#kpb-widgets #kpb-widgets-header{background-color:#ececec}#kpb-widgets .kpb-widgets-inner{padding:12px}#kpb-widgets .kpb-row .kpb-widget{margin-top:24px}#kpb-widgets .kpb-row.kpb-first .kpb-widget{margin-top:0px}#kpb-widgets aside.kpb-widget .kpb-widget-inner{border:1px solid #e5e5e5}#kpb-widgets aside.kpb-widget .kpb-widget-inner header{background-color:#f8f8f8}#kpb-widgets aside.kpb-widget .kpb-widget-inner .kpb-widget-description{padding:6px;font-size:85%;font-style:italic;color:#666}.kpb-widget-inner{overflow:hidden}#kpb-widget{positions:relative;background-color:#fff;width:70%;margin:48px auto}#kpb-widget #kpb-widget-header{background-color:#ececec}#kpb-widget .kpb-form-inner{margin-left:24px;margin-right:24px}.kpb-loading{font-style:italic}#kpb-metabox-loading-text{line-height:16px}#kpb-metabox-loading-text img{height:16px;width:16px;display:block;float:left;margin:0px;padding:0px}.kpb-widget-sortable-placeholder{background:#F9F9F9;border:1px solid #e5e5e5;border-radius:3px;margin-bottom:12px}#kpb-loading-overlay{display:block;position:fixed;bottom:24px;right:-150px;height:36px;line-height:36px;width:100px;z-index:999999;background-color:#158bc5;color:#FFF;font-style:italic;padding:0px 12px;-webkit-border-top-left-radius:12px;-webkit-border-bottom-left-radius:12px;-moz-border-radius-topleft:12px;-moz-border-radius-bottomleft:12px;border-top-left-radius:12px;border-bottom-left-radius:12px}.kpb-customize-lightbox{positions:relative;background-color:#fff;width:70%;margin:48px auto}.kpb-customize-lightbox header.kpb-customize-header .button-delete{margin-left:12px}.kpb-customize-lightbox .kpb-form-inner{margin:0px}.kpb-wrapper-configuration header{margin-bottom:-1px !important}.kpb-wrapper-configuration .kpb-wrapper-configuration-toggle{padding:12px 24px}.kpb-wrapper-configuration nav ul{margin:0px;list-style-type:none}.kpb-wrapper-configuration nav ul li{display:block;float:left;margin-bottom:0px;padding-left:12px;margin-left:12px;border-left:1px solid #e5e5e5;height:24px;line-height:24px}.kpb-wrapper-configuration nav ul li.kpb-tab-title-first{padding-left:0px;margin-left:0px;border-left:none}.kpb-wrapper-configuration nav ul li a{text-decoration:none;outline:none !important}.kpb-wrapper-configuration nav ul li.kpb-tab-title-active a{color:red}.kpb-wrapper-configuration .kpb-tab-content .kpb-control{margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}.kpb-widget-customize .kpb-wrapper-configuration-toggle{padding:0px !important}#kpb-button-hide-preview{margin-right:24px}#kpb-button-customize{margin-left:24px}#kpb-list-icon{margin-top:24px;margin-bottom:24px}#kpb-list-icon .kpb-ui-icon-item{text-align:center;margin-top:24px}#kpb-list-icon .kpb-ui-icon-item a{display:inline-block;width:24px;height:24px;line-height:24px;font-size:16px;color:#000;border:1px solid #e5e5e5}#kpb-list-icon .kpb-ui-icon-item a:hover{color:red;border-color:red}.kpb-list-blocks.kpb-list-blocks-first .kpb-list-blocks-caption{margin-top:0px !important}.kpb-list-blocks .kpb-list-blocks-caption{margin-top:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:3px double #e5e5e5}.kpb-ui-image-outer .button{margin-left:12px}.kpb-ui-image,.kpb-ui-image-preview{height:auto;width:200px;max-width:200px;border:1px solid #dedede;padding:1px}.kpb-ui-number{width:50px}.kpb-ui-textarea{width:100%}.kpb-ui-textarea.kpb-ui-textarea-guide-line{background:url("../images/textarea.gif") top left repeat transparent;font-family:"Courier";font-size:95%;line-height:21px}._kpb_header,aside.kpb-section header.kpb-section-header,div.kpb-area header.kpb-area-header,div.kpb-area .kpb-area-placeholder .kpb-widget,#kpb-widgets #kpb-widgets-header,#kpb-widgets aside.kpb-widget .kpb-widget-inner header,#kpb-widget #kpb-widget-header,.kpb-customize-lightbox header.kpb-customize-header,.kpb-wrapper-configuration header,._kpb_footer,#kpb-widget #kpb-widget-footer{padding:6px 12px;line-height:28px}._kpb_header,aside.kpb-section header.kpb-section-header,div.kpb-area header.kpb-area-header,div.kpb-area .kpb-area-placeholder .kpb-widget,#kpb-widgets #kpb-widgets-header,#kpb-widgets aside.kpb-widget .kpb-widget-inner header,#kpb-widget #kpb-widget-header,.kpb-customize-lightbox header.kpb-customize-header,.kpb-wrapper-configuration header{margin-bottom:12px;border-bottom:1px solid #e5e5e5}._kpb_footer,#kpb-widget #kpb-widget-footer{margin-top:12px;border-top:1px solid #e5e5e5}.kpb-active{display:block}.kpb-hidden{display:none}.kpb-img-responsive{display:block;height:auto;max-width:100%;width:100%}.button.button-link{border-color:transparent;box-shadow:none;font-style:italic}.button.button-delete{color:red}.kpb-button-customize{display:block;height:18px;width:18px;background:url("../images/customize.png") center center no-repeat transparent;margin-top:6px;outer:none !important;box-shadow:none !important}.kpb-button-customize:hover{opacity:0.8}.kpb-button-use,.kpb-button-add-widget{text-decoration:none;outer:none !important;box-shadow:none !important;font-style:italic}.kpb-button-edit,.kpb-button-delete{display:block;text-decoration:none;font-style:italic}.kpb-button-edit{margin-right:6px}.kpb-button-delete{color:red}.kpb-button-use{color:#158bc5}.kpb-ui-help-text{margin-top:12px;font-size:90%;font-style:italic}#kpb-button-customize-layout{margin-right:24px}#kpb-nav-list-blocks{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.kpb-ui-alert{display:block;padding:12px 24px}.kpb-ui-alert.kpb-skin-info{background-color:#fff176;border:1px solid #fdd835;color:#333;font-style:italic} 
  • kopa-page-builder/trunk/css/style.scss

    r1209395 r1323889  
    478478    width: 200px; 
    479479    max-width: 200px; 
     480    border: 1px solid #dedede; 
     481    padding: 1px; 
    480482} 
    481483 
     
    588590    border-bottom: 1px solid $border; 
    589591} 
     592 
     593.kpb-ui-alert{ 
     594    display: block;  
     595    padding: 12px 24px; 
     596 
     597    &.kpb-skin-info{ 
     598        background-color: #fff176; 
     599        border: 1px solid #fdd835; 
     600        color: #333; 
     601        font-style: italic;      
     602    } 
     603} 
  • kopa-page-builder/trunk/js/script.coffee

    r1209395 r1323889  
    196196                    return 
    197197                close: () -> 
    198                     jQuery(lightbox).hide() 
     198                    Kopa_Page_Builder.close_widget(event) 
    199199                    return 
    200200            modal: true 
     
    240240                    return 
    241241                close: () -> 
    242                     jQuery(lightbox).hide() 
     242                    Kopa_Page_Builder.close_widget(event) 
    243243                    return 
    244244            modal: true 
     
    282282            success: (responseText, statusText, xhr, $form) -> 
    283283                if responseText 
    284                     lightbox = '#kpb-widget-lightbox' 
    285                     jQuery(lightbox).hide() 
    286                     jQuery.magnificPopup.close() 
    287  
    288284                    if 'add' == jQuery('#kpb-widget input[name=kpb-widget-action]').val() 
    289285                        kpb_current_sidebar.find('.kpb-area-placeholder').append responseText 
     286                        jQuery('#kpb-widget input[name=kpb-widget-action]').val 'edit' 
    290287                    else 
    291288                        if kpb_current_widget 
    292                             kpb_current_widget.find('label').text responseText 
    293  
    294                     jQuery('#kpb-widget-title').text '' 
    295                     jQuery('#kpb-widget input[name=kpb-widget-class-name]').val ''               
    296                     jQuery('#kpb-widget input[name=kpb-widget-action]').val 'add' 
    297                     jQuery('#kpb-widget input[name=kpb-widget-id]').val ''                   
    298                     jQuery('#kpb-widget input[name=kpb-widget-name]').val ''                                         
    299  
    300                 Kopa_Page_Builder.close_widget(event) 
     289                            kpb_current_widget.find('label').text responseText                                   
     290                 
    301291                jQuery('#kpb-button-save-layouts').click() 
    302292 
     
    309299        jQuery('#kpb-widget .kpb-form-inner').html '<center class="kpb-loading">' + KPB.i18n.loading + '</center>' 
    310300        Kopa_Page_Builder.hide_overlay_loading() 
     301 
     302        jQuery('#kpb-widget-title').text '' 
     303        jQuery('#kpb-widget input[name=kpb-widget-class-name]').val ''               
     304        jQuery('#kpb-widget input[name=kpb-widget-action]').val 'add' 
     305        jQuery('#kpb-widget input[name=kpb-widget-id]').val ''                   
     306        jQuery('#kpb-widget input[name=kpb-widget-name]').val ''     
    311307        return 
    312308 
  • kopa-page-builder/trunk/js/script.js

    r1209395 r1323889  
    198198        }, 
    199199        close: function() { 
    200           jQuery(lightbox).hide(); 
     200          Kopa_Page_Builder.close_widget(event); 
    201201        } 
    202202      }, 
     
    244244        }, 
    245245        close: function() { 
    246           jQuery(lightbox).hide(); 
     246          Kopa_Page_Builder.close_widget(event); 
    247247        } 
    248248      }, 
     
    286286      beforeSubmit: function(arr, $form, options) {}, 
    287287      success: function(responseText, statusText, xhr, $form) { 
    288         var lightbox; 
    289288        if (responseText) { 
    290           lightbox = '#kpb-widget-lightbox'; 
    291           jQuery(lightbox).hide(); 
    292           jQuery.magnificPopup.close(); 
    293289          if ('add' === jQuery('#kpb-widget input[name=kpb-widget-action]').val()) { 
    294290            kpb_current_sidebar.find('.kpb-area-placeholder').append(responseText); 
     291            jQuery('#kpb-widget input[name=kpb-widget-action]').val('edit'); 
    295292          } else { 
    296293            if (kpb_current_widget) { 
     
    298295            } 
    299296          } 
    300           jQuery('#kpb-widget-title').text(''); 
    301           jQuery('#kpb-widget input[name=kpb-widget-class-name]').val(''); 
    302           jQuery('#kpb-widget input[name=kpb-widget-action]').val('add'); 
    303           jQuery('#kpb-widget input[name=kpb-widget-id]').val(''); 
    304           jQuery('#kpb-widget input[name=kpb-widget-name]').val(''); 
    305         } 
    306         Kopa_Page_Builder.close_widget(event); 
     297        } 
    307298        jQuery('#kpb-button-save-layouts').click(); 
    308299      } 
     
    314305    jQuery('#kpb-widget .kpb-form-inner').html('<center class="kpb-loading">' + KPB.i18n.loading + '</center>'); 
    315306    Kopa_Page_Builder.hide_overlay_loading(); 
     307    jQuery('#kpb-widget-title').text(''); 
     308    jQuery('#kpb-widget input[name=kpb-widget-class-name]').val(''); 
     309    jQuery('#kpb-widget input[name=kpb-widget-action]').val('add'); 
     310    jQuery('#kpb-widget input[name=kpb-widget-id]').val(''); 
     311    jQuery('#kpb-widget input[name=kpb-widget-name]').val(''); 
    316312  }, 
    317313  save_layout: function(event, obj) { 
  • kopa-page-builder/trunk/js/script.min.js

    r1209395 r1323889  
    1 var Kopa_Page_Builder,kpb_current_sidebar,kpb_current_widget,kpb_media,kpb_media_button_reset,kpb_media_button_upload;jQuery(document).ready(function(){Kopa_Page_Builder.load_lightbox_html()}),jQuery(window).load(function(){}),kpb_current_widget={},kpb_current_sidebar={},kpb_media=!1,kpb_media_button_upload={},kpb_media_button_reset={},Kopa_Page_Builder={init_effect:function(){Kopa_Page_Builder.init_sortable(),Kopa_Page_Builder.init_section_tab(),Kopa_Page_Builder.sticky_header(),Kopa_Page_Builder.open_media_center(),jQuery(".kpb-ui-color").wpColorPicker()},load_lightbox_html:function(){jQuery.ajax({beforeSend:function(){},success:function(e){jQuery("body").append(e),jQuery("#kpb-metabox-loading-text").remove(),jQuery("#kpb-wrapper").show(),Kopa_Page_Builder.init_effect()},url:KPB.ajax,dataType:"html",type:"POST",async:!0,data:{action:"kpb_load_lightbox_html",security:jQuery("#kpb_load_lightbox_html_security").val(),post_id:jQuery("#post_ID").val()}})},main_form_submit:function(){jQuery("form#post").length>0&&jQuery("form#post").on("submit",function(){return jQuery("#kpb-button-save-layouts").click()})},sticky_header:function(){"1"===KPB.is_sticky_toolbar&&jQuery("#kpb-wrapper-header").waypoint("sticky",{direction:"down",stuckClass:"kpb-stuck",wrapper:'<div class="kpb-wrapper-header-sticky" />'})},open_customize_layout:function(e){var t;e.preventDefault(),t="#kpb-layout-customize-lightbox-"+jQuery("#kpb-select-layout option:selected").val(),jQuery.magnificPopup.open({callbacks:{open:function(){jQuery(t).show()},close:function(){jQuery(t).hide()}},modal:!0,preloader:!0,alignTop:!0,items:{src:t,type:"inline"}})},save_layout_customize:function(e,t,a){e.preventDefault(),Kopa_Page_Builder.show_overlay_loading(),t.ajaxSubmit({beforeSubmit:function(){},success:function(){Kopa_Page_Builder.hide_overlay_loading()},data:{post_id:a}})},close_layout_customize:function(e){e.preventDefault(),Kopa_Page_Builder.close_widget(e)},open_customize:function(e,t,a,i){var n;e.preventDefault(),n="#kpb-customize-lightbox-"+a+"-"+i,jQuery.magnificPopup.open({callbacks:{open:function(){jQuery(n).show()},close:function(){jQuery(n).hide()}},modal:!0,preloader:!0,alignTop:!0,items:{src:n,type:"inline"}})},save_customize:function(e,t,a){e.preventDefault(),Kopa_Page_Builder.show_overlay_loading(),t.ajaxSubmit({beforeSubmit:function(){},success:function(){Kopa_Page_Builder.hide_overlay_loading()},data:{post_id:a}})},close_customize:function(e){e.preventDefault(),Kopa_Page_Builder.close_widget(e)},open_list_widgets:function(e,t){var a;e.preventDefault(),kpb_current_sidebar=t.parents(".kpb-area"),a="#kpb-widgets-lightbox",jQuery.magnificPopup.open({callbacks:{open:function(){jQuery(a).show()},close:function(){jQuery(a).hide()}},modal:!0,preloader:!0,alignTop:!0,items:{src:a,type:"inline"}})},close_list_widgets:function(e){e.preventDefault(),jQuery.magnificPopup.close()},add_widget:function(e,t,a,i){var n;e.preventDefault(),Kopa_Page_Builder.close_list_widgets(e),n="#kpb-widget-lightbox",jQuery.magnificPopup.open({callbacks:{open:function(){jQuery(n).show(),jQuery("#kpb-widget-title").text(i),jQuery("#kpb-widget input[name=kpb-widget-class-name]").val(a),jQuery("#kpb-widget input[name=kpb-widget-name]").val(i),jQuery("#kpb-widget input[name=kpb-widget-action]").val("add"),jQuery("#kpb-widget input[name=kpb-widget-id]").val(Kopa_Page_Builder.get_random_id("widget-")),jQuery.ajax({success:function(e){jQuery("#kpb-widget .kpb-form-inner").html(e),Kopa_Page_Builder.open_media_center(),jQuery(".kpb-ui-color").wpColorPicker()},url:KPB.ajax,dataType:"html",type:"POST",async:!0,data:{action:"kpb_get_widget_form",security:jQuery("#kpb_get_widget_form_security").val(),class_name:a}})},close:function(){jQuery(n).hide()}},modal:!0,preloader:!0,alignTop:!0,items:{src:n,type:"inline"}})},edit_widget:function(e,t,a){var i;e.preventDefault(),kpb_current_widget=t.parents(".kpb-widget"),i="#kpb-widget-lightbox",jQuery.magnificPopup.open({callbacks:{open:function(){jQuery(i).show(),jQuery("#kpb-widget-title").text(kpb_current_widget.find("label").text()),jQuery("#kpb-widget input[name=kpb-widget-class-name]").val(kpb_current_widget.attr("data-class")),jQuery("#kpb-widget input[name=kpb-widget-name]").val(kpb_current_widget.attr("data-name")),jQuery("#kpb-widget input[name=kpb-widget-action]").val("edit"),jQuery("#kpb-widget input[name=kpb-widget-id]").val(a),jQuery.ajax({success:function(e){jQuery("#kpb-widget .kpb-form-inner").html(e),Kopa_Page_Builder.open_media_center(),jQuery(".kpb-ui-color").wpColorPicker()},url:KPB.ajax,dataType:"html",type:"POST",async:!0,data:{action:"kpb_get_widget_form",security:jQuery("#kpb_get_widget_form_security").val(),widget_id:a,class_name:kpb_current_widget.attr("data-class"),post_id:jQuery("#post_ID").val()}})},close:function(){jQuery(i).hide()}},modal:!0,preloader:!0,alignTop:!0,items:{src:i,type:"inline"},fixedBgPos:!0})},delete_widget:function(e,t,a){var i;e.preventDefault(),i=confirm(KPB.i18n.are_you_sure_to_remove_this_widget),i&&jQuery.ajax({beforeSend:function(){},success:function(){t.parents(".kpb-widget").remove(),jQuery("#kpb-button-save-layouts").click()},url:KPB.ajax,dataType:"html",type:"POST",async:!0,data:{action:"kpb_delete_widget",security:jQuery("#kpb_delete_widget_security").val(),widget_id:a}})},save_widget:function(e,t){e.preventDefault(),Kopa_Page_Builder.show_overlay_loading(),t.ajaxSubmit({beforeSubmit:function(){},success:function(t){var a;t&&(a="#kpb-widget-lightbox",jQuery(a).hide(),jQuery.magnificPopup.close(),"add"===jQuery("#kpb-widget input[name=kpb-widget-action]").val()?kpb_current_sidebar.find(".kpb-area-placeholder").append(t):kpb_current_widget&&kpb_current_widget.find("label").text(t),jQuery("#kpb-widget-title").text(""),jQuery("#kpb-widget input[name=kpb-widget-class-name]").val(""),jQuery("#kpb-widget input[name=kpb-widget-action]").val("add"),jQuery("#kpb-widget input[name=kpb-widget-id]").val(""),jQuery("#kpb-widget input[name=kpb-widget-name]").val("")),Kopa_Page_Builder.close_widget(e),jQuery("#kpb-button-save-layouts").click()}})},close_widget:function(e){e.preventDefault(),jQuery.magnificPopup.close(),jQuery("#kpb-widget .kpb-form-inner").html('<center class="kpb-loading">'+KPB.i18n.loading+"</center>"),Kopa_Page_Builder.hide_overlay_loading()},save_layout:function(e,t){var a,i,n;e.preventDefault(),a=jQuery("#kpb-select-layout").find("option:selected").val(),Kopa_Page_Builder.show_overlay_loading(),i={current_layout:jQuery("#kpb-select-layout").find("option:selected").val(),layouts:[]},n=jQuery(".kpb-layout"),n.length>0&&n.each(function(e,t){var n,r;a=jQuery(t),n={name:a.attr("data-layout"),sections:[]},r=a.find(".kpb-section"),r.length>0&&r.each(function(e,t){var a,i,r;i=jQuery(t),r={name:i.attr("data-section"),areas:[]},a=i.find(".kpb-area"),a.length>0&&a.each(function(e,t){var a,i,n;i=jQuery(t),a={name:i.attr("data-area"),widgets:[]},n=i.find(".kpb-widget"),n.length>0&&n.each(function(e,t){var i,n;i=jQuery(t),n={id:i.attr("id"),name:i.attr("data-name"),class_name:i.attr("data-class")},a.widgets.push(n)}),r.areas.push(a)}),n.sections.push(r)}),i.layouts.push(n)}),jQuery.ajax({error:function(e,t){console.log(t)},beforeSend:function(){t.text(KPB.i18n.saving)},success:function(){t.text(KPB.i18n.save),Kopa_Page_Builder.hide_overlay_loading()},url:KPB.ajax,dataType:"html",type:"POST",async:!0,data:{action:"kpb_save_grid",security:jQuery("#kpb_save_grid_security").val(),data:i,post_id:jQuery("#post_ID").val()}})},show_overlay_loading:function(){jQuery("#kpb-loading-overlay").stop().animate({display:"block",right:"0px"},500)},hide_overlay_loading:function(){jQuery("#kpb-loading-overlay").animate({display:"none",right:"-150px"},500)},hide_preview:function(e,t){e.preventDefault(),"0"===t.attr("data-status")?(jQuery(".kpb-layout > .kpb-col-left").removeClass("kpb-col-12").addClass("kpb-col-8"),jQuery(".kpb-layout > .kpb-col-right").show(),t.attr("data-status","1"),t.text(KPB.i18n.hide_preview)):(jQuery(".kpb-layout > .kpb-col-left").removeClass("kpb-col-8").addClass("kpb-col-12"),jQuery(".kpb-layout > .kpb-col-right").hide(),t.attr("data-status","0"),t.text(KPB.i18n.show_preview))},get_random_id:function(e){return e+Math.random().toString(36).substr(2)},change_layout:function(e,t){var a,i;e.preventDefault(),a=t.find("option:selected").val(),i="#kpb-layout-"+a,jQuery(i).hasClass("kpb-active")||(jQuery(".kpb-layout.kpb-active").removeClass("kpb-active").addClass("kpb-hidden"),jQuery(i).removeClass("kpb-hidden").addClass("kpb-active"))},init_sortable:function(){jQuery(".kpb-area-placeholder").sortable({forcePlaceholderSize:!0,connectWith:".kpb-area-placeholder",placeholder:"kpb-widget-sortable-placeholder",start:function(e,t){return t.placeholder.height(t.helper.outerHeight()-2)}}).disableSelection()},open_media_center:function(){jQuery(".kpb-ui-image-outer").on("click",".kpb-ui-image-button-upload",function(e){return e.preventDefault(),kpb_media_button_upload=jQuery(this),kpb_media?void kpb_media.open():(kpb_media=wp.media.frames.kpb_media=wp.media({title:KPB.i18n.media_center,button:{text:KPB.i18n.choose_image},library:{type:"image"},multiple:!1}),kpb_media.on("select",function(){var e;e=kpb_media.state().get("selection").first().toJSON(),kpb_media_button_upload.parents(".kpb-ui-image-outer").find(".kpb-ui-image").val(e.url),kpb_media_button_upload.parents(".kpb-ui-image-outer").find(".kpb-ui-image-preview").attr("src",e.url)}),void kpb_media.open())}),jQuery(".kpb-ui-image-outer").on("click",".kpb-ui-image-button-reset",function(e){e.preventDefault(),kpb_media_button_reset=jQuery(this),kpb_media_button_reset.attr("data-reset")?(kpb_media_button_reset.parents(".kpb-ui-image-outer").find(".kpb-ui-image").val(kpb_media_button_reset.attr("data-reset")),kpb_media_button_reset.parents(".kpb-ui-image-outer").find(".kpb-ui-image-preview").attr("src",kpb_media_button_reset.attr("data-reset"))):(kpb_media_button_reset.parents(".kpb-ui-image-outer").find(".kpb-ui-image").val(kpb_media_button_reset.attr("")),kpb_media_button_reset.parents(".kpb-ui-image-outer").find(".kpb-ui-image-preview").attr("src",kpb_media_button_reset.attr("data-preview")))})},init_section_tab:function(){var e;e=jQuery(".kpb-tab-title > a"),e.length>0&&e.each(function(){var e;e=jQuery(this),e.click(function(t){var a,i;t.preventDefault(),i=e.parents(".kpb-wrapper-configuration-toggle"),a=e.parent(),a.hasClass("kpb-tab-title-active")||(i.find(".kpb-tab-title-active").removeClass("kpb-tab-title-active"),i.find(".kpb-tab-content").slideUp(500),a.addClass("kpb-tab-title-active"),jQuery(e.attr("href")).slideDown(500))})})},change_customize_tab:function(e,t){var a,i;e.preventDefault(),i=t.parents(".kpb-wrapper-configuration-toggle"),a=t.parent(),a.hasClass("kpb-tab-title-active")||(i.find(".kpb-tab-title-active").removeClass("kpb-tab-title-active"),i.find(".kpb-tab-content").slideUp(500),a.addClass("kpb-tab-title-active"),jQuery(t.attr("href")).slideDown(500))}}; 
     1var Kopa_Page_Builder,kpb_current_sidebar,kpb_current_widget,kpb_media,kpb_media_button_reset,kpb_media_button_upload;jQuery(document).ready(function(){Kopa_Page_Builder.load_lightbox_html()}),jQuery(window).load(function(){}),kpb_current_widget={},kpb_current_sidebar={},kpb_media=!1,kpb_media_button_upload={},kpb_media_button_reset={},Kopa_Page_Builder={init_effect:function(){Kopa_Page_Builder.init_sortable(),Kopa_Page_Builder.init_section_tab(),Kopa_Page_Builder.sticky_header(),Kopa_Page_Builder.open_media_center(),jQuery(".kpb-ui-color").wpColorPicker()},load_lightbox_html:function(){jQuery.ajax({beforeSend:function(){},success:function(e){jQuery("body").append(e),jQuery("#kpb-metabox-loading-text").remove(),jQuery("#kpb-wrapper").show(),Kopa_Page_Builder.init_effect()},url:KPB.ajax,dataType:"html",type:"POST",async:!0,data:{action:"kpb_load_lightbox_html",security:jQuery("#kpb_load_lightbox_html_security").val(),post_id:jQuery("#post_ID").val()}})},main_form_submit:function(){jQuery("form#post").length>0&&jQuery("form#post").on("submit",function(){return jQuery("#kpb-button-save-layouts").click()})},sticky_header:function(){"1"===KPB.is_sticky_toolbar&&jQuery("#kpb-wrapper-header").waypoint("sticky",{direction:"down",stuckClass:"kpb-stuck",wrapper:'<div class="kpb-wrapper-header-sticky" />'})},open_customize_layout:function(e){var t;e.preventDefault(),t="#kpb-layout-customize-lightbox-"+jQuery("#kpb-select-layout option:selected").val(),jQuery.magnificPopup.open({callbacks:{open:function(){jQuery(t).show()},close:function(){jQuery(t).hide()}},modal:!0,preloader:!0,alignTop:!0,items:{src:t,type:"inline"}})},save_layout_customize:function(e,t,a){e.preventDefault(),Kopa_Page_Builder.show_overlay_loading(),t.ajaxSubmit({beforeSubmit:function(){},success:function(){Kopa_Page_Builder.hide_overlay_loading()},data:{post_id:a}})},close_layout_customize:function(e){e.preventDefault(),Kopa_Page_Builder.close_widget(e)},open_customize:function(e,t,a,i){var n;e.preventDefault(),n="#kpb-customize-lightbox-"+a+"-"+i,jQuery.magnificPopup.open({callbacks:{open:function(){jQuery(n).show()},close:function(){jQuery(n).hide()}},modal:!0,preloader:!0,alignTop:!0,items:{src:n,type:"inline"}})},save_customize:function(e,t,a){e.preventDefault(),Kopa_Page_Builder.show_overlay_loading(),t.ajaxSubmit({beforeSubmit:function(){},success:function(){Kopa_Page_Builder.hide_overlay_loading()},data:{post_id:a}})},close_customize:function(e){e.preventDefault(),Kopa_Page_Builder.close_widget(e)},open_list_widgets:function(e,t){var a;e.preventDefault(),kpb_current_sidebar=t.parents(".kpb-area"),a="#kpb-widgets-lightbox",jQuery.magnificPopup.open({callbacks:{open:function(){jQuery(a).show()},close:function(){jQuery(a).hide()}},modal:!0,preloader:!0,alignTop:!0,items:{src:a,type:"inline"}})},close_list_widgets:function(e){e.preventDefault(),jQuery.magnificPopup.close()},add_widget:function(e,t,a,i){var n;e.preventDefault(),Kopa_Page_Builder.close_list_widgets(e),n="#kpb-widget-lightbox",jQuery.magnificPopup.open({callbacks:{open:function(){jQuery(n).show(),jQuery("#kpb-widget-title").text(i),jQuery("#kpb-widget input[name=kpb-widget-class-name]").val(a),jQuery("#kpb-widget input[name=kpb-widget-name]").val(i),jQuery("#kpb-widget input[name=kpb-widget-action]").val("add"),jQuery("#kpb-widget input[name=kpb-widget-id]").val(Kopa_Page_Builder.get_random_id("widget-")),jQuery.ajax({success:function(e){jQuery("#kpb-widget .kpb-form-inner").html(e),Kopa_Page_Builder.open_media_center(),jQuery(".kpb-ui-color").wpColorPicker()},url:KPB.ajax,dataType:"html",type:"POST",async:!0,data:{action:"kpb_get_widget_form",security:jQuery("#kpb_get_widget_form_security").val(),class_name:a}})},close:function(){Kopa_Page_Builder.close_widget(e)}},modal:!0,preloader:!0,alignTop:!0,items:{src:n,type:"inline"}})},edit_widget:function(e,t,a){var i;e.preventDefault(),kpb_current_widget=t.parents(".kpb-widget"),i="#kpb-widget-lightbox",jQuery.magnificPopup.open({callbacks:{open:function(){jQuery(i).show(),jQuery("#kpb-widget-title").text(kpb_current_widget.find("label").text()),jQuery("#kpb-widget input[name=kpb-widget-class-name]").val(kpb_current_widget.attr("data-class")),jQuery("#kpb-widget input[name=kpb-widget-name]").val(kpb_current_widget.attr("data-name")),jQuery("#kpb-widget input[name=kpb-widget-action]").val("edit"),jQuery("#kpb-widget input[name=kpb-widget-id]").val(a),jQuery.ajax({success:function(e){jQuery("#kpb-widget .kpb-form-inner").html(e),Kopa_Page_Builder.open_media_center(),jQuery(".kpb-ui-color").wpColorPicker()},url:KPB.ajax,dataType:"html",type:"POST",async:!0,data:{action:"kpb_get_widget_form",security:jQuery("#kpb_get_widget_form_security").val(),widget_id:a,class_name:kpb_current_widget.attr("data-class"),post_id:jQuery("#post_ID").val()}})},close:function(){Kopa_Page_Builder.close_widget(e)}},modal:!0,preloader:!0,alignTop:!0,items:{src:i,type:"inline"},fixedBgPos:!0})},delete_widget:function(e,t,a){var i;e.preventDefault(),i=confirm(KPB.i18n.are_you_sure_to_remove_this_widget),i&&jQuery.ajax({beforeSend:function(){},success:function(){t.parents(".kpb-widget").remove(),jQuery("#kpb-button-save-layouts").click()},url:KPB.ajax,dataType:"html",type:"POST",async:!0,data:{action:"kpb_delete_widget",security:jQuery("#kpb_delete_widget_security").val(),widget_id:a}})},save_widget:function(e,t){e.preventDefault(),Kopa_Page_Builder.show_overlay_loading(),t.ajaxSubmit({beforeSubmit:function(){},success:function(e){e&&("add"===jQuery("#kpb-widget input[name=kpb-widget-action]").val()?(kpb_current_sidebar.find(".kpb-area-placeholder").append(e),jQuery("#kpb-widget input[name=kpb-widget-action]").val("edit")):kpb_current_widget&&kpb_current_widget.find("label").text(e)),jQuery("#kpb-button-save-layouts").click()}})},close_widget:function(e){e.preventDefault(),jQuery.magnificPopup.close(),jQuery("#kpb-widget .kpb-form-inner").html('<center class="kpb-loading">'+KPB.i18n.loading+"</center>"),Kopa_Page_Builder.hide_overlay_loading(),jQuery("#kpb-widget-title").text(""),jQuery("#kpb-widget input[name=kpb-widget-class-name]").val(""),jQuery("#kpb-widget input[name=kpb-widget-action]").val("add"),jQuery("#kpb-widget input[name=kpb-widget-id]").val(""),jQuery("#kpb-widget input[name=kpb-widget-name]").val("")},save_layout:function(e,t){var a,i,n;e.preventDefault(),a=jQuery("#kpb-select-layout").find("option:selected").val(),Kopa_Page_Builder.show_overlay_loading(),i={current_layout:jQuery("#kpb-select-layout").find("option:selected").val(),layouts:[]},n=jQuery(".kpb-layout"),n.length>0&&n.each(function(e,t){var n,r;a=jQuery(t),n={name:a.attr("data-layout"),sections:[]},r=a.find(".kpb-section"),r.length>0&&r.each(function(e,t){var a,i,r;i=jQuery(t),r={name:i.attr("data-section"),areas:[]},a=i.find(".kpb-area"),a.length>0&&a.each(function(e,t){var a,i,n;i=jQuery(t),a={name:i.attr("data-area"),widgets:[]},n=i.find(".kpb-widget"),n.length>0&&n.each(function(e,t){var i,n;i=jQuery(t),n={id:i.attr("id"),name:i.attr("data-name"),class_name:i.attr("data-class")},a.widgets.push(n)}),r.areas.push(a)}),n.sections.push(r)}),i.layouts.push(n)}),jQuery.ajax({error:function(e,t){console.log(t)},beforeSend:function(){t.text(KPB.i18n.saving)},success:function(){t.text(KPB.i18n.save),Kopa_Page_Builder.hide_overlay_loading()},url:KPB.ajax,dataType:"html",type:"POST",async:!0,data:{action:"kpb_save_grid",security:jQuery("#kpb_save_grid_security").val(),data:i,post_id:jQuery("#post_ID").val()}})},show_overlay_loading:function(){jQuery("#kpb-loading-overlay").stop().animate({display:"block",right:"0px"},500)},hide_overlay_loading:function(){jQuery("#kpb-loading-overlay").animate({display:"none",right:"-150px"},500)},hide_preview:function(e,t){e.preventDefault(),"0"===t.attr("data-status")?(jQuery(".kpb-layout > .kpb-col-left").removeClass("kpb-col-12").addClass("kpb-col-8"),jQuery(".kpb-layout > .kpb-col-right").show(),t.attr("data-status","1"),t.text(KPB.i18n.hide_preview)):(jQuery(".kpb-layout > .kpb-col-left").removeClass("kpb-col-8").addClass("kpb-col-12"),jQuery(".kpb-layout > .kpb-col-right").hide(),t.attr("data-status","0"),t.text(KPB.i18n.show_preview))},get_random_id:function(e){return e+Math.random().toString(36).substr(2)},change_layout:function(e,t){var a,i;e.preventDefault(),a=t.find("option:selected").val(),i="#kpb-layout-"+a,jQuery(i).hasClass("kpb-active")||(jQuery(".kpb-layout.kpb-active").removeClass("kpb-active").addClass("kpb-hidden"),jQuery(i).removeClass("kpb-hidden").addClass("kpb-active"))},init_sortable:function(){jQuery(".kpb-area-placeholder").sortable({forcePlaceholderSize:!0,connectWith:".kpb-area-placeholder",placeholder:"kpb-widget-sortable-placeholder",start:function(e,t){return t.placeholder.height(t.helper.outerHeight()-2)}}).disableSelection()},open_media_center:function(){jQuery(".kpb-ui-image-outer").on("click",".kpb-ui-image-button-upload",function(e){return e.preventDefault(),kpb_media_button_upload=jQuery(this),kpb_media?(kpb_media.open(),void 0):(kpb_media=wp.media.frames.kpb_media=wp.media({title:KPB.i18n.media_center,button:{text:KPB.i18n.choose_image},library:{type:"image"},multiple:!1}),kpb_media.on("select",function(){var e;e=kpb_media.state().get("selection").first().toJSON(),kpb_media_button_upload.parents(".kpb-ui-image-outer").find(".kpb-ui-image").val(e.url),kpb_media_button_upload.parents(".kpb-ui-image-outer").find(".kpb-ui-image-preview").attr("src",e.url)}),kpb_media.open(),void 0)}),jQuery(".kpb-ui-image-outer").on("click",".kpb-ui-image-button-reset",function(e){e.preventDefault(),kpb_media_button_reset=jQuery(this),kpb_media_button_reset.attr("data-reset")?(kpb_media_button_reset.parents(".kpb-ui-image-outer").find(".kpb-ui-image").val(kpb_media_button_reset.attr("data-reset")),kpb_media_button_reset.parents(".kpb-ui-image-outer").find(".kpb-ui-image-preview").attr("src",kpb_media_button_reset.attr("data-reset"))):(kpb_media_button_reset.parents(".kpb-ui-image-outer").find(".kpb-ui-image").val(kpb_media_button_reset.attr("")),kpb_media_button_reset.parents(".kpb-ui-image-outer").find(".kpb-ui-image-preview").attr("src",kpb_media_button_reset.attr("data-preview")))})},init_section_tab:function(){var e;e=jQuery(".kpb-tab-title > a"),e.length>0&&e.each(function(){var e;e=jQuery(this),e.click(function(t){var a,i;t.preventDefault(),i=e.parents(".kpb-wrapper-configuration-toggle"),a=e.parent(),a.hasClass("kpb-tab-title-active")||(i.find(".kpb-tab-title-active").removeClass("kpb-tab-title-active"),i.find(".kpb-tab-content").slideUp(500),a.addClass("kpb-tab-title-active"),jQuery(e.attr("href")).slideDown(500))})})},change_customize_tab:function(e,t){var a,i;e.preventDefault(),i=t.parents(".kpb-wrapper-configuration-toggle"),a=t.parent(),a.hasClass("kpb-tab-title-active")||(i.find(".kpb-tab-title-active").removeClass("kpb-tab-title-active"),i.find(".kpb-tab-content").slideUp(500),a.addClass("kpb-tab-title-active"),jQuery(t.attr("href")).slideDown(500))}}; 
  • kopa-page-builder/trunk/kopa-page-builder.php

    r1209395 r1323889  
    33Plugin Name: Kopa Page Builder 
    44Description: The visual page builder 
    5 Version: 1.1.0 
     5Version: 1.2 
    66Author: Kopa Theme 
    77Author URI: http://kopatheme.com/ 
     
    1313 
    1414Requires at least: 4.1 
    15 Tested up to: 4.2.3 
     15Tested up to: 4.4.1 
    1616Text Domain: kopa-page-builder 
    1717Domain Path: /languages/ 
     
    138138        <div class="kpb-control kpb-clearfix"> 
    139139            <div class="kpb-row"> 
    140                 <div class="kpb-col-3"> 
    141                     <?php echo esc_attr($param_args['title']);?> 
    142                 </div> 
    143  
    144                 <div class="kpb-col-9"> 
     140                <?php  
     141                $is_hide_title     = ( isset( $param_args['is_hide_title'] ) && ( true === $param_args['is_hide_title'] ) ) ? true : false; 
     142                $right_col_classes = 'kpb-col-12'; 
     143 
     144                if( ! $is_hide_title ): 
     145                    $right_col_classes = 'kpb-col-9'; 
     146                ?> 
     147                    <div class="kpb-col-3"> 
     148                        <?php echo esc_attr($param_args['title']);?> 
     149                    </div> 
     150                <?php endif; ?> 
     151 
     152                <div class="<?php echo esc_attr( $right_col_classes ); ?>"> 
    145153                    <?php 
    146154                    switch ($param_args['type']) { 
     155                        case 'alert': 
     156                            $this->get_field_alert($param_args); 
     157                            break; 
    147158                        case 'color': 
    148159                            $this->get_field_color($param_args); 
     
    917928        } 
    918929 
     930        do_action( 'kopa_page_builder_after_save_widget' ); 
     931 
    919932        exit(); 
    920933    } 
     
    9881001        } 
    9891002 
     1003        do_action( 'kopa_page_buider_after_save_grid' ); 
     1004 
    9901005        exit();      
    9911006    } 
     
    10161031        update_post_meta($post_id, $meta_key, $meta_value);  
    10171032 
     1033        do_action('kopa_page_builder_after_save_section_customize'); 
     1034 
    10181035        exit();      
    10191036    }    
     
    10211038    public function save_layout_customize(){ 
    10221039        check_ajax_referer('kpb_save_layout_customize', 'security'); 
     1040     
     1041 
    10231042 
    10241043        $post_id = (int) $_POST['post_id'];  
     
    10401059        } 
    10411060 
     1061        do_action( 'kopa_page_builder_before_save_layout_customize', $post_id, $meta_key, $meta_value); 
     1062 
    10421063        update_post_meta($post_id, $meta_key, $meta_value);  
     1064 
     1065        do_action( 'kopa_page_builder_after_save_layout_customize', $post_id, $meta_key, $meta_value ); 
    10431066 
    10441067        exit(); 
     
    10521075        $string = preg_replace("/[^a-zA-Z0-9\s]/", '', $string); 
    10531076        return strtolower(str_replace(' ', '_', $string)); 
     1077    } 
     1078 
     1079    public function get_field_alert( $params ){ 
     1080        $classes = array( 'kpb-ui-alert' ); 
     1081        if( $params['class'] ){ 
     1082            $classes = array_merge( $classes, $params['class'] ); 
     1083        } 
     1084 
     1085        $skin = isset( $params['skin'] ) ? trim( $params['skin'] ) : 'info'; 
     1086        array_push( $classes, sprintf( 'kpb-skin-%s', $skin ) ); 
     1087        ?> 
     1088        <div class="<?php echo esc_attr( implode( ' ', $classes ) ); ?>"><?php echo htmlspecialchars_decode( stripslashes( $params['message'] ) ); ?></div> 
     1089        <?php 
    10541090    } 
    10551091 
  • kopa-page-builder/trunk/readme.txt

    r1209395 r1323889  
    33Tags: pagebuilder, grid, drag and drop 
    44Requires at least: 4.1 
    5 Tested up to: 4.2.3 
    6 Stable tag: 1.1.1 
     5Tested up to: 4.4.1 
     6Stable tag: 1.2 
    77 
    88== Description == 
     
    2020 
    2121== Changelog == 
     22 
     231.2 
     24[CHECK] compatiable with wordpress version 4.4.1 
     25[REPLACE] placehold image for image field type. 
     26[EDIT] don't auto close lightbox "edit widget" after save data. 
     27[ADD] new field type : alert 
     28[ADD] new some action hooks: 
     29    - kopa_page_builder_after_save_widget 
     30    - kopa_page_buider_after_save_grid 
     31    - kopa_page_builder_after_save_section_customize 
     32    - kopa_page_builder_after_save_layout_customize 
     33 
     34 
    2235 
    23361.1.1 
Note: See TracChangeset for help on using the changeset viewer.