.panel-body.no-padding {

  padding: 0;

}

.panel-body ~ .panel-body {

  padding-top: 0;

}

.panel-body.no-padding ~ .panel-body {

  padding-top: 15px;

}

.panel-body > :last-child {

  margin-bottom: 0;

}

.panel-body.settings .text-muted {

  margin: 5px 0;

}

ins,

div.options a:hover {

  text-decoration: none;

}

img,

nav.navbar #quick li a:hover span.normal,

#clone_url,

#clone_url_id {

  border: none;

}

img.icon,

.right .merge img {

  vertical-align: bottom;

}

#content div.panel div.panel-heading ul.links,

#content div.panel div.message div.dismiss {

  float: right;

  margin: 0;

  padding: 0;

}

nav.navbar #home,

#content div.panel ul.left,

#content div.panel ol.left,

div#commit_history,

div#legend_data,

div#legend_container,

div#legend_choices {

  float: left;

}

/* set size for statistics charts */

#commit_history {

  width: 450px;

  height: 300px;

}

#overview {

  clear: both;

  width: 450px;

  height: 100px;

}

#content #left #menu ul.closed,

#content #left #menu li ul.collapsed,

.yui-tt-shadow {

  display: none;

}

#content #left #menu ul.opened,

#content #left #menu li ul.expanded {

  display: block !important;

}

#content div.panel ol.lower-roman,

#content div.panel ol.upper-roman,

#content div.panel ol.lower-alpha,

#content div.panel ol.upper-alpha,

#content div.panel ol.decimal {

  margin: 10px 24px 10px 44px;

}

div.form div.form-group div.button input,

#content div.panel div.form div.buttons input,

div.form div.buttons input,

#content div.panel div.action div.button input {

  font-size: 11px;

  font-weight: 700;

  margin: 0;

}

div.form div.form-group div.highlight,

#content div.panel div.form div.buttons div.highlight {

  display: inline;

}

#content div.panel table td.user,

#content div.panel table td.address {

  width: 10%;

  text-align: center;

}

#content div.panel div.action div.button {

  text-align: right;

  margin: 6px 0 0;

  padding: 0;

}

.ac .match {

  font-weight: 700;

  padding-top: 5px;

  padding-bottom: 5px;

}

.q_filter_box {

  border-radius: 4px;

  border: 0 none;

  margin-bottom: -4px;

  margin-top: -4px;

  padding-left: 3px;

}

#node_filter {

  border: 0px solid #545454;

  color: #AAAAAA;

  padding-left: 3px;

}

/** comment main **/

.comment .panel,

.comment-inline-form {

  max-width: 978px;

}

.comment .panel-body {

  background-color: #FAFAFA;

}

.comments-number {

  padding: 10px 0;

  color: #666;

}

.automatic-comment {

  font-style: italic;

}

/** comment form **/

.status-block {

  margin: 5px;

  clear: both;

}

.panel-heading .pull-left input[type=checkbox],

.panel-heading .pull-right input[type=checkbox] {

  position: relative;

  top: 4px;

  margin: -10px 2px 0;

}

/** comment inline form **/

.comment-inlines textarea {

  font-family: @font-family-monospace;

}

/** comment inline **/

.inline-comments {

  padding: 5px;

}

.inline-comments .comments-number {

  padding: 0px 0px 10px 0px;

}

input.status_change_checkbox,

input.status_change_radio {

  margin: 0 0 5px 15px;

}

@keyframes animated-comment-background {

  0% {

    background-position: 0 0;

  }

  100% {

    background-position: 20px 0;

  }

}

.comment-preview.failed .user,

.comment-preview.failed .panel-body {

  color: #666;

}

.comment-preview .comment-submission-status {

  float: right;

}

.comment-preview .comment-submission-status .btn-group {

  margin-left: 10px;

}

.comment-preview.submitting .panel-body {

  background-image: linear-gradient(-45deg, #FAFAFA, #FAFAFA 25%, #FFF 25%, #FFF 50%, #FAFAFA 50%, #FAFAFA 75%, #FFF 75%, #FFF 100%);

  background-size: 20px 20px;

  animation: animated-comment-background 0.4s linear infinite;

}

/****

PULL REQUESTS

*****/

div.pr-details-title.closed {

  color: #555;

  background: #eee;

}

div.pr {

  margin: 0px 15px;

  padding: 4px 4px;

}

tr.pr-closed td {

  background-color: #eee !important;

  color: #555 !important;

}

  border-radius: 4px;

  border: 1px solid #d9e8f8;

  line-height: 1.5em;

}

#s2id_org_ref,

#s2id_other_ref,

#s2id_org_repo,

#s2id_other_repo {

  min-width: 150px;

  margin: 5px;

}

#pr-summary > .pr-not-edit {

  min-height: 50px !important;

}

/* make 'next iteration' changeset table smaller and scrollable */

#pr-summary #updaterevs {

  max-height: 200px;

  overflow-y: auto;

  overflow-x: hidden;

}

/****

  PERMS

*****/

.perm-gravatar-ac {

  vertical-align: middle;

  padding: 2px;

  width: 14px;

  height: 14px;

}

/* avoid gaps between the navbar and browser */

.navbar.mainmenu {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.navbar.footer {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}

/* show some context of link targets - but only works when the link target

   can be extended with any visual difference */

div.comment:target:before {

  display: block;

  height: 100px;

  margin: -100px 0 0;

  content: "";

}

div.comment:target > .panel {

  border: solid 2px #ee0 !important;

}

.lineno:target a {

  border: solid 2px #ee0 !important;

  margin: -2px;

}

.btn-image-diff-show,

.btn-image-diff-swap {

  margin: 5px;

}

.img-diff {

  max-width: 45%;

  height: auto;

  margin: 5px;

  /* http://lea.verou.me/demos/css3-patterns.html */

  background-image: linear-gradient(45deg, #888 25%, transparent 25%, transparent), linear-gradient(-45deg, #888 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #888 75%), linear-gradient(-45deg, transparent 75%, #888 75%);

  background-size: 10px 10px;

  background-color: #999;

}

.img-preview {

  max-width: 100%;

  height: auto;

  margin: 5px;

}

div.comment-prev-next-links div.prev-comment,

div.comment-prev-next-links div.next-comment {

  display: inline-block;

  min-width: 150px;

  margin: 3px 6px;

}

#comments-general-comments div.comment-prev-next-links div.prev-comment,

#comments-general-comments div.comment-prev-next-links div.next-comment {

  margin-left: 0;

}

/* changelog graph */

#graph_nodes,

#updaterevs-graph {

  .make-xs-column(1);

}

#graph_content,

#graph_content_pr,

#updaterevs-table {

  .make-xs-column(11);

}

  .form {

    .form-horizontal;

    .form-group > label {

      .make-sm-column(4);

    }

    .form-group > div {

      .make-sm-column(8);

    }

    .form-group > div:first-child { /* in case there is no label */

      .make-sm-column-offset(4);

      .make-sm-column(8);

    }

  }

}

/* use columns and form-horizontal for settings pages ... on wide screens */

@media (min-width: @screen-sm-min) {

  .settings {

    max-width: @container-md;

    > ul.nav-stacked {

      .make-sm-column(2);

      max-width: (@container-md/12)*2;

    }

    > div {

      .make-sm-column(10);

      max-width: (@container-md/12)*10;

    }

    .form {

      .form-horizontal;

    }

    .form-group {

      .clearfix;

      > label {

        .make-xs-column(3);

        input {

          width: 100%;

        }

      }

      > div {

        .make-xs-column(9);

      }

      .buttons {

        .make-xs-column-offset(3);

      }

    }

  }

}

/* use columns and form-horizontal for summary page */

#summary {

  max-width: @container-md;

  .form-horizontal;

  .make-sm-column(10);

  .form-group > label {

    .make-sm-column(2);

  }

  .form-group > div {

    .make-sm-column(10);

  }

}

#summary-menu-stats {

  .make-sm-column(2);

}

/* use columns and form-horizontal for pull request page */

.pr-box {

  .make-sm-column(9);

  #pr-summary {

    max-width: @container-md;

    .form-horizontal;

    .form-group > label {

      .make-sm-column(3);

    }

    .form-group > div {

      .make-sm-column(9);

    }

    .form-group > .buttons {

      .make-sm-column-offset(3);

      .make-sm-column(9);

    }

  }

}

.pr-reviewers-box {

  .make-sm-column(3);

}

/* repo table icons */

#repos_list_wrap_wrapper {

  /* make icon-folder and repotag the same width */

  .icon-folder:before {

    margin: 0; // default margin would otherwise add to the total width

    width: 24px;

    text-align: left;

  }

  .label-repo {

    display: inline-block;

## -*- coding: utf-8 -*-

<%inherit file="base/root.html"/>

<%block name="title">

    ${_('Log In')}

</%block>

<%include file="/base/flash_msg.html"/>

<div id="login" class="panel panel-primary">

    <div class="panel-heading">

      <h5>

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

        %if c.site_name:

            ${_('Log In to %s') % c.site_name}

        %else:

            ${_('Log In')}

        %endif

      </h5>

    </div>

    <div class="panel-body">

        ${h.form(url('login_home', came_from=c.came_from))}

        <div class="form">

                <div class="form-group">

                    <label class="control-label" for="username">${_('Username')}:</label>

                    <div>

                        ${h.text('username',class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label" for="password">${_('Password')}:</label>

                    <div>

                        ${h.password('password',class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <div>

                        <div class="checkbox">

                            <label>

                                <input type="checkbox" id="remember" name="remember"/>

                                ${_('Stay logged in after browser restart')}

                            </label>

                        </div>

                    </div>

                </div>

            <div class="form-group">

                <div>

                    ${h.link_to(_('Forgot your password ?'),h.url('reset_password'))}

                    %if h.HasPermissionAny('hg.admin', 'hg.register.auto_activate', 'hg.register.manual_activate')():

                        /

                        ${h.link_to(_("Don't have an account ?"),h.url('register'))}

                    %endif

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

                    ${h.submit('sign_in',_('Sign In'),class_="btn btn-default")}

                </div>

            </div>

        </div>

        ${h.end_form()}

        <script type="text/javascript">

        $(document).ready(function(){

            $('#username').focus();

        });

        </script>

    </div>

</div>

## -*- coding: utf-8 -*-

<%inherit file="base/root.html"/>

<%block name="title">

    ${_('Password Reset')}

</%block>

<%include file="/base/flash_msg.html"/>

<div id="register" class="panel panel-primary">

    <div class="panel-heading">

        %if c.site_name:

            <h5>${_('Reset Your Password to %s') % c.site_name}</h5>

        %else:

            <h5>${_('Reset Your Password')}</h5>

        %endif

    </div>

    <div class="panel-body">

        ${h.form(url('password_reset'))}

        <div class="form">

                <div class="form-group">

                    <label class="control-label" for="email">${_('Email Address')}:</label>

                    <div>

                        ${h.text('email', class_='form-control')}

                    </div>

                </div>

                %if c.captcha_active:

                <div class="form-group">

                    <label class="control-label" for="recaptcha_field">${_('Captcha')}:</label>

                    <div>

                        ${h.hidden('recaptcha_field')}

                        <div id="recaptcha"></div>

                    </div>

                </div>

                %endif

                <div class="form-group">

                    <div class="buttons">

                        ${h.submit('send',_('Send Password Reset Email'),class_="btn btn-default")}

                    </div>

                </div>

                <div class="alert alert-info">

                    ${_('A password reset link will be sent to the specified email address if it is registered in the system.')}

                </div>

        </div>

        ${h.end_form()}

        %if c.captcha_active:

        <script type="text/javascript" src="https://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>

        %endif

        <script type="text/javascript">

         $(document).ready(function(){

            $('#email').focus();

            %if c.captcha_active:

            Recaptcha.create(${h.js(c.captcha_public_key)}, "recaptcha",

                {

                  theme: "white"

                }

            );

            %endif

         });

        </script>

    </div>

</div>

## -*- coding: utf-8 -*-

<%inherit file="base/root.html"/>

<%block name="title">

    ${_('Reset Your Password')}

</%block>

<%include file="/base/flash_msg.html"/>

<div id="register" class="panel panel-primary">

    <div class="panel-heading">

        %if c.site_name:

            <h5>${_('Reset Your Password to %s') % c.site_name}</h5>

        %else:

            <h5>${_('Reset Your Password')}</h5>

        %endif

    </div>

    <div class="panel-body">

        ${h.form(h.url('reset_password_confirmation'), method='post')}

        <p>${_('You are about to set a new password for the email address %s.') % c.email}</p>

        <p>${_('Note that you must use the same browser session for this as the one used to request the password reset.')}</p>

        ${h.hidden('email')}

        ${h.hidden('timestamp')}

        <div class="form">

                <div class="form-group">

                    <label class="control-label" for="token">${_('Code you received in the email')}:</label>

                    <div>

                        ${h.text('token', class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label" for="password">${_('New Password')}:</label>

                    <div>

                        ${h.password('password',class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label" for="password_confirm">${_('Confirm New Password')}:</label>

                    <div>

                        ${h.password('password_confirm',class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <div class="buttons">

                        ${h.submit('send',_('Confirm'),class_="btn btn-default")}

                    </div>

                </div>

        </div>

        ${h.end_form()}

    </div>

   </div>

## -*- coding: utf-8 -*-

<%inherit file="base/root.html"/>

<%block name="title">

    ${_('Sign Up')}

</%block>

<%include file="/base/flash_msg.html"/>

<div id="register" class="panel panel-primary">

    <div class="panel-heading">

        %if c.site_name:

            <h5>${_('Sign Up to %s') % c.site_name}</h5>

        %else:

            <h5>${_('Sign Up')}</h5>

        %endif

    </div>

    <div class="panel-body">

        ${h.form(url('register'))}

        <div class="form">

                <div class="form-group">

                    <label class="control-label" for="username">${_('Username')}:</label>

                    <div>

                        ${h.text('username',class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label" for="password">${_('Password')}:</label>

                    <div>

                        ${h.password('password',class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label" for="password_confirmation">${_('Re-enter password')}:</label>

                    <div>

                        ${h.password('password_confirmation',class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label" for="firstname">${_('First Name')}:</label>

                    <div>

                        ${h.text('firstname',class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label" for="lastname">${_('Last Name')}:</label>

                    <div>

                        ${h.text('lastname',class_='form-control')}

                    </div>

                </div>

                <div class="form-group">

                    <label class="control-label" for="email">${_('Email')}:</label>

                    <div>

                        ${h.text('email',class_='form-control')}

                    </div>

                </div>

                %if c.captcha_active:

                <div class="form-group">

                    <label class="control-label" for="recaptcha_field">${_('Captcha')}:</label>

                    <div>

                        ${h.hidden('recaptcha_field')}

                        <div id="recaptcha"></div>

                    </div>

                </div>

                %endif

                <div class="form-group">

                    <div class="buttons">

                        ${h.submit('sign_up',_('Sign Up'),class_="btn btn-default")}

                        %if c.auto_active:

                            <div class="alert alert-info">${_('Registered accounts are ready to use and need no further action.')}</div>

                        %else:

                            <div class="alert alert-info">${_('Please wait for an administrator to activate your account.')}</div>

                        %endif

                    </div>

                </div>

        </div>

        ${h.end_form()}

        %if c.captcha_active:

        <script type="text/javascript" src="https://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>

        %endif

        <script type="text/javascript">

        $(document).ready(function(){

            $('#username').focus();

            %if c.captcha_active:

            Recaptcha.create(${h.js(c.captcha_public_key)}, "recaptcha",

                {

                  theme: "white"

                }

            );

            %endif

        });

        </script>

    </div>

 </div>