Fork to maintain patches against the official gitea for https://code.ceondo.com https://github.com/go-gitea/gitea

_repository.less 24KB

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