_repository.less 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320
  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. }
  435. }
  436. .edit.buttons {
  437. margin-top: 10px;
  438. }
  439. }
  440. .event {
  441. position: relative;
  442. margin: 15px 0 15px 79px;
  443. padding-left: 25px;
  444. .octicon {
  445. width: 30px;
  446. float: left;
  447. margin-left: -36px;
  448. text-align: center;
  449. &.octicon-circle-slash {
  450. margin-top: 5px;
  451. font-size: 20px;
  452. color: #bd2c00;
  453. }
  454. &.octicon-primitive-dot {
  455. font-size: 30px;
  456. color: #6cc644;
  457. }
  458. &.octicon-bookmark {
  459. margin-top: 3px;
  460. font-size: 25px;
  461. }
  462. }
  463. .detail {
  464. font-size: 0.9rem;
  465. margin-top: 5px;
  466. margin-left: 35px;
  467. .octicon {
  468. &.octicon-git-commit {
  469. margin-top: 2px;
  470. }
  471. }
  472. }
  473. }
  474. }
  475. .ui.segment.metas {
  476. margin-top: -3px;
  477. }
  478. .ui.participants {
  479. img {
  480. margin-top: 5px;
  481. margin-right: 5px;
  482. }
  483. }
  484. }
  485. .comment.form {
  486. .ui.comments {
  487. margin-top: -12px;
  488. max-width: 100%;
  489. }
  490. .content {
  491. .field:first-child {
  492. clear: none;
  493. }
  494. .form {
  495. #avatar-arrow;
  496. &:after {
  497. border-right-color: #fff;
  498. }
  499. }
  500. .tab.segment {
  501. border: none;
  502. padding: 0;
  503. padding-top: 10px;
  504. }
  505. textarea {
  506. height: 200px;
  507. }
  508. }
  509. }
  510. .label.list {
  511. list-style: none;
  512. padding-top: 15px;
  513. .item {
  514. padding-top: 10px;
  515. padding-bottom: 10px;
  516. border-bottom: 1px dashed #AAA;
  517. a {
  518. font-size: 15px;
  519. padding-top: 5px;
  520. padding-right: 10px;
  521. color: #666;
  522. &:hover {
  523. color: #000;
  524. }
  525. &.open-issues {
  526. margin-right: 30px;
  527. }
  528. }
  529. .ui.label {
  530. font-size: 1em;
  531. }
  532. }
  533. }
  534. .milestone.list {
  535. list-style: none;
  536. padding-top: 15px;
  537. > .item {
  538. padding-top: 10px;
  539. padding-bottom: 10px;
  540. border-bottom: 1px dashed #AAA;
  541. > a {
  542. padding-top: 5px;
  543. padding-right: 10px;
  544. color: #000;
  545. &:hover {
  546. color: #4078c0;
  547. }
  548. }
  549. .ui.progress {
  550. width: 40%;
  551. padding: 0;
  552. border: 0;
  553. margin: 0;
  554. .bar {
  555. height: 20px;
  556. }
  557. }
  558. .meta {
  559. color: #999;
  560. padding-top: 5px;
  561. .issue-stats .octicon{
  562. padding-left: 5px;
  563. }
  564. .overdue {
  565. color: red;
  566. }
  567. }
  568. .operate {
  569. margin-top: -15px;
  570. > a {
  571. font-size: 15px;
  572. padding-top: 5px;
  573. padding-right: 10px;
  574. color: #666;
  575. &:hover {
  576. color: #000;
  577. }
  578. }
  579. }
  580. .content {
  581. padding-top: 10px;
  582. }
  583. }
  584. }
  585. &.new.milestone {
  586. textarea {
  587. height: 200px;
  588. }
  589. #deadline {
  590. width: 150px;
  591. }
  592. }
  593. &.compare.pull {
  594. .choose.branch {
  595. .octicon {
  596. padding-right: 10px;
  597. }
  598. }
  599. .comment.form {
  600. .content {
  601. #avatar-arrow;
  602. &:after {
  603. border-right-color: #fff;
  604. }
  605. }
  606. }
  607. }
  608. .filter.dropdown .menu {
  609. margin-top: 1px!important;
  610. }
  611. &.commits {
  612. .header {
  613. .ui.right {
  614. .search {
  615. input {
  616. font-weight: normal;
  617. padding: 5px 10px;
  618. }
  619. }
  620. }
  621. }
  622. }
  623. #commits-table {
  624. thead {
  625. th:first-of-type {
  626. padding-left: 15px;
  627. }
  628. .sha {
  629. font-size: 13px;
  630. padding: 6px 40px 4px 35px;
  631. }
  632. }
  633. &.ui.basic.striped.table tbody tr:nth-child(2n) {
  634. background-color: rgba(0, 0, 0, .02)!important;
  635. }
  636. }
  637. .diff-detail-box {
  638. margin: 15px 0;
  639. line-height: 30px;
  640. ol {
  641. clear: both;
  642. padding-left: 0;
  643. margin-top: 5px;
  644. margin-bottom: 28px;
  645. li {
  646. list-style: none;
  647. padding-bottom: 4px;
  648. margin-bottom: 4px;
  649. border-bottom: 1px dashed #DDD;
  650. padding-left: 6px;
  651. }
  652. }
  653. span.status{
  654. display: inline-block;
  655. width: 12px;
  656. height: 12px;
  657. margin-right: 8px;
  658. vertical-align: middle;
  659. &.modify {
  660. background-color: #f0db88;
  661. }
  662. &.add {
  663. background-color: #b4e2b4;
  664. }
  665. &.del {
  666. background-color: #e9aeae;
  667. }
  668. &.rename {
  669. background-color: #dad8ff;
  670. }
  671. }
  672. }
  673. .diff-box {
  674. .count {
  675. margin-right: 12px;
  676. font-size: 13px;
  677. .bar {
  678. background-color: #bd2c00;
  679. height: 12px;
  680. width: 40px;
  681. display: inline-block;
  682. margin: 2px 4px 0 4px;
  683. vertical-align: text-top;
  684. .add {
  685. background-color: #55a532;
  686. height: 12px;
  687. }
  688. }
  689. }
  690. .file {
  691. color: #888;
  692. }
  693. }
  694. .diff-file-box {
  695. .header {
  696. background-color: #f7f7f7;
  697. }
  698. .file-body.file-code {
  699. .lines-num {
  700. text-align: right;
  701. color: #A7A7A7;
  702. background: #fafafa;
  703. width: 1%;
  704. span.fold {
  705. display: block;
  706. text-align: center;
  707. }
  708. }
  709. .lines-num-old {
  710. border-right: 1px solid #DDD;
  711. }
  712. }
  713. .code-diff {
  714. font-size: 12px;
  715. td {
  716. padding: 0;
  717. padding-left: 10px;
  718. border-top: none;
  719. }
  720. pre {
  721. margin: 0;
  722. }
  723. .lines-num {
  724. border-right: 1px solid #d4d4d5;
  725. padding: 0 5px;
  726. }
  727. tbody {
  728. tr {
  729. &.tag-code {
  730. td, pre {
  731. background-color: #F0F0F0 !important;
  732. border-color: #D2CECE!important;
  733. padding-top: 4px;
  734. padding-bottom: 4px;
  735. }
  736. td.halfwidth {
  737. width: 50%;
  738. }
  739. // td.selected-line, td.selected-line pre {
  740. // background-color: #ffffdd !important;
  741. // }
  742. }
  743. // &.same-code {
  744. // td.selected-line, td.selected-line pre {
  745. // background-color: #ffffdd !important;
  746. // }
  747. // }
  748. &.del-code {
  749. // Duplicate here to enforce add code color.
  750. td.add-code {
  751. background-color: #eaffea !important;
  752. border-color: #c1e9c1 !important;
  753. pre {
  754. background-color: #eaffea !important;
  755. border-color: #c1e9c1 !important;
  756. }
  757. }
  758. td, pre {
  759. background-color: #ffecec !important;
  760. border-color: #f1c0c0 !important;
  761. }
  762. td.halfwidth {
  763. width: 50%;
  764. }
  765. // td.selected-line, td.selected-line pre {
  766. // background-color: #ffffdd !important;
  767. // }
  768. }
  769. &.add-code {
  770. td, pre {
  771. background-color: #eaffea !important;
  772. border-color: #c1e9c1 !important;
  773. }
  774. td.halfwidth {
  775. width: 50%;
  776. }
  777. // td.selected-line, td.selected-line pre {
  778. // background-color: #ffffdd !important;
  779. // }
  780. }
  781. .removed-code {
  782. background-color: #ff9999;
  783. }
  784. .added-code {
  785. background-color: #99ff99;
  786. }
  787. }
  788. }
  789. }
  790. &.file-content {
  791. img {
  792. max-width: 100%;
  793. padding: 5px 5px 0 5px;
  794. }
  795. }
  796. }
  797. .code-view {
  798. overflow: auto;
  799. overflow-x: auto;
  800. overflow-y: hidden;
  801. }
  802. &.quickstart {
  803. .guide {
  804. .item {
  805. padding: 1em;
  806. small {
  807. font-weight: normal;
  808. }
  809. }
  810. .clone.button:first-child {
  811. border-radius: .28571429rem 0 0 .28571429rem;
  812. }
  813. .ui.action.small.input {
  814. width: 100%;
  815. }
  816. #repo-clone-url {
  817. border-radius: 0;
  818. padding: 5px 10px;
  819. font-size: 1.2em;
  820. }
  821. }
  822. }
  823. &.release {
  824. #release-list {
  825. border-top: 1px solid #DDD;
  826. margin-top: 20px;
  827. padding-top: 15px;
  828. >li {
  829. list-style: none;
  830. .meta,
  831. .detail {
  832. padding-top: 30px;
  833. padding-bottom: 40px;
  834. }
  835. .meta {
  836. text-align: right;
  837. position: relative;
  838. .tag:not(.icon) {
  839. display: block;
  840. margin-top: 15px;
  841. }
  842. .commit {
  843. display: block;
  844. margin-top: 10px;
  845. }
  846. }
  847. .detail {
  848. border-left: 1px solid #DDD;
  849. .author {
  850. img {
  851. margin-bottom: -3px;
  852. }
  853. }
  854. .download {
  855. margin-top: 20px;
  856. >a {
  857. .octicon {
  858. margin-left: 5px;
  859. margin-right: 5px;
  860. }
  861. }
  862. .list {
  863. padding-left: 0;
  864. border-top: 1px solid #eee;
  865. li {
  866. list-style: none;
  867. display: block;
  868. padding-top: 8px;
  869. padding-bottom: 8px;
  870. border-bottom: 1px solid #eee;
  871. }
  872. }
  873. }
  874. .dot {
  875. width: 9px;
  876. height: 9px;
  877. background-color: #ccc;
  878. z-index: 999;
  879. position: absolute;
  880. display: block;
  881. left: -5px;
  882. top: 40px;
  883. border-radius: 6px;
  884. border: 1px solid #FFF;
  885. }
  886. }
  887. }
  888. }
  889. }
  890. &.new.release {
  891. .target {
  892. min-width: 500px;
  893. .at {
  894. margin-left: -5px;
  895. margin-right: 5px;
  896. }
  897. .dropdown.icon {
  898. margin: 0;
  899. padding-top: 3px;
  900. }
  901. .selection.dropdown {
  902. padding-top: 10px;
  903. padding-bottom: 10px;
  904. }
  905. }
  906. .prerelease.field {
  907. margin-bottom: 0;
  908. }
  909. }
  910. &.forks {
  911. .list {
  912. margin-top: 0;
  913. .item {
  914. padding-top: 10px;
  915. padding-bottom: 10px;
  916. border-bottom: 1px solid #DDD;
  917. .ui.avatar {
  918. float: left;
  919. margin-right: 5px;
  920. }
  921. .link {
  922. padding-top: 5px;
  923. }
  924. }
  925. }
  926. }
  927. &.wiki {
  928. &.start {
  929. .ui.segment {
  930. padding-top: 70px;
  931. padding-bottom: 100px;
  932. .mega-octicon {
  933. font-size: 48px;
  934. }
  935. }
  936. }
  937. &.new {
  938. .CodeMirror {
  939. .CodeMirror-code .cm-comment {
  940. background: inherit;
  941. }
  942. }
  943. .editor-preview {
  944. background-color: white;
  945. }
  946. }
  947. &.view {
  948. .choose.page {
  949. margin-top: -5px;
  950. }
  951. .ui.sub.header {
  952. text-transform: none;
  953. }
  954. .markdown {
  955. padding: 15px 30px;
  956. h1, h2, h3, h4, h5, h6 {
  957. &:first-of-type {
  958. margin-top: 0;
  959. }
  960. }
  961. }
  962. }
  963. }
  964. &.settings {
  965. &.collaboration {
  966. .collaborator.list {
  967. padding: 0;
  968. >.item {
  969. margin: 0;
  970. line-height: 2em;
  971. &:not(:last-child) {
  972. border-bottom: 1px solid #DDD;
  973. }
  974. }
  975. }
  976. #repo-collab-form {
  977. #search-user-box {
  978. .results {
  979. left: 7px;
  980. }
  981. }
  982. .ui.button {
  983. margin-left: 5px;
  984. margin-top: -3px;
  985. }
  986. }
  987. }
  988. }
  989. }
  990. // End of .repository
  991. &.user-cards {
  992. .list {
  993. padding: 0;
  994. .item {
  995. list-style: none;
  996. width: 32%;
  997. margin: 10px 10px 10px 0;
  998. padding-bottom: 14px;
  999. float: left;
  1000. .avatar {
  1001. width: 48px;
  1002. height: 48px;
  1003. float: left;
  1004. display: block;
  1005. margin-right: 10px;
  1006. }
  1007. .name {
  1008. margin-top: 0;
  1009. margin-bottom: 0;
  1010. font-weight: normal;
  1011. }
  1012. .meta {
  1013. margin-top: 5px;
  1014. }
  1015. }
  1016. }
  1017. }
  1018. #search-repo-box,
  1019. #search-user-box {
  1020. .results {
  1021. padding: 0;
  1022. position: absolute;
  1023. .item {
  1024. padding: 10px 15px;
  1025. border-bottom: 1px solid #DDD;
  1026. cursor: pointer;
  1027. &:hover {
  1028. background: rgba(0,0,0,.05)!important;
  1029. color: rgba(0,0,0,.95)!important;
  1030. }
  1031. img {
  1032. margin-right: 8px;
  1033. }
  1034. }
  1035. }
  1036. }
  1037. .issue.list {
  1038. list-style: none;
  1039. padding-top: 15px;
  1040. >.item {
  1041. padding-top: 15px;
  1042. padding-bottom: 10px;
  1043. border-bottom: 1px dashed #AAA;
  1044. .title {
  1045. color: #444;
  1046. font-size: 15px;
  1047. font-weight: bold;
  1048. margin: 0 6px;
  1049. &:hover {
  1050. color: #000;
  1051. }
  1052. }
  1053. .comment {
  1054. padding-right: 10px;
  1055. color: #666;
  1056. }
  1057. .desc {
  1058. padding-top: 5px;
  1059. color: #999;
  1060. a.milestone {
  1061. padding-left: 5px;
  1062. color: #999!important;
  1063. &:hover {
  1064. color: #000!important;
  1065. }
  1066. }
  1067. .assignee {
  1068. margin-top: -5px;
  1069. margin-right: 5px;
  1070. }
  1071. }
  1072. }
  1073. }
  1074. .page.buttons {
  1075. padding-top: 15px;
  1076. }
  1077. .ui.comments {
  1078. .dropzone {
  1079. width: 100%;
  1080. margin-bottom: 10px;
  1081. border: 2px dashed #0087F7;
  1082. box-shadow: none!important;
  1083. .dz-error-message {
  1084. top: 140px;
  1085. }
  1086. }
  1087. }
  1088. .settings {
  1089. .content {
  1090. margin-top: 2px;
  1091. >.header,
  1092. .segment {
  1093. box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
  1094. }
  1095. }
  1096. .key.list {
  1097. .item:not(:first-child) {
  1098. border-top: 1px solid #eaeaea;
  1099. }
  1100. .ssh-key-state-indicator {
  1101. float: left;
  1102. color: gray;
  1103. padding-left: 10px;
  1104. padding-top: 10px;
  1105. &.active {
  1106. color: #6cc644;
  1107. }
  1108. }
  1109. .meta {
  1110. padding-top: 5px;
  1111. }
  1112. .print {
  1113. color: #767676;
  1114. }
  1115. .activity {
  1116. color: #666;
  1117. }
  1118. }
  1119. .hook.list {
  1120. > .item:not(:first-child) {
  1121. border-top: 1px solid #eaeaea;
  1122. }
  1123. .item {
  1124. padding: 10px 20px;
  1125. .octicon,
  1126. .fa {
  1127. width: 20px;
  1128. text-align: center;
  1129. }
  1130. }
  1131. }
  1132. .hook.history.list {
  1133. .item {
  1134. padding-left: 13px;
  1135. .meta {
  1136. .ui.right {
  1137. margin-top: 5px;
  1138. .time {
  1139. font-size: 12px;
  1140. }
  1141. }
  1142. }
  1143. .info {
  1144. margin-top: 10px;
  1145. .tabular.menu {
  1146. .item {
  1147. font-weight: 500;
  1148. }
  1149. }
  1150. .tab.segment {
  1151. border: none;
  1152. padding: 0;
  1153. padding-top: 10px;
  1154. box-shadow: none;
  1155. > * {
  1156. color: #666;
  1157. }
  1158. pre {
  1159. word-wrap: break-word;
  1160. .hljs {
  1161. padding: 0;
  1162. background-color: inherit;
  1163. }
  1164. }
  1165. }
  1166. }
  1167. }
  1168. }
  1169. }
  1170. .ui.vertical.menu {
  1171. .header.item {
  1172. font-size: 1.1em;
  1173. background: #f0f0f0;
  1174. }
  1175. }
  1176. .edit-label.modal,
  1177. .new-label.segment {
  1178. .form {
  1179. .column {
  1180. padding-right: 0;
  1181. }
  1182. .buttons {
  1183. margin-left: auto;
  1184. padding-top: 15px;
  1185. }
  1186. .color.picker.column {
  1187. width: auto;
  1188. .color-picker {
  1189. height: 35px;
  1190. width: auto;
  1191. padding-left: 30px;
  1192. }
  1193. }
  1194. .minicolors-swatch.minicolors-sprite {
  1195. top: 10px;
  1196. left: 10px;
  1197. width: 15px;
  1198. height: 15px;
  1199. }
  1200. .precolors {
  1201. padding-left: 0;
  1202. padding-right: 0;
  1203. margin: 3px 10px auto 10px;
  1204. width: 120px;
  1205. .color {
  1206. float: left;
  1207. width: 15px;
  1208. height: 15px;
  1209. }
  1210. }
  1211. }
  1212. }
  1213. #avatar-arrow {
  1214. &:before, &:after {
  1215. right: 100%;
  1216. top: 20px;
  1217. border: solid transparent;
  1218. content: " ";
  1219. height: 0;
  1220. width: 0;
  1221. position: absolute;
  1222. pointer-events: none;
  1223. }
  1224. &:before {
  1225. border-right-color: #D4D4D5;
  1226. border-width: 9px;
  1227. margin-top: -9px;
  1228. }
  1229. &:after {
  1230. border-right-color: #f7f7f7;
  1231. border-width: 8px;
  1232. margin-top: -8px;
  1233. }
  1234. }
  1235. #transfer-repo-modal,
  1236. #delete-repo-modal {
  1237. .ui.message {
  1238. width: 100%!important;
  1239. }
  1240. }