2012-05-30 18:02:30 +00:00
|
|
|
/**
|
2012-12-01 12:49:21 +00:00
|
|
|
* Commit file
|
2012-05-30 18:02:30 +00:00
|
|
|
*/
|
2013-01-04 21:35:31 +00:00
|
|
|
.commit-committer-link,
|
|
|
|
.commit-author-link {
|
|
|
|
font-size: 13px;
|
|
|
|
color: #555;
|
|
|
|
&:hover {
|
|
|
|
color: #999;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
.file {
|
2012-11-23 16:51:38 +00:00
|
|
|
border: 1px solid #CCC;
|
2012-11-23 16:33:43 +00:00
|
|
|
margin-bottom: 1em;
|
2012-05-30 18:02:30 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
.header {
|
2012-11-18 16:41:41 +00:00
|
|
|
@extend .clearfix;
|
|
|
|
padding: 5px 5px 5px 10px;
|
|
|
|
color: #555;
|
2012-11-23 16:51:38 +00:00
|
|
|
border-bottom: 1px solid #CCC;
|
2012-05-30 18:02:30 +00:00
|
|
|
background: #eee;
|
2012-11-23 16:51:38 +00:00
|
|
|
// TODO Replace with linear-gradient mixin
|
2012-05-30 18:02:30 +00:00
|
|
|
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: -o-linear-gradient(#eee 6.6%, #dfdfdf);
|
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
a{
|
|
|
|
color: $style_color;
|
|
|
|
}
|
2013-02-16 19:24:51 +00:00
|
|
|
|
2012-11-18 16:41:41 +00:00
|
|
|
> span {
|
2012-12-01 12:49:21 +00:00
|
|
|
font-family: $monospace_font;
|
2012-11-23 16:33:43 +00:00
|
|
|
font-size: 14px;
|
2012-11-18 16:41:41 +00:00
|
|
|
line-height: 30px;
|
|
|
|
}
|
2012-11-19 12:01:40 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
a.view-file{
|
2012-11-18 16:41:41 +00:00
|
|
|
font-weight: bold;
|
|
|
|
}
|
2012-11-19 12:01:40 +00:00
|
|
|
|
2012-11-18 16:41:41 +00:00
|
|
|
.commit-short-id{
|
2012-12-01 12:49:21 +00:00
|
|
|
font-family: $monospace_font;
|
2012-11-18 16:41:41 +00:00
|
|
|
font-size: smaller;
|
|
|
|
}
|
2012-11-19 12:01:40 +00:00
|
|
|
|
2012-11-18 16:41:41 +00:00
|
|
|
.file-mode{
|
2012-12-01 12:49:21 +00:00
|
|
|
font-family: $monospace_font;
|
2012-05-30 18:02:30 +00:00
|
|
|
}
|
|
|
|
}
|
2012-12-01 12:49:21 +00:00
|
|
|
.content {
|
2012-11-23 16:33:43 +00:00
|
|
|
overflow: auto;
|
|
|
|
overflow-y: hidden;
|
2012-12-01 12:49:21 +00:00
|
|
|
background: #FFF;
|
2012-11-23 16:51:38 +00:00
|
|
|
color: #333;
|
2012-05-30 18:02:30 +00:00
|
|
|
font-size: 12px;
|
2012-07-02 20:08:07 +00:00
|
|
|
.old{
|
|
|
|
span.idiff{
|
2012-11-23 16:51:38 +00:00
|
|
|
background-color: #FAA;
|
2012-07-02 20:08:07 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.new{
|
|
|
|
span.idiff{
|
2012-11-23 16:51:38 +00:00
|
|
|
background-color: #AFA;
|
2012-07-02 20:08:07 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2012-10-22 20:49:21 +00:00
|
|
|
table {
|
2012-12-01 12:49:21 +00:00
|
|
|
font-family: $monospace_font;
|
|
|
|
border: none;
|
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
2012-10-22 20:49:21 +00:00
|
|
|
td {
|
2012-11-23 16:33:43 +00:00
|
|
|
line-height: 18px;
|
2012-12-01 12:49:21 +00:00
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.old_line, .new_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: 35px;
|
|
|
|
width: 35px;
|
|
|
|
@include user-select(none);
|
|
|
|
a {
|
|
|
|
float: left;
|
|
|
|
width: 35px;
|
|
|
|
font-weight: normal;
|
|
|
|
color: #666;
|
|
|
|
&:hover {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2013-04-21 08:20:56 +00:00
|
|
|
.line_holder {
|
|
|
|
&.old .old_line,
|
|
|
|
&.old .new_line {
|
|
|
|
background: #FCC;
|
|
|
|
border-color: #E7BABA;
|
|
|
|
}
|
|
|
|
&.new .old_line,
|
|
|
|
&.new .new_line {
|
|
|
|
background: #CFC;
|
|
|
|
border-color: #B9ECB9;
|
|
|
|
}
|
|
|
|
}
|
2012-12-01 12:49:21 +00:00
|
|
|
.line_content {
|
2013-02-25 08:21:38 +00:00
|
|
|
display: block;
|
2012-12-01 12:49:21 +00:00
|
|
|
white-space: pre;
|
2013-02-25 08:21:38 +00:00
|
|
|
height: 18px;
|
2012-12-01 12:49:21 +00:00
|
|
|
margin: 0px;
|
2013-04-21 08:20:56 +00:00
|
|
|
padding: 0px 0.5em;
|
2012-12-01 12:49:21 +00:00
|
|
|
border: none;
|
|
|
|
&.new {
|
|
|
|
background: #CFD;
|
|
|
|
}
|
|
|
|
&.old {
|
|
|
|
background: #FDD;
|
|
|
|
}
|
|
|
|
&.matched {
|
|
|
|
color: #ccc;
|
|
|
|
background: #fafafa;
|
2012-10-22 20:49:21 +00:00
|
|
|
}
|
|
|
|
}
|
2012-05-30 18:02:30 +00:00
|
|
|
}
|
2012-12-01 12:49:21 +00:00
|
|
|
.image {
|
|
|
|
background: #ddd;
|
2012-11-23 16:33:43 +00:00
|
|
|
text-align: center;
|
2012-12-01 12:49:21 +00:00
|
|
|
padding: 30px;
|
|
|
|
.wrap{
|
2012-11-18 16:41:41 +00:00
|
|
|
display: inline-block;
|
2012-12-01 12:49:21 +00:00
|
|
|
}
|
2013-02-16 19:24:51 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
.frame {
|
|
|
|
display: inline-block;
|
|
|
|
background-color: #fff;
|
|
|
|
line-height: 0;
|
2012-11-21 17:25:32 +00:00
|
|
|
img{
|
2012-12-01 12:49:21 +00:00
|
|
|
border: 1px solid #FFF;
|
2012-11-21 17:25:32 +00:00
|
|
|
background: url('trans_bg.gif');
|
|
|
|
}
|
2012-12-01 12:49:21 +00:00
|
|
|
&.deleted {
|
|
|
|
border: 1px solid $deleted;
|
|
|
|
}
|
2012-11-21 17:25:32 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
&.added {
|
|
|
|
border: 1px solid $added;
|
2012-05-30 18:02:30 +00:00
|
|
|
}
|
2012-12-01 12:49:21 +00:00
|
|
|
}
|
|
|
|
.image-info{
|
|
|
|
font-size: 12px;
|
|
|
|
margin: 5px 0 0 0;
|
|
|
|
color: grey;
|
|
|
|
}
|
2012-05-30 18:02:30 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
.view.swipe{
|
|
|
|
position: relative;
|
2013-02-16 19:24:51 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
.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;
|
2012-11-18 16:41:41 +00:00
|
|
|
}
|
|
|
|
}
|
2012-12-01 12:49:21 +00:00
|
|
|
.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;
|
|
|
|
}
|
2012-05-30 18:02:30 +00:00
|
|
|
}
|
2012-12-01 12:49:21 +00:00
|
|
|
} //.view.swipe
|
|
|
|
.view.onion-skin{
|
|
|
|
.onion-skin-frame{
|
|
|
|
display: block;
|
|
|
|
margin: auto;
|
|
|
|
position: relative;
|
2012-07-05 20:19:37 +00:00
|
|
|
}
|
2012-12-01 12:49:21 +00:00
|
|
|
.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;
|
2013-02-16 19:24:51 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
.drag-track{
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
left: 12px;
|
|
|
|
height: 10px;
|
|
|
|
width: 276px;
|
|
|
|
background: url('onion_skin_sprites.gif') -4px -20px repeat-x;
|
|
|
|
}
|
2013-02-16 19:24:51 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
.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;
|
|
|
|
}
|
2013-02-16 19:24:51 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
.transparent {
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
top: 2px;
|
|
|
|
right: 0px;
|
|
|
|
height: 10px;
|
|
|
|
width: 10px;
|
|
|
|
background: url('onion_skin_sprites.gif') -2px 0px no-repeat;
|
|
|
|
}
|
2013-02-16 19:24:51 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
.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
|
2012-05-30 18:02:30 +00:00
|
|
|
}
|
2012-12-01 12:49:21 +00:00
|
|
|
.view-modes{
|
2012-05-30 18:02:30 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
padding: 10px;
|
|
|
|
text-align: center;
|
2013-02-16 19:24:51 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
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: -o-linear-gradient(#eee 6.6%, #dfdfdf);
|
2013-02-16 19:24:51 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
ul, li{
|
|
|
|
list-style: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
display: inline-block;
|
2012-05-30 18:02:30 +00:00
|
|
|
}
|
2013-02-16 19:24:51 +00:00
|
|
|
|
2012-12-01 12:49:21 +00:00
|
|
|
li{
|
|
|
|
color: grey;
|
|
|
|
border-left: 1px solid #c1c1c1;
|
|
|
|
padding: 0 12px 0 16px;
|
|
|
|
cursor: pointer;
|
|
|
|
&:first-child{
|
|
|
|
border-left: none;
|
|
|
|
}
|
|
|
|
&:hover{
|
2012-11-23 16:33:43 +00:00
|
|
|
text-decoration: underline;
|
2012-05-30 18:02:30 +00:00
|
|
|
}
|
2012-12-01 12:49:21 +00:00
|
|
|
&.active{
|
|
|
|
&:hover{
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
cursor: default;
|
|
|
|
color: #333;
|
|
|
|
}
|
|
|
|
&.disabled{
|
|
|
|
display: none;
|
|
|
|
}
|
2012-05-30 18:02:30 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/** COMMIT BLOCK **/
|
2012-12-01 12:49:21 +00:00
|
|
|
.commit-title{
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
.commit-title{
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
.commit-author, .commit-committer{
|
|
|
|
display: block;
|
2013-02-16 19:24:51 +00:00
|
|
|
color: #999;
|
|
|
|
font-weight: normal;
|
2012-12-01 12:49:21 +00:00
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
.commit-author strong, .commit-committer strong{
|
2013-02-16 19:24:51 +00:00
|
|
|
font-weight: bold;
|
2012-12-01 12:49:21 +00:00
|
|
|
font-style: normal;
|
|
|
|
}
|
2012-05-30 18:02:30 +00:00
|
|
|
|
2012-06-13 17:02:30 +00:00
|
|
|
|
2012-11-18 16:41:41 +00:00
|
|
|
.file-stats a {
|
|
|
|
color: $style_color;
|
2012-08-29 18:23:43 +00:00
|
|
|
}
|
2012-08-29 19:29:50 +00:00
|
|
|
|
2012-11-18 16:41:41 +00:00
|
|
|
.file-stats {
|
2013-04-03 14:33:07 +00:00
|
|
|
.new-file {
|
|
|
|
a {
|
|
|
|
color: #090;
|
|
|
|
}
|
|
|
|
i {
|
2012-11-18 16:41:41 +00:00
|
|
|
color: #1BCF00;
|
|
|
|
}
|
|
|
|
}
|
2013-04-03 14:33:07 +00:00
|
|
|
.renamed-file {
|
|
|
|
i {
|
2012-11-18 16:41:41 +00:00
|
|
|
color: #FE9300;
|
|
|
|
}
|
|
|
|
}
|
2013-04-03 14:33:07 +00:00
|
|
|
.deleted-file {
|
|
|
|
a {
|
|
|
|
color: #B00;
|
|
|
|
}
|
|
|
|
i {
|
|
|
|
color: #EE0000;
|
2012-11-18 16:41:41 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.edit-file{
|
|
|
|
i{
|
|
|
|
color: #555;
|
2012-08-29 19:29:50 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2012-09-28 13:05:54 +00:00
|
|
|
|
|
|
|
.label_commit {
|
2012-11-25 17:30:18 +00:00
|
|
|
@include border-radius(4px);
|
2012-11-23 16:51:38 +00:00
|
|
|
padding: 2px 4px;
|
2012-11-23 16:33:43 +00:00
|
|
|
font-size: 13px;
|
2012-09-28 13:05:54 +00:00
|
|
|
background: #474D57;
|
2012-11-23 16:51:38 +00:00
|
|
|
color: #fff;
|
2012-12-01 12:49:21 +00:00
|
|
|
font-family: $monospace_font;
|
2012-09-28 13:05:54 +00:00
|
|
|
}
|
2012-12-20 13:39:39 +00:00
|
|
|
|
|
|
|
|
|
|
|
.commits-compare-switch{
|
2012-12-19 17:14:05 +00:00
|
|
|
background: url("switch_icon.png") no-repeat center center;
|
2013-08-01 19:35:40 +00:00
|
|
|
width: 22px;
|
|
|
|
height: 22px;
|
2012-12-20 13:39:39 +00:00
|
|
|
text-indent: -9999px;
|
2012-12-19 17:14:05 +00:00
|
|
|
float: left;
|
|
|
|
margin-right: 9px;
|
|
|
|
border: 1px solid #DDD;
|
|
|
|
@include border-radius(4px);
|
|
|
|
padding: 4px;
|
|
|
|
background-color: #EEE;
|
|
|
|
}
|
2013-03-21 20:22:21 +00:00
|
|
|
|
|
|
|
.commit-description {
|
|
|
|
background: none;
|
|
|
|
border: none;
|
|
|
|
margin: 0;
|
2013-08-12 17:59:06 +00:00
|
|
|
padding: 0;
|
|
|
|
margin-top: 10px;
|
2013-03-21 20:22:21 +00:00
|
|
|
}
|
2013-07-12 18:56:03 +00:00
|
|
|
|
2013-08-12 19:22:31 +00:00
|
|
|
.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;
|
2013-07-27 07:40:38 +00:00
|
|
|
font-weight: bold;
|
2013-08-12 19:22:31 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.commit-description {
|
|
|
|
margin-top: 15px;
|
2013-07-27 07:40:38 +00:00
|
|
|
}
|
2013-07-12 18:56:03 +00:00
|
|
|
}
|
2013-07-18 08:49:40 +00:00
|
|
|
|
2013-08-12 19:22:31 +00:00
|
|
|
|
2013-07-18 08:49:40 +00:00
|
|
|
.commit-stat-summary {
|
|
|
|
color: #666;
|
|
|
|
line-height: 2;
|
|
|
|
}
|
|
|
|
|
2013-08-01 12:59:57 +00:00
|
|
|
.commit-breadcrumb {
|
|
|
|
padding: 0;
|
|
|
|
}
|
2013-08-12 19:22:31 +00:00
|
|
|
|
|
|
|
.commit-info-row {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
.avatar {
|
|
|
|
@extend .avatar-inline;
|
|
|
|
}
|
|
|
|
.commit-committer-link,
|
|
|
|
.commit-author-link {
|
|
|
|
color: #444;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
}
|
2013-09-09 13:20:43 +00:00
|
|
|
|
2013-09-10 07:17:15 +00:00
|
|
|
.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 {
|
|
|
|
float: left;
|
|
|
|
min-width: 65px;
|
|
|
|
font-family: $monospace_font;
|
|
|
|
}
|
|
|
|
|
|
|
|
.commit-row-message {
|
|
|
|
color: #555;
|
|
|
|
font-weight: bolder;
|
|
|
|
&:hover {
|
|
|
|
color: #444;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.commit-row-info {
|
|
|
|
a {
|
|
|
|
color: #777;
|
|
|
|
}
|
|
|
|
|
|
|
|
.committed_ago {
|
|
|
|
float: right;
|
|
|
|
@extend .cgray;
|
|
|
|
}
|
|
|
|
}
|
2013-09-09 13:20:43 +00:00
|
|
|
}
|