Page Builder by SiteOrigin - Version 2.3

Version Description

  • December 09 2015 =
  • Delete preview panels data if there are no widgets.
  • Added a collapse order field.
  • Added custom row ID field.
  • Fixed copy content setting.
  • Added tablet responsive level.
  • Fixed admin templates.
  • Fix to ensure live editor works with HTTPs admin requests.
  • Fix for Yoast SEO compatibility.
  • Removed use of filter_input for HHVM issues.
  • Added panelsStretchRows event after frontend row stretch event.
  • Minor performance enhancements.
  • Merged all separate JS files into a single Browserify compiled file.
  • Added version numbers to some JS files to ensure cache busting.
Download this release

Release Info

Developer gpriday
Plugin Icon 128x128 Page Builder by SiteOrigin
Version 2.3
Comparing to
See all releases

Version 2.3

Files changed (68) hide show
  1. css/admin.css +1984 -0
  2. css/admin.less +1927 -0
  3. css/front.css +49 -0
  4. css/front.less +26 -0
  5. css/icons/readme.txt +5 -0
  6. css/icons/siteorigin-panels.eot +0 -0
  7. css/icons/siteorigin-panels.svg +18 -0
  8. css/icons/siteorigin-panels.ttf +0 -0
  9. css/icons/siteorigin-panels.woff +0 -0
  10. css/images/cell-selected.png +0 -0
  11. css/images/cell-width.png +0 -0
  12. css/images/dialog-separator.png +0 -0
  13. css/images/dialog-separator@2x.png +0 -0
  14. css/images/dropdown-pointer.png +0 -0
  15. css/images/tooltip-pointer.png +0 -0
  16. css/images/wpspin_light-2x.gif +0 -0
  17. css/images/wpspin_light.gif +0 -0
  18. css/mixins.less +173 -0
  19. inc/admin-actions.php +284 -0
  20. inc/css.php +135 -0
  21. inc/debug.php +19 -0
  22. inc/default-styles.php +419 -0
  23. inc/live-editor.php +30 -0
  24. inc/plugin-activation.php +131 -0
  25. inc/revisions.php +72 -0
  26. inc/sidebars-emulator.php +128 -0
  27. inc/styles.php +382 -0
  28. inc/widgets-bundle.php +76 -0
  29. inc/widgets.php +216 -0
  30. js/jquery.stellar.js +651 -0
  31. js/jquery.stellar.min.js +1 -0
  32. js/siteorigin-panels-23.js +5304 -0
  33. js/siteorigin-panels-23.min.js +3 -0
  34. js/styling-23.js +65 -0
  35. js/styling-23.min.js +1 -0
  36. lang/siteorigin-panels-af_ZA.mo +0 -0
  37. lang/siteorigin-panels-af_ZA.po +1270 -0
  38. lang/siteorigin-panels-bg_BG.mo +0 -0
  39. lang/siteorigin-panels-bg_BG.po +1267 -0
  40. lang/siteorigin-panels-da_DK.mo +0 -0
  41. lang/siteorigin-panels-da_DK.po +1265 -0
  42. lang/siteorigin-panels-de_DE.mo +0 -0
  43. lang/siteorigin-panels-de_DE.po +1265 -0
  44. lang/siteorigin-panels-es_ES.mo +0 -0
  45. lang/siteorigin-panels-es_ES.po +1265 -0
  46. lang/siteorigin-panels-fi_FI.mo +0 -0
  47. lang/siteorigin-panels-fi_FI.po +1264 -0
  48. lang/siteorigin-panels-fr_FR.mo +0 -0
  49. lang/siteorigin-panels-fr_FR.po +1267 -0
  50. lang/siteorigin-panels-hi_IN.mo +0 -0
  51. lang/siteorigin-panels-hi_IN.po +1267 -0
  52. lang/siteorigin-panels-it_IT.mo +0 -0
  53. lang/siteorigin-panels-it_IT.po +1270 -0
  54. lang/siteorigin-panels-ja_JP.mo +0 -0
  55. lang/siteorigin-panels-ja_JP.po +1279 -0
  56. lang/siteorigin-panels-nl_NL.mo +0 -0
  57. lang/siteorigin-panels-nl_NL.po +1283 -0
  58. lang/siteorigin-panels-pl_PL.mo +0 -0
  59. lang/siteorigin-panels-pl_PL.po +1265 -0
  60. lang/siteorigin-panels-pt_BR.mo +0 -0
  61. lang/siteorigin-panels-pt_BR.po +1264 -0
  62. lang/siteorigin-panels-ru_RU.mo +0 -0
  63. lang/siteorigin-panels-ru_RU.po +1265 -0
  64. lang/siteorigin-panels-sv_SE.mo +0 -0
  65. lang/siteorigin-panels-sv_SE.po +1266 -0
  66. lang/siteorigin-panels-zh_CN.mo +0 -0
  67. lang/siteorigin-panels-zh_CN.po +1278 -0
  68. lang/siteorigin-panels.po +849 -0
css/admin.css ADDED
@@ -0,0 +1,1984 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @font-face {
2
+ font-family: 'siteorigin-panels';
3
+ src: url('icons/siteorigin-panels.eot');
4
+ src: url('icons/siteorigin-panels.eot') format('embedded-opentype'), url('icons/siteorigin-panels.woff') format('woff'), url('icons/siteorigin-panels.ttf') format('truetype'), url('icons/siteorigin-panels.svg') format('svg');
5
+ font-weight: normal;
6
+ font-style: normal;
7
+ }
8
+ /* This is for the metabox */
9
+ #so-panels-panels.attached-to-editor {
10
+ margin-top: 20px;
11
+ }
12
+ #so-panels-panels.attached-to-editor .hndle {
13
+ display: none !important;
14
+ }
15
+ #so-panels-panels.attached-to-editor .inside {
16
+ margin: 0 !important;
17
+ padding: 0 !important;
18
+ }
19
+ #so-panels-panels.attached-to-editor .so-toolbar .so-switch-to-standard {
20
+ display: block;
21
+ }
22
+ /* Everything for the main builder interface */
23
+ .siteorigin-panels-builder {
24
+ position: relative;
25
+ /* These are generic iconic buttons used in the page builder interface */
26
+ /* Page Builder icons */
27
+ }
28
+ .siteorigin-panels-builder .so-builder-container {
29
+ /* Top padding for the toolbar */
30
+ padding-top: 38px;
31
+ position: relative;
32
+ }
33
+ .siteorigin-panels-builder .so-tool-button {
34
+ padding: 6px 7px;
35
+ font-size: 11px;
36
+ text-decoration: none;
37
+ line-height: 0.9em;
38
+ float: left;
39
+ margin-right: 2px;
40
+ display: block;
41
+ visibility: visible;
42
+ position: relative;
43
+ border: 1px solid #C0C0C0;
44
+ background: #F0F0F0;
45
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F0F0F0), color-stop(1, #F9F9F9));
46
+ background: -ms-linear-gradient(bottom, #F0F0F0, #F9F9F9);
47
+ background: -moz-linear-gradient(center bottom, #F0F0F0 0%, #F9F9F9 100%);
48
+ background: -o-linear-gradient(#F9F9F9, #F0F0F0);
49
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F0F0F0', GradientType=0);
50
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
51
+ -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
52
+ box-shadow: 0 1px 1px rgba(0,0,0,0.04);
53
+ outline: none;
54
+ -webkit-border-radius: 2px;
55
+ -moz-border-radius: 2px;
56
+ border-radius: 2px;
57
+ }
58
+ .siteorigin-panels-builder .so-tool-button span {
59
+ display: inline-block;
60
+ color: #666666;
61
+ text-shadow: 0 1px 0 #FFFFFF;
62
+ min-width: 10px;
63
+ text-align: center;
64
+ }
65
+ .siteorigin-panels-builder .so-tool-button:hover {
66
+ background: #FFFFFF;
67
+ }
68
+ .siteorigin-panels-builder .so-tool-button:hover span {
69
+ color: #444444;
70
+ }
71
+ .siteorigin-panels-builder .so-builder-toolbar {
72
+ -ms-box-sizing: border-box;
73
+ -moz-box-sizing: border-box;
74
+ -webkit-box-sizing: border-box;
75
+ box-sizing: border-box;
76
+ border-bottom: 1px solid #D0D0D0;
77
+ background: #F5F5F5;
78
+ line-height: 1em;
79
+ position: absolute;
80
+ z-index: 101;
81
+ white-space: nowrap;
82
+ overflow-x: hidden;
83
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
84
+ top: 0;
85
+ left: 0;
86
+ width: 100%;
87
+ padding: 6px 9px;
88
+ margin-top: 0 !important;
89
+ zoom: 1;
90
+ /* The toolbar buttons */
91
+ }
92
+ .siteorigin-panels-builder .so-builder-toolbar:before {
93
+ content: '';
94
+ display: block;
95
+ }
96
+ .siteorigin-panels-builder .so-builder-toolbar:after {
97
+ content: '';
98
+ display: table;
99
+ clear: both;
100
+ }
101
+ .siteorigin-panels-builder .so-builder-toolbar > .so-tool-button {
102
+ display: inline-block;
103
+ color: #666666;
104
+ padding-right: 8px;
105
+ }
106
+ .siteorigin-panels-builder .so-builder-toolbar > .so-tool-button .so-panels-icon {
107
+ float: left;
108
+ margin: 0 5px 0 0;
109
+ }
110
+ .siteorigin-panels-builder .so-builder-toolbar > .so-tool-button:hover {
111
+ color: #444444;
112
+ }
113
+ .siteorigin-panels-builder .so-builder-toolbar .so-switch-to-standard {
114
+ position: absolute;
115
+ top: 5px;
116
+ right: 10px;
117
+ display: none;
118
+ text-decoration: none;
119
+ color: #666666;
120
+ padding: 5px 6px;
121
+ -webkit-border-radius: 2px;
122
+ -moz-border-radius: 2px;
123
+ border-radius: 2px;
124
+ border: 1px solid transparent;
125
+ margin-top: 2px;
126
+ font-size: 11px;
127
+ }
128
+ .siteorigin-panels-builder .so-builder-toolbar .so-switch-to-standard:hover {
129
+ background: #fafafa;
130
+ border: 1px solid #999999;
131
+ color: #444444;
132
+ }
133
+ @media screen and (max-width: 600px) {
134
+ .siteorigin-panels-builder .so-builder-toolbar {
135
+ padding: 10px;
136
+ }
137
+ .siteorigin-panels-builder .so-builder-toolbar > .so-tool-button {
138
+ padding-right: 2px;
139
+ }
140
+ .siteorigin-panels-builder .so-builder-toolbar > .so-tool-button .so-panels-icon {
141
+ font-size: 20px;
142
+ }
143
+ .siteorigin-panels-builder .so-builder-toolbar > .so-tool-button span.so-button-text {
144
+ display: none;
145
+ }
146
+ }
147
+ .siteorigin-panels-builder .so-rows-container {
148
+ padding: 20px 15px 0 15px;
149
+ }
150
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar {
151
+ zoom: 1;
152
+ margin-bottom: 4px;
153
+ }
154
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar:before {
155
+ content: '';
156
+ display: block;
157
+ }
158
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar:after {
159
+ content: '';
160
+ display: table;
161
+ clear: both;
162
+ }
163
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-tool-button {
164
+ -ms-box-sizing: border-box;
165
+ -moz-box-sizing: border-box;
166
+ -webkit-box-sizing: border-box;
167
+ box-sizing: border-box;
168
+ height: 22px;
169
+ padding: 5px;
170
+ font-size: 10px;
171
+ float: right;
172
+ }
173
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-tool-button.so-row-move {
174
+ cursor: move;
175
+ }
176
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper {
177
+ position: relative;
178
+ float: right;
179
+ }
180
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper .so-dropdown-links-wrapper {
181
+ display: none;
182
+ z-index: 11;
183
+ position: absolute;
184
+ right: -10px;
185
+ padding: 6px 0 0 0;
186
+ top: 22px;
187
+ width: 125px;
188
+ }
189
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper .so-dropdown-links-wrapper ul {
190
+ margin: 0;
191
+ border: 1px solid #C0C0C0;
192
+ background: #F9F9F9;
193
+ -webkit-border-radius: 2px;
194
+ -moz-border-radius: 2px;
195
+ border-radius: 2px;
196
+ padding: 4px 0;
197
+ -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
198
+ -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
199
+ box-shadow: 0 2px 2px rgba(0,0,0,0.1);
200
+ }
201
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper .so-dropdown-links-wrapper ul li {
202
+ margin: 0;
203
+ }
204
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper .so-dropdown-links-wrapper ul li:first-child {
205
+ border-top-width: 1px;
206
+ }
207
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper .so-dropdown-links-wrapper ul li a {
208
+ display: block;
209
+ padding: 2px 8px;
210
+ text-decoration: none;
211
+ color: #666;
212
+ font-size: 11px;
213
+ outline: 0 !important;
214
+ -webkit-box-shadow: none;
215
+ -moz-box-shadow: none;
216
+ box-shadow: none;
217
+ /* Specific drop down hovers */
218
+ }
219
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper .so-dropdown-links-wrapper ul li a:hover {
220
+ background: #F0F0F0;
221
+ color: #444;
222
+ }
223
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper .so-dropdown-links-wrapper ul li a .dashicons {
224
+ font-size: 16px;
225
+ margin: 0;
226
+ float: right;
227
+ line-height: 16px;
228
+ }
229
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper .so-dropdown-links-wrapper ul li a.so-row-delete {
230
+ color: #a00;
231
+ }
232
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper .so-dropdown-links-wrapper ul li a.so-row-delete:hover {
233
+ color: #FFF;
234
+ background: #a00;
235
+ }
236
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper .so-dropdown-links-wrapper ul .so-pointer {
237
+ width: 12px;
238
+ height: 6px;
239
+ position: absolute;
240
+ z-index: 12;
241
+ background: url("images/dropdown-pointer.png");
242
+ background-size: 12px 6px;
243
+ top: 1px;
244
+ right: 18px;
245
+ }
246
+ .siteorigin-panels-builder .so-rows-container .so-row-toolbar .so-dropdown-wrapper:hover .so-dropdown-links-wrapper {
247
+ display: block;
248
+ }
249
+ .siteorigin-panels-builder .so-rows-container .ui-sortable-placeholder {
250
+ visibility: visible !important;
251
+ background: #F7F7F7;
252
+ -ms-box-sizing: border-box;
253
+ -moz-box-sizing: border-box;
254
+ -webkit-box-sizing: border-box;
255
+ box-sizing: border-box;
256
+ }
257
+ .siteorigin-panels-builder .so-rows-container .so-row-container {
258
+ margin-bottom: 20px;
259
+ -webkit-user-select: none;
260
+ -moz-user-select: none;
261
+ -ms-user-select: none;
262
+ user-select: none;
263
+ }
264
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells {
265
+ zoom: 1;
266
+ margin: 0 -5px;
267
+ position: relative;
268
+ }
269
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells:before {
270
+ content: '';
271
+ display: block;
272
+ }
273
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells:after {
274
+ content: '';
275
+ display: table;
276
+ clear: both;
277
+ }
278
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .ui-resizable-handle.ui-resizable-w {
279
+ width: 10px;
280
+ left: -11px;
281
+ cursor: col-resize;
282
+ background: rgba(0, 150, 211, 0);
283
+ background: rgba(0, 150, 211, 0.25);
284
+ -webkit-transition: background 0.25s ease-in-out;
285
+ -moz-transition: background 0.25s ease-in-out;
286
+ -o-transition: background 0.25s ease-in-out;
287
+ transition: background 0.25s ease-in-out;
288
+ }
289
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .ui-resizable-handle.ui-resizable-w:hover {
290
+ background: rgba(0, 150, 211, 0.1);
291
+ }
292
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell {
293
+ -ms-box-sizing: border-box;
294
+ -moz-box-sizing: border-box;
295
+ -webkit-box-sizing: border-box;
296
+ box-sizing: border-box;
297
+ float: left;
298
+ position: relative;
299
+ padding: 0 5px;
300
+ }
301
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell.so-first {
302
+ margin-left: 0;
303
+ }
304
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell.so-last {
305
+ margin-right: 0;
306
+ }
307
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .cell-wrapper {
308
+ background: #e4eff4;
309
+ border: 1px solid #bcccd2;
310
+ padding: 10px 10px 4px 10px;
311
+ /* 6px bottom to remove bottom margin from panels */
312
+ height: 100%;
313
+ min-height: 70px;
314
+ }
315
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell.cell-selected .cell-wrapper {
316
+ background: #cae7f4 url("images/cell-selected.png") repeat;
317
+ border-color: #9abcc7;
318
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
319
+ }
320
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
321
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell.cell-selected .cell-wrapper {
322
+ background-size: 3px 3px;
323
+ }
324
+ }
325
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell,
326
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .cell-wrapper {
327
+ -ms-box-sizing: border-box;
328
+ -moz-box-sizing: border-box;
329
+ -webkit-box-sizing: border-box;
330
+ box-sizing: border-box;
331
+ }
332
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget {
333
+ cursor: move;
334
+ margin-bottom: 5px;
335
+ background: #f9f9fb;
336
+ border: 1px solid #9bafb5;
337
+ max-height: 49px;
338
+ -ms-box-sizing: border-box;
339
+ -moz-box-sizing: border-box;
340
+ -webkit-box-sizing: border-box;
341
+ box-sizing: border-box;
342
+ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075);
343
+ -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.075);
344
+ box-shadow: 0 1px 2px rgba(0,0,0,0.075);
345
+ }
346
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget:hover {
347
+ border: 1px solid #93a7ad;
348
+ background: #feffff;
349
+ -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.075);
350
+ -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.075);
351
+ box-shadow: 0 2px 2px rgba(0,0,0,0.075);
352
+ }
353
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget .so-widget-wrapper {
354
+ padding: 7px 9px;
355
+ overflow: hidden;
356
+ position: relative;
357
+ }
358
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget h4 {
359
+ display: block;
360
+ cursor: pointer;
361
+ margin: 0 15px 3px 0;
362
+ font-weight: 600;
363
+ line-height: 1.25em;
364
+ color: #474747;
365
+ text-shadow: 0 1px 0 #FFF;
366
+ white-space: nowrap;
367
+ }
368
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget h4 span {
369
+ font-weight: normal;
370
+ display: inline-block;
371
+ color: #999;
372
+ text-shadow: 0 1px 0 #FFF;
373
+ margin-left: 12px;
374
+ margin-right: 5px;
375
+ font-style: italic;
376
+ }
377
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget .title .actions {
378
+ font-size: 12px;
379
+ position: absolute;
380
+ top: 5px;
381
+ right: 7px;
382
+ cursor: pointer;
383
+ padding: 2px 2px 2px 15px;
384
+ z-index: 10;
385
+ }
386
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget .title .actions:hover {
387
+ background: #feffff;
388
+ }
389
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget .title .actions:hover a {
390
+ opacity: 1;
391
+ }
392
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget .title .actions a {
393
+ display: none;
394
+ margin-right: 3px;
395
+ text-decoration: none;
396
+ }
397
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget .title .actions a.widget-delete {
398
+ color: #FF0000;
399
+ }
400
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget .title .actions a.widget-delete:hover {
401
+ color: #ffffff;
402
+ background: #FF0000;
403
+ }
404
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget:hover .title a {
405
+ display: inline-block;
406
+ opacity: 0.5;
407
+ }
408
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget.panel-being-dragged .title .actions {
409
+ display: none;
410
+ }
411
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget small {
412
+ display: block;
413
+ height: 16px;
414
+ overflow: hidden;
415
+ color: #777;
416
+ }
417
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget .form {
418
+ display: none;
419
+ }
420
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget.widget-being-dragged {
421
+ opacity: 0.9;
422
+ pointer-events: none;
423
+ }
424
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .widgets-container .so-widget-sortable-highlight {
425
+ border: 1px solid;
426
+ -ms-box-sizing: border-box;
427
+ -moz-box-sizing: border-box;
428
+ -webkit-box-sizing: border-box;
429
+ box-sizing: border-box;
430
+ height: 49px;
431
+ background: #ddebef;
432
+ border-color: #bcccd2;
433
+ margin-bottom: 5px;
434
+ position: relative;
435
+ -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.01);
436
+ -moz-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.01);
437
+ box-shadow: inset 2px 2px 2px rgba(0,0,0,0.01);
438
+ }
439
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .resize-handle {
440
+ z-index: 100;
441
+ position: absolute;
442
+ top: 0;
443
+ width: 10px;
444
+ left: -5px;
445
+ cursor: col-resize;
446
+ background: #e5f4fa;
447
+ height: 100%;
448
+ -webkit-transition: background 0.25s ease-in-out;
449
+ -moz-transition: background 0.25s ease-in-out;
450
+ -o-transition: background 0.25s ease-in-out;
451
+ transition: background 0.25s ease-in-out;
452
+ }
453
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell .resize-handle:hover {
454
+ background: #bfe4f3;
455
+ }
456
+ .siteorigin-panels-builder .so-rows-container .so-row-container .so-cells .cell:first-child .resize-handle {
457
+ display: none;
458
+ }
459
+ .siteorigin-panels-builder .so-panels-icon {
460
+ font-family: 'siteorigin-panels';
461
+ speak: none;
462
+ font-style: normal;
463
+ font-weight: normal;
464
+ font-variant: normal;
465
+ text-transform: none;
466
+ line-height: 1;
467
+ /* Better Font Rendering =========== */
468
+ -webkit-font-smoothing: antialiased;
469
+ -moz-osx-font-smoothing: grayscale;
470
+ }
471
+ .siteorigin-panels-builder .so-panels-icon.so-panels-icon-plus:before {
472
+ content: "\f067";
473
+ }
474
+ .siteorigin-panels-builder .so-panels-icon.so-panels-icon-eye:before {
475
+ content: "\f06e";
476
+ }
477
+ .siteorigin-panels-builder .so-panels-icon.so-panels-icon-arrows-v:before {
478
+ content: "\f07d";
479
+ }
480
+ .siteorigin-panels-builder .so-panels-icon.so-panels-icon-wrench:before {
481
+ content: "\f0ad";
482
+ }
483
+ .siteorigin-panels-builder .so-panels-icon.so-panels-icon-columns:before {
484
+ content: "\f0db";
485
+ }
486
+ .siteorigin-panels-builder .so-panels-icon.so-panels-icon-rotate-left:before {
487
+ content: "\f0e2";
488
+ }
489
+ .siteorigin-panels-builder .so-panels-icon.so-panels-icon-puzzle-piece:before {
490
+ content: "\f12e";
491
+ }
492
+ .siteorigin-panels-builder .so-panels-icon.so-panels-icon-cubes:before {
493
+ content: "\f1b3";
494
+ }
495
+ .siteorigin-panels-builder .so-panels-welcome-message {
496
+ text-align: center;
497
+ padding: 0px 15px 20px 15px;
498
+ color: #555;
499
+ line-height: 1.8em;
500
+ }
501
+ .siteorigin-panels-builder .so-panels-welcome-message .so-message-wrapper {
502
+ padding: 15px 10px;
503
+ background: #F8F8F8;
504