_repository.less 20 KB

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