zentao/module/repo/css/common.css

a {color: #169;}
a:hover, a:active {text-decoration:underline; color: #C61A1A;}
#swapper a {text-decoration: none;}
#swapper .col-footer a:hover {color: #0c64eb;}
h2,h3 {font-size: 20px; margin: 0; clear: both;}
h3 {font-size: 16px;}
.revision {line-height: 20px; text-align: right; padding-right: 8px;}
.directory {background-image:url('theme/default/images/repo/dir.png');}
.file {background-image:url('theme/default/images/repo/txt.png');}
.mini-icon {display: inline-block; height: 16px; width: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; vertical-align: text-bottom;}
.action {float: left;}
.input-group select#encrypt {border-left: 0px;}
.input-group #encrypt_chosen {width: 40% !important;}
.arrange {float: right;}
.versions {position: relative;}
#diffRepo {position: absolute; left: 20px; z-index: 1000;}
#repoID {display: inline-block; width: auto;}
.table-form>tbody>tr>th {width: 110px;}
.repoCode a:hover {text-decoration: none;}
.commentButton
{
    background-repeat: no-repeat;
    position: absolute;
    left: -28px;
    width: 40px;
    z-index: 10;
    cursor:pointer;
    font-size: 18px;
    color: #4183C4;
    display: none;
}
.repoCode tr.over .commentButton {display: block;}
.bug
{
    background-repeat: no-repeat;
    position: absolute;
    left: -7px;
    width: 20px;
    z-index: 0;
    cursor:pointer;
    font-size: 18px;
    color: #4183C4;
    line-height: 18px;
}
.repoCode .icon {opacity: 1;}
.icon-comment-add:before {content: '\e74c'; transform: scale(-1, 1); display: inline-block; font-weight: normal;}
.icon-comment-add:after {content: '+'; display: block; font-weight: normal; position: absolute; left: 16px; top: 1px; font-family: Arial; font-weight: bold; font-size: 12px;}
.icon-comments:before {content: '\e750'; transform: scale(-1, 1); display: inline-block; font-weight: normal; font-size: 18px; line-height: 18px;}
.commentButton:hover,.bug:hover {color: #d20b0b;}
.commentBoard {border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; padding: 0; white-space: normal; background-color: #eee; padding: 10px;}
.commentBoard .table-form th {background: none;}
.lines input {width: 40px;}
.commentSubmit, .commentCancel {margin-right: 10px;}
.commentFoot .optional {float: left;}
.commentBoard.using .bugContainer {border: 1px solid #ddd; background: #fff;}
.commentBoard.using .bugContainer > .commentHeader {background: #f1f1f1; padding: 0 10px; border-bottom: 1px solid #ddd;}
.commentHeaderAuthor {max-width: 600px; line-height: 33px; font-weight: bold; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.comment {width: 100%; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.commentContent {margin: 10px;}
.commentHeaderRight {float: right;}

/* Sider */
#mainContent > #sidebar > .side-body.affix {top: 0px; z-index: 10000;}

/* Pre row */
.repoCode table > tbody > tr.over > td {background: #f8eec7;}
.repoCode table > tbody > tr.over > th {background: #cdcdcd !important; color: #333 !important;}

/* Comment-btn */
.comment-btn {position: relative; margin: 0; padding: 0; display: none;}
.repoCode tr.over .comment-btn {display: block;}
.comment-btn .icon-wrapper {display: block; position: absolute; background: #4183C4; border-radius: 2px; width: 24px; height: 20px; left: -6px; top: -2; line-height: 20px; text-align: center; color: #fff; cursor: pointer;}
.comment-btn .icon-wrapper:before {display: block; content: ' '; right: -4px; top: 6px; position: absolute; border-left: 4px solid #4183C4; border-right: 0 solid transparent; border-bottom: 4px solid transparent; border-top: 4px solid transparent; width: 0; height: 0;}
.comment-btn .icon-wrapper:hover {background: #169; transform: scale(1.1);}
.comment-btn .icon-wrapper:hover:before {border-left-color: #169;}

.repoCode tr.commented {cursor: pointer;}

.repoCode tr.commented .comment-btn {display: block; float:left;}
.repoCode tr.commented .comment-btn .icon-wrapper {background: none; border: none; width: 24px; line-height: 18px; height: 18px; left: -6px; color: #4183c4;}
.repoCode tr.commented .comment-btn .icon-wrapper:hover {border-color: #169; color: #169;}
.repoCode tr.commented .comment-btn .icon-wrapper > i:before {font-size: 18px; display: inline-block;}
.repoCode tr.commented .comment-btn .icon-wrapper:before {display: none;}

.repoCode tr.over.commented .comment-btn {margin-left: -20px; width: 25px; height:18px;}
.repoCode tr.over.commented .comment-btn .icon-wrapper, .repoCode tr.selected.commented .comment-btn .icon-wrapper {line-height: 20px; height: 20px; background: #4183C4; color: #fff; left: -8px;}
.repoCode tr.over.commented .comment-btn .icon-wrapper > i:before {font-size: 14px;}
.repoCode tr.selected.commented .comment-btn .icon-wrapper > i:before {font-size: 14px;}
.repoCode tr.over.commented .comment-btn .icon-wrapper:before, .repoCode tr.selected.commented .comment-btn .icon-wrapper:before {display: block;}

/* repo action form */
.repoCode .comment-actions {max-width: 900px;}
.repoCode table {table-layout: fixed;}
.repoCode table td {white-space: pre-line;}
.repoCode .bugFormContainer {border: 1px solid #bbb; margin: 0 0 0 15px; padding: 10px 20px 10px 10px; max-width: 880px; background: #fff;}
.repoCode .bugFormContainer th {width: 70px;}

.repoCode .action-row {display: none;}
.repoCode .with-action-row .action-row {display: table-row;}
.repoCode .action-cell {background: #EEE; white-space: normal; padding: 10px 15px 10px 0;}
.repoCode .with-action-row table tr.selected .comment-btn:last-child {display: block;}
.repoCode .with-action-row table tr.selected td {background: #f8eec7;}
.repoCode .with-action-row table tr.selected th {background: #cdcdcd;}
.repoCode .with-action-row table tr.selected .comment-btn .icon-wrapper > i:before, .repoCode #diff.with-action-row tr.selected .comment-btn .icon-wrapper > i:before {content: '\d7';}

.repoCode .comment-row {display: none;}
.repoCode .comment-row.show {display: table-row !important;}
.repoCode .comment-cell {background: #eee; white-space: normal;}
.repoCode .comment-cell .panel {margin: 10px; border-color: #bbb;}
.repoCode .comment-cell .panel-body {padding: 6px 10px;}
.repoCode .comment-cell .panel-actions.pull-right {margin-right: 0; margin-top: -25px; position: unset;}
.repoCode .comment-cell .editing .panel-body, .repoCode .comment-cell .commentContainer.show-form .panel-body {display: none;}
.repoCode .comment-cell .bug-edit-form,  {padding: 10px; display: none;}
.repoCode .comment-cell .editing .bug-edit-form, .repoCode .comment-cell .commentContainer.show-form .comment-edit-form {display: block;}

.repoCode .comment {border: 1px solid #e5e5e5; background: #fafafa; padding: 5px 10px 1px; margin-bottom: 10px;}
.repoCode .comment .comment-edit-form {margin-top: 10px;}
.repoCode .panel-bug .steps {background: #f1f1f1; padding: 5px 10px;}
.repoCode .panel-bug .bug-edit-form {margin-bottom: 10px;}
.repoCode .panel-bug .panel-body {display: none;}
.repoCode .panel-bug .panel-heading {cursor: pointer; border-bottom: 1px solid #edf3ff;}
.repoCode .panel-bug.show .panel-body {display: block;}
.repoCode .panel-bug.show .icon-chevron-sign-down:before {content: '\e711';}
.repoCode .panel-bug.show-edit-form .bug-edit-form,
.repoCode .panel-bug.show-form .commentForm,
.repoCode .comment.show-form .comment-edit-form {display: block;}
.repoCode .panel-bug .bug-edit-form,
.repoCode .panel-bug.show-form .addComment,
.repoCode .panel-bug .commentForm,
.repoCode .comment .comment-edit-form,
.repoCode .panel-bug.show-edit-form .panel-body .title,
.repoCode .panel-bug.show-edit-form .bug-date,
.repoCode .comment.show-form .comment-content {display: none;}

.repoCode .text-content {white-space: normal; white-space: pre-line;}
.repoCode .text-muted {color: #aaa;}

.repoCode tr {transition: all 1s; height:20px;}
.repoCode tr.highlight {background: #fff4e5;}
.repoCode tr.highlight td, .repoCode tr.highlight th {background: none; border-top: 1px solid #e48600; border-bottom: 1px solid #e48600;}
.repoCode tr.highlight.commented th {color: #e48600;}
.repoCode tr.highlight.commented td, .repoCode tr.highlight.commented th {border-bottom: none;}
.repoCode tr.highlight + tr.highlight td, .repoCode tr.highlight + tr.highlight th {border-top: none;}

.repoCode .row-tip {display: none;}
.repoCode tr.commented .row-tip {display: block; position: relative; right: -3px; bottom: -1px;}
.repoCode tr.commented .tip, .repoCode tr.commented.open .tip.on-collapse {display: block; position: absolute; right: 0; bottom: 0; color: #4183c4; opacity: 0; padding: 0 5px; background: #edf3ff; height: 20px; line-height: 20px; transition: opacity 0.2s;}
.repoCode tr.commented:hover .tip.on-expand {opacity: 1;}
.repoCode tr.commented.open .tip.on-collapse {opacity: 1;}
.repoCode tr.commented.open .tip.on-expand {display: none;}
.repoCode tr.commented.open .tip.on-collapse span {display: none;}
.repoCode tr.commented.open:hover .tip.on-collapse span {display: inline;}
.repoCode tr.commented.open {background: #f8fafe;}
.repoCode tr.commented .preview-icon {position: absolute; left: -6px; bottom: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #4183c4; background: #edf3ff; display: none;}
.repoCode tr.commented:hover .preview-icon {display: block; transform: scale(-1, 1);}
.repoCode tr.commented .preview-icon:before {font-size: 18px;}

.repoCode #diff tr.commented .row-tip {right: 0;}
.repoCode #diff tr.commented .icon-chat-dot {left: 0;}

.repoCode .panel, .bugFormContainer {transition: border 0.4s;}
.repoCode .panel.highlight, #bugForm.highlight .bugFormContainer {border-color: #e48600;}

#bugsPreview {white-space: normal;}
#bugsPreview .dropdown-menu {top: -100%; left: 30%; padding-top: 0; min-width: 300px; max-width: 500px;}
#bugsPreview .dropdown-menu > li.dropdown-header {background: #f1f1f1; padding-top: 8px;}
#bugsPreview .dropdown-menu > li > a {border-top: 1px solid #e5e5e5; text-overflow : ellipsis; overflow: hidden;}
#bugsPreview .dropdown-menu.show {display: block;}

.icon-comments {position: relative; left: -50px;}

/* bug form */
#bugForm, #bugForm table {margin: 0; padding: 0;}

.panel .table + .panel-footer {border-top: 0; background: #fff;}

.transparent {border-color:transparent; background: none repeat scroll 0 0 transparent;}
.transparent:hover {border-color:transparent; background: none repeat scroll 0 0 transparent;}

.side-col {width: 550px;}
#sidebar > .side-body {width: 530px;}
.hide-sidebar #sidebar > .side-body {display: none;}

#sidebar>.sidebar-toggle {left: 5px; right: auto;}
#sidebar>.sidebar-toggle>.icon {right: -4px; left: auto;}

#logForm .fixed-footer a.allLogs {color: #fff !important;}

#submitLabel {text-align: left;}

.header-btn .btn > .text {text-overflow: unset !important;}

#repoPageSize {right: 90px; padding: 8px 5px 6px 10px;}
.dropdown-menu li > a.selected {color: #3123ae !important; background: #f2eafc !important; line-height: 20px; border-radius: 5px;}

.tips-git a {padding-bottom: 1px;}
.bug-lines {font-size: revert;}

.comment.show-form .comment-form-div {margin-top: 20px; padding-bottom: 10px;}
.comment .avatar {margin-right: 10px;}

#fileTree li {padding: 0 0 0 8px;}
#fileTree li.has-list {padding-left: 20px;}
#fileTree li > a {display: block; padding: 6px 0; border-radius: 2px; padding-left: 6px; height: 30px; text-decoration: none;}
#fileTree li > a > span {display: inline-block;}
#fileTree li > a > span + span {margin-left: 8px;}
#fileTree li.selected > a {background-color: #E8F3FC;}
#fileTree li.selected > a > span.title {color: #006AF1;}
#fileTree .label-id {border-color: #cbd0db; color: #7d8599}
#fileTree .label.label-type {background: #fff; border: 1px solid #7d8599; color:#7d8599}

#fileTree li > a > span.title {color: #3C4353; white-space: nowrap; max-width: 60%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
#fileTree li > a > span.user {color: #838a9d;}
#fileTree li > a > span.user > .icon-person {font-size: 14px; position: relative; top: -1px; color: #a6aab8}
#fileTree li > a:first-child {padding-left: 18px;}
#fileTree li a.selected {color: #e9f2fb; background-color: #0c64eb;}

#fileTree li > .list-toggle {transform: rotate(0deg); width: 16px; height: 16px; border: 4px solid #a6aab8; border-radius: 2px; top: 7px;}
#fileTree li > .list-toggle:before {content: ' '; display: block; position: absolute; border: 1px solid #a6aab8; top: 2px; left: -3px; right: -3px; bottom: 2px; min-width: 0; transition: all .2s;}
#fileTree li > .list-toggle:hover:before, #fileTree li > .list-toggle:hover {border-color: #006AF1;}
#fileTree li.open > .list-toggle {width: 12px; height: 12px; top: 9px; background-color: #a6aab8; border-width: 3px; left: 3px;}
#fileTree li.open > .list-toggle:before {border: none; height: 2px; width: 6px; left: 0; top: 2px; background: #fff;}
#fileTree li.open > .list-toggle:hover {background: #006AF1;}

#fileTree ul > li:after {display: block; position: absolute; content: ' '; border-top: 1px dashed #cbd0db; top: 14px; left: -12px; z-index: 1; width: 10px;}
#fileTree ul > li:before, #fileTree ul > li.has-list:before {background: none; content: ' '; display: block; position: absolute; width: auto; height: auto; border: none; border-left: 1px dashed #cbd0db; top: -13px; bottom: 12px; left: -12px;}
#fileTree ul > li:last-child:before {bottom: auto; height: 29px;}
#fileTree ul > li:first-child:before {top: -9px;}
#fileTree ul > li.has-list:first-child:before {top: -13px;}
#fileTree ul > li.tree-single-item:before {height: 23px;}
#fileTree ul > li.has-list:after {width: 14px;}
#filesTree .tree li.has-list.open:before {border: none;}
#fileTabs .nav-tabs > li.tab-nav-item > a {z-index: 1; background: none;}
#fileTabs .nav-tabs > li > a::after {content: ''; position: absolute; top: 2px; left: 10px; width: 85%; right: 6px; bottom: 0; background: #f8f8f8; border: none; border-radius: 10px 10px 0 0; height: 70%; transform: perspective(4px)scale(1.1, 1.3) rotateX(5deg); z-index: -1;}
#fileTabs .nav-tabs > li.active > a::after {background: #FFFFFF;}
#fileTabs > .tabs-navbar {overflow: hidden; padding-bottom: 10px; position: relative; height: 35px; background: #efefef;}
#fileTabs > .tabs-navbar > .nav-tabs {position: absolute; display: flex; padding-left: 25px;}
.repoCode .content, .repoCode .btn:not(.btn-primary) {background-color: #efefef; border: none;}
.repoCode .btn.btn-right, .repoCode .btn.btn-left {margin-right: 0; padding: 6px 6px;}
#related .btn-right, #related .btn-left {padding-top: 6px;}
#log .action-btn {margin-top: -7px;}

#relationTabs .nav-tabs >li > a .tab-nav-close {display: none;}
#relationTabs .nav-tabs > li > a > i, #relationTabs .nav-tabs > li > a > span {background: #EDEEF2; font-weight: normal; padding: 1px 5px;}
#relationTabs .nav-tabs > li.active > a > i, #relationTabs .nav-tabs > li.active > a > span {background: #E6F0FF; color: #2e7fff;}
.linkContent strong.text-primary {cursor: pointer;}

#modules li {padding: 5px 0 0 15px;}
.file-tree #modules .icon {color: #9EA3B0;}
.file-tree #modules .icon-folder {padding-left: 5px;}
li.selected .doc-title .icon, li.selected .doc-title a {color: #438EFF !important;}

.btn-left, .btn-right {display: none;}
.m-repo-ajaxgetrelationinfo{padding-bottom: 0;}