CMNLS COLLECTIVE

{{ ---------BEGIN ADD-ON SETTINGS AND CONTROLS----------- }}

{{ ----OVERALL GRID SETTINGS---- }}

{% assign: Show_Custom_Page_Title = 'No' %} {{ Options: 'Yes' or 'No' }}
{% assign: Custom_Page_Title = "FEATURED ARTISTS" %}
{% assign: Show_Grid_Intro_Text = 'Yes' %} {{ Options: 'Yes' or 'No' }}
{% capture Grid_Intro_Text %}We at Commonness strive to be the voice for and of the people. As we continue to grow we sometimes stumble upon rare talent. After meeting many of these humble souls we decided to begin Commonless Collective. A platform in which we bring together all things CMNLS. From our apparel to our curated music collection, all the way down to our hand picked sponsored artists. Here are a few of our current Warriors.{% endcapture %}

{{ --GRID ALIGNMENT SETTINGS-- }}
{% assign: Number_of_Grid_Items = 3 %} {{ Options: 1 to 12 }}
{% assign: Grid_Items_Per_Row = 'three' %}
{% assign: Grid_Items_Margin = 3 %} {{ Options: 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 }} {{ Note: In percentages }}

{{ --GRID TEXT SETTINGS-- }}
{% assign: Titles_Font_Size = 18 %}
{% 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 = 'Yes' %} {{ 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' }}

{{ ----BEGIN INDIVIDUAL GRID ITEM SETTINGS---- }}

{{ --GRID ITEM 1 SETTINGS-- }}

{% assign: Grid_Item_1_Image_Url = 'https://themefiend.com/wp-content/uploads/commonless/King.png' %} {% assign: Grid_Item_1_Page_Url = 'http://iamkingkold.com' %} {% assign: Grid_Item_1_Title = "KING KOLD" %} {% capture Grid_Item_1_Text %}

Rapper & Visual Artist | www.iamkingkold.com

{% endcapture %}

{{ --GRID ITEM 2 SETTINGS-- }}

{% assign: Grid_Item_2_Image_Url = 'https://themefiend.com/wp-content/uploads/commonless/Effect_20160203_202832.jpg' %} {% assign: Grid_Item_2_Page_Url = 'http://livehighermusic.com' %} {% assign: Grid_Item_2_Title = "LIVE HIGHER" %} {% capture Grid_Item_2_Text %}

Rapper | www.livehighermusic.com

{% endcapture %}

{{ --GRID ITEM 3 SETTINGS-- }}

{% assign: Grid_Item_3_Image_Url = 'https://themefiend.com/wp-content/uploads/commonless/Kibo.png' %} {% assign: Grid_Item_3_Page_Url = 'http://kibohitimusic.com' %} {% assign: Grid_Item_3_Title = "KI BOHITI" %} {% capture Grid_Item_3_Text %}

Rapper | www.kibohitimusic.com

{% endcapture %}

{{ --GRID ITEM 4 SETTINGS-- }}

{% assign: Grid_Item_4_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/mag4.JPG' %} {% assign: Grid_Item_4_Page_Url = 'http://themefiend.com' %} {% assign: Grid_Item_4_Title = "WWD" %} {% capture Grid_Item_4_Text %}

August 2013 Issue | www.wwd.com

{% endcapture %}

{{ --GRID ITEM 5 SETTINGS-- }}

{% assign: Grid_Item_5_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/mag5.JPG' %} {% assign: Grid_Item_5_Page_Url = 'http://themefiend.com' %} {% assign: Grid_Item_5_Title = "Instyle" %} {% capture Grid_Item_5_Text %}

Spring 2014 Issue | www.instyle.com

{% endcapture %}

{{ --GRID ITEM 6 SETTINGS-- }}

{% assign: Grid_Item_6_Image_Url = 'http://themefienddemos.com/add-ons/content-grid/_images/mag6.JPG' %} {% assign: Grid_Item_6_Page_Url = 'http://themefiend.com' %} {% assign: Grid_Item_6_Title = "Vogue" %} {% capture Grid_Item_6_Text %}

March 2014 Issue | http://www.vogue.com/magazine/

{% endcapture %}

{{ --GRID ITEM 7 SETTINGS-- }}

{% assign: Grid_Item_7_Image_Url = '' %}
{% assign: Grid_Item_7_Page_Url = '' %}
{% assign: Grid_Item_7_Title = "" %}
{% capture Grid_Item_7_Text %}{% endcapture %}

{{ --GRID ITEM 8 SETTINGS-- }}

{% assign: Grid_Item_8_Image_Url = '' %}
{% assign: Grid_Item_8_Page_Url = '' %}
{% assign: Grid_Item_8_Title = "" %}
{% capture Grid_Item_8_Text %}{% endcapture %}

{{ --GRID ITEM 9 SETTINGS-- }}

{% assign: Grid_Item_9_Image_Url = '' %}
{% assign: Grid_Item_9_Page_Url = '' %}
{% assign: Grid_Item_9_Title = "" %}
{% capture Grid_Item_9_Text %}{% endcapture %}

{{ --GRID ITEM 10 SETTINGS-- }}

{% assign: Grid_Item_10_Image_Url = '' %}
{% assign: Grid_Item_10_Page_Url = '' %}
{% assign: Grid_Item_10_Title = "" %}
{% capture Grid_Item_10_Text %}{% endcapture %}

{{ --GRID ITEM 11 SETTINGS-- }}

{% assign: Grid_Item_11_Image_Url = '' %}
{% assign: Grid_Item_11_Page_Url = '' %}
{% assign: Grid_Item_11_Title = "" %}
{% capture Grid_Item_11_Text %}{% endcapture %}

{{ --GRID ITEM 12 SETTINGS-- }}

{% assign: Grid_Item_12_Image_Url = '' %}
{% assign: Grid_Item_12_Page_Url = '' %}
{% assign: Grid_Item_12_Title = "" %}
{% capture Grid_Item_12_Text %}{% 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_mrgn %}{% 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_pr %}{% if gipr == 'two' %}ii_ipr{% endif %}{% if gipr == 'three' %}iii_ipr{% endif %}{% if gipr == 'four' %}iv_ipr{% endif %}{% if gipr == 'five' %}v_ipr{% endif %}{% endcapture %}

{% if Show_Custom_Page_Title contains 'es' %}

{{ Custom_Page_Title }}

{% else %}

{{ page.name | remove: '(&)' | remove: '(#)' | remove: '(!)' | remove: '(!!)' | remove: '(!!!)' | remove: '(!!!!)' }}

{% endif %} {% if Show_Grid_Intro_Text contains 'es' %}
{{ Grid_Intro_Text | paragraphs }}
{% endif %}
{% capture gi_title %}{% if sgittx contains 'es' %}

{{ Grid_Item_1_Title }}

{% endif %}{% endcapture %} {% capture gitx_box %}{% if sgit contains 'es' %}
{% unless gitxam contains 'itle' %}{{ gi_title }}{% endunless %}{% if sgidtx contains 'es' %}

{{ Grid_Item_1_Text }}

{% endif %}
{% endif %}{% endcapture %} {% capture gi_img %}
  • {% if gil contains 'es' %}{% endif %}{% if gil contains 'es' %}{% endif %}
    • {% endcapture %} {% if gilb contains 'ew' %}{% capture pg_target %}target="new"{% endcapture %}{% endif %} {% capture GIC %}{% if gitxam contains 'itle' %}{{ gi_title }}{{ gi_img }}{{ gitx_box }}{% endif %}{% if gitxam contains 'elow' %}{{ gi_img }}{{ gitx_box }}{% elsif gitxam contains 'bove' %}{{ gitx_box }}{{ gi_img }}{% endif %}{% endcapture %} {% if nogi >= 1 %}
    {{ GIC | newline_to_br }}
    {% endif %} {% if nogi >= 2 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_2_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_2_Page_Url | replace: Grid_Item_1_Title , Grid_Item_2_Title | replace: Grid_Item_1_Text , Grid_Item_2_Text | newline_to_br }}
    {% endif %} {% if nogi >= 3 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_3_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_3_Page_Url | replace: Grid_Item_1_Title , Grid_Item_3_Title | replace: Grid_Item_1_Text , Grid_Item_3_Text | newline_to_br }}
    {% endif %} {% if nogi >= 4 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_4_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_4_Page_Url | replace: Grid_Item_1_Title , Grid_Item_4_Title | replace: Grid_Item_1_Text , Grid_Item_4_Text | newline_to_br }}
    {% endif %} {% if nogi >= 5 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_5_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_5_Page_Url | replace: Grid_Item_1_Title , Grid_Item_5_Title | replace: Grid_Item_1_Text , Grid_Item_5_Text | newline_to_br }}
    {% endif %} {% if nogi >= 6 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_6_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_6_Page_Url | replace: Grid_Item_1_Title , Grid_Item_6_Title | replace: Grid_Item_1_Text , Grid_Item_6_Text | newline_to_br }}
    {% endif %} {% if nogi >= 7 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_7_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_7_Page_Url | replace: Grid_Item_1_Title , Grid_Item_7_Title | replace: Grid_Item_1_Text , Grid_Item_7_Text | newline_to_br }}
    {% endif %} {% if nogi >= 8 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_8_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_8_Page_Url | replace: Grid_Item_1_Title , Grid_Item_8_Title | replace: Grid_Item_1_Text , Grid_Item_8_Text | newline_to_br }}
    {% endif %} {% if nogi >= 9 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_9_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_9_Page_Url | replace: Grid_Item_1_Title , Grid_Item_9_Title | replace: Grid_Item_1_Text , Grid_Item_9_Text | newline_to_br }}
    {% endif %} {% if nogi >= 10 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_10_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_10_Page_Url | replace: Grid_Item_1_Title , Grid_Item_10_Title | replace: Grid_Item_1_Text , Grid_Item_10_Text | newline_to_br }}
    {% endif %} {% if nogi >= 11 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_11_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_11_Page_Url | replace: Grid_Item_1_Title , Grid_Item_11_Title | replace: Grid_Item_1_Text , Grid_Item_11_Text | newline_to_br }}
    {% endif %} {% if nogi >= 12 %}
    {{ GIC | replace: Grid_Item_1_Image_Url , Grid_Item_12_Image_Url | replace: Grid_Item_1_Page_Url , Grid_Item_12_Page_Url | replace: Grid_Item_1_Title , Grid_Item_12_Title | replace: Grid_Item_1_Text , Grid_Item_12_Text | newline_to_br }}
    {% 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 {position:relative}#grid-container {font-size: 0px;}
    #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(https://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, '&amp;')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .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---------- }}