_repository.less 21 KB

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