/**

 * Stylesheets for the context bar

 */

i.icon-arrow-right { background-image: url('../images/icons/arrow_right.png');}

i.icon-ban-circle { background-image: url("../images/icons/cancel.png"); }

i.icon-bar-chart { background-image: url("../images/icons/chart_bar.png"); }

i.icon-bookmark { background-image: url("../images/icons/tag_green.png"); }

i.icon-code-merge { background-image: url("../images/icons/arrow_merge.png"); } /* unused! */

i.icon-cogs { background-image: url("../images/icons/table_gear.png"); }

i.icon-ellipsis-horizontal:after { content: ' ...';}

i.icon-eye-open { background-image: url("../images/icons/eye.png"); }

i.icon-file-alt { background-image: url("../images/icons/note_add.png"); }

i.icon-file { background-image: url("../images/icons/file.png"); }

i.icon-file-txt { background-image: url("../images/icons/note_error.png"); }

i.icon-folder-close { background-image: url("../images/icons/database_link.png"); }

i.icon-git { background-image: url('../images/icons/giticon.png');}

i.icon-group { background-image: url("../images/icons/group_edit.png"); }

i.icon-heart { background-image: url("../images/icons/heart_delete.png"); }

i.icon-heart-empty { background-image: url("../images/icons/heart.png"); }

i.icon-hg { background-image: url('../images/icons/hgicon.png');}

i.icon-key { background-image: url("../images/icons/server_key.png"); }

i.icon-lock { background-image: url('../images/icons/lock.png');}

i.icon-lock-alt { background-image: url('../images/icons/private_repo.png');}

i.icon-loop { background-image: url('../images/icons/arrow_inout.png');}

i.icon-loop-2 { background-image: url('../images/icons/arrow_inout.png');}

i.icon-private { background-image: url('../images/icons/private_repo.png');}

i.icon-public { background-image: url('../images/icons/public_repo.png');}

i.icon-random { background-image: url("../images/icons/arrow_switch.png"); }

i.icon-refresh { background-image: url('../images/icons/arrow_refresh.png');}

i.icon-tag { background-image: url("../images/icons/tag_blue.png"); }

i.icon-time { background-image: url("../images/icons/time.png"); }

i.icon-list-alt { background-image: url("../images/icons/time.png"); }

i.icon-unlock { background-image: url('../images/icons/lock_open.png');}

i.icon-unlock-alt { background-image: url('../images/icons/public_repo.png');}

i.icon-user { background-image: url("../images/icons/user_edit.png"); }

i.icon-wrench { background-image: url("../images/icons/wrench.png"); }

i.icon-rss-sign { background-image: url('../images/icons/rss_16.png');}

i.icon-plus-sign { background-image: url('../images/icons/add.png');}

i.icon-chevron-left:after { content: "\00AB";}

i.icon-chevron-right:after { content: "\00BB";}

i.icon-copy { background-image: url('../images/icons/note_add.png');}

i.icon-pencil { background-image: url('../images/icons/application_form_edit.png');}

i.icon-remove { background-image: url('../images/icons/delete.png');}

i.icon-remove-sign { background-image: url('../images/icons/delete.png');}

i.icon-plus { background-image: url('../images/icons/plus_16.png');}

i.icon-resize-vertical { background-image: url('../images/icons/text_align_left.png');}

i.icon-ok-sign { background-image: url('../images/icons/tick.png');}

i.icon-minus-sign { background-image: url('../images/icons/delete.png');}

i.icon-disabled { background-image: url('../images/icons/shading.png');} /* todo: use instead of minus sign */

i[class^='icon-'] {

    background-repeat: no-repeat;

    background-position: center;

    display: inline-block;

    min-width: 16px;

    min-height: 16px;

    margin: -2px 0 -4px 0;

    /* background-color: red; /* for debugging */

}

## DATA TABLE RE USABLE ELEMENTS

## usage:

## <%namespace name="dt" file="/data_table/_dt_elements.html"/>

<%def name="quick_menu(repo_name)">

  <ul class="menu_items hidden">

  ##<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">

    <li style="border-top:1px solid #577632;margin-left:18px;padding-left:-99px"></li>

    <li>

       <a title="${_('Summary')}" href="${h.url('summary_home',repo_name=repo_name)}">

       <span class="icon">

       </span>

       <span>${_('Summary')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Changelog')}" href="${h.url('changelog_home',repo_name=repo_name)}">

       <span class="icon">

           <i class="icon-list-alt"></i>

       </span>

       <span>${_('Changelog')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Files')}" href="${h.url('files_home',repo_name=repo_name)}">

       <span class="icon">

           <i class="icon-file-alt"></i>

       </span>

       <span>${_('Files')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Fork')}" href="${h.url('repo_fork_home',repo_name=repo_name)}">

       <span class="icon">

           <i class="icon-code-fork"></i>

       </span>

       <span>${_('Fork')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Settings')}" href="${h.url('edit_repo',repo_name=repo_name)}">

       <span class="icon">

           <i class="icon-gear"></i>

       </span>

       <span>${_('Settings')}</span>

       </a>

    </li>

  </ul>

</%def>

<%def name="repo_name(name,rtype,rstate,private,fork_of,short_name=False,admin=False)">

    <%

    def get_name(name,short_name=short_name):

      if short_name:

        return name.split('/')[-1]

      else:

        return name

    %>

  <div style="white-space: nowrap; ${'opacity: 0.5' if rstate == 'repo_state_pending' else ''}}">