_repository.less 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707
  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. width: 16px;
  95. }
  96. .menu {
  97. max-height: 300px;
  98. overflow-x: auto;
  99. right: 0!important;
  100. left: auto!important;
  101. }
  102. .dropdown.item {
  103. margin: 1px;
  104. padding-right: 0;
  105. }
  106. }
  107. .ui.tabs {
  108. &.container {
  109. margin-top: 14px;
  110. margin-bottom: 0px;
  111. .ui.menu {
  112. border-bottom: none;
  113. }
  114. }
  115. &.divider {
  116. margin-top: 0;
  117. margin-bottom: 20px;
  118. }
  119. }
  120. #clone-panel {
  121. margin-top: -8px;
  122. margin-left: 5px;
  123. width: 350px;
  124. input {
  125. border-radius: 0;
  126. padding: 5px 10px;
  127. }
  128. .clone.button {
  129. font-size: 13px;
  130. padding: 0 5px;
  131. &:first-child {
  132. border-radius: .28571429rem 0 0 .28571429rem;
  133. }
  134. }
  135. .icon.button {
  136. padding: 0 10px;
  137. }
  138. .dropdown .menu {
  139. right: 0!important;
  140. left: auto!important;
  141. }
  142. }
  143. &.branches:not(.settings) {
  144. .ui.list {
  145. padding: 0;
  146. >.item {
  147. margin: 0;
  148. line-height: 31px;
  149. &:not(:last-child) {
  150. border-bottom: 1px solid #DDD;
  151. }
  152. .column {
  153. padding: 5px 15px;
  154. .octicon {
  155. vertical-align: text-bottom;
  156. }
  157. code {
  158. padding: 4px 0;
  159. font-size: 12px;
  160. }
  161. .ui.text:not(i) {
  162. font-size: 12px;
  163. }
  164. .ui.button {
  165. font-size: 12px;
  166. padding: 8px 10px;
  167. }
  168. }
  169. }
  170. }
  171. }
  172. &.file.list {
  173. #repo-desc {
  174. font-size: 1.2em;
  175. }
  176. .choose.reference {
  177. .header .icon {
  178. font-size: 1.4em;
  179. }
  180. }
  181. #file-buttons {
  182. font-weight: normal;
  183. .ui.button {
  184. padding: 8px 10px;
  185. font-weight: normal;
  186. }
  187. }
  188. #git-stats {
  189. padding: 10px;
  190. line-height: 0;
  191. .list {
  192. width: 100%;
  193. .item {
  194. margin-left: 0;
  195. width: 33.33%;
  196. .text b {
  197. font-size: 15px;
  198. }
  199. }
  200. }
  201. }
  202. #repo-files-table {
  203. thead {
  204. th {
  205. padding-top: 8px;
  206. padding-bottom: 5px;
  207. font-weight: normal;
  208. &:first-child {
  209. display: block;
  210. position: relative;
  211. width: 325%;
  212. }
  213. }
  214. .ui.avatar {
  215. margin-bottom: 5px;
  216. }
  217. }
  218. tbody {
  219. .octicon {
  220. margin-left: 3px;
  221. margin-right: 5px;
  222. color: #777;
  223. &.octicon-mail-reply {
  224. margin-right: 10px;
  225. }
  226. &.octicon-file-directory, &.octicon-file-submodule {
  227. color: #1e70bf;
  228. }
  229. }
  230. }
  231. td {
  232. padding-top: 8px;
  233. padding-bottom: 8px;
  234. }
  235. tr:hover {
  236. background-color: #ffffEE;
  237. }
  238. }
  239. #file-content {
  240. .header {
  241. .icon {
  242. font-size: 1em;
  243. margin-top: -2px;
  244. }
  245. .file-actions {
  246. padding-left: 20px;
  247. .btn-octicon {
  248. display: inline-block;
  249. padding: 5px;
  250. margin-left: 5px;
  251. line-height: 1;
  252. color: #767676;
  253. vertical-align: middle;
  254. background: transparent;
  255. border: 0;
  256. outline: none;
  257. }
  258. .btn-octicon:hover {
  259. color: #4078c0;
  260. }
  261. .btn-octicon-danger:hover {
  262. color: #bd2c00;
  263. }
  264. .btn-octicon.disabled {
  265. color: #bbb;
  266. cursor: default;
  267. }
  268. #delete-file-form {
  269. display: inline-block;
  270. }
  271. }
  272. }
  273. .view-raw {
  274. padding: 5px;
  275. * {
  276. max-width: 100%;
  277. }
  278. img {
  279. margin-bottom: -5px;
  280. }
  281. }
  282. #ipython-notebook {
  283. margin-left: 95px;
  284. padding-top: 1px;
  285. .nb-notebook {
  286. line-height: 1.5;
  287. }
  288. .nb-stdout, .nb-stderr {
  289. white-space: pre-wrap;
  290. margin: 1em 0;
  291. padding: 0.1em 0.5em;
  292. }
  293. .nb-stderr {
  294. background-color: #FAA;
  295. }
  296. .nb-cell + .nb-cell {
  297. margin-top: 0.5em;
  298. }
  299. .nb-cell {
  300. position: relative;
  301. &.nb-heading-cell {
  302. margin-top: 0.5em;
  303. }
  304. img {
  305. max-width: 100%;
  306. }
  307. }
  308. .nb-raw-cell {
  309. white-space: pre-wrap;
  310. background-color: #f5f2f0;
  311. font-family: Consolas, Monaco, 'Andale Mono', monospace;
  312. padding: 1em;
  313. margin: .5em 0;
  314. }
  315. .nb-input:before,
  316. .nb-output:before {
  317. position: absolute;
  318. font-family: monospace;
  319. color: #999;
  320. left: -7.5em;
  321. width: 7em;
  322. text-align: right;
  323. }
  324. .nb-input {
  325. &:before {
  326. content: "In [" attr(data-prompt-number) "]:";
  327. }
  328. pre {
  329. background-color: #f7f7f7;
  330. margin-right: 10px;
  331. padding: 5px 10px;
  332. code {
  333. min-height: 18px;
  334. line-height: 18px;
  335. font-size: 14px;
  336. }
  337. }
  338. }
  339. .nb-output{
  340. &:before {
  341. content: "Out [" attr(data-prompt-number) "]:";
  342. }
  343. pre {
  344. padding: 5px 10px;
  345. font-size: 14px;
  346. }
  347. img {
  348. max-width: 100%;
  349. }
  350. table {
  351. border: 1px solid #000;
  352. border-collapse: collapse;
  353. }
  354. th {
  355. font-weight: bold;
  356. }
  357. th,
  358. td {
  359. border: 1px solid #000;
  360. padding: 0.25em;
  361. text-align: left;
  362. vertical-align: middle;
  363. border-collapse: collapse;
  364. }
  365. }
  366. .nb-markdown-cell {
  367. margin-top: 10px;
  368. margin-right: 10px;
  369. padding: 10px;
  370. }
  371. // Fix pandas dataframe formatting
  372. div[style="max-height:1000px;max-width:1500px;overflow:auto;"] {
  373. max-height: none !important;
  374. }
  375. }
  376. .plain-text {
  377. font-size: 14px;
  378. padding: 15px 15px 10px 15px;
  379. font-family: Consolas;
  380. }
  381. .code-view {
  382. * {
  383. font-size: 12px;
  384. font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  385. line-height: 20px;
  386. }
  387. table {
  388. width: 100%;
  389. }
  390. .lines-num {
  391. vertical-align: top;
  392. text-align: right;
  393. color: #999;
  394. background: #f5f5f5;
  395. width: 1%;
  396. span {
  397. line-height: 20px;
  398. padding: 0 10px;
  399. cursor: pointer;
  400. display: block;
  401. }
  402. }
  403. .lines-num,
  404. .lines-code {
  405. padding: 0;
  406. pre,
  407. ol,
  408. .hljs {
  409. background-color: white;
  410. margin: 0;
  411. padding: 0 !important;
  412. li {
  413. display: inline-block;
  414. width: 100%;
  415. &.active {
  416. background: #ffffdd;
  417. }
  418. &:before {
  419. content: ' ';
  420. }
  421. }
  422. }
  423. }
  424. }
  425. }
  426. .sidebar {
  427. padding-left: 0;
  428. .octicon {
  429. width: 16px;
  430. }
  431. }
  432. }
  433. &.file.editor {
  434. .treepath {
  435. width: 100%;
  436. input {
  437. vertical-align: middle;
  438. box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 2px inset;
  439. width: inherit;
  440. padding: 7px 8px;
  441. margin-right: 5px;
  442. }
  443. }
  444. .tabular.menu {
  445. .octicon {
  446. margin-right: 5px;
  447. }
  448. }
  449. .commit-form-wrapper {
  450. padding-left: 64px;
  451. .commit-avatar {
  452. float: left;
  453. margin-left: -64px;
  454. width: 3em;
  455. height: auto;
  456. }
  457. .commit-form {
  458. position: relative;
  459. padding: 15px;
  460. margin-bottom: 10px;
  461. border: 1px solid #ddd;
  462. border-radius: 3px;
  463. #avatar-arrow;
  464. &:after {
  465. border-right-color: #fff;
  466. }
  467. .quick-pull-choice {
  468. .branch-name {
  469. display: inline-block;
  470. padding: 3px 6px;
  471. font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
  472. color: rgba(0,0,0,0.65);
  473. background-color: rgba(209,227,237,0.45);
  474. border-radius: 3px;
  475. }
  476. .new-branch-name-input {
  477. position: relative;
  478. margin-left: 25px;
  479. input {
  480. width: 240px !important;
  481. padding-left: 26px !important;
  482. }
  483. }
  484. .octicon-git-branch {
  485. position: absolute;
  486. top: 9px;
  487. left: 10px;
  488. color: #b0c4ce;
  489. }
  490. }
  491. }
  492. }
  493. }
  494. &.options {
  495. #interval {
  496. width: 100px!important;
  497. min-width: 100px;
  498. }
  499. .danger {
  500. .item {
  501. padding: 20px 15px;
  502. }
  503. .ui.divider {
  504. margin: 0;
  505. }
  506. }
  507. }
  508. @comment-avatar-width: 3em;
  509. &.new.issue {
  510. .comment.form {
  511. .comment {
  512. .avatar {
  513. width: @comment-avatar-width;
  514. }
  515. }
  516. .content {
  517. margin-left: 4em;
  518. #avatar-arrow;
  519. &:after {
  520. border-right-color: #fff;
  521. }
  522. .markdown {
  523. font-size: 14px;
  524. }
  525. }
  526. .metas {
  527. min-width: 220px;
  528. .filter.menu {
  529. max-height: 300px;
  530. overflow-x: auto;
  531. }
  532. }
  533. }
  534. }
  535. &.view.issue {
  536. .title {
  537. padding-bottom: 0!important;
  538. h1 {
  539. font-weight: 300;
  540. font-size: 2.3rem;
  541. margin-bottom: 5px;
  542. .ui.input {
  543. font-size: 0.5em;
  544. vertical-align: top;
  545. width: 50%;
  546. min-width: 600px;
  547. input {
  548. font-size: 1.5em;
  549. padding: 6px 10px;
  550. }
  551. }
  552. }
  553. .index {
  554. font-weight: 300;
  555. color: #aaa;
  556. letter-spacing: -1px;
  557. }
  558. .label {
  559. margin-right: 10px;
  560. }
  561. .edit-zone {
  562. margin-top: 10px;
  563. }
  564. }
  565. .pull-desc {
  566. code {
  567. color: #0166E6;
  568. }
  569. }
  570. .pull {
  571. &.tabular.menu {
  572. margin-bottom: 10px;
  573. .octicon {
  574. margin-right: 5px;
  575. }
  576. }
  577. &.tab.segment {
  578. border: none;
  579. padding: 0;
  580. padding-top: 10px;
  581. box-shadow: none;
  582. background-color: inherit;
  583. }
  584. .merge.box {
  585. .avatar {
  586. margin-left: 10px;
  587. margin-top: 10px;
  588. }
  589. }
  590. }
  591. .comment-list {
  592. &:before {
  593. display: block;
  594. content: "";
  595. position: absolute;
  596. margin-top: 12px;
  597. margin-bottom: 14px;
  598. top: 0;
  599. bottom: 0;
  600. left: 96px;
  601. width: 2px;
  602. background-color: #f3f3f3;
  603. z-index: -1;
  604. }
  605. .comment {
  606. .avatar {
  607. width: @comment-avatar-width;
  608. }
  609. .tag {
  610. color: #767676;
  611. margin-top: 3px;
  612. padding: 2px 5px;
  613. font-size: 12px;
  614. border: 1px solid rgba(0,0,0,0.1);
  615. border-radius: 3px;
  616. }
  617. .actions {
  618. .item {
  619. float: left;
  620. &.tag {
  621. margin-right: 5px;
  622. }
  623. &.action {
  624. margin-top: 6px;
  625. margin-left: 10px;
  626. }
  627. }
  628. }
  629. .content {
  630. margin-left: 4em;
  631. .header {
  632. #avatar-arrow;
  633. font-weight: normal;
  634. padding: auto 15px;
  635. position: relative;
  636. color: #767676;
  637. background-color: #f7f7f7;
  638. border-bottom: 1px solid #eee;
  639. border-top-left-radius: 3px;
  640. border-top-right-radius: 3px;
  641. .text {
  642. max-width: 78%;
  643. padding-top: 10px;
  644. padding-bottom: 10px;
  645. }
  646. }
  647. .markdown {
  648. font-size: 14px;
  649. }
  650. .no-content {
  651. color: #767676;
  652. font-style: italic;
  653. }
  654. > .bottom.segment {
  655. background: #f3f4f5;
  656. .ui.images::after {
  657. clear: both;
  658. content: ' ';
  659. display: block;
  660. }
  661. a {
  662. display: block;
  663. float: left;
  664. margin: 5px;
  665. padding: 5px;
  666. height: 150px;
  667. border: solid 1px #eee;
  668. border-radius: 3px;
  669. max-width: 150px;
  670. background-color: #fff;
  671. &:before {
  672. content:' ';
  673. display: inline-block;
  674. height: 100%;
  675. vertical-align: middle;
  676. }
  677. }
  678. .ui.image {
  679. max-height: 100%;
  680. width: auto;
  681. margin: 0;
  682. vertical-align: middle;
  683. }
  684. span.ui.image {
  685. font-size: 8vw;
  686. color: #000000;
  687. }
  688. span.ui.image:hover {
  689. color: #000000;
  690. }
  691. }
  692. }
  693. .ui.form {
  694. .field:first-child {
  695. clear: none;
  696. }
  697. .tab.segment {
  698. border: none;
  699. padding: 0;
  700. padding-top: 10px;
  701. }
  702. textarea {
  703. height: 200px;
  704. font-family: "Consolas", monospace;
  705. }
  706. }
  707. .edit.buttons {
  708. margin-top: 10px;
  709. }
  710. }
  711. .event {
  712. position: relative;
  713. margin: 15px 0 15px 79px;
  714. padding-left: 25px;
  715. .octicon {
  716. width: 30px;
  717. float: left;
  718. text-align: center;
  719. &.octicon-circle-slash {
  720. margin-top: 5px;
  721. margin-left: -34.5px;
  722. font-size: 20px;
  723. color: #bd2c00;
  724. }
  725. &.octicon-primitive-dot {
  726. margin-left: -28.5px;
  727. margin-right: -1px;
  728. font-size: 30px;
  729. color: #6cc644;
  730. }
  731. &.octicon-bookmark {
  732. margin-top: 3px;
  733. margin-left: -31px;
  734. margin-right: -1px;
  735. font-size: 25px;
  736. }
  737. }
  738. .detail {
  739. font-size: 0.9rem;
  740. margin-top: 5px;
  741. margin-left: 35px;
  742. .octicon {
  743. &.octicon-git-commit {
  744. margin-top: 2px;
  745. }
  746. }
  747. }
  748. }
  749. }
  750. .ui.segment.metas {
  751. margin-top: -3px;
  752. }
  753. .ui.participants {
  754. img {
  755. margin-top: 5px;
  756. margin-right: 5px;
  757. }
  758. }
  759. }
  760. .comment.form {
  761. .ui.comments {
  762. margin-top: -12px;
  763. max-width: 100%;
  764. }
  765. .content {
  766. .field:first-child {
  767. clear: none;
  768. }
  769. .form {
  770. #avatar-arrow;
  771. &:after {
  772. border-right-color: #fff;
  773. }
  774. }
  775. .tab.segment {
  776. border: none;
  777. padding: 0;
  778. padding-top: 10px;
  779. }
  780. textarea {
  781. height: 200px;
  782. font-family: "Consolas", monospace;
  783. }
  784. }
  785. }
  786. .label.list {
  787. list-style: none;
  788. padding-top: 15px;
  789. >.item {
  790. padding-top: 10px;
  791. padding-bottom: 10px;
  792. border-bottom: 1px dashed #AAA;
  793. a {
  794. font-size: 15px;
  795. padding-top: 5px;
  796. padding-right: 10px;
  797. color: #666;
  798. &:hover {
  799. color: #000;
  800. }
  801. &.open-issues {
  802. margin-right: 30px;
  803. }
  804. }
  805. .ui.label {
  806. font-size: 1em;
  807. }
  808. }
  809. }
  810. .milestone.list {
  811. list-style: none;
  812. padding-top: 15px;
  813. > .item {
  814. padding-top: 10px;
  815. padding-bottom: 10px;
  816. border-bottom: 1px dashed #AAA;
  817. > a {
  818. padding-top: 5px;
  819. padding-right: 10px;
  820. color: #000;
  821. &:hover {
  822. color: #4078c0;
  823. }
  824. }
  825. .ui.progress {
  826. width: 40%;
  827. padding: 0;
  828. border: 0;
  829. margin: 0;
  830. .bar {
  831. height: 20px;
  832. }
  833. }
  834. .meta {
  835. color: #999;
  836. padding-top: 5px;
  837. .issue-stats .octicon{
  838. padding-left: 5px;
  839. }
  840. .overdue {
  841. color: red;
  842. }
  843. }
  844. .operate {
  845. margin-top: -15px;
  846. > a {
  847. font-size: 15px;
  848. padding-top: 5px;
  849. padding-right: 10px;
  850. color: #666;
  851. &:hover {
  852. color: #000;
  853. }
  854. }
  855. }
  856. .content {
  857. padding-top: 10px;
  858. }
  859. }
  860. }
  861. &.new.milestone {
  862. textarea {
  863. height: 200px;
  864. }
  865. #deadline {
  866. width: 150px;
  867. }
  868. }
  869. &.compare.pull {
  870. .choose.branch {
  871. .octicon {
  872. padding-right: 10px;
  873. }
  874. }
  875. .comment.form {
  876. .content {
  877. #avatar-arrow;
  878. &:after {
  879. border-right-color: #fff;
  880. }
  881. }
  882. }
  883. }
  884. .filter.dropdown .menu {
  885. margin-top: 1px!important;
  886. }
  887. &.commits {
  888. .header {
  889. .ui.right {
  890. .search {
  891. input {
  892. font-weight: normal;
  893. padding: 5px 10px;
  894. }
  895. }
  896. }
  897. }
  898. }
  899. #commits-table {
  900. thead {
  901. th:first-of-type {
  902. padding-left: 15px;
  903. }
  904. .sha {
  905. font-size: 13px;
  906. padding: 6px 40px 4px 35px;
  907. }
  908. }
  909. &.ui.basic.striped.table tbody tr:nth-child(2n) {
  910. background-color: rgba(0, 0, 0, .02)!important;
  911. }
  912. }
  913. .diff-detail-box {
  914. margin: 15px 0;
  915. line-height: 30px;
  916. ol {
  917. clear: both;
  918. padding-left: 0;
  919. margin-top: 5px;
  920. margin-bottom: 28px;
  921. li {
  922. list-style: none;
  923. padding-bottom: 4px;
  924. margin-bottom: 4px;
  925. border-bottom: 1px dashed #DDD;
  926. padding-left: 6px;
  927. }
  928. }
  929. span.status{
  930. display: inline-block;
  931. width: 12px;
  932. height: 12px;
  933. margin-right: 8px;
  934. vertical-align: middle;
  935. &.modify {
  936. background-color: #f0db88;
  937. }
  938. &.add {
  939. background-color: #b4e2b4;
  940. }
  941. &.del {
  942. background-color: #e9aeae;
  943. }
  944. &.rename {
  945. background-color: #dad8ff;
  946. }
  947. }
  948. }
  949. .diff-box {
  950. .count {
  951. margin-right: 12px;
  952. font-size: 13px;
  953. .bar {
  954. background-color: #bd2c00;
  955. height: 12px;
  956. width: 40px;
  957. display: inline-block;
  958. margin: 2px 4px 0 4px;
  959. vertical-align: text-top;
  960. .add {
  961. background-color: #55a532;
  962. height: 12px;
  963. }
  964. }
  965. }
  966. .file {
  967. color: #888;
  968. }
  969. }
  970. .diff-file-box {
  971. .header {
  972. background-color: #f7f7f7;
  973. }
  974. .file-body.file-code {
  975. .lines-num {
  976. text-align: right;
  977. color: #A7A7A7;
  978. background: #fafafa;
  979. width: 1%;
  980. span.fold {
  981. display: block;
  982. text-align: center;
  983. }
  984. }
  985. .lines-num-old {
  986. border-right: 1px solid #DDD;
  987. }
  988. }
  989. .code-diff {
  990. font-size: 12px;
  991. td {
  992. padding: 0;
  993. padding-left: 10px;
  994. border-top: none;
  995. }
  996. pre {
  997. margin: 0;
  998. }
  999. .lines-num {
  1000. border-right: 1px solid #d4d4d5;
  1001. padding: 0 5px;
  1002. &.lines-num-old, &.lines-num-new {
  1003. cursor: pointer;
  1004. &:hover {
  1005. color: #383636;
  1006. }
  1007. }
  1008. }
  1009. tbody {
  1010. tr {
  1011. &.tag-code {
  1012. td {
  1013. background-color: #F0F0F0 !important;
  1014. border-color: #D2CECE!important;
  1015. padding-top: 4px;
  1016. padding-bottom: 4px;
  1017. }
  1018. td.halfwidth {
  1019. width: 50%;
  1020. }
  1021. }
  1022. &.same-code {
  1023. td.active {
  1024. background-color: #ffffdd !important;
  1025. }
  1026. }
  1027. &.del-code {
  1028. // Duplicate here to enforce add code color.
  1029. td.add-code {
  1030. background-color: #eaffea !important;
  1031. border-color: #c1e9c1 !important;
  1032. pre {
  1033. background-color: #eaffea !important;
  1034. border-color: #c1e9c1 !important;
  1035. }
  1036. }
  1037. td {
  1038. background-color: #ffecec !important;
  1039. border-color: #f1c0c0 !important;
  1040. }
  1041. td.active {
  1042. background-color: #ffffdd !important;
  1043. }
  1044. td.halfwidth {
  1045. width: 50%;
  1046. }
  1047. }
  1048. &.add-code {
  1049. td {
  1050. background-color: #eaffea !important;
  1051. border-color: #c1e9c1 !important;
  1052. }
  1053. td.halfwidth {
  1054. width: 50%;
  1055. }
  1056. td.active {
  1057. background-color: #ffffdd !important;
  1058. }
  1059. }
  1060. .removed-code {
  1061. background-color: #ff9999;
  1062. }
  1063. .added-code {
  1064. background-color: #99ff99;
  1065. }
  1066. }
  1067. }
  1068. }
  1069. &.file-content {
  1070. img {
  1071. max-width: 100%;
  1072. padding: 5px 5px 0 5px;
  1073. }
  1074. }
  1075. }
  1076. .code-view {
  1077. overflow: auto;
  1078. overflow-x: auto;
  1079. overflow-y: hidden;
  1080. }
  1081. &.quickstart {
  1082. .guide {
  1083. .item {
  1084. padding: 1em;
  1085. small {
  1086. font-weight: normal;
  1087. }
  1088. }
  1089. .clone.button:first-child {
  1090. border-radius: .28571429rem 0 0 .28571429rem;
  1091. }
  1092. .ui.action.small.input {
  1093. width: 100%;
  1094. }
  1095. #repo-clone-url {
  1096. border-radius: 0;
  1097. padding: 5px 10px;
  1098. font-size: 1.2em;
  1099. }
  1100. }
  1101. }
  1102. &.release {
  1103. #release-list {
  1104. border-top: 1px solid #DDD;
  1105. margin-top: 20px;
  1106. padding-top: 15px;
  1107. >li {
  1108. list-style: none;
  1109. .meta,
  1110. .detail {
  1111. padding-top: 30px;
  1112. padding-bottom: 40px;
  1113. }
  1114. .meta {
  1115. text-align: right;
  1116. position: relative;
  1117. .tag:not(.icon) {
  1118. display: block;
  1119. margin-top: 6px;
  1120. }
  1121. .commit {
  1122. display: block;
  1123. margin-top: 6px;
  1124. }
  1125. }
  1126. .detail {
  1127. border-left: 1px solid #DDD;
  1128. .author {
  1129. img {
  1130. margin-bottom: -3px;
  1131. }
  1132. }
  1133. .download {
  1134. margin-top: 20px;
  1135. >a {
  1136. .octicon {
  1137. margin-left: 5px;
  1138. margin-right: 5px;
  1139. }
  1140. }
  1141. .list {
  1142. padding-left: 0;
  1143. border-top: 1px solid #eee;
  1144. li {
  1145. list-style: none;
  1146. display: block;
  1147. padding-top: 8px;
  1148. padding-bottom: 8px;
  1149. border-bottom: 1px solid #eee;
  1150. }
  1151. }
  1152. }
  1153. .dot {
  1154. width: 9px;
  1155. height: 9px;
  1156. background-color: #ccc;
  1157. z-index: 999;
  1158. position: absolute;
  1159. display: block;
  1160. left: -5px;
  1161. top: 40px;
  1162. border-radius: 6px;
  1163. border: 1px solid #FFF;
  1164. }
  1165. }
  1166. }
  1167. }
  1168. }
  1169. &.new.release {
  1170. .target {
  1171. min-width: 500px;
  1172. #tag-name {
  1173. margin-top: -4px;
  1174. }
  1175. .at {
  1176. margin-left: -5px;
  1177. margin-right: 5px;
  1178. }
  1179. .dropdown.icon {
  1180. margin: 0;
  1181. padding-top: 3px;
  1182. }
  1183. .selection.dropdown {
  1184. padding-top: 10px;
  1185. padding-bottom: 10px;
  1186. }
  1187. }
  1188. .prerelease.field {
  1189. margin-bottom: 0;
  1190. }
  1191. }
  1192. &.forks {
  1193. .list {
  1194. margin-top: 0;
  1195. .item {
  1196. padding-top: 10px;
  1197. padding-bottom: 10px;
  1198. border-bottom: 1px solid #DDD;
  1199. .ui.avatar {
  1200. float: left;
  1201. margin-right: 5px;
  1202. }
  1203. .link {
  1204. padding-top: 5px;
  1205. }
  1206. }
  1207. }
  1208. }
  1209. &.wiki {
  1210. &.start {
  1211. .ui.segment {
  1212. padding-top: 70px;
  1213. padding-bottom: 100px;
  1214. .mega-octicon {
  1215. font-size: 48px;
  1216. }
  1217. }
  1218. }
  1219. &.new {
  1220. .CodeMirror {
  1221. .CodeMirror-code {
  1222. font-family: "Consolas", monospace;
  1223. .cm-comment {
  1224. background: inherit;
  1225. }
  1226. }
  1227. }
  1228. .editor-preview {
  1229. background-color: white;
  1230. }
  1231. }
  1232. &.view {
  1233. .choose.page {
  1234. margin-top: -5px;
  1235. }
  1236. .ui.sub.header {
  1237. text-transform: none;
  1238. }
  1239. .markdown {
  1240. padding-left: 25px;
  1241. margin-left: -25px;
  1242. h1, h2, h3, h4, h5, h6 {
  1243. &:first-of-type {
  1244. margin-top: 0;
  1245. }
  1246. }
  1247. }
  1248. }
  1249. }
  1250. &.settings {
  1251. &.collaboration {
  1252. .collaborator.list {
  1253. padding: 0;
  1254. >.item {
  1255. margin: 0;
  1256. line-height: 2em;
  1257. &:not(:last-child) {
  1258. border-bottom: 1px solid #DDD;
  1259. }
  1260. }
  1261. }
  1262. #repo-collab-form {
  1263. #search-user-box {
  1264. .results {
  1265. left: 7px;
  1266. }
  1267. }
  1268. .ui.button {
  1269. margin-left: 5px;
  1270. margin-top: -3px;
  1271. }
  1272. }
  1273. }
  1274. &.settings.branches {
  1275. .protected-branches {
  1276. .selection.dropdown {
  1277. width: 300px;
  1278. }
  1279. .item {
  1280. border: 1px solid #eaeaea;
  1281. padding: 10px 15px;
  1282. &:not(:last-child) {
  1283. border-bottom: 0;
  1284. }
  1285. }
  1286. }
  1287. .branch-protection {
  1288. .help {
  1289. margin-left: 26px;
  1290. padding-top: 0;
  1291. }
  1292. .fields {
  1293. margin-left: 20px;
  1294. display: block;
  1295. }
  1296. .whitelist {
  1297. margin-left: 26px;
  1298. .dropdown img {
  1299. display: inline-block;
  1300. }
  1301. }
  1302. }
  1303. }
  1304. &.webhooks {
  1305. .types {
  1306. .menu .item {
  1307. padding: 10px !important;
  1308. }
  1309. }
  1310. }
  1311. &.webhook {
  1312. .text.desc {
  1313. margin-top: 5px;
  1314. }
  1315. .events {
  1316. .column {
  1317. padding-bottom: 0;
  1318. }
  1319. .help {
  1320. font-size: 13px;
  1321. margin-left: 26px;
  1322. padding-top: 0;
  1323. }
  1324. }
  1325. }
  1326. }
  1327. }
  1328. // End of .repository
  1329. // Should apply organization webhooks page
  1330. .webhook .hook.history.list {
  1331. .right.menu {
  1332. .redelivery.button {
  1333. font-size: 12px;
  1334. margin-top: 6px;
  1335. height: 30px;
  1336. .octicon {
  1337. font: normal normal normal 13px/1 Octicons;
  1338. width: 12px;
  1339. }
  1340. }
  1341. }
  1342. }
  1343. &.user-cards {
  1344. .list {
  1345. padding: 0;
  1346. .item {
  1347. list-style: none;
  1348. width: 32%;
  1349. margin: 10px 10px 10px 0;
  1350. padding-bottom: 14px;
  1351. float: left;
  1352. .avatar {
  1353. width: 48px;
  1354. height: 48px;
  1355. float: left;
  1356. display: block;
  1357. margin-right: 10px;
  1358. }
  1359. .name {
  1360. margin-top: 0;
  1361. margin-bottom: 0;
  1362. font-weight: normal;
  1363. }
  1364. .meta {
  1365. margin-top: 5px;
  1366. }
  1367. }
  1368. }
  1369. }
  1370. #search-repo-box,
  1371. #search-user-box {
  1372. .results {
  1373. padding: 0;
  1374. position: absolute;
  1375. .item {
  1376. padding: 10px 15px;
  1377. border-bottom: 1px solid #DDD;
  1378. cursor: pointer;
  1379. &:hover {
  1380. background: rgba(0,0,0,.05)!important;
  1381. color: rgba(0,0,0,.95)!important;
  1382. }
  1383. img {
  1384. margin-right: 8px;
  1385. }
  1386. }
  1387. }
  1388. }
  1389. .issue.list {
  1390. list-style: none;
  1391. padding-top: 15px;
  1392. >.item {
  1393. padding-top: 15px;
  1394. padding-bottom: 10px;
  1395. border-bottom: 1px dashed #AAA;
  1396. .title {
  1397. color: #444;
  1398. font-size: 15px;
  1399. font-weight: bold;
  1400. margin: 0 6px;
  1401. &:hover {
  1402. color: #000;
  1403. }
  1404. }
  1405. .comment {
  1406. padding-right: 10px;
  1407. color: #666;
  1408. }
  1409. .desc {
  1410. padding-top: 5px;
  1411. color: #999;
  1412. a.milestone {
  1413. padding-left: 5px;
  1414. color: #999!important;
  1415. &:hover {
  1416. color: #000!important;
  1417. }
  1418. }
  1419. .assignee {
  1420. margin-top: -5px;
  1421. margin-right: 5px;
  1422. }
  1423. }
  1424. }
  1425. }
  1426. .page.buttons {
  1427. padding-top: 15px;
  1428. }
  1429. .ui.form {
  1430. .dropzone {
  1431. width: 100%;
  1432. margin-bottom: 10px;
  1433. border: 2px dashed #0087F7;
  1434. box-shadow: none!important;
  1435. .dz-error-message {
  1436. top: 140px;
  1437. }
  1438. }
  1439. }
  1440. .settings {
  1441. .content {
  1442. margin-top: 2px;
  1443. }
  1444. .key.list {
  1445. .item:not(:first-child) {
  1446. border-top: 1px solid #eaeaea;
  1447. }
  1448. .ssh-key-state-indicator {
  1449. float: left;
  1450. color: gray;
  1451. padding-left: 10px;
  1452. padding-top: 10px;
  1453. &.active {
  1454. color: #6cc644;
  1455. }
  1456. }
  1457. .meta {
  1458. padding-top: 5px;
  1459. }
  1460. .print {
  1461. color: #767676;
  1462. }
  1463. .activity {
  1464. color: #666;
  1465. }
  1466. }
  1467. .hook.list {
  1468. > .item:not(:first-child) {
  1469. border-top: 1px solid #eaeaea;
  1470. }
  1471. .item {
  1472. padding: 10px 20px;
  1473. .octicon,
  1474. .fa {
  1475. width: 20px;
  1476. text-align: center;
  1477. }
  1478. a {
  1479. .dont-break-out;
  1480. }
  1481. }
  1482. }
  1483. .hook.history.list {
  1484. .item {
  1485. padding-left: 13px;
  1486. .meta {
  1487. .ui.right {
  1488. margin-top: 5px;
  1489. .time {
  1490. font-size: 12px;
  1491. }
  1492. }
  1493. }
  1494. .info {
  1495. margin-top: 10px;
  1496. .tabular.menu {
  1497. .item {
  1498. font-weight: 500;
  1499. }
  1500. }
  1501. .tab.segment {
  1502. border: none;
  1503. padding: 0;
  1504. padding-top: 10px;
  1505. box-shadow: none;
  1506. > * {
  1507. color: #666;
  1508. }
  1509. pre {
  1510. word-wrap: break-word;
  1511. .hljs {
  1512. padding: 0;
  1513. background-color: inherit;
  1514. }
  1515. }
  1516. }
  1517. }
  1518. }
  1519. }
  1520. }
  1521. .ui.vertical.menu {
  1522. .header.item {
  1523. font-size: 1.1em;
  1524. background: #f0f0f0;
  1525. }
  1526. }
  1527. .edit-label.modal,
  1528. .new-label.segment {
  1529. .form {
  1530. .column {
  1531. padding-right: 0;
  1532. }
  1533. .buttons {
  1534. margin-left: auto;
  1535. padding-top: 15px;
  1536. }
  1537. .color.picker.column {
  1538. width: auto;
  1539. .color-picker {
  1540. height: 35px;
  1541. width: auto;
  1542. padding-left: 30px;
  1543. }
  1544. }
  1545. .minicolors-swatch.minicolors-sprite {
  1546. top: 10px;
  1547. left: 10px;
  1548. width: 15px;
  1549. height: 15px;
  1550. }
  1551. .precolors {
  1552. padding-left: 0;
  1553. padding-right: 0;
  1554. margin: 3px 10px auto 10px;
  1555. width: 120px;
  1556. .color {
  1557. float: left;
  1558. width: 15px;
  1559. height: 15px;
  1560. }
  1561. }
  1562. }
  1563. }
  1564. #avatar-arrow {
  1565. &:before, &:after {
  1566. right: 100%;
  1567. top: 20px;
  1568. border: solid transparent;
  1569. content: " ";
  1570. height: 0;
  1571. width: 0;
  1572. position: absolute;
  1573. pointer-events: none;
  1574. }
  1575. &:before {
  1576. border-right-color: #D4D4D5;
  1577. border-width: 9px;
  1578. margin-top: -9px;
  1579. }
  1580. &:after {
  1581. border-right-color: #f7f7f7;
  1582. border-width: 8px;
  1583. margin-top: -8px;
  1584. }
  1585. }
  1586. #transfer-repo-modal,
  1587. #delete-repo-modal {
  1588. .ui.message {
  1589. width: 100%!important;
  1590. }
  1591. }
  1592. // generate .tab-size-{i} from 1 to 16
  1593. .generate-tab-size(16);
  1594. .generate-tab-size(@n, @i: 1) when (@i =< @n) {
  1595. .tab-size-@{i} {
  1596. tab-size: @i !important;
  1597. -moz-tab-size: @i !important;
  1598. }
  1599. .generate-tab-size(@n, (@i + 1));
  1600. }