_repository.less 18 KB

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