Commit f0f14c8eaba69ebddd766498a9d0b0e79becd633

Authored by Dmitriy Zaporozhets
1 parent 3a4b4fb4

finished scss refactoring

app/assets/stylesheets/commits.css.scss
... ... @@ -1,160 +0,0 @@
1   -/**
2   - *
3   - * COMMIT SHOw
4   - *
5   - */
6   -
7   -
8   -.diff_file {
9   - border:1px solid #CCC;
10   - margin-bottom:1em;
11   -
12   - .diff_file_header {
13   - padding:5px 5px;
14   - border-bottom:1px solid #CCC;
15   - background: #eee;
16   - }
17   - .diff_file_content {
18   - overflow:auto;
19   - overflow-y:hidden;
20   - background:#fff;
21   - color:#333;
22   - font-size: 12px;
23   - font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
24   - }
25   - .diff_file_content_image {
26   - background:#eee;
27   - text-align:center;
28   - img {
29   - padding:100px;
30   - max-width:300px;
31   - }
32   - }
33   -}
34   -
35   -.diff_file_content{
36   - table {
37   - border:none;
38   - margin:0px;
39   - padding:0px;
40   - tr {
41   - td {
42   - font-size:12px;
43   - }
44   - }
45   - }
46   - .old_line, .new_line {
47   - margin:0px;
48   - padding:0px;
49   - border:none;
50   - background:#F7F7F7;
51   - color:#aaa;
52   - padding: 0px 5px;
53   - border-right: 1px solid #ccc;
54   - text-align:right;
55   - min-width:35px;
56   - max-width:35px;
57   - width:35px;
58   - moz-user-select: none;
59   - -khtml-user-select: none;
60   - user-select: none;
61   - a {
62   - float:left;
63   - width:35px;
64   - font-weight:normal;
65   - color:#aaa;
66   - &:hover {
67   - text-decoration:underline;
68   - }
69   - }
70   - }
71   - .line_content {
72   - white-space:pre;
73   - height:14px;
74   - margin:0px;
75   - padding:0px;
76   - border:none;
77   - &.new {
78   - background: #CFD;
79   - }
80   - &.old {
81   - background: #FDD;
82   - }
83   - &.matched {
84   - color:#ccc;
85   - background:#fafafa;
86   - }
87   - }
88   -}
89   -
90   -/** COMMIT BLOCK **/
91   -.commit-title{display: block;}
92   -.commit-title{margin-bottom: 10px}
93   -.commit-author, .commit-committer{display: block;color: #999; font-weight: normal; font-style: italic;}
94   -.commit-author strong, .commit-committer strong{font-weight: bold; font-style: normal;}
95   -
96   -/** bordered list **/
97   -ul.bordered-list {
98   - margin:5px 0px;
99   - padding:0px;
100   - li {
101   - padding: 5px 0;
102   - border-bottom: 1px solid #EEE;
103   - overflow: hidden;
104   - display: block;
105   - margin:0px;
106   - }
107   -}
108   -
109   -ul.bordered-list li:last-child { border:none }
110   -
111   -.line_holder {
112   - &:hover {
113   - td {
114   - background: #FFFFCF !important;
115   - }
116   - }
117   -}
118   -
119   -
120   -
121   -/** FLASH **/
122   -#flash_container {
123   - height:45px;
124   - position:fixed;
125   - z-index:10001;
126   - top:0px;
127   - width:100%;
128   - margin-bottom:15px;
129   - overflow:hidden;
130   - background:white;
131   - cursor:pointer;
132   - border-bottom:1px solid #777;
133   -
134   - h4 {
135   - color:#444;
136   - font-size:22px;
137   - padding-top:5px;
138   - margin:2px;
139   - }
140   -}
141   -
142   -.project-refs-form.commit-refs-form .chzn-container {
143   - position: relative;
144   - top: 0;
145   - left: 0;
146   - margin-right: 10px;
147   -}
148   -
149   -li.commit {
150   - .avatar {
151   - width:24px;
152   - top:-3px;
153   - margin-right:10px;
154   - margin-left:10px;
155   - }
156   -
157   - code {
158   - padding:4px;
159   - }
160   -}
app/assets/stylesheets/common.scss
... ... @@ -4,6 +4,10 @@ a {
4 4 text-decoration:none;
5 5 color: $style_color;
6 6 }
  7 +
  8 + &.btn {
  9 + color: $style_color;
  10 + }
7 11 }
8 12  
9 13 .vlink {
... ... @@ -97,78 +101,6 @@ a {
97 101 float:right;
98 102 }
99 103  
100   -nav.main_menu {
101   - overflow:hidden;
102   - border-radius: 4px;
103   - margin: auto;
104   - margin:30px $app_padding;
105   - background:#eee;
106   - border:1px solid #ccc;
107   - height:38px;
108   -
109   - background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
110   - background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
111   - background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
112   - background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
113   -
114   - @include shade;
115   -
116   -
117   - .count {
118   - color:#aaa;
119   - margin-left:3px;
120   - }
121   -
122   - .label {
123   - background:$hover;
124   - text-shadow:none;
125   - color:$style_color;
126   - }
127   -
128   - a {
129   -
130   - font-weight:bold;
131   - &:first-child{
132   - -webkit-border-top-left-radius: 4px;
133   - -webkit-border-bottom-left-radius: 4px;
134   - -moz-border-radius-topleft: 4px;
135   - -moz-border-radius-bottomleft: 4px;
136   - border-top-left-radius: 4px;
137   - border-bottom-left-radius: 4px;
138   - }
139   - padding: 10px 25px;
140   - display: inline-block;
141   - color: $style_color;
142   - border-right: 1px solid #d5d5d5;
143   - position: relative;
144   - box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
145   - margin: 0;
146   - float:left;
147   - text-shadow:0 1px 1px white;
148   -
149   -
150   - &.home {
151   - background: url(home_icon.PNG) no-repeat center center;
152   - text-indent:-9999px;
153   - min-width:40px;
154   -
155   - img {
156   - position:relative;
157   - top:4px;
158   - }
159   - }
160   - &.current {
161   - background-color:#DDD;
162   - }
163   - }
164   -}
165   -
166   -aside.projects,
167   -aside.project-side
168   -{
169   - margin-left: 0;
170   -}
171   -
172 104 img.avatar {
173 105 float:left;
174 106 margin-right:15px;
... ... @@ -381,3 +313,297 @@ table a code {
381 313 width:40px;
382 314 height:40px;
383 315 }
  316 +
  317 +/** FLASH message **/
  318 +#flash_container {
  319 + height:45px;
  320 + position:fixed;
  321 + z-index:10001;
  322 + top:0px;
  323 + width:100%;
  324 + margin-bottom:15px;
  325 + overflow:hidden;
  326 + background:white;
  327 + cursor:pointer;
  328 + border-bottom:1px solid #777;
  329 +
  330 + h4 {
  331 + color:#444;
  332 + font-size:22px;
  333 + padding-top:5px;
  334 + margin:2px;
  335 + }
  336 +}
  337 +
  338 +.git_url_wrapper {
  339 + margin-right:50px
  340 +}
  341 +.file_stats {
  342 + span {
  343 + img {
  344 + width:14px;
  345 + float:left;
  346 + margin-right:6px;
  347 + padding:2px 0;
  348 + }
  349 + }
  350 +}
  351 +
  352 +.handle:hover {
  353 + cursor:move;
  354 +}
  355 +
  356 +span.update-author {
  357 + display:block;
  358 +}
  359 +span.update-author {
  360 + color:#999;
  361 + font-weight:normal;
  362 + font-style:italic;
  363 +}
  364 +span.update-author strong {
  365 + font-weight:bold;
  366 + font-style: normal;
  367 +}
  368 +
  369 +/** UPDATE ITEM **/
  370 +span.update-author {
  371 + display:block;
  372 +}
  373 +/** END UPDATE ITEM **/
  374 +.ajax-tab-loading {
  375 + padding:40px;
  376 + display:none;
  377 +}
  378 +.dashboard-loader {
  379 + float:left;
  380 + margin:10px;
  381 + display:none;
  382 +}
  383 +.user-mention {
  384 + color:#2FA0BB;
  385 + font-weight:bold;
  386 +}
  387 +
  388 +a.project-update.titled {
  389 + position:relative;
  390 + padding-left:35% !important;
  391 + .title-block {
  392 + padding:10px;
  393 + width:35%;
  394 + position:absolute;
  395 + left:0;
  396 + top:0;
  397 + }
  398 +}
  399 +/**
  400 + * Project graph
  401 + */
  402 +#holder {
  403 + cursor: move;
  404 + height: 70%;
  405 + overflow: hidden;
  406 +}
  407 +
  408 +
  409 +
  410 +input.git_clone_url {
  411 + width:475px;
  412 +}
  413 +
  414 +.team_member_row {
  415 + img {
  416 + width:60px;
  417 + }
  418 +}
  419 +
  420 +.merge-request-form-holder {
  421 + select {
  422 + width:300px;
  423 + }
  424 +}
  425 +
  426 +/** Issues **/
  427 +#issue_assignee_id {
  428 + width:300px;
  429 +}
  430 +
  431 +#new_issue_dialog textarea{
  432 + height: 100px;
  433 +}
  434 +
  435 +.project_list_url {
  436 + width:270px;
  437 + background:#fff !important;
  438 +}
  439 +
  440 +.project_tile {
  441 + @include shade;
  442 + @include round-borders-all(4px);
  443 + margin-bottom:20px;
  444 + width:338px;
  445 + float:left;
  446 + margin-left:20px;
  447 + border: 1px solid #DDD;
  448 + padding-bottom:20px;
  449 +
  450 + .title {
  451 + background:#f5f5f5;
  452 + padding: 5px 10px 2px 20px;
  453 + border-bottom: 1px solid #DDD;
  454 + margin-bottom: 15px;
  455 +
  456 + h3 {
  457 + &:hover {
  458 + text-decoration: underline;
  459 + }
  460 + }
  461 + }
  462 + .data {
  463 + margin: 0 20px;
  464 + }
  465 + .buttons {
  466 + margin: 0 20px;
  467 + }
  468 +}
  469 +
  470 +/**
  471 + *
  472 + * COMMIT SHOw
  473 + *
  474 + */
  475 +.diff_file {
  476 + border:1px solid #CCC;
  477 + margin-bottom:1em;
  478 +
  479 + .diff_file_header {
  480 + padding:5px 5px;
  481 + border-bottom:1px solid #CCC;
  482 + background: #eee;
  483 + }
  484 + .diff_file_content {
  485 + overflow:auto;
  486 + overflow-y:hidden;
  487 + background:#fff;
  488 + color:#333;
  489 + font-size: 12px;
  490 + font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
  491 + }
  492 + .diff_file_content_image {
  493 + background:#eee;
  494 + text-align:center;
  495 + img {
  496 + padding:100px;
  497 + max-width:300px;
  498 + }
  499 + }
  500 +}
  501 +
  502 +.diff_file_content{
  503 + table {
  504 + border:none;
  505 + margin:0px;
  506 + padding:0px;
  507 + tr {
  508 + td {
  509 + font-size:12px;
  510 + }
  511 + }
  512 + }
  513 + .old_line, .new_line {
  514 + margin:0px;
  515 + padding:0px;
  516 + border:none;
  517 + background:#F7F7F7;
  518 + color:#aaa;
  519 + padding: 0px 5px;
  520 + border-right: 1px solid #ccc;
  521 + text-align:right;
  522 + min-width:35px;
  523 + max-width:35px;
  524 + width:35px;
  525 + moz-user-select: none;
  526 + -khtml-user-select: none;
  527 + user-select: none;
  528 + a {
  529 + float:left;
  530 + width:35px;
  531 + font-weight:normal;
  532 + color:#aaa;
  533 + &:hover {
  534 + text-decoration:underline;
  535 + }
  536 + }
  537 + }
  538 + .line_content {
  539 + white-space:pre;
  540 + height:14px;
  541 + margin:0px;
  542 + padding:0px;
  543 + border:none;
  544 + &.new {
  545 + background: #CFD;
  546 + }
  547 + &.old {
  548 + background: #FDD;
  549 + }
  550 + &.matched {
  551 + color:#ccc;
  552 + background:#fafafa;
  553 + }
  554 + }
  555 +}
  556 +
  557 +/** COMMIT BLOCK **/
  558 +.commit-title{display: block;}
  559 +.commit-title{margin-bottom: 10px}
  560 +.commit-author, .commit-committer{display: block;color: #999; font-weight: normal; font-style: italic;}
  561 +.commit-author strong, .commit-committer strong{font-weight: bold; font-style: normal;}
  562 +
  563 +/** bordered list **/
  564 +ul.bordered-list {
  565 + margin:5px 0px;
  566 + padding:0px;
  567 + li {
  568 + padding: 5px 0;
  569 + border-bottom: 1px solid #EEE;
  570 + overflow: hidden;
  571 + display: block;
  572 + margin:0px;
  573 + }
  574 +}
  575 +
  576 +ul.bordered-list li:last-child { border:none }
  577 +
  578 +.line_holder {
  579 + &:hover {
  580 + td {
  581 + background: #FFFFCF !important;
  582 + }
  583 + }
  584 +}
  585 +
  586 +.project-refs-form.commit-refs-form .chzn-container {
  587 + position: relative;
  588 + top: 0;
  589 + left: 0;
  590 + margin-right: 10px;
  591 +}
  592 +
  593 +li.commit {
  594 + .avatar {
  595 + width:24px;
  596 + top:-3px;
  597 + margin-right:10px;
  598 + margin-left:10px;
  599 + }
  600 +
  601 + code {
  602 + padding:4px;
  603 + }
  604 +}
  605 +p.time {
  606 + color: #999;
  607 + font-size: 90%;
  608 + margin: 30px 3px 3px 2px;
  609 +}
... ...
app/assets/stylesheets/highlight.black.css.scss
... ... @@ -1,68 +0,0 @@
1   -.black .highlighttable {
2   - background: #333;
3   - td.linenos { border:none; }
4   - pre { color: #eee }
5   - .highlight { background: #333; border-left:1px solid #555; }
6   -
7   - .hll { background-color: #ffffff }
8   - .c { color: #888888; font-style: italic } /* Comment */
9   - .err { color: #a61717; background-color: #e3d2d2 } /* Error */
10   - .k { color: #CDA869; font-weight: bold } /* Keyword */
11   - .kp { color: #CDA869; font-weight: bold } /* Keyword */
12   - .cm { color: #888888 } /* Comment.Multiline */
13   - .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
14   - .c1 { color: #888888 } /* Comment.Single */
15   - .cs { color: #cc0000; font-weight: bold; background-color: transparent } /* Comment.Special */
16   - .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
17   - .ge { font-style: italic } /* Generic.Emph */
18   - .gr { color: #aa0000 } /* Generic.Error */
19   - .gh { color: #303030 } /* Generic.Heading */
20   - .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
21   - .go { color: #888888 } /* Generic.Output */
22   - .gp { color: #555555 } /* Generic.Prompt */
23   - .gs { font-weight: bold } /* Generic.Strong */
24   - .gu { color: #606060 } /* Generic.Subheading */
25   - .gt { color: #aa0000 } /* Generic.Traceback */
26   - .highlight .kc{font-weight:bold;} /* Keyword.Constant */
27   - .highlight .kd{font-weight:bold;} /* Keyword.Declaration */
28   - .highlight .kn{font-weight:bold;} /* Keyword.Namespace */
29   - .highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
30   - .highlight .kr{font-weight:bold;} /* Keyword.Reserved */
31   - .highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
32   - .m { color: #0000DD; font-weight: bold } /* Literal.Number */
33   - .p { color: #eee; }
34   - .s { color: #dd2200; background-color: transparent } /* Literal.String */
35   - .highlight .na{color:#008080;} /* Name.Attribute */
36   - .highlight .nb{color:#0086B3;} /* Name.Builtin */
37   - .highlight .nc{color:#ccc;font-weight:bold;} /* Name.Class */
38   - .highlight .no{color:turquoise;} /* Name.Constant */
39   - .highlight .ni{color:#800080;}
40   - .highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
41   - .highlight .nf{color:#ccc;font-weight:bold;} /* Name.Function */
42   - .highlight .nn{color:#79C3E0;font-weight:bold;} /* Name.Namespace */
43   - .highlight .nt{color:#fc5;} /* Name.Tag */
44   - .highlight .nv{color:#008080;} /* Name.Variable */
45   - .py { color: #336699; font-weight: bold } /* Name.Property */
46   - .ow { color: #008800 } /* Operator.Word */
47   - .w { color: #bbbbbb } /* Text.Whitespace */
48   - .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
49   - .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
50   - .highlight .mi {color:#099;} /* Literal.Number.Integer */
51   - .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
52   - .sb { color: #dd2200; background-color: transparent; } /* Literal.String.Backtick */
53   - .highlight .sc{color:#d14;} /* Literal.String.Char */
54   - .sd { color: #dd2200; background-color: transparent; } /* Literal.String.Doc */
55   - .highlight .s2{color:orange;} /* Literal.String.Double */
56   - .highlight .se{color:orange;} /* Literal.String.Escape */
57   - .highlight .sh{color:orange;} /* Literal.String.Heredoc */
58   - .highlight .si{color:orange;} /* Literal.String.Interpol */
59   - .highlight .sx{color:orange;} /* Literal.String.Other */
60   - .highlight .sr{color:orange;} /* Literal.String.Regex */
61   - .highlight .s1{color:orange;} /* Literal.String.Single */
62   - .highlight .ss{color:orange;} /* Literal.String.Symbol */
63   - .bp { color: #003388 } /* Name.Builtin.Pseudo */
64   - .vc { color: #336699 } /* Name.Variable.Class */
65   - .vg { color: #dd7700 } /* Name.Variable.Global */
66   - .vi { color: cyan }
67   -}
68   -
app/assets/stylesheets/highlight.black.scss 0 → 100644
... ... @@ -0,0 +1,68 @@
  1 +.black .highlighttable {
  2 + background: #333;
  3 + td.linenos { border:none; }
  4 + pre { color: #eee }
  5 + .highlight { background: #333; border-left:1px solid #555; }
  6 +
  7 + .hll { background-color: #ffffff }
  8 + .c { color: #888888; font-style: italic } /* Comment */
  9 + .err { color: #a61717; background-color: #e3d2d2 } /* Error */
  10 + .k { color: #CDA869; font-weight: bold } /* Keyword */
  11 + .kp { color: #CDA869; font-weight: bold } /* Keyword */
  12 + .cm { color: #888888 } /* Comment.Multiline */
  13 + .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
  14 + .c1 { color: #888888 } /* Comment.Single */
  15 + .cs { color: #cc0000; font-weight: bold; background-color: transparent } /* Comment.Special */
  16 + .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
  17 + .ge { font-style: italic } /* Generic.Emph */
  18 + .gr { color: #aa0000 } /* Generic.Error */
  19 + .gh { color: #303030 } /* Generic.Heading */
  20 + .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
  21 + .go { color: #888888 } /* Generic.Output */
  22 + .gp { color: #555555 } /* Generic.Prompt */
  23 + .gs { font-weight: bold } /* Generic.Strong */
  24 + .gu { color: #606060 } /* Generic.Subheading */
  25 + .gt { color: #aa0000 } /* Generic.Traceback */
  26 + .highlight .kc{font-weight:bold;} /* Keyword.Constant */
  27 + .highlight .kd{font-weight:bold;} /* Keyword.Declaration */
  28 + .highlight .kn{font-weight:bold;} /* Keyword.Namespace */
  29 + .highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
  30 + .highlight .kr{font-weight:bold;} /* Keyword.Reserved */
  31 + .highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
  32 + .m { color: #0000DD; font-weight: bold } /* Literal.Number */
  33 + .p { color: #eee; }
  34 + .s { color: #dd2200; background-color: transparent } /* Literal.String */
  35 + .highlight .na{color:#008080;} /* Name.Attribute */
  36 + .highlight .nb{color:#0086B3;} /* Name.Builtin */
  37 + .highlight .nc{color:#ccc;font-weight:bold;} /* Name.Class */
  38 + .highlight .no{color:turquoise;} /* Name.Constant */
  39 + .highlight .ni{color:#800080;}
  40 + .highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
  41 + .highlight .nf{color:#ccc;font-weight:bold;} /* Name.Function */
  42 + .highlight .nn{color:#79C3E0;font-weight:bold;} /* Name.Namespace */
  43 + .highlight .nt{color:#fc5;} /* Name.Tag */
  44 + .highlight .nv{color:#008080;} /* Name.Variable */
  45 + .py { color: #336699; font-weight: bold } /* Name.Property */
  46 + .ow { color: #008800 } /* Operator.Word */
  47 + .w { color: #bbbbbb } /* Text.Whitespace */
  48 + .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
  49 + .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
  50 + .highlight .mi {color:#099;} /* Literal.Number.Integer */
  51 + .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
  52 + .sb { color: #dd2200; background-color: transparent; } /* Literal.String.Backtick */
  53 + .highlight .sc{color:#d14;} /* Literal.String.Char */
  54 + .sd { color: #dd2200; background-color: transparent; } /* Literal.String.Doc */
  55 + .highlight .s2{color:orange;} /* Literal.String.Double */
  56 + .highlight .se{color:orange;} /* Literal.String.Escape */
  57 + .highlight .sh{color:orange;} /* Literal.String.Heredoc */
  58 + .highlight .si{color:orange;} /* Literal.String.Interpol */
  59 + .highlight .sx{color:orange;} /* Literal.String.Other */
  60 + .highlight .sr{color:orange;} /* Literal.String.Regex */
  61 + .highlight .s1{color:orange;} /* Literal.String.Single */
  62 + .highlight .ss{color:orange;} /* Literal.String.Symbol */
  63 + .bp { color: #003388 } /* Name.Builtin.Pseudo */
  64 + .vc { color: #336699 } /* Name.Variable.Class */
  65 + .vg { color: #dd7700 } /* Name.Variable.Global */
  66 + .vi { color: cyan }
  67 +}
  68 +
... ...
app/assets/stylesheets/highlight.css.scss
... ... @@ -1,140 +0,0 @@
1   -@mixin round-borders-all($radius) {
2   - border: 1px solid #eaeaea;
3   - -moz-border-radius: $radius;
4   - -webkit-border-radius: $radius;
5   - border-radius: $radius;
6   -}
7   -
8   -table.highlighttable
9   -{
10   - margin:0px;
11   - padding:0px;
12   - font-size:12px;
13   - table-layout:fixed
14   -}
15   -
16   -td.code,
17   -td.linenos{
18   - padding:0;
19   - margin:0;
20   - border-top:0;
21   - vertical-align:top;
22   -}
23   -
24   -.highlight{
25   - background:none;
26   - padding:10px 0px 0px 10px;
27   - margin-left:0px;
28   -}
29   -
30   -.linenodiv pre,
31   -.highlight pre{
32   - margin:0;
33   - padding:0;
34   - background:none;
35   - border:none;
36   -}
37   -
38   -.linenodiv pre {
39   - white-space:pre-line;
40   -}
41   -
42   -td.linenos {
43   - /*background:#F7F7F7;*/
44   - color:#777;
45   - padding:10px 0px 0px 10px;
46   - float:left;
47   - width:45px;
48   - border-right: 1px solid #ccc;
49   -
50   -}
51   -
52   -td.code .highlight {
53   - overflow: auto;
54   -}
55   -table.highlighttable pre{
56   - padding:0;
57   - margin:0;
58   - font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
59   - color: #333;
60   - text-align:left;
61   -}
62   -
63   -.git-empty .highlight {
64   - @include round-borders-all(4px);
65   - background:#eee;
66   - padding:5px;
67   - //overflow-x:scroll;
68   - pre{
69   - padding:0;
70   - line-height:2.0;
71   - margin:0;
72   - font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
73   - color: #333;
74   - text-align:left;}
75   - }
76   -
77   -.shadow{
78   - -webkit-box-shadow:0 5px 15px #000;
79   - -moz-box-shadow:0 5px 15px #000;
80   - box-shadow:0 5px 15px #000;
81   -}
82   -
83   -.hll { background-color: #ffffff }
84   -.c { color: #888888; font-style: italic } /* Comment */
85   -.err { color: #a61717; background-color: #e3d2d2 } /* Error */
86   -.k { color: #000000; font-weight: bold } /* Keyword */
87   -.cm { color: #888888 } /* Comment.Multiline */
88   -.cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
89   -.c1 { color: #888888 } /* Comment.Single */
90   -.cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
91   -.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
92   -.ge { font-style: italic } /* Generic.Emph */
93   -.gr { color: #aa0000 } /* Generic.Error */
94   -.gh { color: #303030 } /* Generic.Heading */
95   -.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
96   -.go { color: #888888 } /* Generic.Output */
97   -.gp { color: #555555 } /* Generic.Prompt */
98   -.gs { font-weight: bold } /* Generic.Strong */
99   -.gu { color: #606060 } /* Generic.Subheading */
100   -.gt { color: #aa0000 } /* Generic.Traceback */
101   -.highlight .kc{font-weight:bold;} /* Keyword.Constant */
102   -.highlight .kd{font-weight:bold;} /* Keyword.Declaration */
103   -.highlight .kn{font-weight:bold;} /* Keyword.Namespace */
104   -.highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
105   -.highlight .kr{font-weight:bold;} /* Keyword.Reserved */
106   -.highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
107   -.m { color: #0000DD; font-weight: bold } /* Literal.Number */
108   -.s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
109   -.highlight .na{color:#008080;} /* Name.Attribute */
110   -.highlight .nb{color:#0086B3;} /* Name.Builtin */
111   -.highlight .nc{color:#458;font-weight:bold;} /* Name.Class */
112   -.highlight .no{color:#008080;} /* Name.Constant */
113   -.highlight .ni{color:#800080;}
114   -.highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
115   -.highlight .nf{color:#900;font-weight:bold;} /* Name.Function */
116   -.highlight .nn{color:#005;font-weight:bold;} /* Name.Namespace */
117   -.highlight .nt{color:#000080;} /* Name.Tag */
118   -.highlight .nv{color:#008080;} /* Name.Variable */
119   -.py { color: #336699; font-weight: bold } /* Name.Property */
120   -.ow { color: #008800 } /* Operator.Word */
121   -.w { color: #bbbbbb } /* Text.Whitespace */
122   -.mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
123   -.mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
124   -.highlight .mi {color:#099;} /* Literal.Number.Integer */
125   -.mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
126   -.sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
127   -.highlight .sc{color:#d14;} /* Literal.String.Char */
128   -.sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
129   -.highlight .s2{color:#d14;} /* Literal.String.Double */
130   -.highlight .se{color:#d14;} /* Literal.String.Escape */
131   -.highlight .sh{color:#d14;} /* Literal.String.Heredoc */
132   -.highlight .si{color:#d14;} /* Literal.String.Interpol */
133   -.highlight .sx{color:#d14;} /* Literal.String.Other */
134   -.highlight .sr{color:#d14;} /* Literal.String.Regex */
135   -.highlight .s1{color:#d14;} /* Literal.String.Single */
136   -.highlight .ss{color:#d14;} /* Literal.String.Symbol */
137   -.bp { color: #003388 } /* Name.Builtin.Pseudo */
138   -.vc { color: #336699 } /* Name.Variable.Class */
139   -.vg { color: #dd7700 } /* Name.Variable.Global */
140   -.vi { color: #3333bb }
app/assets/stylesheets/highlight.scss 0 → 100644
... ... @@ -0,0 +1,140 @@
  1 +@mixin round-borders-all($radius) {
  2 + border: 1px solid #eaeaea;
  3 + -moz-border-radius: $radius;
  4 + -webkit-border-radius: $radius;
  5 + border-radius: $radius;
  6 +}
  7 +
  8 +table.highlighttable
  9 +{
  10 + margin:0px;
  11 + padding:0px;
  12 + font-size:12px;
  13 + table-layout:fixed
  14 +}
  15 +
  16 +td.code,
  17 +td.linenos{
  18 + padding:0;
  19 + margin:0;
  20 + border-top:0;
  21 + vertical-align:top;
  22 +}
  23 +
  24 +.highlight{
  25 + background:none;
  26 + padding:10px 0px 0px 10px;
  27 + margin-left:0px;
  28 +}
  29 +
  30 +.linenodiv pre,
  31 +.highlight pre{
  32 + margin:0;
  33 + padding:0;
  34 + background:none;
  35 + border:none;
  36 +}
  37 +
  38 +.linenodiv pre {
  39 + white-space:pre-line;
  40 +}
  41 +
  42 +td.linenos {
  43 + /*background:#F7F7F7;*/
  44 + color:#777;
  45 + padding:10px 0px 0px 10px;
  46 + float:left;
  47 + width:45px;
  48 + border-right: 1px solid #ccc;
  49 +
  50 +}
  51 +
  52 +td.code .highlight {
  53 + overflow: auto;
  54 +}
  55 +table.highlighttable pre{
  56 + padding:0;
  57 + margin:0;
  58 + font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
  59 + color: #333;
  60 + text-align:left;
  61 +}
  62 +
  63 +.git-empty .highlight {
  64 + @include round-borders-all(4px);
  65 + background:#eee;
  66 + padding:5px;
  67 + //overflow-x:scroll;
  68 + pre{
  69 + padding:0;
  70 + line-height:2.0;
  71 + margin:0;
  72 + font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
  73 + color: #333;
  74 + text-align:left;}
  75 + }
  76 +
  77 +.shadow{
  78 + -webkit-box-shadow:0 5px 15px #000;
  79 + -moz-box-shadow:0 5px 15px #000;
  80 + box-shadow:0 5px 15px #000;
  81 +}
  82 +
  83 +.hll { background-color: #ffffff }
  84 +.c { color: #888888; font-style: italic } /* Comment */
  85 +.err { color: #a61717; background-color: #e3d2d2 } /* Error */
  86 +.k { color: #000000; font-weight: bold } /* Keyword */
  87 +.cm { color: #888888 } /* Comment.Multiline */
  88 +.cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
  89 +.c1 { color: #888888 } /* Comment.Single */
  90 +.cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
  91 +.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
  92 +.ge { font-style: italic } /* Generic.Emph */
  93 +.gr { color: #aa0000 } /* Generic.Error */
  94 +.gh { color: #303030 } /* Generic.Heading */
  95 +.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
  96 +.go { color: #888888 } /* Generic.Output */
  97 +.gp { color: #555555 } /* Generic.Prompt */
  98 +.gs { font-weight: bold } /* Generic.Strong */
  99 +.gu { color: #606060 } /* Generic.Subheading */
  100 +.gt { color: #aa0000 } /* Generic.Traceback */
  101 +.highlight .kc{font-weight:bold;} /* Keyword.Constant */
  102 +.highlight .kd{font-weight:bold;} /* Keyword.Declaration */
  103 +.highlight .kn{font-weight:bold;} /* Keyword.Namespace */
  104 +.highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
  105 +.highlight .kr{font-weight:bold;} /* Keyword.Reserved */
  106 +.highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
  107 +.m { color: #0000DD; font-weight: bold } /* Literal.Number */
  108 +.s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
  109 +.highlight .na{color:#008080;} /* Name.Attribute */
  110 +.highlight .nb{color:#0086B3;} /* Name.Builtin */
  111 +.highlight .nc{color:#458;font-weight:bold;} /* Name.Class */
  112 +.highlight .no{color:#008080;} /* Name.Constant */
  113 +.highlight .ni{color:#800080;}
  114 +.highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
  115 +.highlight .nf{color:#900;font-weight:bold;} /* Name.Function */
  116 +.highlight .nn{color:#005;font-weight:bold;} /* Name.Namespace */
  117 +.highlight .nt{color:#000080;} /* Name.Tag */
  118 +.highlight .nv{color:#008080;} /* Name.Variable */
  119 +.py { color: #336699; font-weight: bold } /* Name.Property */
  120 +.ow { color: #008800 } /* Operator.Word */
  121 +.w { color: #bbbbbb } /* Text.Whitespace */
  122 +.mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
  123 +.mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
  124 +.highlight .mi {color:#099;} /* Literal.Number.Integer */
  125 +.mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
  126 +.sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
  127 +.highlight .sc{color:#d14;} /* Literal.String.Char */
  128 +.sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
  129 +.highlight .s2{color:#d14;} /* Literal.String.Double */
  130 +.highlight .se{color:#d14;} /* Literal.String.Escape */
  131 +.highlight .sh{color:#d14;} /* Literal.String.Heredoc */
  132 +.highlight .si{color:#d14;} /* Literal.String.Interpol */
  133 +.highlight .sx{color:#d14;} /* Literal.String.Other */
  134 +.highlight .sr{color:#d14;} /* Literal.String.Regex */
  135 +.highlight .s1{color:#d14;} /* Literal.String.Single */
  136 +.highlight .ss{color:#d14;} /* Literal.String.Symbol */
  137 +.bp { color: #003388 } /* Name.Builtin.Pseudo */
  138 +.vc { color: #336699 } /* Name.Variable.Class */
  139 +.vg { color: #dd7700 } /* Name.Variable.Global */
  140 +.vi { color: #3333bb }
... ...
app/assets/stylesheets/main.scss
... ... @@ -58,19 +58,56 @@ $hover: #FDF5D9;
58 58 border-radius: $radius;
59 59 }
60 60  
  61 +/**
  62 + * This file represent some UI that can be changed
  63 + * during web app restyle or theme select.
  64 + *
  65 + * Next items should be placed there
  66 + * - link colors
  67 + * - header styles
  68 + * - main menu styles
  69 + *
  70 + */
61 71 @import "ui_basic.scss";
  72 +
  73 +/**
  74 + * Most of application styles placed here.
  75 + * This file represent common UI that should not be changed between themes
  76 + * or project restyling like form width or user avatar class or commit title
  77 + *
  78 + * TODO: clean it
  79 + */
62 80 @import "common.scss";
63 81  
64   -@import "projects.css.scss";
65   -@import "commits.css.scss";
  82 +/**
  83 + * This scss file redefine chozen selectbox styles for
  84 + * project Branch/Tag select element
  85 + */
  86 +@import "ref_select.scss";
  87 +
  88 +/**
  89 + * Code (files list) styles. Browsing project files there
  90 + */
66 91 @import "tree.scss";
67   -@import "notes.css.scss";
68   -@import "login.scss";
69 92  
70   -/** CODE HIGHTLIGHT **/
71   -@import "highlight.css.scss";
72   -@import "highlight.black.css.scss";
  93 +/**
  94 + * This file represent notes(comments) styles
  95 + */
  96 +@import "notes.scss";
73 97  
74   -@import "wiki.scss";
  98 +/**
  99 + * Devise styles
  100 + */
  101 +@import "login.scss";
75 102  
  103 +/**
  104 + * CODE HIGHTLIGHT BASE
  105 + *
  106 + */
  107 +@import "highlight.scss";
76 108  
  109 +/**
  110 + * CODE HIGHTLIGHT DARK schema
  111 + *
  112 + */
  113 +@import "highlight.black.scss";
... ...
app/assets/stylesheets/notes.css.scss
... ... @@ -1,114 +0,0 @@
1   -/** Notes **/
2   -
3   -#notes-list {
4   - display:block;
5   - list-style:none;
6   - margin:0px;
7   - padding:0px;
8   -}
9   -
10   -.issue_notes {
11   - .note_content {
12   - float:left;
13   - width:400px;
14   - }
15   -}
16   -
17   -/* Note textare */
18   -#note_note {
19   - height:100px;
20   - width:97%;
21   - font-size:14px;
22   -}
23   -
24   -#new_note {
25   - #note_note {
26   - height:25px;
27   - }
28   - .attach_holder {
29   - display:none;
30   - }
31   -}
32   -
33   -.note .delete-note {
34   - display:none;
35   - float:right;
36   -}
37   -.note:hover .delete-note { display:block; }
38   -.note {padding: 10px 0; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
39   -.note img{float: left; margin-right: 10px;}
40   -.note span.note-title{display: block;}
41   -.note span.note-title{margin-bottom: 10px}
42   -.note span.note-author{color: #999; font-weight: normal; font-style: italic;}
43   -.note span.note-author strong{font-weight: bold; font-style: normal;}
44   -.note p { color:$style_color; }
45   -.note .note-author { color: $style_color;}
46   -
47   -.note .note-title { margin-left:55px; }
48   -
49   -p.notify_controls input{
50   - margin: 5px;
51   -}
52   -
53   -p.notify_controls span{
54   - font-weight: 700;
55   -}
56   -
57   -tr.line_notes_row {
58   - border-bottom:1px solid #DDD;
59   - &.reply {
60   - background:#eee;
61   -
62   - td {
63   - padding:7px 10px;
64   - }
65   - a.line_note_reply_link {
66   - @include round-borders-all(4px);
67   - border-color:#aaa;
68   - background: #bbb;
69   - padding: 3px 20px;
70   - color: white;
71   - }
72   - }
73   - ul {
74   - margin:0;
75   - li {
76   - padding:0;
77   - border:none;
78   - }
79   - }
80   -}
81   -
82   -.line_notes_row, .per_line_form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
83   -
84   -.per_line_form {
85   - background:#f5f5f5;
86   - form { margin: 0; }
87   - td {
88   - border-bottom:1px solid #ddd;
89   - }
90   -}
91   -
92   -td .line_note_link {
93   - position:absolute;
94   - margin-left:-70px;
95   - margin-top:-10px;
96   - z-index:10;
97   - background: url("comment_add.png") no-repeat left 0;
98   - width:32px;
99   - height:32px;
100   -
101   - opacity: 0.0;
102   - filter: alpha(opacity=0);
103   -
104   - &:hover {
105   - opacity: 1.0;
106   - filter: alpha(opacity=100);
107   - }
108   -}
109   -
110   -.diff_file_content tr.line_holder:hover > td { background: $hover !important; }
111   -.diff_file_content tr.line_holder:hover > td .line_note_link {
112   - opacity: 1.0;
113   - filter: alpha(opacity=100);
114   -}
app/assets/stylesheets/notes.scss 0 → 100644
... ... @@ -0,0 +1,116 @@
  1 +/**
  2 + * Notes
  3 + *
  4 + */
  5 +#notes-list {
  6 + display:block;
  7 + list-style:none;
  8 + margin:0px;
  9 + padding:0px;
  10 +}
  11 +
  12 +.issue_notes {
  13 + .note_content {
  14 + float:left;
  15 + width:400px;
  16 + }
  17 +}
  18 +
  19 +/* Note textare */
  20 +#note_note {
  21 + height:100px;
  22 + width:97%;
  23 + font-size:14px;
  24 +}
  25 +
  26 +#new_note {
  27 + #note_note {
  28 + height:25px;
  29 + }
  30 + .attach_holder {
  31 + display:none;
  32 + }
  33 +}
  34 +
  35 +.note .delete-note {
  36 + display:none;
  37 + float:right;
  38 +}
  39 +.note:hover .delete-note { display:block; }
  40 +.note {padding: 10px 0; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
  41 +.note img{float: left; margin-right: 10px;}
  42 +.note span.note-title{display: block;}
  43 +.note span.note-title{margin-bottom: 10px}
  44 +.note span.note-author{color: #999; font-weight: normal; font-style: italic;}
  45 +.note span.note-author strong{font-weight: bold; font-style: normal;}
  46 +.note p { color:$style_color; }
  47 +.note .note-author { color: $style_color;}
  48 +
  49 +.note .note-title { margin-left:55px; }
  50 +
  51 +p.notify_controls input{
  52 + margin: 5px;
  53 +}
  54 +
  55 +p.notify_controls span{
  56 + font-weight: 700;
  57 +}
  58 +
  59 +tr.line_notes_row {
  60 + border-bottom:1px solid #DDD;
  61 + &.reply {
  62 + background:#eee;
  63 +
  64 + td {
  65 + padding:7px 10px;
  66 + }
  67 + a.line_note_reply_link {
  68 + @include round-borders-all(4px);
  69 + border-color:#aaa;
  70 + background: #bbb;
  71 + padding: 3px 20px;
  72 + color: white;
  73 + }
  74 + }
  75 + ul {
  76 + margin:0;
  77 + li {
  78 + padding:0;
  79 + border:none;
  80 + }
  81 + }
  82 +}
  83 +
  84 +.line_notes_row, .per_line_form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  85 +
  86 +.per_line_form {
  87 + background:#f5f5f5;
  88 + form { margin: 0; }
  89 + td {
  90 + border-bottom:1px solid #ddd;
  91 + }
  92 +}
  93 +
  94 +td .line_note_link {
  95 + position:absolute;
  96 + margin-left:-70px;
  97 + margin-top:-10px;
  98 + z-index:10;
  99 + background: url("comment_add.png") no-repeat left 0;
  100 + width:32px;
  101 + height:32px;
  102 +
  103 + opacity: 0.0;
  104 + filter: alpha(opacity=0);
  105 +
  106 + &:hover {
  107 + opacity: 1.0;
  108 + filter: alpha(opacity=100);
  109 + }
  110 +}
  111 +
  112 +.diff_file_content tr.line_holder:hover > td { background: $hover !important; }
  113 +.diff_file_content tr.line_holder:hover > td .line_note_link {
  114 + opacity: 1.0;
  115 + filter: alpha(opacity=100);
  116 +}
... ...
app/assets/stylesheets/projects.css.scss
... ... @@ -1,254 +0,0 @@
1   -.git_url_wrapper {
2   - margin-right:50px
3   -}
4   -.file_stats {
5   - span {
6   - img {
7   - width:14px;
8   - float:left;
9   - margin-right:6px;
10   - padding:2px 0;
11   - }
12   - }
13   -}
14   -
15   -.handle:hover {
16   - cursor:move;
17   -}
18   -
19   -/* Project Dashboard Page */
20   -.news-feed h2 {
21   - float:left;
22   -}
23   -.news-feed .project-updates {
24   - margin-bottom:20px;
25   - display:block;
26   - width:100%;
27   -}
28   -.news-feed .project-updates .data {
29   - padding:0
30   -}
31   -.news-feed .project-updates a.project-update {
32   - padding:10px;
33   - border-bottom:1px solid #eee;
34   - overflow:hidden;
35   - display:block;
36   -}
37   -.news-feed .project-updates a.project-update:last-child {
38   - border-bottom:0
39   -}
40   -.news-feed .project-updates a.project-update img {
41   - float:left;
42   - margin-right:10px;
43   -}
44   -span.update-title,
45   -span.update-author {
46   - display:block;
47   -}
48   -span.update-title {
49   - margin-bottom:10px
50   -}
51   -span.update-author {
52   - color:#999;
53   - font-weight:normal;
54   - font-style:italic;
55   -}
56   -span.update-author strong {
57   - font-weight:bold;
58   - font-style: normal;
59   -}
60   -/** UPDATE ITEM **/
61   -.update-data {
62   - padding:0
63   -}
64   -.update-data {
65   - width:100%;
66   -}
67   -a.update-item {
68   - padding:10px;
69   - border-bottom:1px solid #eee;
70   - overflow:hidden;
71   - display:block;
72   -}
73   -a.update-item:last-child {
74   - border-bottom:0
75   -}
76   -a.update-item img {
77   - float:left;
78   - margin-right:10px;
79   -}
80   -span.update-title,
81   -span.update-author {
82   - display:block;
83   -}
84   -a.update-item span.update-title {
85   - margin-bottom:10px
86   -}
87   -a.update-item span.update-author {
88   - color:#999;
89   - font-weight:normal;
90   - font-style:italic;
91   -}
92   -a.update-item span.update-author strong {
93   - font-weight:bold;
94   - font-style:normal;
95   -}
96   -/** END UPDATE ITEM **/
97   -.ajax-tab-loading {
98   - padding:40px;
99   - display:none;
100   -}
101   -#tree-content-holder {
102   - float:left;
103   - width:100%;
104   -}
105   -#tree-readme-holder {
106   - float:left;
107   - width:100%;
108   - .readme {
109   - @include round-borders-all(4px);
110   - padding:4px 15px;
111   - background: #F7F7F7;
112   - }
113   -}
114   -.dashboard-loader {
115   - float:left;
116   - margin:10px;
117   - display:none;
118   -}
119   -.user-mention {
120   - color:#2FA0BB;
121   - font-weight:bold;
122   -}
123   -
124   -a.project-update.titled {
125   - position:relative;
126   - padding-left:35% !important;
127   - .title-block {
128   - padding:10px;
129   - width:35%;
130   - position:absolute;
131   - left:0;
132   - top:0;
133   - }
134   -}
135   -/**
136   - * Project graph
137   - */
138   -#holder {
139   - cursor: move;
140   - height: 70%;
141   - overflow: hidden;
142   -}
143   -
144   -
145   -/** Branch/tag selector **/
146   -.project-refs-form {
147   - margin:0;
148   - span {
149   - background:none !important;
150   - position:static !important;
151   - width:auto !important;
152   - height:auto !important;
153   - }
154   -}
155   -.project-refs-select {
156   - width:120px;
157   -}
158   -
159   -.project-refs-form .chzn-container {
160   - position:relative;
161   - top: -5px;
162   - left: -11px;
163   -
164   - .chzn-drop {
165   - margin:7px 0;
166   - border: 1px solid #CCC;
167   - min-width: 300px;
168   -
169   - .chzn-results {
170   - max-height:300px;
171   - }
172   -
173   - .chzn-search input {
174   - min-width:200px;
175   - }
176   - }
177   -
178   - .chzn-single {
179   - background:#ddd;
180   - //border:none;
181   - //box-shadow:none;
182   -
183   - div {
184   - background:transparent;
185   - border-left:none;
186   - }
187   -
188   - span {
189   - font-weight: normal;
190   - }
191   - }
192   -}
193   -
194   -
195   -input.git_clone_url {
196   - width:475px;
197   -}
198   -
199   -.team_member_row {
200   - img {
201   - width:60px;
202   - }
203   -}
204   -
205   -.merge-request-form-holder {
206   - select {
207   - width:300px;
208   - }
209   -}
210   -
211   -/** Issues **/
212   -#issue_assignee_id {
213   - width:300px;
214   -}
215   -
216   -#new_issue_dialog textarea{
217   - height: 100px;
218   -}
219   -
220   -.project_list_url {
221   - width:270px;
222   - background:#fff !important;
223   -}
224   -
225   -.project_tile {
226   - @include shade;
227   - @include round-borders-all(4px);
228   - margin-bottom:20px;
229   - width:338px;
230   - float:left;
231   - margin-left:20px;
232   - border: 1px solid #DDD;
233   - padding-bottom:20px;
234   -
235   - .title {
236   - background:#f5f5f5;
237   - padding: 5px 10px 2px 20px;
238   - border-bottom: 1px solid #DDD;
239   - margin-bottom: 15px;
240   -
241   - h3 {
242   - &:hover {
243   - text-decoration: underline;
244   - }
245   - }
246   - }
247   - .data {
248   - margin: 0 20px;
249   - }
250   - .buttons {
251   - margin: 0 20px;
252   - }
253   -}
254   -
app/assets/stylesheets/ref_select.scss 0 → 100644
... ... @@ -0,0 +1,49 @@
  1 +/** Branch/tag selector **/
  2 +.project-refs-form {
  3 + margin:0;
  4 + span {
  5 + background:none !important;
  6 + position:static !important;
  7 + width:auto !important;
  8 + height:auto !important;
  9 + }
  10 +}
  11 +.project-refs-select {
  12 + width:120px;
  13 +}
  14 +
  15 +.project-refs-form .chzn-container {
  16 + position:relative;
  17 + top: -5px;
  18 + left: -11px;
  19 +
  20 + .chzn-drop {
  21 + margin:7px 0;
  22 + border: 1px solid #CCC;
  23 + min-width: 300px;
  24 +
  25 + .chzn-results {
  26 + max-height:300px;
  27 + }
  28 +
  29 + .chzn-search input {
  30 + min-width:200px;
  31 + }
  32 + }
  33 +
  34 + .chzn-single {
  35 + background:#ddd;
  36 + //border:none;
  37 + //box-shadow:none;
  38 +
  39 + div {
  40 + background:transparent;
  41 + border-left:none;
  42 + }
  43 +
  44 + span {
  45 + font-weight: normal;
  46 + }
  47 + }
  48 +}
  49 +
... ...
app/assets/stylesheets/tree.scss
  1 +#tree-content-holder {
  2 + float:left;
  3 + width:100%;
  4 +}
  5 +#tree-readme-holder {
  6 + float:left;
  7 + width:100%;
  8 + .readme {
  9 + @include round-borders-all(4px);
  10 + padding:4px 15px;
  11 + background: #F7F7F7;
  12 + }
  13 +}
1 14 #tree-breadcrumbs {
2 15 div {
3 16 margin:0;
... ...
app/assets/stylesheets/ui_basic.scss
  1 +/**
  2 + * This file represent some UI that can be changed
  3 + * during web app restyle or theme select.
  4 + *
  5 + * Next items should be placed there
  6 + * - link colors
  7 + * - header styles
  8 + * - main menu styles
  9 + *
  10 + */
1 11 .ui_basic {
2 12 /*
  13 + * Common styles
  14 + *
  15 + */
  16 + a {
  17 + color: $link_color;
  18 + &:hover {
  19 + text-decoration:none;
  20 + color: $style_color;
  21 + }
  22 + }
  23 +
  24 +
  25 + /*
3 26 * Application Header
4 27 *
5 28 */
... ... @@ -200,4 +223,68 @@
200 223 * End of Application Header
201 224 *
202 225 */
  226 +
  227 + /*
  228 + * Main Menu of Application
  229 + *
  230 + */
  231 + nav.main_menu {
  232 + overflow:hidden;
  233 + border-radius: 4px;
  234 + margin: auto;
  235 + margin:30px $app_padding;
  236 + background:#eee;
  237 + border:1px solid #ccc;
  238 + height:38px;
  239 + background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
  240 + background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
  241 + background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
  242 + background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
  243 + @include shade;
  244 + .count {
  245 + color:#aaa;
  246 + margin-left:3px;
  247 + }
  248 + .label {
  249 + background:$hover;
  250 + text-shadow:none;
  251 + color:$style_color;
  252 + }
  253 + a {
  254 + font-weight:bold;
  255 + &:first-child{
  256 + -webkit-border-top-left-radius: 4px;
  257 + -webkit-border-bottom-left-radius: 4px;
  258 + -moz-border-radius-topleft: 4px;
  259 + -moz-border-radius-bottomleft: 4px;
  260 + border-top-left-radius: 4px;
  261 + border-bottom-left-radius: 4px;
  262 + }
  263 + padding: 10px 25px;
  264 + display: inline-block;
  265 + color: $style_color;
  266 + border-right: 1px solid #d5d5d5;
  267 + position: relative;
  268 + box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
  269 + margin: 0;
  270 + float:left;
  271 + text-shadow:0 1px 1px white;
  272 + &.home {
  273 + background: url(home_icon.PNG) no-repeat center center;
  274 + text-indent:-9999px;
  275 + min-width:40px;
  276 + img {
  277 + position:relative;
  278 + top:4px;
  279 + }
  280 + }
  281 + &.current {
  282 + background-color:#DDD;
  283 + }
  284 + }
  285 + }
  286 + /*
  287 + * End of Main Menu
  288 + *
  289 + */
203 290 }
... ...
app/assets/stylesheets/wiki.scss
... ... @@ -1,5 +0,0 @@
1   -p.time {
2   - color: #999;
3   - font-size: 90%;
4   - margin: 30px 3px 3px 2px;
5   -}