Edit File by line

var ff_templates = {

[0] Fix | Delete

streamRow: '<td class="controls"><div class="loader-wrapper"><div class="throbber-loader"></div></div><i class="flaticon-tool_edit"></i> <i class="flaticon-tool_clone"></i> <i class="flaticon-tool_delete"></i></td><td><span class="cache-status-<%= status %>"></span></td><td class="td-name"><%= name %></td> <td class="td-type"><%= type %></span></td> <td class="td-feed"><%= feeds %></td><td><span class="shortcode">[ff id="<%= id %>"]</span><span class="desc hint-block">\n' +

[1] Fix | Delete

' <span class="hint-link"><img src="<%= plugin_url %>/assets/info_icon.svg"></span>\n' +

[2] Fix | Delete

' <span class="hint hint-pro">\n' +

[3] Fix | Delete

' <h3>Shortcode detected on pages:</h3>\n' +

[4] Fix | Delete

' <p class="shortcode-pages"></p>\n' +

[5] Fix | Delete

' </span>\n' +

[6] Fix | Delete

' </span></td>',

[7] Fix | Delete

streamRowEmpty: '<tr class="empty-row"><td class="empty-cell" colspan="6">Please create at least one stream</td></tr>',

[8] Fix | Delete

listRowEmpty: '<tr><td class="empty-cell" colspan="4">Add at least one feed</td></tr>',

[9] Fix | Delete

[10] Fix | Delete

view: '<input type="hidden" name="stream-<%= id %>-id" class="stream-id-value" value="<%= id %>"/>\

[11] Fix | Delete

<div class="section clearfix" id="stream-name-<%= id %>">\

[12] Fix | Delete

<h1 class="float-left"><%= header %><span class="admin-button grey-button button-go-back">Go back to list</span></h1>\

[13] Fix | Delete

<p class="float-left input-not-obvious"><input type="text" name="stream-<%= id %>-name" placeholder="Type name and hit Enter..."/>\

[14] Fix | Delete

<ul class="view-tabs float-left"><li class="tab-cursor"></li><li data-tab="source">source</li><li data-tab="general">general</li><%= TVtab %><li data-tab="grid">layout</li><li data-tab="stylings">styling</li><li data-tab="css">css</li><li data-tab="shortcode">shortcode</li></ul>\

[15] Fix | Delete

</div>\

[16] Fix | Delete

<div class="section" id="stream-feeds-<%= id %>" data-tab="source">\

[17] Fix | Delete

<h1 class="desc-following">Connected feeds</h1>\

[18] Fix | Delete

<input type="hidden" name="stream-<%= id %>-feeds"/>\

[19] Fix | Delete

<p class="desc">Here you can connect feeds created on <a class="ff-pseudo-link" href="#sources-tab">Feeds tab</a>. To disconnect feed click on its appropriate label below.</p>\

[20] Fix | Delete

<div class="stream-feeds">\

[21] Fix | Delete

<div class="stream-feeds__block"><span class="stream-feeds__add">+ Connect feed to stream</span><span class="stream-feeds__boost" style="display: none;"><i class="flaticon-rocket"></i> Boost all feeds</span></div>\

[22] Fix | Delete

<div class="stream-feeds__select"><select></select><span class="stream-feeds__btn stream-feeds__ok"><i class="flaticon-plus"></i></span><span class="stream-feeds__btn stream-feeds__close"><i class="flaticon-cross"></i></span></div>\

[23] Fix | Delete

<div class="stream-feeds__list"></div>\

[24] Fix | Delete

</div>\

[25] Fix | Delete

</div>\

[26] Fix | Delete

<div class="section" data-tab="general" id="stream-settings-<%= id %>">\

[27] Fix | Delete

<h1>Stream general settings</h1>\

[28] Fix | Delete

<dl class="section-settings section-compact">\

[29] Fix | Delete

<dt>Items order\

[30] Fix | Delete

<p class="desc">Choose rule how stream sorts posts.<br>Proportional sorting guarantees that all networks are always present on first load.</p>\

[31] Fix | Delete

</dt>\

[32] Fix | Delete

<dd>\

[33] Fix | Delete

<input id="stream-<%= id %>-smart-date-order" type="radio" name="stream-<%= id %>-order" checked value="smartCompare"/>\

[34] Fix | Delete

<label for="stream-<%= id %>-smart-date-order">Proportional by date</label><br><br>\

[35] Fix | Delete

<input id="stream-<%= id %>-date-order" type="radio" name="stream-<%= id %>-order" value="compareByTime"/>\

[36] Fix | Delete

<label for="stream-<%= id %>-date-order">Strictly by date</label><br><br>\

[37] Fix | Delete

<input id="stream-<%= id %>-random-order" type="radio" name="stream-<%= id %>-order" value="randomCompare"/>\

[38] Fix | Delete

<label for="stream-<%= id %>-random-order">Random</label>\

[39] Fix | Delete

</dd>\

[40] Fix | Delete

<dt class="hidden">Load last\

[41] Fix | Delete

<p class="desc">Number of items that is pulled and cached from each connected feed. Be aware that some APIs can ignore this setting.</p>\

[42] Fix | Delete

</dt>\

[43] Fix | Delete

<dd class="hidden"><input type="text" name="stream-<%= id %>-posts" value="40" class="short clearcache"/> posts <span class="space"></span><input type="text" class="short clearcache" name="stream-<%= id %>-days"/> days</dd>\

[44] Fix | Delete

<dt>Number of initially loaded posts\

[45] Fix | Delete

<p class="desc">Total number of posts displayed when page loads. "Show more" button appears if there are more posts available and can be in database.</p>\

[46] Fix | Delete

</dt>\

[47] Fix | Delete

<dd><input type="text" name="stream-<%= id %>-page-posts" value="20" class="short clearcache"/> posts</dd>\

[48] Fix | Delete

<dt class="multiline" style="display:none">Cache\

[49] Fix | Delete

<p class="desc">Caching stream data to reduce loading time</p></dt>\

[50] Fix | Delete

<dd style="display:none">\

[51] Fix | Delete

<label for="stream-<%= id %>-cache"><input id="stream-<%= id %>-cache" class="switcher clearcache" type="checkbox" name="stream-<%= id %>-cache" checked value="yep"/><div><div></div></div></label>\

[52] Fix | Delete

</dd>\

[53] Fix | Delete

<dt class="multiline hidden">Cache lifetime\

[54] Fix | Delete

<p class="desc">Make it longer if feeds are rarely updated or shorter if you need frequent updates.</p></dt>\

[55] Fix | Delete

<dd class="hidden">\

[56] Fix | Delete

<label for="stream-<%= id %>-cache-lifetime"><input id="stream-<%= id %>-cache-lifetime" class="short clearcache" type="text" name="stream-<%= id %>-cache-lifetime" value="10"/> minutes</label>\

[57] Fix | Delete

</dd>\

[58] Fix | Delete

<dt class="multiline"><span class="ff-icon-lock"></span> Show gallery on card click\

[59] Fix | Delete

<p class="desc">If disabled, click on the card will open original post.</p>\

[60] Fix | Delete

<div class="desc hint-block hint-block-pro"><span class="hint-link">Available in PRO</span><div class="hint hint-pro"><h1>PREMIUM FEATURE</h1>To access this and many other premium features please activate <a href="#addons-tab">BOOST subscription</a> or make one‑time purchase of <a href="http://goo.gl/g7XQzu" target="_blank">PRO version</a>.</div></div>\

[61] Fix | Delete

</dt>\

[62] Fix | Delete

<dd class="ff-feature">\

[63] Fix | Delete

<label for="stream-<%= id %>-gallery"><input id="stream-<%= id %>-gallery" class="switcher" type="checkbox" checked name="stream-<%= id %>-gallery" value="yep"/><div><div></div></div></label>\

[64] Fix | Delete

</dd>\

[65] Fix | Delete

<dt class="multiline"><span class="ff-icon-lock"></span> Gallery type\

[66] Fix | Delete

<p class="desc">Choose between classic lightbox style or scrollable news feed.</p>\

[67] Fix | Delete

[68] Fix | Delete

</dt>\

[69] Fix | Delete

<dd class="ff-feature">\

[70] Fix | Delete

<div class="select-wrapper">\

[71] Fix | Delete

<select name="stream-<%= id %>-gallery-type" id="stream-<%= id %>-gallery-type">\

[72] Fix | Delete

<option value="classic" selected>Lightbox</option>\

[73] Fix | Delete

<option value="news">News feed style</option>\

[74] Fix | Delete

</select>\

[75] Fix | Delete

</div>\

[76] Fix | Delete

</dd>\

[77] Fix | Delete

<dt class="multiline">Private stream<p class="desc">Show only for logged in users.</p></dt>\

[78] Fix | Delete

<dd>\

[79] Fix | Delete

<label for="stream-<%= id %>-private"><input id="stream-<%= id %>-private" class="switcher" type="checkbox" name="stream-<%= id %>-private" value="yep"/><div><div></div></div></label>\

[80] Fix | Delete

</dd>\

[81] Fix | Delete

<dt class="multiline">Hide stream on a desktop<p class="desc">If you want to create mobiles specific stream only.</p></dt>\

[82] Fix | Delete

<dd>\

[83] Fix | Delete

<label for="stream-<%= id %>-hide-on-desktop"><input id="stream-<%= id %>-hide-on-desktop" class="switcher" type="checkbox" name="stream-<%= id %>-hide-on-desktop" value="yep"/><div><div></div></div></label>\

[84] Fix | Delete

</dd>\

[85] Fix | Delete

<dt class="multiline">Hide stream on a mobile device<p class="desc">If you want to show stream content only on desktops.</p></dt>\

[86] Fix | Delete

<dd>\

[87] Fix | Delete

<label for="stream-<%= id %>-hide-on-mobile"><input id="stream-<%= id %>-hide-on-mobile" class="switcher" type="checkbox" name="stream-<%= id %>-hide-on-mobile" value="yep"/><div><div></div></div></label>\

[88] Fix | Delete

</dd>\

[89] Fix | Delete

<dt class="multiline">Show only media posts<p class="desc">Display posts with images/video only.</p></dt>\

[90] Fix | Delete

<dd>\

[91] Fix | Delete

<label for="stream-<%= id %>-show-only-media-posts"><input id="stream-<%= id %>-show-only-media-posts" class="switcher" type="checkbox" name="stream-<%= id %>-show-only-media-posts" value="yep"/><div><div></div></div></label>\

[92] Fix | Delete

</dd>\

[93] Fix | Delete

<dt class="multiline">Titles link<p class="desc">Visit original post URL by clicking on post title, even if lightbox is enabled.</p></dt>\

[94] Fix | Delete

<dd>\

[95] Fix | Delete

<label for="stream-<%= id %>-titles"><input id="stream-<%= id %>-titles" class="switcher" type="checkbox" name="stream-<%= id %>-titles" value="yep"/><div><div></div></div></label>\

[96] Fix | Delete

</dd>\

[97] Fix | Delete

<dt class="multiline">Hide meta info<p class="desc">Hide social network icon, name, timestamp in each post.</p></dt>\

[98] Fix | Delete

<dd>\

[99] Fix | Delete

<label for="stream-<%= id %>-hidemeta"><input id="stream-<%= id %>-hidemeta" class="switcher" type="checkbox" name="stream-<%= id %>-hidemeta" value="yep"/><div><div></div></div></label>\

[100] Fix | Delete

</dd>\ \

[101] Fix | Delete

<dt class="multiline">Hide text<p class="desc">Hide text content of each post.</p></dt>\

[102] Fix | Delete

<dd>\

[103] Fix | Delete

<label for="stream-<%= id %>-hidetext"><input id="stream-<%= id %>-hidetext" class="switcher" type="checkbox" name="stream-<%= id %>-hidetext" value="yep"/><div><div></div></div></label>\

[104] Fix | Delete

</dd>\

[105] Fix | Delete

<dt class="multiline">Max image resolution<p class="desc">Use only for streams with large-sized posts. Not recommended for default stream design.</p></dt>\

[106] Fix | Delete

<dd>\

[107] Fix | Delete

<label for="stream-<%= id %>-max-res"><input id="stream-<%= id %>-max-res" class="switcher" type="checkbox" name="stream-<%= id %>-max-res" value="nope"/><div><div></div></div></label>\

[108] Fix | Delete

</dd>\

[109] Fix | Delete

</dl>\

[110] Fix | Delete

<span id="stream-settings-sbmt-<%= id %>" class="admin-button green-button submit-button">Save Changes</span>\

[111] Fix | Delete

</div>\

[112] Fix | Delete

<%= TV %>\

[113] Fix | Delete

<div class="section grid-layout-chosen" data-tab="grid" id="cont-settings-<%= id %>">\

[114] Fix | Delete

<div class="design-step-1">\

[115] Fix | Delete

<h1 class="desc-following">Stream layout</h1>\

[116] Fix | Delete

<p class="desc">Each layout offers unique design and set of styling options.</p>\

[117] Fix | Delete

<div class="choose-wrapper">\

[118] Fix | Delete

<input name="stream-<%= id %>-layout" class="clearcache" id="stream-layout-masonry-<%= id %>" type="radio" value="masonry" checked/>\

[119] Fix | Delete

<label for="stream-layout-masonry-<%= id %>"><span class="choose-button"><i class="sprite-masonry"></i>Masonry</span><br><span class="desc">Pinterest-like layout with dynamic post height (depending on post content).</span></label>\

[120] Fix | Delete

<input name="stream-<%= id %>-layout" class="clearcache" id="stream-layout-grid-<%= id %>" type="radio" value="grid" />\

[121] Fix | Delete

<label for="stream-layout-grid-<%= id %>" class="stream-layout"><div class="choose-button hint-block">\

[122] Fix | Delete

<span class="hint-link hint-default"><i class="sprite-grid"></i>Grid</span>\

[123] Fix | Delete

<div class="hint hint-layout">\

[124] Fix | Delete

<h1>PREMIUM FEATURE</h1>\

[125] Fix | Delete

To access this and many other premium features please activate <a href="#addons-tab">BOOST subscription</a> or make one‑time purchase of <a href="http://goo.gl/g7XQzu" target="_blank">PRO version</a>.\

[126] Fix | Delete

</div>\

[127] Fix | Delete

</div><br><span class="desc">Classic grid with posts of the same height. Recommended for posts of similar format.</span></label>\

[128] Fix | Delete

<input name="stream-<%= id %>-layout" class="clearcache" id="stream-layout-justified-<%= id %>" type="radio" value="justified"/>\

[129] Fix | Delete

<label for="stream-layout-justified-<%= id %>" class="stream-layout"><div class="choose-button hint-block">\

[130] Fix | Delete

<span class="hint-link hint-default"><i class="sprite-justified"></i>Justified</span>\

[131] Fix | Delete

<div class="hint hint-layout">\

[132] Fix | Delete

<h1>PREMIUM FEATURE</h1>\

[133] Fix | Delete

[134] Fix | Delete

</div>\

[135] Fix | Delete

</div><br><span class="desc">One-height posts with dynamic width. Only for image posts.</span></label>\

[136] Fix | Delete

<input name="stream-<%= id %>-layout" class="clearcache" id="stream-layout-list-<%= id %>" type="radio" value="list"/>\

[137] Fix | Delete

<label for="stream-layout-list-<%= id %>" class="stream-layout"><div class="choose-button hint-block">\

[138] Fix | Delete

<span class="hint-link hint-default"><i class="sprite-list"></i>Wall</span>\

[139] Fix | Delete

<div class="hint hint-layout">\

[140] Fix | Delete

<h1>PREMIUM FEATURE</h1>\

[141] Fix | Delete

[142] Fix | Delete

</div>\

[143] Fix | Delete

</div><br><span class="desc">Classic news feed like layout. Easily integrates in any part of your site.</span></label>\

[144] Fix | Delete

<input name="stream-<%= id %>-layout" class="clearcache" id="stream-layout-carousel-<%= id %>" type="radio" value="carousel"/>\

[145] Fix | Delete

<label for="stream-layout-carousel-<%= id %>" class="stream-layout"><div class="choose-button hint-block">\

[146] Fix | Delete

<span class="hint-link hint-default"><i class="sprite-carousel"></i>Carousel</span>\

[147] Fix | Delete

<div class="hint hint-layout">\

[148] Fix | Delete

<h1>PREMIUM FEATURE</h1>\

[149] Fix | Delete

[150] Fix | Delete

</div>\

[151] Fix | Delete

</div><br><span class="desc">Slide photos in beautiful carousel of posts. All cards are same size. Supports dragging.</span></label>\

[152] Fix | Delete

</div>\

[153] Fix | Delete

</div>\

[154] Fix | Delete

<dl class="section-settings settings-masonry">\

[155] Fix | Delete

<dt class="multiline">Gallery mode\

[156] Fix | Delete

<p class="desc">Affects media posts only. Enable if you want post content to overlay post image on mouseover / on touch.</p>\

[157] Fix | Delete

</dt>\

[158] Fix | Delete

<dd>\

[159] Fix | Delete

<label for="stream-<%= id %>-m-overlay"><input id="stream-<%= id %>-m-overlay" class="switcher" type="checkbox" name="stream-<%= id %>-m-overlay" value="yep"/><div><div></div></div></label>\

[160] Fix | Delete

</dd>\

[161] Fix | Delete

<dt class="multiline">Responsive settings\

[162] Fix | Delete

<p class="desc">Set number of columns and gaps between stream posts for various screen sizes. Keep in mind that size depends on container which can have not full width of screen.</p>\

[163] Fix | Delete

</dt>\

[164] Fix | Delete

<dd class="device-list">\

[165] Fix | Delete

<div><i class="flaticon-desktop"></i> <input name="stream-<%= id %>-m-c-desktop" id="stream-<%= id %>-m-c-desktop" type="range" min="1" max="12" step="1" value="5" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-m-s-desktop" name="stream-<%= id %>-m-s-desktop" value="0" class="extra-small"> px gaps</div>\

[166] Fix | Delete

<div><i class="flaticon-laptop"></i> <input name="stream-<%= id %>-m-c-laptop" id="stream-<%= id %>-m-c-laptop" type="range" min="1" max="12" step="1" value="4" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-m-s-laptop" name="stream-<%= id %>-m-s-laptop" value="0" class="extra-small"> px gaps</div>\

[167] Fix | Delete

<div><i class="flaticon-tablet rotated"></i> <input name="stream-<%= id %>-m-c-tablet-l" id="stream-<%= id %>-m-c-tablet-l" type="range" min="1" max="12" step="1" value="3" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-m-s-tablet-l" name="stream-<%= id %>-m-s-tablet-l" value="0" class="extra-small"> px gaps</div>\

[168] Fix | Delete

<div><i class="flaticon-tablet"></i> <input name="stream-<%= id %>-m-c-tablet-p" id="stream-<%= id %>-m-c-tablet-p" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-m-s-tablet-p" name="stream-<%= id %>-m-s-tablet-p" value="0" class="extra-small"> px gaps</div>\

[169] Fix | Delete

<div><i class="flaticon-phone2 rotated"></i> <input name="stream-<%= id %>-m-c-smart-l" id="stream-<%= id %>-m-c-smart-l" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-m-s-smart-l" name="stream-<%= id %>-m-s-smart-l" value="0" class="extra-small"> px gaps</div>\

[170] Fix | Delete

<div><i class="flaticon-phone2"></i> <input name="stream-<%= id %>-m-c-smart-p" id="stream-<%= id %>-m-c-smart-p" type="range" min="1" max="12" step="1" value="1" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-m-s-smart-p" name="stream-<%= id %>-m-s-smart-p" value="0" class="extra-small"> px gaps</div>\

[171] Fix | Delete

</dd>\

[172] Fix | Delete

</dl>\

[173] Fix | Delete

<dl class="section-settings settings-grid">\

[174] Fix | Delete

<dt class="multiline">Gallery mode\

[175] Fix | Delete

<p class="desc">Affects media posts only. Enable if you want post content to overlay post image on mouseover / on touch.</p>\

[176] Fix | Delete

</dt>\

[177] Fix | Delete

<dd>\

[178] Fix | Delete

<label for="stream-<%= id %>-g-overlay"><input id="stream-<%= id %>-g-overlay" class="switcher" type="checkbox" name="stream-<%= id %>-g-overlay" value="yep"/><div><div></div></div></label>\

[179] Fix | Delete

</dd>\

[180] Fix | Delete

<dt class="multiline">Card Size ratio\

[181] Fix | Delete

<p class="desc">Specify the ratio between width and height (X:Y) of card. For non-gallery recommended ratio is 1:2 or 2:3, for gallery is 1:1.</p>\

[182] Fix | Delete

</dt>\

[183] Fix | Delete

<dd>\

[184] Fix | Delete

<input type="text" id="stream-<%= id %>-g-ratio-w" name="stream-<%= id %>-g-ratio-w" value="1" class="extra-small"> : <input type="text" id="stream-<%= id %>-g-ratio-h" name="stream-<%= id %>-g-ratio-h" value="1" class="extra-small"> \

[185] Fix | Delete

</dd>\

[186] Fix | Delete

<dt class="multiline">Image to card ratio\

[187] Fix | Delete

<p class="desc">For non-gallery mode specify image size relative to overall card size.</p>\

[188] Fix | Delete

</dt>\

[189] Fix | Delete

<dd>\

[190] Fix | Delete

<div class="select-wrapper" style="width:150px">\

[191] Fix | Delete

<select name="stream-<%= id %>-g-ratio-img" id="stream-<%= id %>-g-ratio-img">\

[192] Fix | Delete

<option value="1/2" selected>One half</option>\

[193] Fix | Delete

<option value="1/3">One third</option>\

[194] Fix | Delete

<option value="2/3">Two thirds</option>\

[195] Fix | Delete

</select>\

[196] Fix | Delete

</div>\

[197] Fix | Delete

</dd>\

[198] Fix | Delete

<dt class="multiline">Responsive settings\

[199] Fix | Delete

<p class="desc">Set number of columns and gaps between stream posts for various screen sizes. Keep in mind that size depends on container which can have not full width of screen.</p>\

[200] Fix | Delete

</dt>\

[201] Fix | Delete

<dd class="device-list">\

[202] Fix | Delete

<div><i class="flaticon-desktop"></i> <input name="stream-<%= id %>-c-desktop" id="stream-<%= id %>-c-desktop" type="range" min="1" max="12" step="1" value="5" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-s-desktop" name="stream-<%= id %>-s-desktop" value="0" class="extra-small"> px gaps</div>\

[203] Fix | Delete

<div><i class="flaticon-laptop"></i> <input name="stream-<%= id %>-c-laptop" id="stream-<%= id %>-c-laptop" type="range" min="1" max="12" step="1" value="4" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-s-laptop" name="stream-<%= id %>-s-laptop" value="0" class="extra-small"> px gaps</div>\

[204] Fix | Delete

<div><i class="flaticon-tablet rotated"></i> <input name="stream-<%= id %>-c-tablet-l" id="stream-<%= id %>-c-tablet-l" type="range" min="1" max="12" step="1" value="3" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-s-tablet-l" name="stream-<%= id %>-s-tablet-l" value="0" class="extra-small"> px gaps</div>\

[205] Fix | Delete

<div><i class="flaticon-tablet"></i> <input name="stream-<%= id %>-c-tablet-p" id="stream-<%= id %>-c-tablet-p" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-s-tablet-p" name="stream-<%= id %>-s-tablet-p" value="0" class="extra-small"> px gaps</div>\

[206] Fix | Delete

<div><i class="flaticon-phone2 rotated"></i> <input name="stream-<%= id %>-c-smart-l" id="stream-<%= id %>-c-smart-l" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-s-smart-l" name="stream-<%= id %>-s-smart-l" value="0" class="extra-small"> px gaps</div>\

[207] Fix | Delete

<div><i class="flaticon-phone2"></i> <input name="stream-<%= id %>-c-smart-p" id="stream-<%= id %>-c-smart-p" type="range" min="1" max="12" step="1" value="1" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-s-smart-p" name="stream-<%= id %>-s-smart-p" value="0" class="extra-small"> px gaps</div>\

[208] Fix | Delete

</dd>\

[209] Fix | Delete

</dl>\

[210] Fix | Delete

<dl class="section-settings settings-justified">\

[211] Fix | Delete

<dt class="multiline">Responsive settings\

[212] Fix | Delete

<p class="desc">Set number of columns and gaps between stream posts for various screen sizes. Keep in mind that size depends on container which can have not full width of screen.</p>\

[213] Fix | Delete

</dt>\

[214] Fix | Delete

<dd class="device-list">\

[215] Fix | Delete

<div><i class="flaticon-desktop"></i> Preferred row height is <input type="text" id="stream-<%= id %>-j-h-desktop" name="stream-<%= id %>-j-h-desktop" value="260" class="short"> px with <input type="text" id="stream-<%= id %>-j-s-desktop" name="stream-<%= id %>-j-s-desktop" value="0" class="extra-small"> px gaps</div>\

[216] Fix | Delete

<div><i class="flaticon-laptop"></i> Preferred row height is <input type="text" id="stream-<%= id %>-j-h-laptop" name="stream-<%= id %>-j-h-laptop" value="240" class="short"> px with <input type="text" id="stream-<%= id %>-j-s-laptop" name="stream-<%= id %>-j-s-laptop" value="0" class="extra-small"> px gaps</div>\

[217] Fix | Delete

<div><i class="flaticon-tablet rotated"></i> Preferred row height is <input type="text" id="stream-<%= id %>-j-h-tablet-l" name="stream-<%= id %>-j-h-tablet-l" value="220" class="short"> px with <input type="text" id="stream-<%= id %>-j-s-tablet-l" name="stream-<%= id %>-j-s-tablet-l" value="0" class="extra-small"> px gaps</div>\

[218] Fix | Delete

<div><i class="flaticon-tablet"></i> Preferred row height is <input type="text" id="stream-<%= id %>-j-h-tablet-p" name="stream-<%= id %>-j-h-tablet-p" value="200" class="short"> px with <input type="text" id="stream-<%= id %>-j-s-tablet-p" name="stream-<%= id %>-j-s-tablet-p" value="0" class="extra-small"> px gaps</div>\

[219] Fix | Delete

<div><i class="flaticon-phone2 rotated"></i> Preferred row height is <input type="text" id="stream-<%= id %>-j-h-smart-l" name="stream-<%= id %>-j-h-smart-l" value="180" class="short"> px with <input type="text" id="stream-<%= id %>-j-s-smart-l" name="stream-<%= id %>-j-s-smart-l" value="0" class="extra-small"> px gaps</div>\

[220] Fix | Delete

<div><i class="flaticon-phone2"></i> Preferred row height is <input type="text" id="stream-<%= id %>-j-h-smart-p" name="stream-<%= id %>-j-h-smart-p" value="160" class="short"> px with <input type="text" id="stream-<%= id %>-j-s-smart-p" name="stream-<%= id %>-j-s-smart-p" value="0" class="extra-small"> px gaps</div>\

[221] Fix | Delete

</dd>\

[222] Fix | Delete

</dl>\

[223] Fix | Delete

<dl class="section-settings settings-carousel">\

[224] Fix | Delete

<dt class="multiline">Always Visible Controls\

[225] Fix | Delete

<p class="desc">If set to NO controls will be visible on mouseover on desktops.</p>\

[226] Fix | Delete

</dt>\

[227] Fix | Delete

<dd>\

[228] Fix | Delete

<label for="stream-<%= id %>-c-arrows-always"><input id="stream-<%= id %>-c-arrows-always" class="switcher" type="checkbox" name="stream-<%= id %>-c-arrows-always" value="yep"/><div><div></div></div></label>\

[229] Fix | Delete

</dd>\

[230] Fix | Delete

<dt class="multiline">Arrows Controls on mobiles\

[231] Fix | Delete

<p class="desc">If set to NO visitor can only use drag gestures to slide.</p>\

[232] Fix | Delete

</dt>\

[233] Fix | Delete

<dd>\

[234] Fix | Delete

<label for="stream-<%= id %>-c-arrows-mob"><input id="stream-<%= id %>-c-arrows-mob" class="switcher" type="checkbox" name="stream-<%= id %>-c-arrows-mob" value="yep"/><div><div></div></div></label>\

[235] Fix | Delete

</dd>\

[236] Fix | Delete

<dt class="multiline">Dots Controls\

[237] Fix | Delete

<p class="desc">Show/hide dots sliding controls</p>\

[238] Fix | Delete

</dt>\

[239] Fix | Delete

<dd>\

[240] Fix | Delete

<label for="stream-<%= id %>-c-dots"><input id="stream-<%= id %>-c-dots" class="switcher" type="checkbox" name="stream-<%= id %>-c-dots" value="yep"/><div><div></div></div></label>\

[241] Fix | Delete

</dd>\

[242] Fix | Delete

<dt class="multiline">Dots Controls on mobiles\

[243] Fix | Delete

<p class="desc">Show/hide dots sliding controls</p>\

[244] Fix | Delete

</dt>\

[245] Fix | Delete

<dd>\

[246] Fix | Delete

<label for="stream-<%= id %>-c-dots-mob"><input id="stream-<%= id %>-c-dots-mob" class="switcher" type="checkbox" name="stream-<%= id %>-c-dots-mob" value="yep"/><div><div></div></div></label>\

[247] Fix | Delete

</dd>\

[248] Fix | Delete

<dt class="multiline">Auto Play\

[249] Fix | Delete

<p class="desc">Set speed in seconds. Leave empty to disable.</p>\

[250] Fix | Delete

</dt>\

[251] Fix | Delete

<dd>\

[252] Fix | Delete

<label for="stream-<%= id %>-c-autoplay"><input id="stream-<%= id %>-c-autoplay" type="number" name="stream-<%= id %>-c-autoplay" class="extra-small"/><div><div></div></div></label> sec\

[253] Fix | Delete

</dd>\

[254] Fix | Delete

<dt class="multiline">Responsive settings\

[255] Fix | Delete

<p class="desc">Set number of rows/columns and space between cards you want to have on various container sizes. Keep in mind that size depends on container which can have not full width of screen.</p>\

[256] Fix | Delete

</dt>\

[257] Fix | Delete

<dd class="device-list">\

[258] Fix | Delete

<div><i class="flaticon-desktop"></i> <input name="stream-<%= id %>-c-r-desktop" id="stream-<%= id %>-c-r-desktop" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> and <input name="stream-<%= id %>-c-c-desktop" id="stream-<%= id %>-c-c-desktop" type="range" min="1" max="12" step="1" value="5" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-c-s-desktop" name="stream-<%= id %>-c-s-desktop" value="0" class="extra-small"> px spacing</div>\

[259] Fix | Delete

<div><i class="flaticon-laptop"></i> <input name="stream-<%= id %>-c-r-laptop" id="stream-<%= id %>-c-r-laptop" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> and <input name="stream-<%= id %>-c-c-laptop" id="stream-<%= id %>-c-c-laptop" type="range" min="1" max="12" step="1" value="4" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-c-s-laptop" name="stream-<%= id %>-c-s-laptop" value="0" class="extra-small"> px spacing</div>\

[260] Fix | Delete

<div><i class="flaticon-tablet rotated"></i> <input name="stream-<%= id %>-c-r-tablet-l" id="stream-<%= id %>-c-r-tablet-l" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> and <input name="stream-<%= id %>-c-c-tablet-l" id="stream-<%= id %>-c-c-tablet-l" type="range" min="1" max="12" step="1" value="3" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-c-s-tablet-l" name="stream-<%= id %>-c-s-tablet-l" value="0" class="extra-small"> px spacing</div>\

[261] Fix | Delete

<div><i class="flaticon-tablet"></i> <input name="stream-<%= id %>-c-r-tablet-p" id="stream-<%= id %>-c-r-tablet-p" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> and <input name="stream-<%= id %>-c-c-tablet-p" id="stream-<%= id %>-c-c-tablet-p" type="range" min="1" max="12" step="1" value="3" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-c-s-tablet-p" name="stream-<%= id %>-c-s-tablet-p" value="0" class="extra-small"> px spacing</div>\

[262] Fix | Delete

<div><i class="flaticon-phone2 rotated"></i> <input name="stream-<%= id %>-c-r-smart-l" id="stream-<%= id %>-c-r-smart-l" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> and <input name="stream-<%= id %>-c-c-smart-l" id="stream-<%= id %>-c-c-smart-l" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-c-s-smart-l" name="stream-<%= id %>-c-s-smart-l" value="0" class="extra-small"> px spacing</div>\

[263] Fix | Delete

<div><i class="flaticon-phone2"></i> <input name="stream-<%= id %>-c-r-smart-p" id="stream-<%= id %>-c-r-smart-p" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> and <input name="stream-<%= id %>-c-c-smart-p" id="stream-<%= id %>-c-c-smart-p" type="range" min="1" max="12" step="1" value="2" data-rangeslider> <span class="range-value"></span> with <input type="text" id="stream-<%= id %>-c-s-smart-p" name="stream-<%= id %>-c-s-smart-p" value="0" class="extra-small"> px spacing</div>\

[264] Fix | Delete

</dd>\

[265] Fix | Delete

</dl>\

[266] Fix | Delete

<dl class="section-settings settings-list">\

[267] Fix | Delete

<dt class="multiline">Wall width\

[268] Fix | Delete

<p class="desc">Leave empty for responsiveness, will fill container. Best look for this layout is in 300-800 pixels range.</p>\

[269] Fix | Delete

</dt>\

[270] Fix | Delete

<dd>\

[271] Fix | Delete

<label for="stream-<%= id %>-wallwidth"><input id="stream-<%= id %>-wallwidth" type="number" name="stream-<%= id %>-wallwidth" class="small"/><div><div></div></div></label> px\

[272] Fix | Delete

</dd>\

[273] Fix | Delete

<dt class="">Post vertical margins\

[274] Fix | Delete

<p class="desc"></p>\

[275] Fix | Delete

</dt>\

[276] Fix | Delete

<dd>\

[277] Fix | Delete

<label for="stream-<%= id %>-wallvm"><input id="stream-<%= id %>-wallvm" type="number" name="stream-<%= id %>-wallvm" class="extra-small"/><div><div></div></div></label> px\

[278] Fix | Delete

</dd>\

[279] Fix | Delete

<dt class="">Post horizontal margins\

[280] Fix | Delete

<p class="desc"></p>\

[281] Fix | Delete

</dt>\

[282] Fix | Delete

<dd>\

[283] Fix | Delete

<label for="stream-<%= id %>-wallhm"><input id="stream-<%= id %>-wallhm" type="number" name="stream-<%= id %>-wallhm" class="extra-small"/><div><div></div></div></label> px\

[284] Fix | Delete

</dd>\

[285] Fix | Delete

<dt class="multiline">Post comments\

[286] Fix | Delete

<p class="desc">Load comments for posts (if available)</p>\

[287] Fix | Delete

</dt>\

[288] Fix | Delete

<dd>\

[289] Fix | Delete

<label for="stream-<%= id %>-wallcomments"><input id="stream-<%= id %>-wallcomments" class="switcher" type="checkbox" name="stream-<%= id %>-wallcomments" checked value="yep"/><div><div></div></div></label>\

[290] Fix | Delete

</dd>\

[291] Fix | Delete

</dl>\

[292] Fix | Delete

<div class="button-wrapper"><span id="stream-layout-sbmt-<%= id %>" class="admin-button green-button submit-button" style="margin-bottom:35px">Save Changes</span></div>\

[293] Fix | Delete

<h1>Layout Design Settings</h1>\

[294] Fix | Delete

<dl class="section-settings section-compact">\

[295] Fix | Delete

<dt class="multiline">Stream heading\

[296] Fix | Delete

<p class="desc">Leave empty to not show.</p></dt>\

[297] Fix | Delete

<dd>\

[298] Fix | Delete

<input id="stream-<%= id %>-heading" type="text" name="stream-<%= id %>-heading" placeholder="Enter heading"/>\

[299] Fix | Delete

</dd>\

[300] Fix | Delete

<dt class="multiline">Heading color\

[301] Fix | Delete

<p class="desc"></p>\

[302] Fix | Delete

</dt>\

[303] Fix | Delete

<dd>\

[304] Fix | Delete

<input id="heading-color-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-headingcolor" type="text" value="rgb(59, 61, 64)" tabindex="-1">\

[305] Fix | Delete

</dd>\

[306] Fix | Delete

<dt>Stream subheading</dt>\

[307] Fix | Delete

<dd>\

[308] Fix | Delete

<input id="stream-<%= id %>-subheading" type="text" name="stream-<%= id %>-subheading" placeholder="Enter subheading"/>\

[309] Fix | Delete

</dd>\

[310] Fix | Delete

<dt class="multiline">Subheading color\

[311] Fix | Delete

<p class="desc"></p>\

[312] Fix | Delete

</dt>\

[313] Fix | Delete

<dd>\

[314] Fix | Delete

<input id="subheading-color-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-subheadingcolor" type="text" value="rgb(114, 112, 114)" tabindex="-1">\

[315] Fix | Delete

</dd>\

[316] Fix | Delete

<dt><span class="valign">Headings alignment</span></dt>\

[317] Fix | Delete

<dd class="">\

[318] Fix | Delete

<div class="select-wrapper">\

[319] Fix | Delete

<select name="stream-<%= id %>-hhalign" id="hhalign-<%= id %>">\

[320] Fix | Delete

<option value="center" selected>Centered</option>\

[321] Fix | Delete

<option value="left">Left</option>\

[322] Fix | Delete

<option value="right">Right</option>\

[323] Fix | Delete

</select>\

[324] Fix | Delete

</div>\

[325] Fix | Delete

</dd>\

[326] Fix | Delete

<dt class="multiline">Container background color\

[327] Fix | Delete

<p class="desc"></p>\

[328] Fix | Delete

</dt>\

[329] Fix | Delete

<dd>\

[330] Fix | Delete

<input data-prop="backgroundColor" id="bg-color-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-bgcolor" type="text" value="rgb(240, 240, 240)" tabindex="-1">\

[331] Fix | Delete

</dd>\

[332] Fix | Delete

<dt class="multiline carousel-hidden-field">SORTING AND SEARCH BAR\

[333] Fix | Delete

<p class="desc">Available only for grid layouts.</p>\

[334] Fix | Delete

</dt>\

[335] Fix | Delete

<dd class="carousel-hidden-field">\

[336] Fix | Delete

<label for="stream-<%= id %>-filter"><input id="stream-<%= id %>-filter" class="switcher" type="checkbox" name="stream-<%= id %>-filter" checked value="yep"/><div><div></div></div></label>\

[337] Fix | Delete

</dd>\

[338] Fix | Delete

<dt class="carousel-hidden-field">Filters and controls color\

[339] Fix | Delete

</dt>\

[340] Fix | Delete

<dd class="carousel-hidden-field">\

[341] Fix | Delete

<input id="filter-color-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-filtercolor" type="text" value="rgb(205, 205, 205)" tabindex="-1">\

[342] Fix | Delete

</dd>\

[343] Fix | Delete

<dt class="multiline">Slider on mobiles <p class="desc">Stream will turn into a slider with 3 items per slide on mobile devices.</p></dt>\

[344] Fix | Delete

<dd>\

[345] Fix | Delete

<label for="stream-<%= id %>-mobileslider"><input id="stream-<%= id %>-mobileslider" class="switcher" type="checkbox" name="stream-<%= id %>-mobileslider" value="yep"/><div><div></div></div></label>\

[346] Fix | Delete

</dd>\

[347] Fix | Delete

<dt class="multiline carousel-hidden-field">Animate stream items <p class="desc">Posts are revealed with animation effect if they appear in viewport. Otherwise all posts are visible immediately. Only for grid layouts.</p></dt>\

[348] Fix | Delete

<dd class="carousel-hidden-field">\

[349] Fix | Delete

<label for="stream-<%= id %>-viewportin"><input id="stream-<%= id %>-viewportin" class="switcher" type="checkbox" name="stream-<%= id %>-viewportin" checked value="yep"/><div><div></div></div></label>\

[350] Fix | Delete

</dd>\

[351] Fix | Delete

</dl>\

[352] Fix | Delete

<span id="stream-cont-sbmt-<%= id %>" class="admin-button green-button submit-button">Save Changes</span>\

[353] Fix | Delete

</div>\

[354] Fix | Delete

<div class="section" data-tab="stylings" id="stream-stylings-<%= id %>">\

[355] Fix | Delete

<div class="design-step-2 layout-grid">\

[356] Fix | Delete

<h1>Grid cards styling</h1>\

[357] Fix | Delete

<dl class="section-settings section-compact" style="display:none">\

[358] Fix | Delete

<dt><span class="valign">Card dimensions</span></dt>\

[359] Fix | Delete

<dd>Width: <input type="text" data-prop="width" id="width-<%= id %>" name="stream-<%= id %>-width" value="260" class="short clearcache"/> px <span class="space"></span> Margin: <input type="text" id="margin-<%= id %>" value="20" class="short" name="stream-<%= id %>-margin"/> px</dd>\

[360] Fix | Delete

<dt><span class="valign">Card theme</span></dt>\

[361] Fix | Delete

<dd class="theme-choice">\

[362] Fix | Delete

<input id="theme-classic-<%= id %>" type="radio" class="clearcache" name="stream-<%= id %>-theme" checked value="classic"/> <label for="theme-classic-<%= id %>">Classic</label> <input class="clearcache" id="theme-flat-<%= id %>" type="radio" name="stream-<%= id %>-theme" value="flat"/> <label for="theme-flat-<%= id %>">Modern</label>\

[363] Fix | Delete

</dd>\

[364] Fix | Delete

</dl>\

[365] Fix | Delete

<dl class="classic-style style-choice section-settings section-compact" style="display:block">\

[366] Fix | Delete

<dt class="ff-hide"><span class="valign">Info style</span></dt>\

[367] Fix | Delete

<dd class="ff-hide">\

[368] Fix | Delete

<div class="select-wrapper">\

[369] Fix | Delete

<select name="stream-<%= id %>-gc-style" id="gc-style-<%= id %>">\

[370] Fix | Delete

<option value="style-1" selected>Centered meta, round icon</option>\

[371] Fix | Delete

<option value="style-2">Centered meta, bubble icon</option>\

[372] Fix | Delete

<option value="style-6">Centered meta, no social icon</option>\

[373] Fix | Delete

<option value="style-3">Userpic, rounded icon</option>\

[374] Fix | Delete

<option value="style-4">No userpic, rounded icon</option>\

[375] Fix | Delete

<option value="style-5">No userpic, bubble icon</option>\

[376] Fix | Delete

</select>\

[377] Fix | Delete

</div>\

[378] Fix | Delete

</dd>\

[379] Fix | Delete

<dt class="grid-setting"><span class="valign">AVATAR STYLE</span></dt>\

[380] Fix | Delete

<dd class="grid-setting">\

[381] Fix | Delete

<div class="select-wrapper">\

[382] Fix | Delete

<select name="stream-<%= id %>-upic-pos" id="stream-<%= id %>-upic-pos">\

[383] Fix | Delete

<option value="timestamp" selected>With timestamp</option>\

[384] Fix | Delete

<option value="centered">Centered</option>\

[385] Fix | Delete

<option value="centered-big">Big Centered & Overlaps Image</option>\

[386] Fix | Delete

<option value="off">Don\'t show it</option>\

[387] Fix | Delete

</select>\

[388] Fix | Delete

</div>\

[389] Fix | Delete

</dd>\

[390] Fix | Delete

<dt>\

[391] Fix | Delete

SHAPE STYLE\

[392] Fix | Delete

</dt>\

[393] Fix | Delete

<dd>\

[394] Fix | Delete

<div class="select-wrapper">\

[395] Fix | Delete

<select name="stream-<%= id %>-upic-style" id="stream-<%= id %>-upic-style">\

[396] Fix | Delete

<option value="round" selected>Rounded</option>\

[397] Fix | Delete

<option value="square">Plain</option>\

[398] Fix | Delete

</select>\

[399] Fix | Delete

</div>\

[400] Fix | Delete

</dd>\

[401] Fix | Delete

<dt class="upic-style-toggle"><span class="valign">Corner rounding</span></dt>\

[402] Fix | Delete

<dd class="upic-style-toggle"><input type="text" id="bradius-<%= id %>" name="stream-<%= id %>-bradius" value="20" class="short clearcache"/> pixels\

[403] Fix | Delete

</dd>\

[404] Fix | Delete

<dt class="grid-setting"><span class="valign">Social icon style</span></dt>\

[405] Fix | Delete

<dd class="grid-setting">\

[406] Fix | Delete

<div class="select-wrapper">\

[407] Fix | Delete

<select name="stream-<%= id %>-icon-style" id="stream-<%= id %>-icon-style">\

[408] Fix | Delete

<option value="label1" selected>Label</option>\

[409] Fix | Delete

<option value="label2">Corner icon</option>\

[410] Fix | Delete

<option value="stamp1">Timestamp</option>\

[411] Fix | Delete

<option value="off">Off</option>\

[412] Fix | Delete

</select>\

[413] Fix | Delete

</div>\

[414] Fix | Delete

</dd>\

[415] Fix | Delete

<dt><span class="valign">Card background color</span></dt>\

[416] Fix | Delete

<dd>\

[417] Fix | Delete

<input data-prop="backgroundColor" id="card-color-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-cardcolor" type="text" value="rgb(255,255,255)" tabindex="-1">\

[418] Fix | Delete

</dd>\

[419] Fix | Delete

<dt class="multiline">ACCENT COLOR\

[420] Fix | Delete

<p class="desc">Applies to post heading, name and social buttons hover effect.</p>\

[421] Fix | Delete

</dt>\

[422] Fix | Delete

<dd>\

[423] Fix | Delete

<input data-prop="color" id="name-color-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-namecolor" type="text" value="rgb(59, 61, 64)" tabindex="-1">\

[424] Fix | Delete

</dd>\

[425] Fix | Delete

<dt>Regular text color\

[426] Fix | Delete

</dt>\

[427] Fix | Delete

<dd>\

[428] Fix | Delete

<input data-prop="color" id="text-color-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-textcolor" type="text" value="rgb(131, 141, 143)" tabindex="-1">\

[429] Fix | Delete

</dd>\

[430] Fix | Delete

<dt>Links color</dt>\

[431] Fix | Delete

<dd>\

[432] Fix | Delete

<input data-prop="color" id="links-color-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-linkscolor" type="text" value="rgb(94, 159, 202)" tabindex="-1">\

[433] Fix | Delete

</dd>\

[434] Fix | Delete

<dt class="multiline">SECONDARY COLOR\

[435] Fix | Delete

<p class="desc">Applies to timestamp and social counters.</p></dt>\

[436] Fix | Delete

<dd>\

[437] Fix | Delete

<input data-prop="color" id="other-color-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-restcolor" type="text" value="rgb(132, 118, 129)" tabindex="-1">\

[438] Fix | Delete

</dd>\

[439] Fix | Delete

<dt class="grid-setting">Card shadow</dt>\

[440] Fix | Delete

<dd class="grid-setting">\

[441] Fix | Delete

<input data-prop="box-shadow" id="shadow-color-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-shadow" type="text" value="rgba(0,0,0,.05)" tabindex="-1">\

[442] Fix | Delete

</dd>\

[443] Fix | Delete

<dt class="grid-setting">Overlay for gallery cards</dt>\

[444] Fix | Delete

<dd class="grid-setting">\

[445] Fix | Delete

<input data-prop="border-color" id="bcolor-<%= id %>" data-color-format="rgba" name="stream-<%= id %>-bcolor" type="text" value="rgba(0, 0, 0, 0.75)" tabindex="-1">\

[446] Fix | Delete

</dd>\

[447] Fix | Delete

<dt><span class="valign">Text alignment</span></dt>\

[448] Fix | Delete

<dd class="">\

[449] Fix | Delete

<div class="select-wrapper">\

[450] Fix | Delete

<select name="stream-<%= id %>-talign" id="talign-<%= id %>">\

[451] Fix | Delete

<option value="left" selected>Left</option>\

[452] Fix | Delete

<option value="center">Centered</option>\

[453] Fix | Delete

<option value="right">Right</option>\

[454] Fix | Delete

</select>\

[455] Fix | Delete

</div>\

[456] Fix | Delete

</dd>\

[457] Fix | Delete

<dt><span class="valign">COUNTER ICONS STYLE</span></dt>\

[458] Fix | Delete

<dd class="">\

[459] Fix | Delete

<div class="select-wrapper">\

[460] Fix | Delete

<select name="stream-<%= id %>-icons-style" id="icons-style-<%= id %>">\

[461] Fix | Delete

<option value="outline" selected>Outlined</option>\

[462] Fix | Delete

<option value="fill">Solid</option>\

[463] Fix | Delete

</select>\

[464] Fix | Delete

</div>\

[465] Fix | Delete

</dd>\

[466] Fix | Delete

<dt class="ff-hide">Preview</dt>\

[467] Fix | Delete

<dd class="preview">\

[468] Fix | Delete

<h1>Card builder - drag\'n\'drop</h1>\

[469] Fix | Delete

<input type="hidden" id="stream-<%= id %>-template" name="stream-<%= id %>-template"/>\

[470] Fix | Delete

<div data-preview="bg-color" class="ff-stream-wrapper ff-layout-grid ff-theme-classic ff-layout-masonry ff-upic-timestamp ff-upic-round ff-align-left ff-sc-label1 shuffle">\

[471] Fix | Delete

<div data-preview="width" class="ff-item ff-instagram shuffle-item filtered" style="visibility: visible; opacity:1;">\

[472] Fix | Delete

<div data-preview="card-color,shadow-color,bradius" class="picture-item__inner picture-item__inner--transition">\

[473] Fix | Delete

<div class="ff-item-cont">\

[474] Fix | Delete

<span data-template="image" class="ff-img-holder ff-item__draggable"><img src="<%= plugin_url %>/assets/alex_strohl.jpg" style="width:100%;"></span>\

[475] Fix | Delete

<h4 data-template="header" data-preview="name-color" class="ff-item__draggable">Header example</h4>\

[476] Fix | Delete

<div data-template="text" data-preview="text-color" class="ff-content ff-item__draggable"><h4 class="list-preview" data-preview="name-color">Header example</h4>This is regular text paragraph, can be tweet, facebook post etc. This is example of <a href="#" data-preview="links-color">link in text</a>.<h6 class="ff-item-bar list-preview"><a href="" data-preview="other-color" class="ff-likes" target="_blank"><i class="ff-icon-like"></i> <span>15K</span></a><a data-preview="other-color" href="" class="ff-comments" target="_blank"><i class="ff-icon-comment"></i> <span>53</span></a><a data-preview="other-color" rel="nofollow" href="" class="ff-timestamp" target="_blank">July 19</a><span class="ff-location">Lake</span></h6></div>\

[477] Fix | Delete

<h6 class="ff-label-wrapper"><i class="ff-icon"><i class="ff-icon-inner"><span class="ff-label-text">instagram</span></i></i></h6>\

[478] Fix | Delete

<div data-template="meta" class="ff-item-meta ff-item__draggable">\

[479] Fix | Delete

<span class="ff-userpic" style="background:url(<%= plugin_url %>/assets/alex_strohl_user.jpg)"><i data-preview="border-color" class="ff-icon"><i class="ff-icon-inner"></i></i></span><h6><a data-preview="name-color" target="_blank" rel="nofollow" href="#" class="ff-name">Alex Strohl</a></h6><a data-preview="other-color" target="_blank" rel="nofollow" href="#" class="ff-nickname">@alex_strohl</a><a data-preview="other-color" target="_blank" rel="nofollow" href="#" class="ff-timestamp">21m ago </a><div class="ff-dropdown list-preview"><a rel="nofollow" href="#" class="ff-external-link" target="_blank"></a><span class="flaticon-share2"></span></div>\

[480] Fix | Delete

</div>\

[481] Fix | Delete

<h6 class="ff-item-bar"><a data-preview="other-color" href="#" class="ff-likes" target="_blank"><i class="ff-icon-like"></i> <span>89K</span></a><a data-preview="other-color" href="#" class="ff-comments" target="_blank"><i class="ff-icon-comment"></i> <span>994</span></a><div class="ff-share-wrapper"><i data-preview="other-color" class="ff-icon-share"></i><div class="ff-share-popup"><a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.instagram.com%2Fp%2FBLAaLZjBRg8%2F" class="ff-fb-share" target="_blank"><span>Facebook</span></a><a href="https://twitter.com/share?url=https%3A%2F%2Fwww.instagram.com%2Fp%2FBLAaLZjBRg8%2F" class="ff-tw-share" target="_blank"><span>Twitter</span></a><a href="https://plus.google.com/share?url=https%3A%2F%2Fwww.instagram.com%2Fp%2FBLAaLZjBRg8%2F" class="ff-gp-share" target="_blank"><span>Google+</span></a><a href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.instagram.com%2Fp%2FBLAaLZjBRg8%2F&media=https%3A%2F%2Fscontent.cdninstagram.com%2Ft51.2885-15%2Fsh0.08%2Fe35%2Fp640x640%2F14482046_188451531582331_7449129988999086080_n.jpg%3Fig_cache_key%3DMTM1MTE5NTAyMDc2NTc2MzY0NA%253D%253D.2" class="ff-pin-share" target="_blank"><span>Pinterest</span></a></div></div></h6>\

[482] Fix | Delete

</div>\

[483] Fix | Delete

</div>\

[484] Fix | Delete

</div>\

[485] Fix | Delete

</div>\

[486] Fix | Delete

<div style="text-align: center"><span id="builder-sbmt-<%= id %>" class="admin-button green-button submit-button">Save Layout</span></div>\

[487] Fix | Delete

</dd>\

[488] Fix | Delete

</dl>\

[489] Fix | Delete

<span id="stream-stylings-sbmt-<%= id %>" class="admin-button green-button submit-button">Save Changes</span>\

[490] Fix | Delete

</div>\

[491] Fix | Delete

</div>\

[492] Fix | Delete

<div class="section" data-tab="css" id="css-<%= id %>">\

[493] Fix | Delete

<h1 class="desc-following">Stream custom CSS</h1>\

[494] Fix | Delete

<p class="desc" style="margin-bottom:10px">\

[495] Fix | Delete

Prefix your selectors with <strong>#ff-stream-<%= id %></strong> to target this specific stream.\

[496] Fix | Delete

</p>\

[497] Fix | Delete

<textarea name="stream-<%= id %>-css" cols="100" rows="10" id="stream-<%= id %>-css"/> </textarea>\

[498] Fix | Delete

<p style="margin-top:10px"><span id="stream-css-sbmt-<%= id %>" class="admin-button green-button submit-button">Save Changes</span><p>\

[499] Fix | Delete

12 3 4