gitlabhq/app/assets/stylesheets/tree.scss

233 lines
4.1 KiB
SCSS
Raw Normal View History

#tree-holder {
#tree-content-holder {
float:left;
width:100%;
2012-02-26 23:41:53 +01:00
}
#tree-readme-holder {
float:left;
width:100%;
.readme {
border:1px solid #ccc;
padding:12px;
background: #F7F7F7;
2012-06-14 09:43:35 +02:00
pre {
overflow: auto;
}
}
}
.tree_progress {
display:none;
margin:20px;
&.loading {
display:block;
}
}
/** FILE CONTENT VIEW **/
.view_file_content{
.old_line, .new_line {
background:#ECECEC;
color:#777;
width:15px;
float:left;
padding: 0px 10px;
border-right: 1px solid #ccc;
}
.old_line{
display:none;
}
}
.view_file .view_file_header,
.diff_file .diff_file_header {
2012-04-06 07:48:58 +02:00
border-bottom: 1px solid #bbb;
background:#eee;
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);
margin: 0;
font-weight: normal;
font-weight: bold;
text-align: left;
color: #666;
2012-04-06 07:48:58 +02:00
padding: 9px 10px;
height:18px;
2012-05-17 18:11:45 +02:00
.options {
float:right;
margin-top: -5px;
}
2012-04-06 07:48:58 +02:00
.file_name {
2012-05-15 18:35:18 +02:00
color:$style_color;
font-size:14px;
2012-04-06 07:48:58 +02:00
text-shadow: 0 1px 1px #fff;
2012-05-15 18:35:18 +02:00
small {
color:#999;
font-size:13px;
}
}
}
.view_file {
border:1px solid #CCC;
margin-bottom:1em;
.view_file_content {
background:#fff;
color:#514721;
font-size: 11px;
}
.view_file_content_image {
background:#eee;
text-align:center;
img {
padding:100px;
max-width:300px;
}
}
}
td.code {
width: 100%;
.highlight {
margin-left: 55px;
overflow:auto;
overflow-y:hidden;
}
}
.highlight pre {
white-space: pre;
word-wrap:normal;
}
table.highlighttable {
border: none;
}
body.project-page table.highlighttable td { border: none }
table.highlighttable tr:hover { background:none;}
table.highlighttable pre{
line-height:16px !important;
font-size:12px !important;
}
2012-01-29 11:04:09 +01:00
table.highlighttable .linenodiv pre {
text-align: right;
padding-right: 4px;
2012-05-15 18:35:18 +02:00
color:#666;
}
2012-02-20 20:38:59 +01:00
2012-04-07 16:30:00 +02:00
#tree-slider {
@include border-radius(0);
2012-04-07 16:30:00 +02:00
.tree-item {
&:hover {
td { background: $hover; }
cursor:pointer;
}
2012-02-11 22:22:33 +01:00
}
2012-04-07 16:30:00 +02:00
}
2012-01-29 11:45:51 +01:00
2012-04-07 16:30:00 +02:00
.tree-item {
.tree-item-file-name {
2012-04-10 07:51:08 +02:00
vertical-align:middle;
font-weight:bold;
a {
color:$style_color;
2012-04-10 07:51:08 +02:00
&:hover {
color:$blue_link;
}
}
img {
position: relative;
2012-04-10 19:06:17 +02:00
top:-1px;
}
2012-01-29 11:45:51 +01:00
}
2012-01-29 11:04:09 +01:00
}
2012-02-12 18:47:37 +01:00
#tree-slider {
@include shade;
2012-04-10 07:51:08 +02:00
width:100%;
2012-02-20 18:59:39 +01:00
2012-04-06 07:48:58 +02:00
border-color:#ccc;
td {
2012-04-10 19:06:17 +02:00
padding:8px;
border-color:#f1f1f1;
2012-04-06 07:48:58 +02:00
background:#fafafa;
}
tr:first-child td:first-child,
tr:first-child td:last-child {
border-radius:0;
}
th {
2012-04-06 07:48:58 +02:00
border-color: #CCC;
border-bottom: 1px solid #bbb;
background:#eee;
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-02-12 18:47:37 +01:00
}
.tree-commit-link {
color:#333;
2012-02-12 18:47:37 +01:00
}
2012-02-14 22:48:42 +01:00
#tree-content-holder .view_file{
@include shade;
}
2012-02-20 18:59:39 +01:00
#tree-readme-holder .readme {
@include shade;
margin-bottom:20px;
h1, h2 {
line-height: 56px;
}
h3, h4 {
line-height: 46px;
}
}
2012-02-20 19:04:03 +01:00
a.tree-commit-link {
color: #666;
&:hover {
text-decoration: underline;
}
}
2012-02-20 20:38:59 +01:00
}
2012-05-17 18:11:45 +02:00
.blame_file {
.view_file_content {
tr {
border-bottom: 1px solid #eee;
}
td {
padding:5px;
}
.author,
.commit {
background:#f5f5f5;
vertical-align:top;
}
.lines {
pre {
padding:0;
margin:0;
background:none;
border:none;
}
}
}
}