_repository.less 20 KB

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