/** * Commit file */ .commit-committer-link, .commit-author-link { font-size: 13px; color: #555; &:hover { color: #999; } } .file { border: 1px solid #CCC; margin-bottom: 1em; .header { @extend .clearfix; background: #DDD; border-bottom: 1px solid #CCC; padding: 5px 5px 5px 10px; color: #555; > span { font-family: $monospace_font; font-size: 14px; line-height: 2; } .view-file { font-weight: bold; float: right; background-color: #EEE; } .commit-short-id { font-family: $monospace_font; font-size: smaller; } .file-mode { font-family: $monospace_font; } } .content { overflow: auto; overflow-y: hidden; background: #FFF; color: #333; font-size: 12px; .old { span.idiff { background-color: #FAA; } } .new { span.idiff { background-color: #AFA; } } table { width: 100%; font-family: $monospace_font; border: none; margin: 0px; padding: 0px; td { line-height: 18px; font-size: 12px; } } .old_line, .new_line, .diff_line { margin: 0px; padding: 0px; border: none; background: #EEE; color: #666; padding: 0px 5px; border-right: 1px solid #ccc; text-align: right; min-width: 35px; max-width: 50px; width: 35px; @include user-select(none); a { float: left; width: 35px; font-weight: normal; color: #666; &:hover { text-decoration: underline; } } &.new { background: #CFD; } &.old { background: #FDD; } } .diff_line { padding: 0; } .line_holder { &.old .old_line, &.old .new_line { background: #FCC; border-color: #E7BABA; } &.new .old_line, &.new .new_line { background: #CFC; border-color: #B9ECB9; } } .line_content { display: block; white-space: pre; height: 18px; margin: 0px; padding: 0px 0.5em; border: none; &.new { background: #CFD; } &.old { background: #FDD; } &.matched { color: #ccc; background: #fafafa; } &.parallel { display: table-cell; overflow: hidden; width: 50%; } } } .image { background: #ddd; text-align: center; padding: 30px; .wrap{ display: inline-block; } .frame { display: inline-block; background-color: #fff; line-height: 0; img{ border: 1px solid #FFF; background: url('trans_bg.gif'); } &.deleted { border: 1px solid $deleted; } &.added { border: 1px solid $added; } } .image-info{ font-size: 12px; margin: 5px 0 0 0; color: grey; } .view.swipe{ position: relative; .swipe-frame{ display: block; margin: auto; position: relative; } .swipe-wrap{ overflow: hidden; border-left: 1px solid #999; position: absolute; display: block; top: 13px; right: 7px; } .frame{ top: 0; right: 0; position: absolute; &.deleted{ margin: 0; display: block; top: 13px; right: 7px; } } .swipe-bar{ display: block; height: 100%; width: 15px; z-index: 100; position: absolute; cursor: pointer; &:hover{ .top-handle{ background-position: -15px 3px; } .bottom-handle{ background-position: -15px -11px; } }; .top-handle{ display: block; height: 14px; width: 15px; position: absolute; top: 0px; background: url('swipemode_sprites.gif') 0 3px no-repeat; } .bottom-handle{ display: block; height: 14px; width: 15px; position: absolute; bottom: 0px; background: url('swipemode_sprites.gif') 0 -11px no-repeat; } } } //.view.swipe .view.onion-skin{ .onion-skin-frame{ display: block; margin: auto; position: relative; } .frame.added, .frame.deleted { position: absolute; display: block; top: 0px; left: 0px; } .controls{ display: block; height: 14px; width: 300px; z-index: 100; position: absolute; bottom: 0px; left: 50%; margin-left: -150px; .drag-track{ display: block; position: absolute; left: 12px; height: 10px; width: 276px; background: url('onion_skin_sprites.gif') -4px -20px repeat-x; } .dragger { display: block; position: absolute; left: 0px; top: 0px; height: 14px; width: 14px; background: url('onion_skin_sprites.gif') 0px -34px repeat-x; cursor: pointer; } .transparent { display: block; position: absolute; top: 2px; right: 0px; height: 10px; width: 10px; background: url('onion_skin_sprites.gif') -2px 0px no-repeat; } .opaque { display: block; position: absolute; top: 2px; left: 0px; height: 10px; width: 10px; background: url('onion_skin_sprites.gif') -2px -10px no-repeat; } } } //.view.onion-skin } .view-modes{ padding: 10px; text-align: center; background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf)); background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -ms-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf); ul, li{ list-style: none; margin: 0; padding: 0; display: inline-block; } li{ color: grey; border-left: 1px solid #c1c1c1; padding: 0 12px 0 16px; cursor: pointer; &:first-child{ border-left: none; } &:hover{ text-decoration: underline; } &.active{ &:hover{ text-decoration: none; } cursor: default; color: #333; } &.disabled{ display: none; } } } } /** COMMIT BLOCK **/ .commit-title{ display: block; } .commit-title{ margin-bottom: 10px; } .commit-author, .commit-committer{ display: block; color: #999; font-weight: normal; font-style: italic; } .commit-author strong, .commit-committer strong{ font-weight: bold; font-style: normal; } .file-stats a { color: $style_color; } .file-stats { .new-file { a { color: #090; } i { color: #1BCF00; } } .renamed-file { i { color: #FE9300; } } .deleted-file { a { color: #B00; } i { color: #EE0000; } } .edit-file{ i{ color: #555; } } } .label_commit { @include border-radius(4px); padding: 2px 4px; font-size: 13px; background: #474D57; color: #fff; font-family: $monospace_font; } .commits-compare-switch{ background: url("switch_icon.png") no-repeat center center; width: 22px; height: 22px; text-indent: -9999px; float: left; margin-right: 9px; border: 1px solid #DDD; @include border-radius(4px); padding: 4px; background-color: #EEE; } .commit-description { background: none; border: none; margin: 0; padding: 0; margin-top: 10px; } .commit-box { margin: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0; .commit-title { margin: 0; font-size: 20px; } .commit-description { margin-top: 15px; } } .commit-stat-summary { color: #666; line-height: 2; } .commit-breadcrumb { padding: 0; } .commit-info-row { margin-bottom: 10px; .avatar { @extend .avatar-inline; } .commit-committer-link, .commit-author-link { color: #444; font-weight: bold; } } .lists-separator { margin: 10px 0; border-top: 1px dashed #CCC; } /** * COMMIT ROW */ li.commit { padding: 8px; .commit-row-title { font-size: 14px; margin-bottom: 2px; .notes_count { float: right; margin-right: 10px; } .commit_short_id { min-width: 65px; font-family: $monospace_font; } .commit-row-message { color: #333; font-weight: 500; &:hover { color: #444; text-decoration: underline; } } } .commit-row-info { color: #777; a { color: #777; } .committed_ago { float: right; } } &.inline-commit { .commit-row-title { font-size: 13px; } .committed_ago { float: right; @extend .cgray; } } }