You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1487 lines
23 KiB

9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
8 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
8 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
  1. .repository {
  2. @mega-octicon-width: 30px;
  3. padding-top: 15px;
  4. padding-bottom: @footer-margin * 2;
  5. .head {
  6. .column {
  7. padding-top: 5px !important;
  8. padding-bottom: 5px !important;
  9. }
  10. .ui.compact.menu {
  11. margin-left: 1rem;
  12. }
  13. .ui.header {
  14. margin-top: 0;
  15. }
  16. .mega-octicon {
  17. width: @mega-octicon-width;
  18. font-size: 30px;
  19. }
  20. .ui.huge.breadcrumb {
  21. font-weight: 400;
  22. font-size: 1.7rem;
  23. }
  24. .fork-flag {
  25. margin-left: @mega-octicon-width + 8px;
  26. margin-top: 3px;
  27. display: block;
  28. font-size: 12px;
  29. white-space: nowrap;
  30. }
  31. .octicon.octicon-repo-forked {
  32. margin-top: -1px;
  33. font-size: 15px;
  34. }
  35. }
  36. .navbar {
  37. display: flex;
  38. justify-content: space-between;
  39. .ui.label {
  40. margin-top: -2px;
  41. margin-left: 7px;
  42. padding: 3px 5px;
  43. }
  44. }
  45. .owner.dropdown {
  46. min-width: 40% !important;
  47. }
  48. .metas {
  49. .menu {
  50. max-height: 300px;
  51. overflow-x: auto;
  52. }
  53. .ui.list {
  54. .hide {
  55. display: none!important;
  56. }
  57. .item {
  58. padding: 0px;
  59. }
  60. .label.color {
  61. padding: 0 8px;
  62. margin-right: 5px;
  63. }
  64. a {
  65. margin: 2px 0;
  66. .text {
  67. color: #444;
  68. &:hover {
  69. color: #000;
  70. }
  71. }
  72. }
  73. }
  74. }
  75. .header-wrapper {
  76. background-color: #FAFAFA;
  77. margin-top: -15px;
  78. padding-top: 15px;
  79. .ui.tabs.divider {
  80. border-bottom: none;
  81. }
  82. .ui.tabular .octicon {
  83. margin-right: 5px;
  84. }
  85. }
  86. .filter.menu {
  87. .label.color {
  88. border-radius: 3px;
  89. margin-left: 15px;
  90. padding: 0 8px;
  91. }
  92. .octicon {
  93. float: left;
  94. margin-left: -5px;
  95. margin-right: -7px;
  96. }
  97. .menu {
  98. max-height: 300px;
  99. overflow-x: auto;
  100. right: 0!important;
  101. left: auto!important;
  102. }
  103. .dropdown.item {
  104. margin: 1px;
  105. padding-right: 0;
  106. }
  107. }
  108. .ui.tabs {
  109. &.container {
  110. margin-top: 14px;
  111. margin-bottom: 0px;
  112. .ui.menu {
  113. border-bottom: none;
  114. }
  115. }
  116. &.divider {
  117. margin-top: 0;
  118. margin-bottom: 20px;
  119. }
  120. }
  121. #clone-panel {
  122. margin-top: -8px;
  123. margin-left: 5px;
  124. width: 350px;
  125. input {
  126. border-radius: 0;
  127. padding: 5px 10px;
  128. }
  129. .clone.button {
  130. font-size: 13px;
  131. padding: 0 5px;
  132. &:first-child {
  133. border-radius: .28571429rem 0 0 .28571429rem;
  134. }
  135. }
  136. .icon.button {
  137. padding: 0 10px;
  138. }
  139. .dropdown .menu {
  140. right: 0!important;
  141. left: auto!important;
  142. }
  143. }
  144. &.file.list {
  145. #repo-desc {
  146. font-size: 1.2em;
  147. }
  148. .choose.reference {
  149. .header .icon {
  150. font-size: 1.4em;
  151. }
  152. }
  153. #file-buttons {
  154. font-weight: normal;
  155. margin-top: -3px;
  156. .ui.button {
  157. padding: 8px 10px;
  158. font-weight: normal;
  159. }
  160. }
  161. #repo-files-table {
  162. thead {
  163. th {
  164. padding-top: 8px;
  165. padding-bottom: 5px;
  166. font-weight: normal;
  167. &:first-child {
  168. display: block;
  169. position: relative;
  170. width: 325%;
  171. }
  172. }
  173. .ui.avatar {
  174. margin-bottom: 5px;
  175. }
  176. }
  177. tbody {
  178. .octicon {
  179. margin-left: 3px;
  180. margin-right: 5px;
  181. color: #777;
  182. &.octicon-mail-reply {
  183. margin-right: 10px;
  184. }
  185. &.octicon-file-directory, &.octicon-file-submodule {
  186. color: #1e70bf;
  187. }
  188. }
  189. }
  190. td {
  191. padding-top: 8px;
  192. padding-bottom: 8px;
  193. }
  194. tr:hover {
  195. background-color: #ffffEE;
  196. }
  197. .jumpable-path {
  198. color: #888;
  199. }
  200. }
  201. #file-content {
  202. .header {
  203. .icon {
  204. font-size: 1em;
  205. margin-top: -2px;
  206. }
  207. .file-actions {
  208. padding-left: 20px;
  209. .btn-octicon {
  210. display: inline-block;
  211. padding: 5px;
  212. margin-left: 5px;
  213. line-height: 1;
  214. color: #767676;
  215. vertical-align: middle;
  216. background: transparent;
  217. border: 0;
  218. outline: none;
  219. }
  220. .btn-octicon:hover {
  221. color: #4078c0;
  222. }
  223. .btn-octicon-danger:hover {
  224. color: #bd2c00;
  225. }
  226. .btn-octicon.disabled {
  227. color: #bbb;
  228. cursor: default;
  229. }
  230. #delete-file-form {
  231. display: inline-block;
  232. }
  233. }
  234. }
  235. .view-raw {
  236. padding: 5px;
  237. * {
  238. max-width: 100%;
  239. }
  240. img {
  241. padding: 5px 5px 0 5px;
  242. }
  243. }
  244. .code-view {
  245. * {
  246. font-size: 12px;
  247. font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  248. line-height: 20px;
  249. }
  250. table {
  251. width: 100%;
  252. }
  253. .lines-num {
  254. vertical-align: top;
  255. text-align: right;
  256. color: #999;
  257. background: #f5f5f5;
  258. width: 1%;
  259. span {
  260. line-height: 20px;
  261. padding: 0 10px;
  262. cursor: pointer;
  263. display: block;
  264. }
  265. }
  266. .lines-num,
  267. .lines-code {
  268. padding: 0;
  269. pre,
  270. ol,
  271. .hljs {
  272. background-color: white;
  273. margin: 0;
  274. padding: 0 !important;
  275. li {
  276. display: inline-block;
  277. width: 100%;
  278. &.active {
  279. background: #ffffdd;
  280. }
  281. &:before {
  282. content: ' ';
  283. }
  284. }
  285. }
  286. }
  287. }
  288. }
  289. .sidebar {
  290. padding-left: 0;
  291. .octicon {
  292. width: 16px;
  293. }
  294. }
  295. }
  296. &.file.editor {
  297. .treepath {
  298. width: 100%;
  299. input {
  300. vertical-align: middle;
  301. box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 2px inset;
  302. width: inherit;
  303. padding: 7px 8px;
  304. margin-right: 5px;
  305. }
  306. }
  307. .tabular.menu {
  308. .octicon {
  309. margin-right: 5px;
  310. }
  311. }
  312. .commit-form-wrapper {
  313. padding-left: 64px;
  314. .commit-avatar {
  315. float: left;
  316. margin-left: -64px;
  317. width: 3em;
  318. height: auto;
  319. }
  320. .commit-form {
  321. position: relative;
  322. padding: 15px;
  323. margin-bottom: 10px;
  324. border: 1px solid #ddd;
  325. border-radius: 3px;
  326. #avatar-arrow;
  327. &:after {
  328. border-right-color: #fff;
  329. }
  330. .quick-pull-choice {
  331. .branch-name {
  332. display: inline-block;
  333. padding: 3px 6px;
  334. font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
  335. color: rgba(0,0,0,0.65);
  336. background-color: rgba(209,227,237,0.45);
  337. border-radius: 3px;
  338. }
  339. .new-branch-name-input {
  340. position: relative;
  341. margin-left: 25px;
  342. input {
  343. width: 240px !important;
  344. padding-left: 26px !important;
  345. }
  346. }
  347. .octicon-git-branch {
  348. position: absolute;
  349. top: 9px;
  350. left: 10px;
  351. color: #b0c4ce;
  352. }
  353. }
  354. }
  355. }
  356. }
  357. &.options {
  358. #interval {
  359. width: 100px!important;
  360. min-width: 100px;
  361. }
  362. .danger {
  363. .item {
  364. padding: 20px 15px;
  365. }
  366. .ui.divider {
  367. margin: 0;
  368. }
  369. }
  370. }
  371. @comment-avatar-width: 3em;
  372. &.new.issue {
  373. .comment.form {
  374. .comment {
  375. .avatar {
  376. width: @comment-avatar-width;
  377. }
  378. }
  379. .content {
  380. margin-left: 4em;
  381. #avatar-arrow;
  382. &:after {
  383. border-right-color: #fff;
  384. }
  385. .markdown {
  386. font-size: 14px;
  387. }
  388. }
  389. .metas {
  390. min-width: 220px;
  391. .filter.menu {
  392. max-height: 300px;
  393. overflow-x: auto;
  394. }
  395. }
  396. }
  397. }
  398. &.view.issue {
  399. .title {
  400. padding-bottom: 0!important;
  401. h1 {
  402. font-weight: 300;
  403. font-size: 2.3rem;
  404. margin-bottom: 5px;
  405. .ui.input {
  406. font-size: 0.5em;
  407. vertical-align: top;
  408. width: 50%;
  409. min-width: 600px;
  410. input {
  411. font-size: 1.5em;
  412. padding: 6px 10px;
  413. }
  414. }
  415. }
  416. .index {
  417. font-weight: 300;
  418. color: #aaa;
  419. letter-spacing: -1px;
  420. }
  421. .label {
  422. margin-right: 10px;
  423. }
  424. .edit-zone {
  425. margin-top: 10px;
  426. }
  427. }
  428. .pull-desc {
  429. code {
  430. color: #0166E6;
  431. }
  432. }
  433. .pull {
  434. &.tabular.menu {
  435. margin-bottom: 10px;
  436. .octicon {
  437. margin-right: 5px;
  438. }
  439. }
  440. &.tab.segment {
  441. border: none;
  442. padding: 0;
  443. padding-top: 10px;
  444. box-shadow: none;
  445. background-color: inherit;
  446. }
  447. .merge.box {
  448. .avatar {
  449. margin-left: 10px;
  450. margin-top: 10px;
  451. }
  452. }
  453. }
  454. .comment-list {
  455. &:before {
  456. display: block;
  457. content: "";
  458. position: absolute;
  459. margin-top: 12px;
  460. margin-bottom: 14px;
  461. top: 0;
  462. bottom: 0;
  463. left: 96px;
  464. width: 2px;
  465. background-color: #f3f3f3;
  466. z-index: -1;
  467. }
  468. .comment {
  469. .avatar {
  470. width: @comment-avatar-width;
  471. }
  472. .tag {
  473. color: #767676;
  474. margin-top: 3px;
  475. padding: 2px 5px;
  476. font-size: 12px;
  477. border: 1px solid rgba(0,0,0,0.1);
  478. border-radius: 3px;
  479. }
  480. .actions {
  481. .item {
  482. float: left;
  483. &.tag {
  484. margin-right: 5px;
  485. }
  486. &.action {
  487. margin-top: 6px;
  488. margin-left: 10px;
  489. }
  490. }
  491. }
  492. .content {
  493. margin-left: 4em;
  494. .header {
  495. #avatar-arrow;
  496. font-weight: normal;
  497. padding: auto 15px;
  498. position: relative;
  499. color: #767676;
  500. background-color: #f7f7f7;
  501. border-bottom: 1px solid #eee;
  502. border-top-left-radius: 3px;
  503. border-top-right-radius: 3px;
  504. .text {
  505. max-width: 78%;
  506. padding-top: 10px;
  507. padding-bottom: 10px;
  508. }
  509. }
  510. .markdown {
  511. font-size: 14px;
  512. }
  513. .no-content {
  514. color: #767676;
  515. font-style: italic;
  516. }
  517. > .bottom.segment {
  518. background: #f3f4f5;
  519. .ui.images::after {
  520. clear: both;
  521. content: ' ';
  522. display: block;
  523. }
  524. a {
  525. display: block;
  526. float: left;
  527. margin: 5px;
  528. padding: 5px;
  529. height: 150px;
  530. border: solid 1px #eee;
  531. border-radius: 3px;
  532. max-width: 150px;
  533. background-color: #fff;
  534. &:before {
  535. content:' ';
  536. display: inline-block;
  537. height: 100%;
  538. vertical-align: middle;
  539. }
  540. }
  541. .ui.image {
  542. max-height: 100%;
  543. width: auto;
  544. margin: 0;
  545. vertical-align: middle;
  546. }
  547. span.ui.image {
  548. font-size: 8vw;
  549. color: #000000;
  550. }
  551. span.ui.image:hover {
  552. color: #000000;
  553. }
  554. }
  555. }
  556. .ui.form {
  557. .field:first-child {
  558. clear: none;
  559. }
  560. .tab.segment {
  561. border: none;
  562. padding: 0;
  563. padding-top: 10px;
  564. }
  565. textarea {
  566. height: 200px;
  567. font-family: "Consolas", monospace;
  568. }
  569. }
  570. .edit.buttons {
  571. margin-top: 10px;
  572. }
  573. }
  574. .event {
  575. position: relative;
  576. margin: 15px 0 15px 79px;
  577. padding-left: 25px;
  578. .octicon {
  579. width: 30px;
  580. float: left;
  581. text-align: center;
  582. &.octicon-circle-slash {
  583. margin-top: 5px;
  584. margin-left: -34.5px;
  585. font-size: 20px;
  586. color: #bd2c00;
  587. }
  588. &.octicon-primitive-dot {
  589. margin-left: -28.5px;
  590. margin-right: -1px;
  591. font-size: 30px;
  592. color: #6cc644;
  593. }
  594. &.octicon-bookmark {
  595. margin-top: 3px;
  596. margin-left: -31px;
  597. margin-right: -1px;
  598. font-size: 25px;
  599. }
  600. }
  601. .detail {
  602. font-size: 0.9rem;
  603. margin-top: 5px;
  604. margin-left: 35px;
  605. .octicon {
  606. &.octicon-git-commit {
  607. margin-top: 2px;
  608. }
  609. }
  610. }
  611. }
  612. }
  613. .ui.segment.metas {
  614. margin-top: -3px;
  615. }
  616. .ui.participants {
  617. img {
  618. margin-top: 5px;
  619. margin-right: 5px;
  620. }
  621. }
  622. }
  623. .comment.form {
  624. .ui.comments {
  625. margin-top: -12px;
  626. max-width: 100%;
  627. }
  628. .content {
  629. .field:first-child {
  630. clear: none;
  631. }
  632. .form {
  633. #avatar-arrow;
  634. &:after {
  635. border-right-color: #fff;
  636. }
  637. }
  638. .tab.segment {
  639. border: none;
  640. padding: 0;
  641. padding-top: 10px;
  642. }
  643. textarea {
  644. height: 200px;
  645. font-family: "Consolas", monospace;
  646. }
  647. }
  648. }
  649. .label.list {
  650. list-style: none;
  651. padding-top: 15px;
  652. .item {
  653. padding-top: 10px;
  654. padding-bottom: 10px;
  655. border-bottom: 1px dashed #AAA;
  656. a {
  657. font-size: 15px;
  658. padding-top: 5px;
  659. padding-right: 10px;
  660. color: #666;
  661. &:hover {
  662. color: #000;
  663. }
  664. &.open-issues {
  665. margin-right: 30px;
  666. }
  667. }
  668. .ui.label {
  669. font-size: 1em;
  670. }
  671. }
  672. }
  673. .milestone.list {
  674. list-style: none;
  675. padding-top: 15px;
  676. > .item {
  677. padding-top: 10px;
  678. padding-bottom: 10px;
  679. border-bottom: 1px dashed #AAA;
  680. > a {
  681. padding-top: 5px;
  682. padding-right: 10px;
  683. color: #000;
  684. &:hover {
  685. color: #4078c0;
  686. }
  687. }
  688. .ui.progress {
  689. width: 40%;
  690. padding: 0;
  691. border: 0;
  692. margin: 0;
  693. .bar {
  694. height: 20px;
  695. }
  696. }
  697. .meta {
  698. color: #999;
  699. padding-top: 5px;
  700. .issue-stats .octicon{
  701. padding-left: 5px;
  702. }
  703. .overdue {
  704. color: red;
  705. }
  706. }
  707. .operate {
  708. margin-top: -15px;
  709. > a {
  710. font-size: 15px;
  711. padding-top: 5px;
  712. padding-right: 10px;
  713. color: #666;
  714. &:hover {
  715. color: #000;
  716. }
  717. }
  718. }
  719. .content {
  720. padding-top: 10px;
  721. }
  722. }
  723. }
  724. &.new.milestone {
  725. textarea {
  726. height: 200px;
  727. }
  728. #deadline {
  729. width: 150px;
  730. }
  731. }
  732. &.compare.pull {
  733. .choose.branch {
  734. .octicon {
  735. padding-right: 10px;
  736. }
  737. }
  738. .comment.form {
  739. .content {
  740. #avatar-arrow;
  741. &:after {
  742. border-right-color: #fff;
  743. }
  744. }
  745. }
  746. }
  747. .filter.dropdown .menu {
  748. margin-top: 1px!important;
  749. }
  750. &.commits {
  751. .header {
  752. .ui.right {
  753. .search {
  754. input {
  755. font-weight: normal;
  756. padding: 5px 10px;
  757. }
  758. }
  759. }
  760. }
  761. }
  762. #commits-table {
  763. thead {
  764. th:first-of-type {
  765. padding-left: 15px;
  766. }
  767. .sha {
  768. font-size: 13px;
  769. padding: 6px 40px 4px 35px;
  770. }
  771. }
  772. &.ui.basic.striped.table tbody tr:nth-child(2n) {
  773. background-color: rgba(0, 0, 0, .02)!important;
  774. }
  775. }
  776. .diff-detail-box {
  777. margin: 15px 0;
  778. line-height: 30px;
  779. ol {
  780. clear: both;
  781. padding-left: 0;
  782. margin-top: 5px;
  783. margin-bottom: 28px;
  784. li {
  785. list-style: none;
  786. padding-bottom: 4px;
  787. margin-bottom: 4px;
  788. border-bottom: 1px dashed #DDD;
  789. padding-left: 6px;
  790. }
  791. }
  792. span.status{
  793. display: inline-block;
  794. width: 12px;
  795. height: 12px;
  796. margin-right: 8px;
  797. vertical-align: middle;
  798. &.modify {
  799. background-color: #f0db88;
  800. }
  801. &.add {
  802. background-color: #b4e2b4;
  803. }
  804. &.del {
  805. background-color: #e9aeae;
  806. }
  807. &.rename {
  808. background-color: #dad8ff;
  809. }
  810. }
  811. }
  812. .diff-box {
  813. .count {
  814. margin-right: 12px;
  815. font-size: 13px;
  816. .bar {
  817. background-color: #bd2c00;
  818. height: 12px;
  819. width: 40px;
  820. display: inline-block;
  821. margin: 2px 4px 0 4px;
  822. vertical-align: text-top;
  823. .add {
  824. background-color: #55a532;
  825. height: 12px;
  826. }
  827. }
  828. }
  829. .file {
  830. color: #888;
  831. }
  832. }
  833. .diff-file-box {
  834. .header {
  835. background-color: #f7f7f7;
  836. }
  837. .file-body.file-code {
  838. .lines-num {
  839. text-align: right;
  840. color: #A7A7A7;
  841. background: #fafafa;
  842. width: 1%;
  843. span.fold {
  844. display: block;
  845. text-align: center;
  846. }
  847. }
  848. .lines-num-old {
  849. border-right: 1px solid #DDD;
  850. }
  851. }
  852. .code-diff {
  853. font-size: 12px;
  854. td {
  855. padding: 0;
  856. padding-left: 10px;
  857. border-top: none;
  858. }
  859. pre {
  860. margin: 0;
  861. }
  862. .lines-num {
  863. border-right: 1px solid #d4d4d5;
  864. padding: 0 5px;
  865. }
  866. tbody {
  867. tr {
  868. td.halfwidth {
  869. width: 50%;
  870. }
  871. &.tag-code td, td.tag-code {
  872. background-color: #F0F0F0 !important;
  873. border-color: #D2CECE !important;
  874. padding-top: 8px;
  875. padding-bottom: 8px;
  876. // td.selected-line, td.selected-line pre {
  877. // background-color: #ffffdd !important;
  878. // }
  879. }
  880. // &.same-code {
  881. // td.selected-line, td.selected-line pre {
  882. // background-color: #ffffdd !important;
  883. // }
  884. // }
  885. .removed-code {
  886. background-color: #ff9999;
  887. }
  888. .added-code {
  889. background-color: #99ff99;
  890. }
  891. }
  892. }
  893. }
  894. .code-diff-unified tbody tr {
  895. &.del-code td {
  896. background-color: #ffe0e0 !important;
  897. border-color: #f1c0c0 !important;
  898. }
  899. &.add-code td {
  900. background-color: #d6fcd6 !important;
  901. border-color: #c1e9c1 !important;
  902. }
  903. }
  904. .code-diff-split tbody tr {
  905. // light gray for empty lines before / after commit
  906. &.add-code td:nth-child(1), &.add-code td:nth-child(2),
  907. &.del-code td:nth-child(3), &.del-code td:nth-child(4) {
  908. background-color: #fafafa;
  909. }
  910. &.del-code td:nth-child(1), &.del-code td:nth-child(2),
  911. td.del-code {
  912. background-color: #ffe0e0 !important;
  913. border-color: #f1c0c0 !important;
  914. }
  915. &.add-code td:nth-child(3), &.add-code td:nth-child(4),
  916. td.add-code{
  917. background-color: #d6fcd6 !important;
  918. border-color: #c1e9c1 !important;
  919. }
  920. }
  921. &.file-content {
  922. img {
  923. max-width: 100%;
  924. padding: 5px 5px 0 5px;
  925. }
  926. }
  927. }
  928. .code-view {
  929. overflow: auto;
  930. overflow-x: auto;
  931. overflow-y: hidden;
  932. }
  933. &.quickstart {
  934. .guide {
  935. .item {
  936. padding: 1em;
  937. small {
  938. font-weight: normal;
  939. }
  940. }
  941. .clone.button:first-child {
  942. border-radius: .28571429rem 0 0 .28571429rem;
  943. }
  944. .ui.action.small.input {
  945. width: 100%;
  946. }
  947. #repo-clone-url {
  948. border-radius: 0;
  949. padding: 5px 10px;
  950. font-size: 1.2em;
  951. }
  952. }
  953. }
  954. &.release {
  955. #release-list {
  956. border-top: 1px solid #DDD;
  957. margin-top: 20px;
  958. padding-top: 15px;
  959. >li {
  960. list-style: none;
  961. .meta,
  962. .detail {
  963. padding-top: 30px;
  964. padding-bottom: 40px;
  965. }
  966. .meta {
  967. text-align: right;
  968. position: relative;
  969. .tag:not(.icon) {
  970. display: block;
  971. margin-top: 15px;
  972. }
  973. .commit {
  974. display: block;
  975. margin-top: 10px;
  976. }
  977. }
  978. .detail {
  979. border-left: 1px solid #DDD;
  980. .author {
  981. img {
  982. margin-bottom: -3px;
  983. }
  984. }
  985. .download {
  986. margin-top: 20px;
  987. >a {
  988. .octicon {
  989. margin-left: 5px;
  990. margin-right: 5px;
  991. }
  992. }
  993. .list {
  994. padding-left: 0;
  995. border-top: 1px solid #eee;
  996. li {
  997. list-style: none;
  998. display: block;
  999. padding-top: 8px;
  1000. padding-bottom: 8px;
  1001. border-bottom: 1px solid #eee;
  1002. }
  1003. }
  1004. }
  1005. .dot {
  1006. width: 9px;
  1007. height: 9px;
  1008. background-color: #ccc;
  1009. z-index: 999;
  1010. position: absolute;
  1011. display: block;
  1012. left: -5px;
  1013. top: 40px;
  1014. border-radius: 6px;
  1015. border: 1px solid #FFF;
  1016. }
  1017. }
  1018. }
  1019. }
  1020. }
  1021. &.new.release {
  1022. .target {
  1023. min-width: 500px;
  1024. #tag-name {
  1025. margin-top: -4px;
  1026. }
  1027. .at {
  1028. margin-left: -5px;
  1029. margin-right: 5px;
  1030. }
  1031. .dropdown.icon {
  1032. margin: 0;
  1033. padding-top: 3px;
  1034. }
  1035. .selection.dropdown {
  1036. padding-top: 10px;
  1037. padding-bottom: 10px;
  1038. }
  1039. }
  1040. .prerelease.field {
  1041. margin-bottom: 0;
  1042. }
  1043. }
  1044. &.forks {
  1045. .list {
  1046. margin-top: 0;
  1047. .item {
  1048. padding-top: 10px;
  1049. padding-bottom: 10px;
  1050. border-bottom: 1px solid #DDD;
  1051. .ui.avatar {
  1052. float: left;
  1053. margin-right: 5px;
  1054. }
  1055. .link {
  1056. padding-top: 5px;
  1057. }
  1058. }
  1059. }
  1060. }
  1061. &.wiki {
  1062. &.start {
  1063. .ui.segment {
  1064. padding-top: 70px;
  1065. padding-bottom: 100px;
  1066. .mega-octicon {
  1067. font-size: 48px;
  1068. }
  1069. }
  1070. }
  1071. &.new {
  1072. .CodeMirror {
  1073. .CodeMirror-code {
  1074. font-family: "Consolas", monospace;
  1075. .cm-comment {
  1076. background: inherit;
  1077. }
  1078. }
  1079. }
  1080. .editor-preview {
  1081. background-color: white;
  1082. }
  1083. }
  1084. &.view {
  1085. .choose.page {
  1086. margin-top: -5px;
  1087. }
  1088. .ui.sub.header {
  1089. text-transform: none;
  1090. }
  1091. .markdown {
  1092. padding: 15px 30px;
  1093. h1, h2, h3, h4, h5, h6 {
  1094. &:first-of-type {
  1095. margin-top: 0;
  1096. }
  1097. }
  1098. }
  1099. }
  1100. }
  1101. &.settings {
  1102. &.collaboration {
  1103. .collaborator.list {
  1104. padding: 0;
  1105. >.item {
  1106. margin: 0;
  1107. line-height: 2em;
  1108. &:not(:last-child) {
  1109. border-bottom: 1px solid #DDD;
  1110. }
  1111. }
  1112. }
  1113. #repo-collab-form {
  1114. #search-user-box {
  1115. .results {
  1116. left: 7px;
  1117. }
  1118. }
  1119. .ui.button {
  1120. margin-left: 5px;
  1121. margin-top: -3px;
  1122. }
  1123. }
  1124. }
  1125. &.webhook {
  1126. .events {
  1127. .column {
  1128. padding-bottom: 0;
  1129. }
  1130. .help {
  1131. font-size: 13px;
  1132. margin-left: 26px;
  1133. padding-top: 0;
  1134. }
  1135. }
  1136. }
  1137. }
  1138. }
  1139. // End of .repository
  1140. &.user-cards {
  1141. .list {
  1142. padding: 0;
  1143. .item {
  1144. list-style: none;
  1145. width: 32%;
  1146. margin: 10px 10px 10px 0;
  1147. padding-bottom: 14px;
  1148. float: left;
  1149. .avatar {
  1150. width: 48px;
  1151. height: 48px;
  1152. float: left;
  1153. display: block;
  1154. margin-right: 10px;
  1155. }
  1156. .name {
  1157. margin-top: 0;
  1158. margin-bottom: 0;
  1159. font-weight: normal;
  1160. }
  1161. .meta {
  1162. margin-top: 5px;
  1163. }
  1164. }
  1165. }
  1166. }
  1167. #search-repo-box,
  1168. #search-user-box {
  1169. .results {
  1170. padding: 0;
  1171. position: absolute;
  1172. .item {
  1173. padding: 10px 15px;
  1174. border-bottom: 1px solid #DDD;
  1175. cursor: pointer;
  1176. &:hover {
  1177. background: rgba(0,0,0,.05)!important;
  1178. color: rgba(0,0,0,.95)!important;
  1179. }
  1180. img {
  1181. margin-right: 8px;
  1182. }
  1183. }
  1184. }
  1185. }
  1186. .issue.list {
  1187. list-style: none;
  1188. padding-top: 15px;
  1189. >.item {
  1190. padding-top: 15px;
  1191. padding-bottom: 10px;
  1192. border-bottom: 1px dashed #AAA;
  1193. .title {
  1194. color: #444;
  1195. font-size: 15px;
  1196. font-weight: bold;
  1197. margin: 0 6px;
  1198. &:hover {
  1199. color: #000;
  1200. }
  1201. }
  1202. .comment {
  1203. padding-right: 10px;
  1204. color: #666;
  1205. }
  1206. .desc {
  1207. padding-top: 5px;
  1208. color: #999;
  1209. a.milestone {
  1210. padding-left: 5px;
  1211. color: #999!important;
  1212. &:hover {
  1213. color: #000!important;
  1214. }
  1215. }
  1216. .assignee {
  1217. margin-top: -5px;
  1218. margin-right: 5px;
  1219. }
  1220. }
  1221. }
  1222. }
  1223. .page.buttons {
  1224. padding-top: 15px;
  1225. }
  1226. .ui.form {
  1227. .dropzone {
  1228. width: 100%;
  1229. margin-bottom: 10px;
  1230. border: 2px dashed #0087F7;
  1231. box-shadow: none!important;
  1232. .dz-error-message {
  1233. top: 140px;
  1234. }
  1235. }
  1236. }
  1237. .settings {
  1238. .content {
  1239. margin-top: 2px;
  1240. >.header,
  1241. .segment {
  1242. box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
  1243. }
  1244. }
  1245. .key.list {
  1246. .item:not(:first-child) {
  1247. border-top: 1px solid #eaeaea;
  1248. }
  1249. .ssh-key-state-indicator {
  1250. float: left;
  1251. color: gray;
  1252. padding-left: 10px;
  1253. padding-top: 10px;
  1254. &.active {
  1255. color: #6cc644;
  1256. }
  1257. }
  1258. .meta {
  1259. padding-top: 5px;
  1260. }
  1261. .print {
  1262. color: #767676;
  1263. }
  1264. .activity {
  1265. color: #666;
  1266. }
  1267. }
  1268. .hook.list {
  1269. > .item:not(:first-child) {
  1270. border-top: 1px solid #eaeaea;
  1271. }
  1272. .item {
  1273. padding: 10px 20px;
  1274. .octicon,
  1275. .fa {
  1276. width: 20px;
  1277. text-align: center;
  1278. }
  1279. a {
  1280. .dont-break-out;
  1281. }
  1282. }
  1283. }
  1284. .hook.history.list {
  1285. .item {
  1286. padding-left: 13px;
  1287. .meta {
  1288. .ui.right {
  1289. margin-top: 5px;
  1290. .time {
  1291. font-size: 12px;
  1292. }
  1293. }
  1294. }
  1295. .info {
  1296. margin-top: 10px;
  1297. .tabular.menu {
  1298. .item {
  1299. font-weight: 500;
  1300. }
  1301. }
  1302. .tab.segment {
  1303. border: none;
  1304. padding: 0;
  1305. padding-top: 10px;
  1306. box-shadow: none;
  1307. > * {
  1308. color: #666;
  1309. }
  1310. pre {
  1311. word-wrap: break-word;
  1312. .hljs {
  1313. padding: 0;
  1314. background-color: inherit;
  1315. }
  1316. }
  1317. }
  1318. }
  1319. }
  1320. }
  1321. }
  1322. .ui.vertical.menu {
  1323. .header.item {
  1324. font-size: 1.1em;
  1325. background: #f0f0f0;
  1326. }
  1327. }
  1328. .edit-label.modal,
  1329. .new-label.segment {
  1330. .form {
  1331. .column {
  1332. padding-right: 0;
  1333. }
  1334. .buttons {
  1335. margin-left: auto;
  1336. padding-top: 15px;
  1337. }
  1338. .color.picker.column {
  1339. width: auto;
  1340. .color-picker {
  1341. height: 35px;
  1342. width: auto;
  1343. padding-left: 30px;
  1344. }
  1345. }
  1346. .minicolors-swatch.minicolors-sprite {
  1347. top: 10px;
  1348. left: 10px;
  1349. width: 15px;
  1350. height: 15px;
  1351. }
  1352. .precolors {
  1353. padding-left: 0;
  1354. padding-right: 0;
  1355. margin: 3px 10px auto 10px;
  1356. width: 120px;
  1357. .color {
  1358. float: left;
  1359. width: 15px;
  1360. height: 15px;
  1361. }
  1362. }
  1363. }
  1364. }
  1365. #avatar-arrow {
  1366. &:before, &:after {
  1367. right: 100%;
  1368. top: 20px;
  1369. border: solid transparent;
  1370. content: " ";
  1371. height: 0;
  1372. width: 0;
  1373. position: absolute;
  1374. pointer-events: none;
  1375. }
  1376. &:before {
  1377. border-right-color: #D4D4D5;
  1378. border-width: 9px;
  1379. margin-top: -9px;
  1380. }
  1381. &:after {
  1382. border-right-color: #f7f7f7;
  1383. border-width: 8px;
  1384. margin-top: -8px;
  1385. }
  1386. }
  1387. #transfer-repo-modal,
  1388. #delete-repo-modal {
  1389. .ui.message {
  1390. width: 100%!important;
  1391. }
  1392. }
  1393. // generate .tab-size-{i} from 1 to 16
  1394. .generate-tab-size(16);
  1395. .generate-tab-size(@n, @i: 1) when (@i =< @n) {
  1396. .tab-size-@{i} {
  1397. tab-size: @i !important;
  1398. -moz-tab-size: @i !important;
  1399. }
  1400. .generate-tab-size(@n, (@i + 1));
  1401. }