Commit f0f14c8eaba69ebddd766498a9d0b0e79becd633
1 parent
3a4b4fb4
Exists in
master
and in
4 other branches
finished scss refactoring
Showing
14 changed files
with
816 additions
and
821 deletions
Show diff stats
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 | - |
... | ... | @@ -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 } |
... | ... | @@ -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 | -} |
... | ... | @@ -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 | - |
... | ... | @@ -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
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 | } | ... | ... |