{% if current_tab == 'search' %} {% set page_title = search_box_value + ' - Page ' + page_number|string %} {% else %} {% set page_title = channel_name|string + ' - Channel' %} {% endif %} {% extends "base.html" %} {% import "common_elements.html" as common_elements %} {% block style %} main{ padding-left: 0px; padding-right: 0px; } .channel-metadata{ display: flex; align-items: center; } .avatar{ height:200px; width:200px; } .summary{ margin-left: 5px; /* Prevent uninterupted words in description overflowing the page: https://daverupert.com/2017/09/breaking-the-grid/ */ min-width: 0px; } .short-description{ line-height: 1em; max-height: 6em; overflow: hidden; } .channel-tabs{ display: flex; flex-wrap: wrap; justify-content:start; background-color: var(--interface-color); padding: 3px; padding-left: 6px; } #links-metadata{ display: flex; flex-wrap: wrap; justify-content: start; padding-bottom: 8px; padding-left: 6px; margin-bottom: 10px; } #links-metadata > *{ margin-top: 8px; margin-left: 10px; } #number-of-results{ font-weight:bold; } .content{ } .search-content{ max-width: 800px; margin-left: 10px; } .item-grid{ padding-left: 20px; } .item-list{ max-width:800px; margin: auto; } .page-button-row{ margin-left: auto; margin-right: auto; } .next-previous-button-row{ margin-left: auto; margin-right: auto; } .tab{ padding: 5px 0px; width: 200px; } .channel-info{ } .channel-info ul{ padding-left: 40px; } .channel-info h3{ margin-left: 40px; } .channel-info .description{ white-space: pre-wrap; min-width: 0; margin-left: 40px; } .medium-item img{ max-width: 168px; } @media (max-width:500px){ .channel-metadata{ flex-direction: column; text-align: center; margin-bottom: 30px; } } {% endblock style %} {% block main %}
{% if current_tab == 'about' %}