color: #777777;

}

.grid_edit a {

    text-decoration: none;

}

.changes_txt {

    clear: both;

}

.text-nowrap {

    white-space: nowrap;

}

div.codeblock div.code-header div.author {

    height: auto;

    min-height: 25px;

}

ul.user_group_member li {

    clear: both;

}

#content div.panel .changelog-panel > .changelog-heading,

#content div.panel .changelog-panel > ul.pagination {

    margin-left: 100px;

}

textarea.commit-message {

    width: 100% !important;

    box-sizing: border-box;

}

<%def name="main()">

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div class="panel-body">

        <div id="edit_error" style="display: none" class="flash_msg">

            <div class="alert alert-dismissable alert-warning">

              <button type="button" class="close" data-dismiss="alert" aria-hidden="true"><i class="icon-cancel-circled"></i></button>

              ${h.literal(_('Gist was update since you started editing. Copy your changes and click %(here)s to reload new version.')

                             % {'here': h.link_to('here',h.url('edit_gist', gist_id=c.gist.gist_access_id))})}

            </div>

            <script>

            if (typeof jQuery != 'undefined') {

                $(".alert").alert();

            }

            </script>

        </div>

        <div id="files_data">

          ${h.form(h.url('edit_gist', gist_id=c.gist.gist_access_id), method='post', id='eform')}

            <div>

                <input type="hidden" value="${c.file_changeset.raw_id}" name="parent_hash">

                <textarea class="form-control commit-message"

                          id="description" name="description"

                          placeholder="${_('Gist description ...')}">${c.gist.gist_description}</textarea>

                <div>

                    <label>

                        ${_('Gist lifetime')}

                        ${h.select('lifetime', '0', c.lifetime_options)}

                    </label>

                    <span class="text-muted">

                     %if c.gist.gist_expires == -1:

                      ${_('Expires')}: ${_('Never')}

                     %else:

                      ${_('Expires')}: ${h.age(h.time_to_datetime(c.gist.gist_expires))}

                     %endif

                   </span>

                </div>

            </div>

            % for cnt, file in enumerate(c.files):

                <div id="body" class="panel panel-default form-inline">

                    <div class="panel-heading">

                        <input type="hidden" value="${h.safe_unicode(file.path)}" name="org_files">

                        <input class="form-control" id="filename_${h.FID('f',file.path)}" name="files" size="30" type="text" value="${h.safe_unicode(file.path)}">

                        <select class="form-control" id="mimetype_${h.FID('f',file.path)}" name="mimetypes"></select>

                    </div>

                        <div id="editor_container">

                            <textarea id="editor_${h.FID('f',file.path)}" name="contents" style="display:none">${file.content}</textarea>

                        </div>

                    </div>

                </div>

                ## dynamic edit box.

                <script type="text/javascript">

                    $(document).ready(function(){

                        var myCodeMirror = initCodeMirror(${h.js('editor_' + h.FID('f',file.path))}, ${h.jshtml(request.script_name)}, '');

                        //inject new modes

                        var $mimetype_select = $(${h.js('#mimetype_' + h.FID('f',file.path))});

                        $mimetype_select.each(function(){

                            var modes_select = this;

                            var index = 1;

                            for(var i=0;i<CodeMirror.modeInfo.length;i++) {

                                var m = CodeMirror.modeInfo[i];

                                var opt = new Option(m.name, m.mime);

                                $(opt).attr('mode', m.mode);

                                if (m.mime == 'text/plain') {

                                    // default plain text

                                    $(opt).prop('selected', true);

                                    modes_select.options[0] = opt;

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div class="panel-body">

        <div id="files_data">

          ${h.form(h.url('gists'), method='post',id='eform')}

            <div>

                <textarea class="form-control commit-message" id="description" name="description" placeholder="${_('Gist description ...')}"></textarea>

                <div>

                    <label>

                        ${_('Gist lifetime')}

                        ${h.select('lifetime', '', c.lifetime_options)}

                    </label>

                </div>

            </div>

                <div class="panel-heading">

                </div>

                <div class="panel-body no-padding">

                        <textarea id="editor" name="content"></textarea>

                </div>

            </div>

            <div>

            ${h.submit('private',_('Create Private Gist'),class_="btn btn-success btn-xs")}

            ${h.submit('public',_('Create Public Gist'),class_="btn btn-default btn-xs")}

            ${h.reset('reset',_('Reset'),class_="btn btn-default btn-xs")}

            </div>

          ${h.end_form()}

          <script type="text/javascript">

            $(document).ready(function(){

                var myCodeMirror = initCodeMirror('editor', ${h.jshtml(request.script_name)}, '');

                //inject new modes

                var $mimetype_select = $('#mimetype');

                $mimetype_select.each(function(){

                    var modes_select = this;

                    var index = 1;

                    for(var i=0;i<CodeMirror.modeInfo.length;i++) {

                        var m = CodeMirror.modeInfo[i];

                        var opt = new Option(m.name, m.mime);

                        $(opt).attr('mode', m.mode);