PRESS
{{ ---------BEGIN THEME SETTINGS AND CONTROLS----------- }}
{% assign: Theme_Fiend_Lab_UserName = 'YourUserName' %}
{% assign: Image_Source = 'Self-hosted' %} {{ Options: 'Lab' or 'Self-hosted' }}
{{ ----OVERALL GRID SETTINGS---- }}
{% assign: Show_Custom_Page_Title = 'No' %} {{ Options: 'Yes' or 'No' }}
{% assign: Custom_Page_Title = "" %}
{% assign: Show_Grid_Intro_Text = 'No' %} {{ Options: 'Yes' or 'No' }}
{{ --GRID ALIGNMENT SETTINGS-- }}
{% assign: Number_of_Grid_Items = 6 %} {{ Options: 1 to 12 }}
{% assign: Grid_Items_Per_Row = 3 %} {{ Options: 2 to 4 }}
{% assign: Grid_Items_Margin = 2 %} {{ Options: 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 }} {{ Note: In percentages }}
{{ --GRID TEXT SETTINGS-- }}
{% assign: Titles_Font_Size = 14 %}
{% assign: Show_Grid_Item_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Grid_Item_Text_Arrangement = 'Below Image' %} {{ Options: 'Below Image', 'Above Image' or 'Title Over Image' }}
{% assign: Grid_Item_Text_Alignment = 'Center' %} {{ Options: 'Left', 'Center', 'Right' }}
{% assign: Show_Grid_Item_Title_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Show_Grid_Item_Description_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{{ --GRID IMAGE SETTINGS-- }}
{% assign: Grid_Image_Rounded_Corners = 'No' %} {{ Options: 'Yes' or 'No' }}
{% assign: Grid_Image_Links = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% assign: Grid_Image_Link_Type = 'Page' %} {{ Options: 'Image' or 'Page' }}
{% assign: Grid_Image_Link_Behavior = 'New Window' %} {{ Options: 'Popup' , 'Same Window' or 'New Window' }}
{% assign: Grid_Image_Link_Popup_Navigation = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% capture Grid_Intro_Text %}
PELLO London has been featured in World renowned British Vouge, British High society magazine Tatler, and Porshe Fanatic Magazine Total 911.{% endcapture %}
{{ ----BEGIN INDIVIDUAL GRID ITEM SETTINGS---- }}
{{ --GRID ITEM 1 SETTINGS-- }}
{% assign: Grid_Item_1_Image_Url = 'http://www.studiocorban.com/akapello/FrontJune16.JPG' %}
{% assign: Grid_Item_1_Page_Url = 'http://www.studiocorban.com/akapello/FeatureJune16.JPG' %}
{% assign: Grid_Item_1_Title = "Total 911" %}
{% capture Grid_Item_1_Text %}
June 2016 Issue | www.total911.com
{% endcapture %}
{{ --GRID ITEM 2 SETTINGS-- }}
{% assign: Grid_Item_2_Image_Url = 'http://www.studiocorban.com/akapello/Front.jpg' %}
{% assign: Grid_Item_2_Page_Url = 'http://www.studiocorban.com/akapello/Feature.jpg' %}
{% assign: Grid_Item_2_Title = "Total 911" %}
{% capture Grid_Item_2_Text %}
April 2016 Issue | www.total911.com
{% endcapture %}
{{ --GRID ITEM 3 SETTINGS-- }}
{% assign: Grid_Item_3_Image_Url = 'http://www.studiocorban.com/akapello/TT02.jpg' %}
{% assign: Grid_Item_3_Page_Url = 'http://www.studiocorban.com/akapello/TT01.jpg' %}
{% assign: Grid_Item_3_Title = "Total 911" %}
{% capture Grid_Item_3_Text %}
November 2014 Issue | www.total911.com
{% endcapture %}
{{ --GRID ITEM 4 SETTINGS-- }}
{% assign: Grid_Item_4_Image_Url = 'http://www.studiocorban.com/akapello/V01.jpg' %}
{% assign: Grid_Item_4_Page_Url = 'http://www.vogue.co.uk/magazine' %}
{% assign: Grid_Item_4_Title = "British Vouge" %}
{% capture Grid_Item_4_Text %}
Fall 2014 Issue | www.vogue.co.uk
{% endcapture %}
{{ --GRID ITEM 5 SETTINGS-- }}
{% assign: Grid_Item_5_Image_Url = 'https://31.media.tumblr.com/d36484ae3bb210104be95c74ea9fc758/tumblr_inline_n21expE4ij1rpw0zw.jpg' %}
{% assign: Grid_Item_5_Page_Url = 'http://www.tatler.com/bystander/events/2013/november/wolf-and-badger-new-designer-party#!/12751/image/7' %}
{% assign: Grid_Item_5_Title = "Tatler" %}
{% capture Grid_Item_5_Text %}
April 2014 Issue | www.tatler.com
{% endcapture %}
{{ --GRID ITEM 6 SETTINGS-- }}
{% assign: Grid_Item_6_Image_Url = 'https://31.media.tumblr.com/56e8e2dfbc2c0d1ef9e2be163042ddcc/tumblr_inline_n099byjyND1rpw0zw.jpg' %}
{% assign: Grid_Item_6_Page_Url = 'http://www.tatler.com' %}
{% assign: Grid_Item_6_Title = "Tatler" %}
{% capture Grid_Item_6_Text %}
May 2014 Issue | www.tatler.com
{% endcapture %}
{{ --GRID ITEM 7 SETTINGS-- }}
{% assign: Grid_Item_7_Image_Url = 'https://31.media.tumblr.com/e3dcacb162fb9617e05b0961d1d4e079/tumblr_inline_n21h0sYXaM1rpw0zw.jpg' %}
{% assign: Grid_Item_7_Page_Url = 'https://www.wolfandbadger.com/designers/akapello/' %}
{% assign: Grid_Item_7_Title = "The Sett" %}
{% capture Grid_Item_7_Text %}
Winter 2014 Issue | www.wolfandbadger.com
{% endcapture %}
{{ ----END INDIVIDUAL GRID ITEM SETTINGS---- }}
{{ ---------END THEME SETTINGS AND CONTROLS----------- }}
{{ ---------BEGIN GRID ADD-ON HTML TEMPLATE CODE---------- }}
{% assign: nogi = Number_of_Grid_Items %}
{% assign: gipr = Grid_Items_Per_Row %}
{% assign: gimg = Grid_Items_Margin %}
{% assign: gdtx = "class='gi_text'" %}
{% assign: girc = Grid_Image_Rounded_Corners %}
{% assign: gil = Grid_Image_Links %}
{% assign: gilt = Grid_Image_Link_Type %}
{% assign: gilb = Grid_Image_Link_Behavior %}
{% assign: gilpn = Grid_Image_Link_Popup_Navigation %}
{% assign: sgit = Show_Grid_Item_Text %}
{% assign: gitxam = Grid_Item_Text_Arrangement %}
{% assign: gital = Grid_Item_Text_Alignment %}
{% assign: sgittx = Show_Grid_Item_Title_Text %}
{% assign: sgidtx = Show_Grid_Item_Description_Text %}
{% capture it_pr %}{% if gimg == 0 %}mg-O{% endif %}{% if gimg == 0.5 %}mg-OpV{% endif %}{% if gimg == 1 %}mg-I{% endif %}{% if gimg == 1.5 %}mg-IpV{% endif %}{% if gimg == 2 %}mg-II{% endif %}{% if gimg == 2.5 %}mg-IIpV{% endif %}{% if gimg == 3 %}mg-III{% endif %}{% endcapture %}
{% capture it_mrgn %}{% if gipr == 2 %}ii_ipr{% endif %}{% if gipr == 3 %}iii_ipr{% endif %}{% if gipr == 4 %}iv_ipr{% endif %}{% if gipr == 5 %}v_ipr{% endif %}{% endcapture %}
{{ Grid_Item_1_Title }}
{% endif %}{% endcapture %} {% capture gitx_box %}{% if sgit contains 'es' %}{{ Grid_Item_1_Text }}
{% endif %}{{ ---------END GRID ADD-ON HTML TEMPLATE CODE---------- }}
{{ ---------BEGIN GRID ADD-ON CSS/JAVASCRIPT CODE---------- }}
.media {overflow:visible}
.page-title {display:none}#grid-addon .page-title {display:inline-block}
#grid-addon {font-size: 0px;position:relative}
#grid-intro-text {margin-bottom: 1.5%;margin-top: 0.5%}
.grid_item h3 {font-size: {{ Titles_Font_Size }}px !important; line-height: 125%; margin-top: 10px !important;{% if gitxam contains 'itle' %}margin-bottom:10px !important;{% else %}margin-bottom:0px !important;{% endif %} text-align:{{ gital | downcase }};}
.grid_item p {text-align:{{ gital | downcase }};margin-top:10px !important;}
.grid_item {vertical-align: top;display: inline-block;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;padding:0%;border:0px solid transparent;position:relative}
.grid_item img {width: 100%;{% if girc contains 'es' %}border-radius:5px{% endif %}box-sizing:border-box;-moz-box-sizing:border-box;}
.gi_text {display: inline-block;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:0%;background-color:transparent;}
#colorbox, #cboxOverlay, #cboxWrapper {z-index: 2147483647 !important;}
body #cboxContent #cboxPrevious, body #cboxContent #cboxNext {background-image: url(http://themefiend.com/tf-themes/_images/arrows/8.png) !important;opacity: 0.6;filter:alpha(opacity=60);width: 24px !important;height: 50px !important;outline: none;top: 45%;}
body #cboxContent button:hover {opacity: 0.9 !important;filter:alpha(opacity=90) !important;}
body button#cboxPrevious {background-position: 0px 0px !important;right: inherit;left: 15px;}
body button#cboxNext {background-position: 100% 0px !important;right: 15px;left:inherit;}
body #cboxClose {right: 2px;top: 2px;}
body #cboxTitle {color: #ffffff;display: none !important}
/*----------ITEMS PER ROW AND MARGINS CSS-----------------*/
/* ---TWO Items Per Row; 0% to 3% Margin--- */
.ii_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:50%}
.ii_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:49.75%}
.ii_ipr.mg-I .grid_item {margin:0% 1% 5% 0%;width:49.5%}
.ii_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:49.25%}
.ii_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:49%}
.ii_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:48.75%}
.ii_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:48.5%}
/* ---THREE Items Per Row; 0% to 3% Margin--- */
.iii_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:33.3333%}
.iii_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:33%}
.iii_ipr.mg-I .grid_item {margin:0% 1% 1% 0%;width:32.6667%}
.iii_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:32.3333%}
.iii_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:32%}
.iii_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:31.6667%}
.iii_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:31.3333%}
/* ---FOUR Items Per Row; 0% to 3% Margin--- */
.iv_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:25%}
.iv_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:24.625%}
.iv_ipr.mg-I .grid_item {margin:0% 1% 1% 0%;width:24.250%}
.iv_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:23.875%}
.iv_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:23.5%}
.iv_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:23.125%}
.iv_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:22.75%}
/* ---FIVE Items Per Row; 0% to 3% Margin--- */
.v_ipr.mg-O .grid_item {margin:0% 0% 0% 0%;width:20%}
.v_ipr.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:19.6%}
.v_ipr.mg-I .grid_item {margin:0% 1% 1% 0%;width: 19.2%}
.v_ipr.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:18.8%}
.v_ipr.mg-II .grid_item {margin:0% 2% 2% 0%;width:18.4%}
.v_ipr.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:18%}
.iv_ipr.mg-III .grid_item {margin:0% 3% 3% 0%;width:17.6%}
/* ---Last Item In Row (No Margin)--- */
@media only screen and (min-width: 768px) {
.ii_ipr .grid_item.last, .iii_ipr .grid_item.last, .iv_ipr .grid_item.last, .v_ipr .grid_item.last {margin-right: 0%}
}
/*============= Media Screen 767px========================*/
@media only screen and (max-width: 767px) {
.mg-O .grid_item {margin:0% 0% 0% 0%;width:50% !important}
.mg-OpV .grid_item {margin:0% 0.5% 0.5% 0%;width:49.75% !important}
.mg-I .grid_item {margin:0% 1% 5% 0%;width:49.5% !important}
.mg-IpV .grid_item {margin:0% 1.5% 1.5% 0%;width:49.25% !important}
.mg-II .grid_item {margin:0% 2% 2% 0%;width:49% !important}
.mg-IIpV .grid_item {margin:0% 2.5% 2.5% 0%;width:48.75% !important}
.mg-III .grid_item {margin:0% 3% 3% 0%;width:48.5% !important}
.grid_item:nth-child(2n) {margin-right: 0% !important}
}
(function($) {
$(document).ready(function(){
$(".gi-popup a").colorbox({maxWidth:'800'});
$("#grid-addon > br, #grid-container > br, .grid_item > br, #grid-addon p:empty").remove();
$(".gi_text br:first-child, .gi_text br:first-child + br, #grid-intro-text br:first-child, #grid-intro-text br:first-child + br").remove();
});
var url1 = /(^|<|\s)(www\..+?\..+?)(\s|>|$)/g,
url2 = /(^|<|\s)(((https?|ftp):\/\/|mailto:).+?)(\s|>|$)/g,
linkifyThis = function () {
var childNodes = this.childNodes,
i = childNodes.length;
while(i--)
{
var n = childNodes[i];
if (n.nodeType == 3) {
var html = $.trim(n.nodeValue);
if (html)
{
html = html.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(url1, '$1<a href="http://$2">$2</a>$3')
.replace(url2, '$1<a href="$2">$2</a>$5');
$(n).after(html).remove();
}
}
else if (n.nodeType == 1 && !/^(a|button|textarea)$/i.test(n.tagName)) {
linkifyThis.call(n);
}
}
};
$.fn.linkify = function () {
return this.each(linkifyThis);
};
$('body').linkify();
$("a[@href^='www'], a[@href^='http']").attr('target','_blank');
})(jQuery);
{{ ---------END GRID ADD-ON CSS/JAVASCRIPT CODE---------- }}
.test img{
opacity: 0.5; /* Change this to .5 for 50% opacity */
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.test img:hover {
opacity: 1;
}