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 | } | ... | ... |