_repository.less 18 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196
  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. 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. .bar {
  614. background-color: #e75316;
  615. height: 12px;
  616. width: 40px;
  617. display: inline-block;
  618. margin: 2px 4px 0 4px;
  619. vertical-align: text-top;
  620. .add {
  621. background-color: #77c64a;
  622. height: 12px;
  623. }
  624. }
  625. }
  626. .file {
  627. color: #888;
  628. }
  629. }
  630. .diff-file-box {
  631. .header {
  632. background-color: #f7f7f7;
  633. }
  634. .file-body.file-code {
  635. .lines-num {
  636. text-align: right;
  637. color: #A7A7A7;
  638. background: #fafafa;
  639. width: 1%;
  640. }
  641. .lines-num-old {
  642. border-right: 1px solid #DDD;
  643. }
  644. }
  645. .code-diff {
  646. font-size: 12px;
  647. td {
  648. padding: 0;
  649. padding-left: 10px;
  650. border-top: none;
  651. }
  652. pre {
  653. margin: 0;
  654. }
  655. .lines-num {
  656. border-right: 1px solid #d4d4d5;
  657. padding: 0 5px;
  658. }
  659. tbody {
  660. tr {
  661. &.tag-code {
  662. td, pre {
  663. background-color: #F0F0F0 !important;
  664. border-color: #D2CECE!important;
  665. padding-top: 4px;
  666. padding-bottom: 4px;
  667. }
  668. // td.selected-line, td.selected-line pre {
  669. // background-color: #ffffdd !important;
  670. // }
  671. }
  672. // &.same-code {
  673. // td.selected-line, td.selected-line pre {
  674. // background-color: #ffffdd !important;
  675. // }
  676. // }
  677. &.del-code {
  678. td, pre {
  679. background-color: #ffecec !important;
  680. border-color: #f1c0c0 !important;
  681. }
  682. // td.selected-line, td.selected-line pre {
  683. // background-color: #ffffdd !important;
  684. // }
  685. }
  686. &.add-code {
  687. td, pre {
  688. background-color: #eaffea !important;
  689. border-color: #c1e9c1 !important;
  690. }
  691. // td.selected-line, td.selected-line pre {
  692. // background-color: #ffffdd !important;
  693. // }
  694. }
  695. }
  696. }
  697. }
  698. &.file-content {
  699. img {
  700. max-width: 100%;
  701. padding: 5px 5px 0 5px;
  702. }
  703. }
  704. }
  705. .code-view {
  706. overflow: auto;
  707. overflow-x: auto;
  708. overflow-y: hidden;
  709. }
  710. &.quickstart {
  711. .guide {
  712. .item {
  713. padding: 1em;
  714. small {
  715. font-weight: normal;
  716. }
  717. }
  718. .clone.button:first-child {
  719. border-radius: .28571429rem 0 0 .28571429rem;
  720. }
  721. .ui.action.small.input {
  722. width: 100%;
  723. }
  724. #repo-clone-url {
  725. border-radius: 0;
  726. padding: 5px 10px;
  727. font-size: 1.2em;
  728. }
  729. }
  730. }
  731. &.release {
  732. #release-list {
  733. border-top: 1px solid #DDD;
  734. margin-top: 20px;
  735. padding-top: 15px;
  736. >li {
  737. list-style: none;
  738. .meta,
  739. .detail {
  740. padding-top: 30px;
  741. padding-bottom: 40px;
  742. }
  743. .meta {
  744. text-align: right;
  745. position: relative;
  746. .tag:not(.icon) {
  747. display: block;
  748. margin-top: 15px;
  749. }
  750. .commit {
  751. display: block;
  752. margin-top: 10px;
  753. }
  754. }
  755. .detail {
  756. border-left: 1px solid #DDD;
  757. .author {
  758. img {
  759. margin-bottom: -3px;
  760. }
  761. }
  762. .download {
  763. margin-top: 20px;
  764. >a {
  765. .octicon {
  766. margin-left: 5px;
  767. margin-right: 5px;
  768. }
  769. }
  770. .list {
  771. padding-left: 0;
  772. border-top: 1px solid #eee;
  773. li {
  774. list-style: none;
  775. display: block;
  776. padding-top: 8px;
  777. padding-bottom: 8px;
  778. border-bottom: 1px solid #eee;
  779. }
  780. }
  781. }
  782. .dot {
  783. width: 9px;
  784. height: 9px;
  785. background-color: #ccc;
  786. z-index: 999;
  787. position: absolute;
  788. display: block;
  789. left: -5px;
  790. top: 40px;
  791. border-radius: 6px;
  792. border: 1px solid #FFF;
  793. }
  794. }
  795. }
  796. }
  797. }
  798. &.new.release {
  799. .target {
  800. min-width: 500px;
  801. .at {
  802. margin-left: -5px;
  803. margin-right: 5px;
  804. }
  805. .dropdown.icon {
  806. margin: 0;
  807. padding-top: 3px;
  808. }
  809. .selection.dropdown {
  810. padding-top: 10px;
  811. padding-bottom: 10px;
  812. }
  813. }
  814. .prerelease.field {
  815. margin-bottom: 0;
  816. }
  817. }
  818. &.forks {
  819. .list {
  820. margin-top: 0;
  821. .item {
  822. padding-top: 10px;
  823. padding-bottom: 10px;
  824. border-bottom: 1px solid #DDD;
  825. .ui.avatar {
  826. float: left;
  827. margin-right: 5px;
  828. }
  829. .link {
  830. padding-top: 5px;
  831. }
  832. }
  833. }
  834. }
  835. &.wiki {
  836. &.start {
  837. .ui.segment {
  838. padding-top: 70px;
  839. padding-bottom: 100px;
  840. .mega-octicon {
  841. font-size: 48px;
  842. }
  843. }
  844. }
  845. &.new {
  846. .CodeMirror {
  847. .CodeMirror-code .cm-comment {
  848. background: inherit;
  849. }
  850. }
  851. .editor-preview {
  852. background-color: white;
  853. }
  854. }
  855. &.view {
  856. .choose.page {
  857. margin-top: -5px;
  858. }
  859. .ui.sub.header {
  860. text-transform: none;
  861. }
  862. .markdown {
  863. padding: 15px 30px;
  864. h1, h2, h3, h4, h5, h6 {
  865. &:first-of-type {
  866. margin-top: 0;
  867. }
  868. }
  869. }
  870. }
  871. }
  872. &.settings {
  873. &.collaboration {
  874. .collaborator.list {
  875. padding: 0;
  876. .item {
  877. padding: 10px 20px;
  878. &:not(:last-child) {
  879. border-bottom: 1px solid #DDD;
  880. }
  881. }
  882. }
  883. #repo-collab-form {
  884. #search-user-box {
  885. .results {
  886. left: 7px;
  887. }
  888. }
  889. .ui.button {
  890. margin-left: 5px;
  891. margin-top: -3px;
  892. }
  893. }
  894. }
  895. }
  896. }
  897. // End of .repository
  898. &.user-cards {
  899. .list {
  900. padding: 0;
  901. .item {
  902. list-style: none;
  903. width: 32%;
  904. margin: 10px 10px 10px 0;
  905. padding-bottom: 14px;
  906. float: left;
  907. .avatar {
  908. width: 48px;
  909. height: 48px;
  910. float: left;
  911. display: block;
  912. margin-right: 10px;
  913. }
  914. .name {
  915. margin-top: 0;
  916. margin-bottom: 0;
  917. font-weight: normal;
  918. }
  919. .meta {
  920. margin-top: 5px;
  921. }
  922. }
  923. }
  924. }
  925. #search-repo-box,
  926. #search-user-box {
  927. .results {
  928. padding: 0;
  929. position: absolute;
  930. .item {
  931. padding: 10px 15px;
  932. border-bottom: 1px solid #DDD;
  933. cursor: pointer;
  934. &:hover {
  935. background: rgba(0,0,0,.05)!important;
  936. color: rgba(0,0,0,.95)!important;
  937. }
  938. img {
  939. margin-right: 8px;
  940. }
  941. }
  942. }
  943. }
  944. .issue.list {
  945. list-style: none;
  946. padding-top: 15px;
  947. >.item {
  948. padding-top: 15px;
  949. padding-bottom: 10px;
  950. border-bottom: 1px dashed #AAA;
  951. .title {
  952. color: #444;
  953. font-size: 15px;
  954. font-weight: bold;
  955. margin: 0 6px;
  956. &:hover {
  957. color: #000;
  958. }
  959. }
  960. .comment {
  961. padding-right: 10px;
  962. color: #666;
  963. }
  964. .desc {
  965. padding-top: 5px;
  966. color: #999;
  967. a.milestone {
  968. padding-left: 5px;
  969. color: #999!important;
  970. &:hover {
  971. color: #000!important;
  972. }
  973. }
  974. .assignee {
  975. margin-top: -5px;
  976. margin-right: 5px;
  977. }
  978. }
  979. }
  980. }
  981. .page.buttons {
  982. padding-top: 15px;
  983. }
  984. .ui.comments {
  985. .dropzone {
  986. width: 100%;
  987. margin-bottom: 10px;
  988. border: 2px dashed #0087F7;
  989. box-shadow: none!important;
  990. .dz-error-message {
  991. top: 140px;
  992. }
  993. }
  994. }
  995. .settings {
  996. .content {
  997. margin-top: 2px;
  998. >.header,
  999. .segment {
  1000. box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
  1001. }
  1002. }
  1003. .key.list {
  1004. .item:not(:first-child) {
  1005. border-top: 1px solid #eaeaea;
  1006. }
  1007. .ssh-key-state-indicator {
  1008. float: left;
  1009. color: gray;
  1010. padding-left: 10px;
  1011. padding-top: 10px;
  1012. &.active {
  1013. color: #6cc644;
  1014. }
  1015. }
  1016. .meta {
  1017. padding-top: 5px;
  1018. }
  1019. .print {
  1020. color: #767676;
  1021. }
  1022. .activity {
  1023. color: #666;
  1024. }
  1025. }
  1026. .hook.list {
  1027. > .item:not(:first-child) {
  1028. border-top: 1px solid #eaeaea;
  1029. }
  1030. .item {
  1031. padding: 10px 20px;
  1032. .octicon,
  1033. .fa {
  1034. width: 20px;
  1035. text-align: center;
  1036. }
  1037. }
  1038. }
  1039. .hook.history.list {
  1040. .item {
  1041. padding-left: 13px;
  1042. .meta {
  1043. .ui.right {
  1044. margin-top: 5px;
  1045. .time {
  1046. font-size: 12px;
  1047. }
  1048. }
  1049. }
  1050. .info {
  1051. margin-top: 10px;
  1052. .tabular.menu {
  1053. .item {
  1054. font-weight: 500;
  1055. }
  1056. }
  1057. .tab.segment {
  1058. border: none;
  1059. padding: 0;
  1060. padding-top: 10px;
  1061. box-shadow: none;
  1062. > * {
  1063. color: #666;
  1064. }
  1065. pre {
  1066. word-wrap: break-word;
  1067. .hljs {
  1068. padding: 0;
  1069. background-color: inherit;
  1070. }
  1071. }
  1072. }
  1073. }
  1074. }
  1075. }
  1076. }
  1077. .ui.vertical.menu {
  1078. .header.item {
  1079. font-size: 1.1em;
  1080. background: #f0f0f0;
  1081. }
  1082. }
  1083. .edit-label.modal,
  1084. .new-label.segment {
  1085. .form {
  1086. .column {
  1087. padding-right: 0;
  1088. }
  1089. .buttons {
  1090. margin-left: auto;
  1091. padding-top: 15px;
  1092. }
  1093. .color.picker.column {
  1094. width: auto;
  1095. .color-picker {
  1096. height: 35px;
  1097. width: auto;
  1098. padding-left: 30px;
  1099. }
  1100. }
  1101. .minicolors-swatch.minicolors-sprite {
  1102. top: 10px;
  1103. left: 10px;
  1104. width: 15px;
  1105. height: 15px;
  1106. }
  1107. .precolors {
  1108. padding-left: 0;
  1109. padding-right: 0;
  1110. margin: 3px 10px auto 10px;
  1111. width: 120px;
  1112. .color {
  1113. float: left;
  1114. width: 15px;
  1115. height: 15px;
  1116. }
  1117. }
  1118. }
  1119. }
  1120. #transfer-repo-modal,
  1121. #delete-repo-modal {
  1122. .ui.message {
  1123. width: 100%!important;
  1124. }
  1125. }