view kallithea/public/css/style.css @ 6851:789de118156b

style: consistently use 'changeset_hash' class for monospace hashes Get rid of 'revision-link' and some use of 'hash'. There is still some use of 'hash' for columns, but the content there already has 'changeset_hash'.
author domruf <dominikruf@gmail.com>
date Thu, 29 Jun 2017 23:17:15 +0200
parents 4f3447149c98
children 2ce1f4cd87d8
line wrap: on
line source

body {
    background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;
    font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
}

/* Undo unfortunate Bootstrap default styling */
body pre {
    display: inherit;
    padding: inherit;
    margin: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    word-break: inherit;
    word-wrap: inherit;
    background-color: inherit;
    border: inherit;
    border-radius: inherit;
}

del {
    text-decoration: line-through;
}

a {
    color: #577632;
    text-decoration: none;
}

a:hover {
    color: #576622;
    text-decoration: underline;
}

div.color {
    clear: both;
    overflow: hidden;
    position: absolute;
    background: #FFF;
    margin: 7px 0 0 60px;
    padding: 1px 1px 1px 0;
}

div.color a {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 0;
}

div.options {
    clear: both;
    overflow: hidden;
    position: absolute;
    background: #FFF;
    margin: 7px 0 0 162px;
    padding: 0;
}

div.options a {
    height: 1%;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 3px 8px;
}

code,
.code pre,
.linenos pre,
div.readme pre,
div.rst-block pre,
div.formatted-fixed,
#changeset_content div.message,
.CodeMirror .CodeMirror-code pre {
    font-size: 12px;
    font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
}

div.formatted-fixed {
    white-space: pre-wrap;
}

.changeset_hash {
    font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
}

.top-left-rounded-corner {
    border-top-left-radius: 8px;
}

.top-right-rounded-corner {
    border-top-right-radius: 8px;
}

.bottom-left-rounded-corner {
    border-bottom-left-radius: 8px;
}

.bottom-right-rounded-corner {
    border-bottom-right-radius: 8px;
}

.top-left-rounded-corner-mid {
    border-top-left-radius: 4px;
}

.top-right-rounded-corner-mid {
    border-top-right-radius: 4px;
}

.bottom-left-rounded-corner-mid {
    border-bottom-left-radius: 4px;
}

.bottom-right-rounded-corner-mid {
    border-bottom-right-radius: 4px;
}

.empty_data {
    color: #B9B9B9;
}

.inline-comments-general.show-general-status .hidden.general-only {
    display: block !important;
}

.truncate {
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.truncate.autoexpand:hover {
    overflow: visible;
}

a.permalink {
    visibility: hidden;
    position: absolute;
    margin: 3px 4px;
}

a.permalink:hover {
    text-decoration: none;
}

h1:hover > a.permalink,
h2:hover > a.permalink,
h3:hover > a.permalink,
h4:hover > a.permalink,
h5:hover > a.permalink,
h6:hover > a.permalink,
div:hover > a.permalink,
div:hover > span > a.permalink {
    visibility: visible;
}

.radio-inline,
.checkbox-inline {
    vertical-align: inherit;
}

.navbar-inverse {
    border: none;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: inherit;
}

nav.navbar .navbar-brand:hover,
nav.navbar .navbar-brand {
    font-size: 20px;
    padding-top: 12px;
    color: white !important;
    height: 44px;
}

nav.navbar ul#logged-user {
    margin-bottom: 5px !important;
    border-radius: 0px 0px 8px 8px;
    height: 37px;
    background-color: #577632;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #577632, #577632);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
}

nav.navbar ul#logged-user li {
    list-style: none;
    float: left;
    margin: 8px 0 0;
    padding: 4px 12px;
    border-left: 1px solid #576622;
}

nav.navbar ul#logged-user li.first {
    border-left: none;
    margin: 4px;
}

nav.navbar ul#logged-user li.first div.gravatar {
    margin-top: -2px;
}

nav.navbar ul#logged-user li.first div.account {
    padding-top: 4px;
    float: left;
}

nav.navbar ul#logged-user li.last {
    border-right: none;
}

nav.navbar ul#logged-user li a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

nav.navbar ul#logged-user li a:hover {
    text-decoration: underline;
}

nav.navbar ul#logged-user li.highlight a {
    color: #fff;
}

nav.navbar ul#logged-user li.highlight a:hover {
    color: #FFF;
}
nav.navbar {
    min-height: 44px;
    background-color: #577632;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
}

.header-pos-fix,
.anchor {
    margin-top: -46px;
    padding-top: 46px;
}

nav.navbar #home a {
    height: 40px;
    width: 46px;
    display: block;
    background-position: 0 0;
    margin: 0;
    padding: 0;
}

nav.navbar #logo > .navbar-brand > img {
    margin-top: -9px;
    margin-right: 5px;
}

nav.navbar #quick li .icon {
    padding-left: 10px;
    display: inline;
}

.form-group > label {
    float: left;
}

.form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

label {
    font-weight: inherit;
}

label.control-label {
    font-weight: bold;
}

.groups_breadcrumbs a {
    color: #fff;
}

.groups_breadcrumbs a:hover {
    color: #bfe3ff;
    text-decoration: none;
}

.dt_repo {
    white-space: nowrap;
    color: #577632;
}

.dt_repo_pending {
    opacity: 0.5;
}

.dt_repo i.icon-keyhole-circled,
.dt_repo i.icon-globe
{
    font-size: 16px;
    vertical-align: -2px;
    margin: 0px 1px 0px 3px;
}

#content #left {
    left: 0;
    width: 280px;
    position: absolute;
}

#content #right {
    margin: 0 60px 10px 290px;
}

div.panel-primary {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    border: none;
}

div.panel div.panel-heading {
    background-color: #577632;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #577632, #577632);
    border-radius: 4px 4px 0 0;
}

#content div.panel div.panel-heading ul.links li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

div.panel.panel-default {
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 6px 6px 0px 0px;
    margin-bottom: 15px;
}

div.panel.panel-default:last-child {
    margin-bottom: 0;
}

div.panel.panel-default > div.panel-heading {
    background: #eee;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: 700;
}

div.panel.panel-default div.panel-heading .diff-actions a,
div.panel.panel-default div.panel-heading .diff-actions span.no-file,
div.panel.panel-default div.panel-heading .diff-actions span.arrow {
    color: #577632 !important;
}

div.panel.panel-default div.panel-heading .diff-actions span.no-file,
div.panel.panel-default div.panel-heading .diff-actions span.arrow {
    opacity: 0.5;
}

#content div.panel div.panel-heading .pull-left {
    margin-right: 10px;
}

#content div.panel div.panel-heading .pull-right {
    margin-left: 10px;
}

#content div.panel h1,
#content div.panel h2,
#content div.panel h3,
#content div.panel h4,
#content div.panel h5,
#content div.panel h6,
#content div.panel div.h1,
#content div.panel div.h2,
#content div.panel div.h3,
#content div.panel div.h4,
#content div.panel div.h5,
#content div.panel div.h6 {
    clear: both;
    overflow: hidden;
    margin: 8px 0 3px;
    padding-bottom: 2px;
}

#content div.panel p {
    color: #5f5f5f;
    font-size: 12px;
    line-height: 150%;
    margin: 0 0 10px;
}

#content div.panel blockquote {
    border-left: 4px solid #DDD;
    color: #5f5f5f;
    font-size: 11px;
    line-height: 150%;
    margin: 0 34px;
    padding: 0 0 0 14px;
}

#content div.panel blockquote p {
    margin: 10px 0;
    padding: 0;
}

#content div.panel dl {
    margin: 10px 0px;
}

#content div.panel li {
    font-size: 12px;
}

#content div.panel ul.disc,
#content div.panel ul.circle {
    margin: 10px 24px 10px 38px;
}

#content div.panel ul.square {
    margin: 10px 24px 10px 40px;
}

#content div.panel img.left {
    border: none;
    float: left;
    margin: 10px 10px 10px 0;
}

#content div.panel img.right {
    border: none;
    float: right;
    margin: 10px 0 10px 10px;
}

#content div.panel div.messages {
    clear: both;
    overflow: hidden;
    margin: 0 15px;
    padding: 0;
}

#content div.panel div.message {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 5px 0;
    white-space: pre-wrap;
}
#content div.panel #changeset_content div.message {
    padding: 15px 0;
}
#content div.panel div.expand {
    width: 110%;
    height: 14px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    color: #666;
    background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(64,96,128,0.1));
    display: none;
    overflow: hidden;
}
#content div.panel div.expand .expandtext {
    background-color: #ffffff;
    padding: 2px;
    border-radius: 2px;
}

#content div.panel div.message a {
    font-weight: 400 !important;
}

#content div.panel div.message div.image {
    float: left;
    margin: 9px 0 0 5px;
    padding: 6px;
}

#content div.panel div.message div.image img {
    vertical-align: middle;
    margin: 0;
}

#content div.panel div.message div.text {
    float: left;
    margin: 0;
    padding: 9px 6px;
}

#content div.panel div.message div.text h1,
#content div.panel div.message div.text h2,
#content div.panel div.message div.text h3,
#content div.panel div.message div.text h4,
#content div.panel div.message div.text h5,
#content div.panel div.message div.text h6 {
    border: none;
    margin: 0;
    padding: 0;
}

#content div.panel div.message div.text span {
    height: 1%;
    display: block;
    margin: 0;
    padding: 5px 0 0;
}

#content div.panel div.message-error {
    height: 1%;
    clear: both;
    overflow: hidden;
    background: #FBE3E4;
    border: 1px solid #FBC2C4;
    color: #860006;
}

#content div.panel div.message-error h6 {
    color: #860006;
}

#content div.panel div.message-warning {
    height: 1%;
    clear: both;
    overflow: hidden;
    background: #FFF6BF;
    border: 1px solid #FFD324;
    color: #5f5200;
}

#content div.panel div.message-warning h6 {
    color: #5f5200;
}

#content div.panel div.message-notice {
    height: 1%;
    clear: both;
    overflow: hidden;
    background: #8FBDE0;
    border: 1px solid #6BACDE;
    color: #003863;
}

#content div.panel div.message-notice h6 {
    color: #003863;
}

#content div.panel div.message-success {
    height: 1%;
    clear: both;
    overflow: hidden;
    background: #E6EFC2;
    border: 1px solid #C6D880;
    color: #4e6100;
}

#content div.panel div.message-success h6 {
    color: #4e6100;
}

#content div.panel div.form div.form-group {
    border-bottom: 1px solid #DDD;
    clear: both;
}

#content div.panel div.form div.form-group > label {
    color: #393939;
    font-weight: 700;
}

.reviewer_ac {
    padding: 10px
}

#content div.panel table.table {
    border: 1px solid transparent;
}

#content div.panel table {
    border-collapse: separate;
    margin: 0;
    padding: 0;
    border: 1px solid #eee;
    border-radius: 4px;
}
#content div.panel table#permissions_manage {
    width: auto;
}

#content div.panel table th {
    background: #eee;
    border-bottom: 1px solid #ddd;
    padding: 5px 0px 5px 5px;
    text-align: left;
}

#content div.panel table th.left {
    text-align: left;
}

#content div.panel table th.right {
    text-align: right;
}

#content div.panel table th.center {
    text-align: center;
}

#content div.panel table th.selected {
    vertical-align: middle;
    padding: 0;
}

#content div.panel table td.annotate {
    border-bottom: none;
}

#content div.panel table td.linenos pre,
#content div.panel table td.annotate pre,
#content div.panel table td.code pre {
    padding-top: inherit;
    margin: inherit;
}

#content div.panel table td.compact {
    padding-left: 0;
    padding-right: 0;
}

#content div.panel table tr.selected td {
    background: #FFC;
}

#content div.panel table td.selected {
    width: 3%;
    text-align: center;
    vertical-align: middle;
    padding: 0;
}

#content div.panel table td.action {
    width: 45%;
    text-align: left;
}

#content div.panel table td.date {
    width: 33%;
    text-align: center;
}

#content div.panel div.action {
    float: right;
    background: #FFF;
    text-align: right;
    margin: 10px 0 0;
    padding: 0;
}

#content div.panel div.action select {
    font-size: 11px;
    margin: 0;
}

#content div.panel div.action .ui-selectmenu {
    margin: 0;
    padding: 0;
}

#content div.panel ul.pagination {
    margin: 10px 0 0 0;
}

#content div.panel ul.pagination > li > a,
#content div.panel ul.pagination > li > span {
    background: #ebebeb url("../images/pager.png") repeat-x;
    color: #4A4A4A;
    font-weight: 700;
    border-top: 1px solid #dedede;
    border-left: 1px solid #cfcfcf;
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #cfcfcf;
}


#content div.panel ul.pagination > li.active > span,
#content div.panel ul.pagination > li:hover > a,
#content div.panel ul.pagination > li:active > a {
    background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
    border-top: 1px solid #ccc;
    border-left: 1px solid #bebebe;
    border-bottom: 1px solid #afafaf;
    border-right: 1px solid #bebebe;
    color: #515151;
}

#content div.panel div.traffic div.legend {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

#content div.panel div.traffic div.legend h6 {
    float: left;
    border: none;
    margin: 0;
    padding: 0;
}

#content div.panel div.traffic div.legend li {
    list-style: none;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 0 8px 0 4px;
}

#content div.panel div.traffic div.legend li.visits {
    border-left: 12px solid #edc240;
}

#content div.panel div.traffic div.legend li.pageviews {
    border-left: 12px solid #afd8f8;
}

#content div.panel div.traffic table {
    width: auto;
}

#content div.panel div.traffic table td {
    background: transparent;
    border: none;
    padding: 2px 3px 3px;
}

#content div.panel div.traffic table td.legendLabel {
    padding: 0 3px 2px;
}

#content div.panel #summary-panel-body {
    position: relative;
}

#content div.panel div#summary-panel-body.form div.form-group > div {
    margin: 0 0 10px 150px;
}

#content div.panel #summary {
    margin-right: 200px;
    min-height: 200px;
}

ul#summary-menu-stats {
    width: 180px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 4px;
    margin: 15px;
}

#content #summary-menu-stats li {
    padding: 0;
}

#content #summary-menu-stats li:hover {
    background: #f0f0f0;
}

#summary-menu-stats a {
    display: block;
    padding: 10px;
}

#repo_size_2 {
    display: none;
}
#repo_size_2.loaded {
    display: block;
    padding-right: 10px;
    padding-bottom: 7px;
}

#summary-menu-stats a:hover {
    text-decoration: none;
}

#summary-menu-stats .badge {
    padding: 2px 4px !important;
    font-size: 10px;
}

#summary .metatag {
    display: inline-block;
    padding: 3px 5px;
    margin-bottom: 3px;
    margin-right: 1px;
    border-radius: 5px;
}

#content div.panel #summary p {
    margin-bottom: -5px;
    width: 600px;
    white-space: pre-wrap;
}

#content div.panel #summary p:last-child {
    margin-bottom: 9px;
}

#content div.panel #summary p:first-of-type {
    margin-top: 9px;
}

#clone_by_name.input-group,
#clone_by_id.input-group {
    width: 100%;
}
#clone_by_name.input-group > span,
#clone_by_id.input-group > span {
    display: inline-block;
    float: left;
    height: 30px;
}

#clone_by_name.input-group > input,
#clone_by_id.input-group > input {
    width: 50%;
}

#clone_by_name.input-group .form-control,
#clone_by_id.input-group .form-control {
    height: 30px;
}

.metatag {
    display: inline-block;
    margin-right: 1px;
    border-radius: 4px 4px 4px 4px;

    border: solid 1px #9CF;
    padding: 2px 3px 2px 3px !important;
    background-color: #DEF;
}

.metatag[data-tag="dead"] {
    background-color: #E44;
}

.metatag[data-tag="stale"] {
    background-color: #EA4;
}

.metatag[data-tag="featured"] {
    background-color: #AEA;
}

.metatag[data-tag="requires"] {
    background-color: #9CF;
}

.metatag[data-tag="recommends"] {
    background-color: #BDF;
}

.metatag[data-tag="lang"] {
    background-color: #FAF474;
}

.metatag[data-tag="license"] {
    border: solid 1px #9CF;
    background-color: #DEF;
}
.metatag[data-tag="see"] {
    border: solid 1px #CBD;
    background-color: #EDF;
}

a.metatag[data-tag="license"]:hover {
    background-color: #577632;
    color: #FFF;
    text-decoration: none;
}

#summary .desc {
    white-space: pre;
    width: 100%;
}

#summary .repo_name {
    font-size: 1.6em;
    font-weight: bold;
    vertical-align: baseline;
    clear: right
}

#footer {
    padding: 10px 15px;
    background-color: #577632;
    background-repeat: repeat-x;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
}

#footer > span {
    color: #FFF;
    font-weight: 700;
}

#footer .navbar-link {
    color: #FFF;
}

#footer.navbar {
    min-height: inherit;
    padding-bottom: 8px;
}

#login .panel-body .icon-lock {
    font-size: 100px;
    color: #DDD;
    position: absolute;
    margin-left: -15px;
    z-index: 1;
}

.user-menu {
    padding: 0 !important;
}

.user-menu .gravatar {
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}
.user-menu .gravatar.enabled {
    background-color: #FDF784 !important;
}
.user-menu .gravatar:hover {
    background-color: #FDF784 !important;
}

#quick_login {
    width: 330px;
    min-height: 110px;
    padding: 0;
    position: absolute;
    right: 0;
    color: #fff;
    background-color: #577632;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #577632, #577632);

    z-index: 999;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

    overflow: hidden;
}

#quick_login .form {
    margin: 15px;
}

#quick_login h4 {
    color: #fff;
    margin-bottom: 10px;
}

#quick_login input#username,
#quick_login input#password {
    display: block;
    margin: 5px 0 10px;
}

#quick_login .password_forgotten a,
#quick_login .register a {
    padding: 0 !important;
    line-height: 25px !important;
    float: left;
    clear: both;
}

#quick_login .submit {
    float: right;
}

#quick_login .submit input#sign_in {
    margin-top: 5px;
}

#quick_login > .pull-left {
    width: 170px;
}
#quick_login > .pull-right {
    width: 140px;
}
#quick_login .full_name {
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 3px 3px 15px;
}
#quick_login .big_gravatar {
    padding: 15px 0px 0px 15px;
}
#quick_login .notifications {
    padding: 2px 0px 0px 15px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 10px !important;
}
#quick_login .notifications a,
#quick_login .unread a {
    color: #FFFFFF;
    display: block;
    padding: 0px !important;
}
#quick_login .notifications a:hover,
#quick_login .unread a:hover {
    background-color: inherit !important;
}
#quick_login .email,
#quick_login .unread {
    color: #FFFFFF;
    padding: 3px 3px 3px 15px;
}
#quick_login .links .logout {
}

#quick_login div.form div.form-group {
    padding: 5px;
}

#quick_login div.form div.form-group > label {
    color: #fff;
    padding-bottom: 3px;
}

#quick_login div.form div.form-group > div input {
    width: 236px;
    background: #FFF;
    border-top: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    color: #000;
    font-size: 11px;
    margin: 0;
    padding: 5px 7px 4px;
}

#quick_login div.form div.buttons {
    clear: both;
    overflow: hidden;
    text-align: right;
    margin: 0;
    padding: 5px 14px 0px 5px;
}

#quick_login div.form div.links {
    clear: both;
    overflow: hidden;
    margin: 10px 0 0;
    padding: 0 0 2px;
}

#quick_login ol.links {
    display: block;
    font-weight: bold;
    list-style: none outside none;
    text-align: right;
}
#quick_login ol.links li {
    line-height: 27px;
    margin: 0;
    padding: 0;
    color: #fff;
    display: block;
    float: none !important;
}

#quick_login ol.links li a {
    color: #fff;
    display: block;
    padding: 2px;
}
#quick_login ol.links li a:HOVER {
    background-color: inherit !important;
}

#register div.form div.form-group > label {
    width: 135px;
    float: left;
    text-align: right;
    margin: 2px 10px 0 0;
    padding: 5px 0 0 5px;
}

#register div.form div.form-group > div input {
    width: 300px;
}

#register div.form div.buttons {
    border-top: 1px solid #DDD;
    margin: 0;
    padding: 10px 0 0 145px;
}

#journal .journal_day {
    font-size: 15px;
    padding: 10px 0px;
    border-bottom: 2px solid #DDD;
    margin-left: 10px;
    margin-right: 10px;
}

#journal .journal_user {
    color: #747474;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
}

#journal .journal_user.deleted {
    color: #747474;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    font-style: italic;
}


#journal .journal_icon {
    clear: both;
    float: left;
    padding-right: 4px;
    padding-top: 3px;
}

#journal .journal_action {
    padding-top: 4px;
    min-height: 2px;
    float: left
}

#journal .journal_action_params {
    clear: left;
    padding-left: 22px;
}

#journal .date {
    clear: both;
    color: #777777;
    font-size: 11px;
    padding-left: 22px;
}

#journal .journal_repo_name {
    font-weight: bold;
    font-size: 1.1em;
}

#journal .compare_view {
    padding: 5px 0px 5px 0px;
    width: 95px;
}

.trending_language_tbl, .trending_language_tbl td {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.trending_language_tbl, .trending_language_tbl tr {
    border-spacing: 1px;
}

#lang_stats .progress-bar {
    background-color: #577632;
    min-width: 15px;
    text-decoration: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#lang_stats table td {
    border-bottom: none !important;
    padding: 1px 0 !important;
}

h3.files_location {
    font-size: 1.8em;
    font-weight: 700;
    border-bottom: none !important;
    margin: 10px 0 !important;
}

#files_data dl dt {
    float: left;
    width: 60px;
    margin: 0 !important;
    padding: 5px;
}

#files_data dl dd {
    margin: 0 !important;
    padding: 5px !important;
}

#files_data .codeblock #editor_container .error-message {
    color: red;
    padding: 10px 10px 10px 26px
}

.file_history {
    padding-top: 10px;
    font-size: 16px;
}
.file_author {
    float: left;
}

.file_author .item {
    float: left;
    padding: 5px;
    color: #888;
}

.changeset_id {
    color: #666666;
    margin-right: -3px;
}

.changeset-logical-index {
    color: #666666;
    font-style: italic;
    font-size: 85%;
    padding-right: 0.5em;
    text-align: right;
}

#changeset_content {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 5px;
}

#changeset_content .changeset_content_header {
    font-size: 1.2em;
    overflow: hidden;
}

#changeset_compare_view_content .compare_view_commits {
    width: auto !important;
}

#changeset_compare_view_content .compare_view_commits td {
    padding: 0px 0px 0px 12px !important;
}

#changeset_content .changeset_content_header .right {
    float: right;
    width: 20%;
    text-align: right;
}

#changeset_content .changeset_content_header .message {
    white-space: pre-wrap;
}
#changeset_content .changeset_content_header .message a:hover {
    text-decoration: none;
}

td.author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 210px;
}

.cs_files .progress {
    margin-bottom: 0;
}

.cs_files .cur_cs {
    margin: 10px 2px;
    font-weight: bold;
}

.cs_files .node {
    float: left;
}

.cs_files .changes {
    float: right;
    color: #577632;
}

.cs_files .changes .added {
    color: inherit;
    background-color: #BBFFBB;
    float: left;
    text-align: center;
    font-size: 9px;
    padding: 2px 0px 2px 0px;
}

.cs_files .changes .deleted {
    background-color: #FF8888;
    float: left;
    text-align: center;
    font-size: 9px;
    padding: 2px 0px 2px 0px;
}
/*new binary
NEW_FILENODE = 1
DEL_FILENODE = 2
MOD_FILENODE = 3
RENAMED_FILENODE = 4
CHMOD_FILENODE = 5
BIN_FILENODE = 6
*/
.cs_files .changes .bin {
    background-color: #BBFFBB;
    float: left;
    text-align: center;
    font-size: 9px;
    padding: 2px 0px 2px 0px;
}
.cs_files .changes .bin.bin1 {
    background-color: #BBFFBB;
}

/*deleted binary*/
.cs_files .changes .bin.bin2 {
    background-color: #FF8888;
}

/*mod binary*/
.cs_files .changes .bin.bin3 {
    background-color: #DDDDDD;
}

/*rename file*/
.cs_files .changes .bin.bin4 {
    background-color: #6D99FF;
}

/*rename file*/
.cs_files .changes .bin.bin4 {
    background-color: #6D99FF;
}

/*chmod file*/
.cs_files .changes .bin.bin5 {
    background-color: #6D99FF;
}

.cs_files .cs_added,
.cs_files .cs_A {
    height: 16px;
    margin-top: 7px;
    text-align: left;
}

.cs_files .cs_changed,
.cs_files .cs_M {
    height: 16px;
    margin-top: 7px;
    text-align: left;
}

.cs_files .cs_removed,
.cs_files .cs_D {
    height: 16px;
    margin-top: 7px;
    text-align: left;
}

.cs_files .cs_renamed,
.cs_files .cs_R {
    height: 16px;
    margin-top: 7px;
    text-align: left;
}

#graph {
    position: relative;
    overflow: hidden;
}

#graph_nodes {
    position: absolute;
    width: 100px;
}

#graph_content,
#graph_content_pr,
#graph .info_box,
#graph .container_header {
    margin-left: 100px;
}

#graph_content {
    position: relative;
}

table#changesets {
    border-collapse: collapse;
    border: none;
    border-color: #cdcdcd;
}

table#updaterevs-table tr.mergerow,
table#updaterevs-table tr.out-of-range,
table#changesets tr.mergerow,
table#changesets tr.out-of-range {
    opacity: 0.6;
}

table#changesets tr > td {
    height: 31px;
    border-color: #cdcdcd;
    text-align: left;
}

table#changesets tr > td.checkbox-column {
    width: 14px;
    font-size: 0.85em;
}

table#changesets tr > td.status {
    width: 14px;
    font-size: 0.85em;
}

table#changesets tr > td.hash {
    width: 100px;
    font-size: 0.85em;
}

table#changesets tr > td.date {
    width: auto !important;
    color: #666;
    font-size: 10px;
    white-space: nowrap;
}

#graph_content_pr .compare_view_commits .expand_commit,
table#changesets tr > td.expand_commit {
    width: 24px;
    cursor: pointer;
    color: #999;
}

table#changesets tr > td.mid {
    width: 100%;
    padding: 0;
}

table#changesets .log-container {
    position: relative;
    margin-top: 8px;
}

table#changesets tr #singlerange,
table#changesets tr .changeset_range {
    float: left;
    margin: 2px 0;
}

table#changesets tr > td.author img {
    vertical-align: middle;
}

table#changesets tr > td.author .user {
    color: #444444;
}

table#changesets tr > td.mid .message,
#graph_content_pr .compare_view_commits .message {
    white-space: nowrap;
    padding: 0;
    overflow: hidden;
}

#graph_content_pr .compare_view_commits .message {
    padding: 0 !important;
}

table#changesets tr > td.mid .message.expanded,
#graph_content_pr .compare_view_commits .message.expanded {
    height: auto;
    overflow: initial;
}

table#changesets tr .extra-container {
    display: block;
    position: absolute;
    top: -15px;
    right: 0;
    padding-left: 5px;
    background: #FFFFFF;
    height: 41px;
}

#pull_request_overview .comments-container,
#changeset_compare_view_content .comments-container,
table#changesets .comments-container,
#shortlog_data .comments-container,
table#changesets .logtags {
    display: block;
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

table#changesets .comments-container {
    margin: 0.8em 0;
    margin-right: 0.5em;
}

table#changesets .tagcontainer {
    width: 80px;
    position: relative;
    float: right;
    height: 100%;
    top: 7px;
    margin-left: 0.5em;
}

table#changesets .logtags {
    min-width: 80px;
    height: 1.1em;
    position: absolute;
    left: 0px;
    width: auto;
    top: 0px;
}

table#changesets .logtags.tags {
    top: 14px;
}

table#changesets .logtags:hover {
    overflow: visible;
    position: absolute;
    width: auto;
    right: 0;
    left: initial;
}

table#changesets .logtags .booktag,
table#changesets .logtags .tagtag {
    float: left;
    line-height: 1em;
    margin-bottom: 1px;
    margin-right: 1px;
    padding: 1px 3px;
    font-size: 10px;
}

table#changesets tr > td.mid .message a:hover {
    text-decoration: none;
}

#updaterevs-graph {
    position: absolute;
    width: 40px;
}

#updaterevs-table {
    margin-left: 40px !important;
}

.issue-tracker-link {
    color: #3F6F9F;
    font-weight: bold !important;
}

/* changeset statuses (must be the same name as the status) */
.changeset-status-not_reviewed {
    color: #bababa;
}
.changeset-status-approved {
    color: #81ba51;
}
.changeset-status-rejected {
    color: #d06060;
}
.changeset-status-under_review {
    color: #ffc71e;
}

.pull-right .changes {
    clear: both;
}

.pull-right .changes .changed_total {
    display: block;
    float: right;
    text-align: center;
    min-width: 45px;
    cursor: pointer;
    color: #444444;
    background: #FEA;
    border-radius: 0px 0px 0px 6px;
    padding: 1px;
}

.pull-right .changes .added,
.pull-right .changes .changed,
.pull-right .changes .deleted {
    color: #444444;
}

.pull-right .changes .added {
    background: #CFC;
}

.pull-right .changes .changed {
    background: #FEA;
}

.pull-right .changes .deleted {
    background: #FAA;
}

.right .mergetag,
.right .merge {
    padding: 1px 3px 1px 3px;
    background-color: #fca062;
    font-size: 10px;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 3px;
    margin-right: 2px;
}

.right .parent {
    color: #666666;
    clear: both;
}
.right .logtags {
    line-height: 2.2em;
}
.phasetag, .bumpedtag, .divergenttag, .extincttag, .unstabletag, .repotag, .branchtag, .logtags .tagtag, .logtags .booktag {
    margin: 0px 2px;
}

.phasetag,
.bumpedtag,
.divergenttag,
.extincttag,
.unstabletag,
.repotag,
.branchtag,
.tagtag,
.booktag,
.spantag {
    padding: 1px 3px 1px 3px;
    font-size: 10px;
    color: #577632;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #d9e8f8;
    line-height: 1.5em;
}

table#changesets .phasetag,
table#changesets .bumpedtag,
table#changesets .divergenttag,
table#changesets .extincttag,
table#changesets .unstabletag,
table#changesets .branchtag,
table#changesets .tagtag,
table#changesets .booktag {
    margin: 1.1em 0;
    margin-right: 0.5em;
}

.phasetag,
.bumpedtag,
.divergenttag,
.extincttag,
.unstabletag,
.repotag,
.branchtag,
.tagtag,
.booktag {
    float: left;
    display: inline-block;
}

.right .logtags .phasetag,
.right .logtags .bumpedtag,
.right .logtags .divergenttag,
.right .logtags .extincttag,
.right .logtags .unstabletag,
.right .logtags .branchtag,
.right .logtags .tagtag,
.right .logtags .booktag,
.right .mergetag,
.right .merge {
    float: right;
    line-height: 1em;
    margin: 1px 1px !important;
    display: block;
}

.repotag {
    border-color: #56A546;
    color: #46A546;
    font-size: 8px;
    text-transform: uppercase;
}

#context-bar .repotag,
.repo-icons .repotag {
    border-color: white;
    color: white;
    margin-top: 3px;
}

.repo-icons .repotag {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.booktag {
    border-color: #46A546;
    color: #46A546;
}

.tagtag {
    border-color: #62cffc;
    color: #62cffc;
}

.bumpedtag,
.divergenttag,
.extincttag,
.unstabletag {
    background-color: #f00;
    border-color: #600;
    color: #fff;
}

.phasetag {
    border-color: #1F14CE;
    color: #1F14CE;
}

.logtags .branchtag a:hover,
.logtags .branchtag a,
.branchtag a,
.branchtag a:hover {
    text-decoration: none;
    color: inherit;
}
.logtags .tagtag {
    padding: 1px 3px 1px 3px;
    background-color: #62cffc;
    font-size: 10px;
    color: #ffffff;
    white-space: nowrap;
    border-radius: 3px;
}

.tagtag a,
.tagtag a:hover,
.logtags .tagtag a,
.logtags .tagtag a:hover {
    text-decoration: none;
    color: inherit;
}
.logbooks .booktag,
.logbooks .booktag,
.logtags .booktag,
.logtags .booktag {
    padding: 1px 3px 1px 3px;
    background-color: #46A546;
    font-size: 10px;
    color: #ffffff;
    white-space: nowrap;
    border-radius: 3px;
}
.logbooks .booktag,
.logbooks .booktag a,
.right .logtags .booktag,
.logtags .booktag a {
    color: #ffffff;
}

.logbooks .booktag,
.logbooks .booktag a:hover,
.logtags .booktag,
.logtags .booktag a:hover,
.booktag a,
.booktag a:hover {
    text-decoration: none;
    color: inherit;
}

table.code-browser {
    border-collapse: collapse;
    width: 100%;
}

table.code-browser tr {
    margin: 3px;
}

table.code-browser thead th {
    background-color: #EEE;
    height: 20px;
    font-size: 1.1em;
    font-weight: 700;
    text-align: left;
    padding-left: 10px;
}

table.code-browser tbody td {
    padding-left: 10px;
    height: 20px;
}

table.code-browser .browser-file {
    height: 16px;
    padding-left: 5px;
    text-align: left;
}

table.code-browser .browser-dir {
    height: 16px;
    padding-left: 5px;
    text-align: left;
}

table.code-browser .submodule-dir {
    height: 16px;
    padding-left: 5px;
    text-align: left;
}

/* add some padding to the right of the file, folder, or submodule icon and
before the text */
table.code-browser i[class^='icon-'] {
    padding-right: .3em;
}

.panel .search div.search_path {
    background: none repeat scroll 0 0 #EEE;
    border: 1px solid #CCC;
    color: blue;
    margin-bottom: 10px;
    padding: 10px 0;
}

.panel .search div.search_path div.link {
    font-weight: 700;
    margin-left: 25px;
}

.panel .search div.search_path div.link a {
    color: #577632;
    cursor: pointer;
    text-decoration: none;
}

.info_box input#at_rev,
.info_box input#size {
    border-top: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.info_box_elem {
    display: inline-block;
}

.yui-overlay, .yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 2;
}

.ac {
    vertical-align: top;
}

.ac .yui-ac {
    position: inherit;
    font-size: 100%;
}

.ac .perm_ac {
    width: 20em;
}

.ac .yui-ac-input {
    width: 100%;
}

.ac .yui-ac-container {
    position: absolute;
    top: 1.6em;
    width: auto;
}

.ac .yui-ac-content {
    position: absolute;
    border: 1px solid gray;
    background: #fff;
    z-index: 9050;
}

.ac .yui-ac-shadow {
    position: absolute;
    width: 100%;
    background: #000;
    opacity: .10;
    z-index: 9049;
    margin: .3em;
}

.ac .yui-ac-content ul {
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 9050;
}

.ac .yui-ac-content li {
    cursor: default;
    white-space: nowrap;
    margin: 0;
    padding: 2px 5px;
    height: 18px;
    z-index: 9050;
    display: block;
    width: auto !important;
}

.ac .yui-ac-content li .ac-container-wrap {
    width: auto;
}

.ac .yui-ac-content li.yui-ac-prehighlight {
    background: #B3D4FF;
    z-index: 9050;
}

.ac .yui-ac-content li.yui-ac-highlight {
    background: #556CB5;
    color: #FFF;
    z-index: 9050;
}
.ac .yui-ac-bd {
    z-index: 9050;
}

#repo_size {
    display: block;
    margin-top: 4px;
    color: #666;
    float: right;
}

.currently_following {
    padding-left: 10px;
    padding-bottom: 5px;
}

#switch_repos {
    position: absolute;
    height: 25px;
    z-index: 1;
}

#switch_repos select {
    min-width: 150px;
    max-height: 250px;
    z-index: 1;
}

.breadcrumbs {
    border: medium none;
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
}

div#legend_data {
    padding-left: 10px;
}
div#legend_container table {
    border: none !important;
}
div#legend_container table,
div#legend_choices table {
    width: auto !important;
}

table#permissions_manage span.private_repo_msg {
    font-size: 0.8em;
    opacity: 0.6;
}

table#permissions_manage td.private_repo_msg {
    font-size: 0.8em;
}

table#permissions_manage tr#add_perm_input td {
    vertical-align: middle;
}

div.gravatar {
    float: left;
    background-color: #FFF;
    margin-right: 0.7em;
    padding: 1px 1px 1px 1px;
    line-height: 0;
    border-radius: 3px;
}

div.gravatar img {
    border-radius: 2px;
}

#content div.panel div.panel-heading div.search {
    border-left: 1px solid #576622;
}

#content div.panel div.panel-heading div.search > div input {
    border: 1px solid #576622;
}

.panel-body.settings > ul.nav-stacked {
    float: left;
    width: 150px;
    padding-right: 35px;
    color: #393939;
    font-weight: 700;
}

.panel-body.settings .nav-pills > li {
    padding: 0 !important;
}

.panel-body.settings .nav-pills > li > a {
    border-radius: 4px;
    padding: 10px;
    display: block;
    position: relative;
    color: inherit;
}

.panel-body.settings > ul.nav-stacked li.active > a,
.panel-body.settings > ul.nav-stacked li.active:hover > a {
    color: #fff;
    background-color: #577632;
}

.panel-body.settings > ul.nav-stacked li:hover > a {
    text-decoration: none;
    background-color: #eee;
}

.panel-body.settings > div,
.panel-body.settings > form {
    float: left;
    width: 750px;
    margin: 0;
}

.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;
}

/* No white Bootstrap buttons */
body .btn.btn-default {
    background-color: #DADADA;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #F4F4F4, #DADADA);
    border-top: 1px solid #DDD;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #c6c6c6;
}
body .btn.btn-default:hover {
    background-image: none;
}

/* use our link color for btn-link */
.btn-link {
    color: #577632;
}

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;
}

nav.navbar ul#logged-user,
#content div.panel div.panel-heading ul.links,
#content div.panel div.message div.dismiss,
#content div.panel div.traffic div.legend ul {
    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;
}

div#commit_history {
    width: 450px;
    height: 300px
}

div#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;
}

.navbar-caret {
    margin-top: -2px;
    display: inline-block;
}

.navbar-caret:after {
    font-family: 'kallithea';
    content: ' \23f7';           /* triangle-down */
}

#context-bar .select2-container .select2-choice .select2-chosen,
nav.navbar #quick .select2-container .select2-choice .select2-chosen {
    margin-right: 0;
}

.branch-switcher .select2-choice,
.repo-switcher .select2-choice {
    height: 100%;
    padding: 0;
}

.select2-container.form-control {
    padding: 0;
    border: none;
}

.branch-switcher .select2-container,
.branch-switcher .select2-choice,
.branch-switcher .select2-choice span,
.repo-switcher .select2-container,
.repo-switcher .select2-choice,
.repo-switcher .select2-choice span {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
}

.branch-switcher .select2-arrow,
.repo-switcher .select2-arrow {
    display: none !important;
}

.branch-switcher-dropdown.select2-drop.select2-drop-active,
.repo-switcher-dropdown.select2-drop.select2-drop-active {
    box-shadow: none;
    background-color: #577632;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.repo-switcher-dropdown.select2-drop.select2-drop-active {
    color: black;
}

.repo-switcher-dropdown.select2-drop.select2-drop-active .select2-result-label {
    color: white;
}

#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;
}


/* formencode htmlfill adds 'error' to failing input fields */
#content div.panel div.form div.form-group > div input.error,
#login div.form div.form-group > div input.error,
#register div.form div.form-group > div input.error {
    background: #FBE3E4;
    border-top: 1px solid #e1b2b3;
    border-left: 1px solid #e1b2b3;
    border-right: 1px solid #FBC2C4;
    border-bottom: 1px solid #FBC2C4;
}

/* formencode htmlfill injects 'error-message' */
#content div.panel div.form div.form-group span.error-message,
#login div.form div.form-group span.error-message,
#register div.form div.form-group span.error-message {
    display: inline-block;
    color: red;
    margin: 4px 0 0;
}

#content div.panel table th.selected input,
#content div.panel table td.selected input {
    margin: 0;
}

#content div.panel div.form div.form-group > div {
    margin: 0 0 10px 200px;
}

#content div.panel div.form div.form-group > div a:hover,
#content div.panel div.form div.form-group > div a.ui-selectmenu:hover,
#content div.panel div.action a:hover {
    color: #000;
    text-decoration: none;
}

#content div.panel div.form div.form-group > div a.ui-selectmenu-focus,
#content div.panel div.action a.ui-selectmenu-focus {
    border: 1px solid #666;
}

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 div.form div.buttons,
div.form div.buttons {
    margin: 10px 10px 0 200px;
    padding: 0;
}

#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;
}

#login,
#register {
    width: 520px;
    margin: 10% auto 0;
    padding: 0;
}

#register div.form div.form-group span.error-message {
    height: 1%;
    display: block;
    color: red;
    margin: 8px 0 0;
    padding: 0;
    max-width: 320px;
}

#changeset_content .changeset_content_header .date,
.ac .match {
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
}

div#legend_container table td,
div#legend_choices table td {
    border: none !important;
    height: 20px !important;
    padding: 0 !important;
}

.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;
}

.reviewer_status {
    float: left;
}

.reviewers_member {
    height: 15px;
    padding: 0px 0px 0px 10px;
}

.emails_wrap .email_entry {
    height: 30px;
    padding: 0px 0px 0px 10px;
}
.emails_wrap .email_entry .email {
    float: left
}
.emails_wrap .email_entry .email_action {
    float: left
}

.ips_wrap .ip_entry {
    height: 30px;
    padding: 0px 0px 0px 10px;
}
.ips_wrap .ip_entry .ip {
    float: left
}
.ips_wrap .ip_entry .ip_action {
    float: left
}


/*README STYLE*/

div.readme h2 {
    font-weight: normal;
}

div.readme {
    clear: both;
    overflow: hidden;
}

div.readme h1,
div.readme h2,
div.readme h3,
div.readme h4,
div.readme h5,
div.readme h6 {
    border-bottom: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5em !important;
}


div.readme h2,
div.readme h3 {
    margin: 1em 0 !important;
}

div.readme h2 {
    margin-top: 1.5em !important;
    border-top: 4px solid #e0e0e0 !important;
    padding-top: .5em !important;
}

div.readme p {
    color: black !important;
    margin: 1em 0 !important;
    line-height: 1.5em !important;
}

div.readme ul {
    list-style: disc !important;
    margin: 1em 0 1em 2em !important;
}

div.readme ol {
    list-style: decimal;
    margin: 1em 0 1em 2em !important;
}

div.readme code {
    font-size: 12px !important;
    background-color: ghostWhite !important;
    color: #444 !important;
    padding: 0 .2em !important;
    border: 1px solid #dedede !important;
}

div.readme pre code {
    padding: 0 !important;
    font-size: 12px !important;
    background-color: #eee !important;
    border: none !important;
}

div.readme pre {
    margin: 1em 0;
    font-size: 12px;
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 5px;
    color: #444;
    overflow: auto;
    border-radius: 3px;
}

div.readme table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
    width: auto !important;
}


/** RST STYLE **/


div.rst-block {
    padding: 0px;
}

div.rst-block h2 {
    font-weight: normal;
}

div.rst-block {
    background-color: #fafafa;
}

div.rst-block {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0 15px;
}

div.rst-block h1,
div.rst-block h2,
div.rst-block h3,
div.rst-block h4,
div.rst-block h5,
div.rst-block h6 {
    border-bottom: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5em !important;
}


div.rst-block h1:first-child {
    padding-top: .25em !important;
}

div.rst-block h2,
div.rst-block h3 {
    margin: 1em 0 !important;
}

div.rst-block h2 {
    margin-top: 1.5em !important;
    border-top: 4px solid #e0e0e0 !important;
    padding-top: .5em !important;
}

div.rst-block p {
    color: black !important;
    margin: 1em 0 !important;
    line-height: 1.5em !important;
}

div.rst-block ul {
    list-style: disc !important;
    margin: 1em 0 1em 2em !important;
}

div.rst-block ol {
    list-style: decimal;
    margin: 1em 0 1em 2em !important;
}

div.rst-block code {
    font-size: 12px !important;
    background-color: ghostWhite !important;
    color: #444 !important;
    padding: 0 .2em !important;
    border: 1px solid #dedede !important;
}

div.rst-block pre code {
    padding: 0 !important;
    font-size: 12px !important;
    background-color: #eee !important;
    border: none !important;
}

div.rst-block pre {
    margin: 1em 0;
    font-size: 12px;
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 5px;
    color: #444;
    overflow: auto;
    border-radius: 3px;
}


/** comment main **/

.comment .panel {
    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
}

.comment-form textarea {
    width: 100%;
    height: 100px;
    font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
}

form.comment-form {
    margin-top: 10px;
    margin-left: 10px;
}

.comment-inline-form .comment-block-ta,
.comment-form .comment-block-ta {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
}

.comment-form-submit {
    margin-top: 5px;
    margin-left: 525px;
}

.file-comments {
    display: none;
}

.comment-form .comment {
    margin-left: 10px;
}

.comment-form .comment-help {
    padding: 5px 5px 5px 5px;
    color: #666;
}

.comment-form .comment-button {
    padding-top: 5px;
}

.add-another-button {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.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-inline-form {
    margin: 4px;
    max-width: 978px;
}

#comments-general-comments .comment-inline-form {
    margin: 0;
}

.comment-inline-form .submitting-overlay {
    height: 0;
    text-align: center;
    font-size: 16px;
    opacity: 0.5;
}

.comment-inline-form .clearfix,
.comment-form .clearfix {
    background: #EEE;
    border-radius: 4px;
    padding: 5px;
    margin: 0px;
}

div.comment-inline-form {
    padding: 4px 0px 6px 0px;
}

.comment-inline-form textarea {
    width: 100%;
    height: 100px;
    font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
}

form.comment-inline-form {
    margin-top: 10px;
    margin-left: 10px;
}

.comment-inline-form-submit {
    margin-top: 5px;
    margin-left: 525px;
}

.file-comments {
    display: none;
}

.comment-inline-form .comment {
    margin-left: 10px;
}

.comment-inline-form .comment-help {
    padding: 5px 5px 5px 5px;
    color: #666;
}

.comment-inline-form .comment-button {
    padding-top: 5px;
}

/** comment inline **/
.inline-comments .comment {
    margin: 3px 3px 5px 5px;
}

.inline-comments #comments-general-comments .comment {
    margin-left: 0;
}

.inline-comments .add-button-row {
    padding: 2px 4px 8px 5px;
}

.inline-comments .comments-number {
    padding: 0px 0px 10px 0px;
    color: #666;
}

input.status_change_checkbox,
input.status_change_radio {
    margin: 0 0 5px 15px;
}

.badge {
    padding: 4px 4px !important;
    text-align: center;
    color: #888 !important;
    background-color: #DEDEDE !important;
    border-radius: 4px !important;
}

@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
*****/
.pullrequests_section_head {
    padding: 10px 10px 10px 0px;
    margin: 0 15px;
    font-size: 16px;
    font-weight: bold;
}

div.pr-details-title.closed {
    color: #555;
    background: #eee;
}

div.pr {
    margin: 0px 15px;
    padding: 4px 4px;
}
div.pr-desc {
    margin: 0px 15px;
}
tr.pr-closed td {
    background-color: #eee !important;
    color: #555 !important;
}

span.pr-closed-tag {
    margin-bottom: 1px;
    margin-right: 1px;
    padding: 1px 3px;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    font-size: 10px;
    color: #577632;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #d9e8f8;
    line-height: 1.5em;
}

.panel-body .pr-box {
    max-width: 978px;
    margin-right: 15px;
}

#s2id_org_ref,
#s2id_other_ref,
#s2id_org_repo,
#s2id_other_repo {
    min-width: 150px;
    margin: 5px;
}

#pr-summary .msg-div {
    margin: 5px 0;
}

#pr-summary > .pr-not-edit {
    min-height: 50px !important;
}

#pr-edit-btn {
    margin: 20px 0 0 !important;
    position: absolute;
}

/****
  PERMS
*****/
#perms .perms_section_head {
    padding: 10px 10px 10px 0px;
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}

#perms .perms_section_head label {
    margin-left: 10px;
}

#perms .perm_tag {
    position: relative;
    top: -2px;
    margin-left: 3px;
    padding: 3px 3px 1px 3px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 3px;
}

#perms .perm_tag.admin {
    background-color: #B94A48;
    color: #ffffff;
}

#perms .perm_tag.write {
    background-color: #DB7525;
    color: #ffffff;
}

#perms .perm_tag.read {
    background-color: #468847;
    color: #ffffff;
}

#perms .perm_tag.none {
    background-color: #bfbfbf;
    color: #ffffff;
}

input.perm_filter {
    position: relative;
    top: 2px;
}

.perm-gravatar {
    vertical-align: middle;
    padding: 2px;
}
.perm-gravatar-ac {
    vertical-align: middle;
    padding: 2px;
    width: 14px;
    height: 14px;
}

/*****************************************************************************
                                  DIFFS CSS
******************************************************************************/
.diff-collapse {
    text-align: center;
    margin-bottom: 15px;
}

table.code-difftable {
    border-collapse: collapse;
    border-radius: 0px !important;
    width: 100%;
}
table.code-difftable td {
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    vertical-align: baseline !important
}
table.code-difftable .context {
    background: none repeat scroll 0 0 #DDE7EF;
    color: #999;
}
table.code-difftable .add {
    background: none repeat scroll 0 0 #DDFFDD;
}
table.code-difftable .add ins {
    background: none repeat scroll 0 0 #AAFFAA;
    text-decoration: none;
}
table.code-difftable .del {
    background: none repeat scroll 0 0 #FFDDDD;
}
table.code-difftable .del del {
    background: none repeat scroll 0 0 #FFAAAA;
    text-decoration: none;
}

table.code-highlighttable div.code-highlight pre u:before,
table.code-difftable td.code pre u:before {
    content: "\21a6";
    display: inline-block;
    width: 0;
}
table.code-highlighttable div.code-highlight pre u.cr:before,
table.code-difftable td.code pre u.cr:before {
    content: "\21a4";
    display: inline-block;
    color: rgba(0,0,0,0.5);
}
table.code-highlighttable div.code-highlight pre u,
table.code-difftable td.code pre u {
    color: rgba(0,0,0,0.15);
}
table.code-highlighttable div.code-highlight pre i,
table.code-difftable td.code pre i {
    border-style: solid;
    border-width: 0 0 0 1px;
    color: rgba(0,0,0,0.5);
}

/** LINE NUMBERS **/
table.code-difftable .lineno {
    padding-left: 2px;
    padding-right: 2px !important;
    width: 30px;
    -moz-user-select: none;
    -webkit-user-select: none;
    border-right: 1px solid #CCC !important;
    border-left: 0px solid #CCC !important;
    border-top: 0px solid #CCC !important;
    border-bottom: none !important;
    vertical-align: middle !important;
    text-align: center;
}
table.code-difftable .lineno.new {
    text-align: right;
}
table.code-difftable .lineno.old {
    text-align: right;
}
table.code-difftable .lineno a {
    color: #aaa !important;
    font: 11px Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace !important;
    letter-spacing: -1px;
    padding-left: 10px;
    padding-right: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    width: 100%;
}

table.code-difftable .line:hover .lineno a {
    color: #333 !important;
}

table.code-difftable .lineno-inline {
    background: none repeat scroll 0 0 #FFF !important;
    padding-left: 2px;
    padding-right: 2px;
    text-align: right;
    width: 30px;
    -moz-user-select: none;
    -webkit-user-select: none;
}

/** CODE **/
table.code-difftable .code {
    display: block;
    width: 100%;
}
table.code-difftable .code td {
    margin: 0;
    padding: 0;
}
table.code-difftable .code pre {
    margin: 0 0 0 12px !important;
    padding: 0;
    min-height: 17px;
    line-height: 17px;
    white-space: pre-wrap;
    word-break: break-all;
}

table.code-difftable .del .code pre:before {
    content: "-";
    color: #800;
    float: left;
    left: -1em;
    position: relative;
    width: 0;
}

table.code-difftable .add .code pre:before {
    content: "+";
    color: #080;
    float: left;
    left: -1em;
    position: relative;
    width: 0;
}

table.code-difftable .unmod .code pre:before {
    content: " ";
    float: left;
    left: -1em;
    position: relative;
    width: 0;
}

.add-bubble {
    position: relative;
    display: none;
    float: left;
    width: 0px;
    height: 0px;
    left: -8px;
    box-sizing: border-box;
}

/* comment bubble, only visible when in a commentable diff */
.commentable-diff tr.line.add:hover td .add-bubble,
.commentable-diff tr.line.del:hover td .add-bubble,
.commentable-diff tr.line.unmod:hover td .add-bubble {
    display: block;
    z-index: 1;
}

.add-bubble div {
    background: #577632;
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 0 2px 2px 0.5px;
    border: 1px solid #577632;
    border-radius: 3px;
    box-sizing: border-box;
}

.add-bubble div:before {
    font-size: 14px;
    color: #ffffff;
    font-family: "kallithea";
    content: '\1f5ea';
}

.add-bubble div:hover {
    transform: scale(1.2, 1.2);
}

/* 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;
}

body table.dataTable thead .sorting {
  background-image: none;
}
body table.dataTable thead .sorting_asc {
  background-image: none;
}
body table.dataTable thead .sorting_desc {
  background-image: none;
}
body table.dataTable thead .sorting_asc_disabled {
  background-image: none;
}
body table.dataTable thead .sorting_desc_disabled {
  background-image: none;
}

body table.dataTable thead .sorting_asc::after {
  font-family: "kallithea";
  content: "\23f6";
}
body table.dataTable thead .sorting_desc::after {
  font-family: "kallithea";
  content: "\23f7";
}

.dataTables_wrapper .dataTables_left {
  float: left !important;
}

.dataTables_wrapper .dataTables_right {
  float: right;
}

.dataTables_wrapper .dataTables_right > div {
  padding-left: 30px;
}

.dataTables_wrapper .dataTables_info {
  clear: none;
  padding-top: 3px;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 3px 10px;
}

.dataTables_wrapper .dataTables_paginate > a.paginate_button {
  padding-top: 1px;
  border: 0 !important;
}

.dataTables_wrapper label {
    margin-bottom: 0;
    font-weight: inherit;
}

.text-muted {
    color: #777777;
}

.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;
}