osbzr
/
com
项目红包剩余8542，下一贡献奖励5%，即 427个红包
Watch 13
Star 6
Wiki 捐赠
本站源代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branch: gamification
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'gamification'
${ noResults }
com/public/less/_base.less

1090 lines
22KB
Raw Permalink Blame History 

  1. @font-face {

  2.     font-family: 'Lato';

  3.     src: url('../vendor/assets/lato-fonts/lato-regular.eot');

  4.     src: url('../vendor/assets/lato-fonts/lato-regular.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-regular.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-regular.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-regular.ttf') format('truetype');

  5.     font-weight: 400;

  6.     font-style: normal;

  7. }

  8. 

  9. @font-face {

  10.     font-family: 'Lato';

  11.     src: url('../vendor/assets/lato-fonts/lato-italic.eot');

  12.     src: url('../vendor/assets/lato-fonts/lato-italic.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-italic.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-italic.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-italic.ttf') format('truetype');

  13.     font-weight: 400;

  14.     font-style: italic;

  15. }

  16. 

  17. @font-face {

  18.     font-family: 'Lato';

  19.     src: url('../vendor/assets/lato-fonts/lato-bold.eot');

  20.     src: url('../vendor/assets/lato-fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-bold.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-bold.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-bold.ttf') format('truetype');

  21.     font-weight: 700;

  22.     font-style: normal;

  23. }

  24. 

  25. @font-face {

  26.     font-family: 'Lato';

  27.     src: url('../vendor/assets/lato-fonts/lato-bolditalic.eot');

  28.     src: url('../vendor/assets/lato-fonts/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-bolditalic.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-bolditalic.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-bolditalic.ttf') format('truetype');

  29.     font-weight: 700;

  30.     font-style: italic;

  31. }

  32. 

  33. @font-face {

  34.     font-family: 'Yu Gothic';

  35.     src: local('Yu Gothic Medium');

  36.     font-weight: 400;

  37. }

  38. 

  39. @font-face {

  40.     font-family: 'Yu Gothic';

  41.     src: local('Yu Gothic Bold');

  42.     font-weight: 700;

  43. }

  44. 

  45. @default-fonts: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Helvetica, Arial;

  46. @monospaced-fonts: 'SF Mono', Consolas, Menlo, 'Liberation Mono', Monaco, 'Lucida Console';

  47. 

  48. .override-fonts(@fonts) {

  49.     textarea {

  50.         font-family: @fonts, sans-serif;

  51.     }

  52. 

  53.     .markdown:not(code) {

  54.         font-family: @fonts, sans-serif;

  55.     }

  56. 

  57.     /* We're going to just override the semantic fonts here */

  58.     h1,

  59.     h2,

  60.     h3,

  61.     h4,

  62.     h5 {

  63.         font-family: Lato, @fonts, sans-serif;

  64.     }

  65. 

  66.     .home .hero h1,

  67.     .home .hero h2 {

  68.         font-family: 'PT Sans Narrow', Lato, @fonts, sans-serif;

  69.     }

  70. 

  71.     .ui.accordion .title:not(.ui),

  72.     .ui.button,

  73.     .ui.card > .content > .header.ui.card > .content > .header,

  74.     .ui.category.search > .results .category > .name,

  75.     .ui.form input:not([type]),

  76.     .ui.form input[type="date"],

  77.     .ui.form input[type="datetime-local"],

  78.     .ui.form input[type="email"],

  79.     .ui.form input[type="file"],

  80.     .ui.form input[type="number"],

  81.     .ui.form input[type="password"],

  82.     .ui.form input[type="search"],

  83.     .ui.form input[type="tel"],

  84.     .ui.form input[type="text"],

  85.     .ui.form input[type="time"],

  86.     .ui.form input[type="url"],

  87.     .ui.header,

  88.     .ui.items > .item > .content > .header,

  89.     .ui.list .list > .item .header,

  90.     .ui.list > .item .header,

  91.     .ui.menu,

  92.     .ui.message .header,

  93.     .ui.modal > .header,

  94.     .ui.popup > .header,

  95.     .ui.search > .results .result .title,

  96.     .ui.search > .results > .message .header,

  97.     body,

  98.     .ui.input > input,

  99.     .ui.input input,

  100.     .ui.statistics .statistic > .value,

  101.     .ui.statistic > .value,

  102.     .ui.statistics .statistic > .label,

  103.     .ui.statistic > .label,

  104.     .ui.steps .step .title,

  105.     .ui.text.container,

  106.     .ui.language > .menu > .item& {

  107.         font-family: Lato, @fonts, sans-serif;

  108.     }

  109. }

  110. 

  111. .override-fonts(@default-fonts);

  112. 

  113. body {

  114.     background-color: #ffffff;

  115.     overflow-y: auto;

  116.     -webkit-font-smoothing: antialiased;

  117.     display: flex;

  118.     flex-direction: column;

  119. }

  120. 

  121. @ja-fonts: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Source Han Sans JP', 'Noto Sans CJK JP', 'Droid Sans Japanese', 'Meiryo', 'MS PGothic';

  122. :lang(ja) {

  123.     .override-fonts(@default-fonts, @ja-fonts;);

  124. }

  125. 

  126. @zh-CN-fonts: 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Noto Sans CJK SC', 'Microsoft YaHei', 'Heiti SC', SimHei;

  127. :lang(zh-CN) {

  128.     .override-fonts(@default-fonts, @zh-CN-fonts;);

  129. }

  130. 

  131. @zh-TW-fonts: 'PingFang TC', 'Hiragino Sans TC', 'Source Han Sans TW', 'Source Han Sans TC', 'Noto Sans CJK TC', 'Microsoft JhengHei', 'Heiti TC', PMingLiU;

  132. :lang(zh-TW) {

  133.     .override-fonts(@default-fonts, @zh-TW-fonts;);

  134. }

  135. 

  136. @zh-HK-fonts: 'PingFang HK', 'Hiragino Sans TC', 'Source Han Sans HK', 'Source Han Sans TC', 'Noto Sans CJK TC', 'Microsoft JhengHei', 'Heiti TC', PMingLiU_HKSCS, PMingLiU;

  137. :lang(zh-HK) {

  138.     .override-fonts(@default-fonts, @zh-HK-fonts;);

  139. }

  140. 

  141. @ko-fonts: 'Apple SD Gothic Neo', 'NanumBarunGothic', 'Malgun Gothic', 'Gulim', 'Dotum', 'Nanum Gothic', 'Source Han Sans KR', 'Noto Sans CJK KR';

  142. :lang(ko) {

  143.     .override-fonts(@default-fonts, @ko-fonts;);

  144. }

  145. 

  146. img {

  147.     border-radius: 3px;

  148. }

  149. 

  150. table {

  151.     border-collapse: collapse;

  152. }

  153. 

  154. a {

  155.     cursor: pointer;

  156. }

  157. 

  158. .rounded {

  159.     border-radius: 0.28571429rem !important;

  160. }

  161. 

  162. .wrap {

  163.     word-wrap: break-word;

  164.     word-break: break-all;

  165. }

  166. 

  167. pre,

  168. code,

  169. .mono {

  170.     font: 12px @monospaced-fonts, monospace;

  171. 

  172.     &.raw {

  173.         padding: 7px 12px;

  174.         margin: 10px 0;

  175.         background-color: #f8f8f8;

  176.         border: 1px solid #dddddd;

  177.         border-radius: 3px;

  178.         font-size: 13px;

  179.         line-height: 1.5;

  180.         overflow: auto;

  181.     }

  182. 

  183.     &.wrap {

  184.         white-space: pre-wrap;

  185.         word-break: break-all;

  186.         overflow-wrap: break-word;

  187.         word-wrap: break-word;

  188.     }

  189. }

  190. 

  191. .dont-break-out {

  192.     overflow-wrap: break-word;

  193.     word-wrap: break-word;

  194.     word-break: break-all;

  195.     hyphens: auto;

  196. }

  197. 

  198. .full.height {

  199.     flex-grow: 1;

  200.     padding-bottom: 80px;

  201. }

  202. 

  203. .following.bar {

  204.     z-index: 900;

  205.     left: 0;

  206.     margin: 0 !important;

  207. 

  208.     &.light {

  209.         background-color: white;

  210.         border-bottom: 1px solid #dddddd;

  211.         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);

  212.     }

  213. 

  214.     .column .menu {

  215.         margin-top: 0;

  216.     }

  217. 

  218.     .top.menu a.item.brand {

  219.         padding-left: 0;

  220.     }

  221. 

  222.     .brand .ui.mini.image {

  223.         width: 30px;

  224.     }

  225. 

  226.     .top.menu a.item:hover,

  227.     .top.menu .dropdown.item:hover,

  228.     .top.menu .dropdown.item.active {

  229.         background-color: transparent;

  230.     }

  231. 

  232.     .top.menu a.item:hover {

  233.         color: rgba(0, 0, 0, 0.45);

  234.     }

  235. 

  236.     .top.menu .menu {

  237.         z-index: 900;

  238.     }

  239. 

  240.     .octicon {

  241.         &.fitted {

  242.             margin-right: 0;

  243.         }

  244. 

  245.         margin-right: 0.75em;

  246.     }

  247. 

  248.     .searchbox {

  249.         background-color: #f4f4f4 !important;

  250. 

  251.         &:focus {

  252.             background-color: #e9e9e9 !important;

  253.         }

  254.     }

  255. 

  256.     .text .octicon {

  257.         width: 16px;

  258.         text-align: center;

  259.     }

  260. 

  261.     #navbar {

  262.         width: 100vw;

  263.         min-height: 52px;

  264.         padding: 0 0.5rem;

  265.     }

  266. 

  267.     #navbar .brand {

  268.         margin: 0;

  269.     }

  270. 

  271.     @media only screen and (max-width: 767px) {

  272.         #navbar:not(.shown) > *:not(:first-child) {

  273.             display: none;

  274.         }

  275.     }

  276. }

  277. 

  278. .right.stackable.menu {

  279.     // responsive fix: this makes sure that the right menu when the page

  280.     // is on mobile view will have elements stacked on top of each other.

  281.     // no, stackable won't work on right menus.

  282.     margin-left: auto;

  283.     display: flex;

  284.     align-items: inherit;

  285.     flex-direction: inherit;

  286. }

  287. 

  288. .ui {

  289.     &.left {

  290.         float: left;

  291.     }

  292. 

  293.     &.right {

  294.         float: right;

  295.     }

  296. 

  297.     &.button,

  298.     &.menu .item {

  299.         user-select: auto;

  300.     }

  301. 

  302.     &.container {

  303.         &.fluid {

  304.             &.padded {

  305.                 padding: 0 10px 0 10px;

  306.             }

  307.         }

  308.     }

  309. 

  310.     &.form {

  311.         .ui.button {

  312.             font-weight: normal;

  313.         }

  314.     }

  315. 

  316.     &.floating.label {

  317.         z-index: 10;

  318.     }

  319. 

  320.     &.transparent.label {

  321.         background-color: transparent;

  322.     }

  323. 

  324.     &.menu,

  325.     &.vertical.menu,

  326.     &.segment {

  327.         box-shadow: none;

  328.     }

  329. 

  330.     /* Overide semantic selector '.ui.menu:not(.vertical) .item > .button' */

  331.     /* This fixes the commit graph button on the commits page */

  332. 

  333.     .menu:not(.vertical) .item > .button.compact {

  334.         padding: 0.58928571em 1.125em;

  335.     }

  336. 

  337.     .menu:not(.vertical) .item > .button.small {

  338.         font-size: 0.92857143rem;

  339.     }

  340. 

  341.     &.menu .ui.dropdown.item .menu .item {

  342.         width: 100%;

  343.     }

  344. 

  345.     &.dropdown .menu > .item > .floating.label {

  346.         z-index: 11;

  347.     }

  348. 

  349.     &.dropdown .menu .menu > .item > .floating.label {

  350.         z-index: 21;

  351.     }

  352. 

  353.     .text {

  354.         &.red {

  355.             color: #d95c5c !important;

  356. 

  357.             a {

  358.                 color: #d95c5c !important;

  359. 

  360.                 &:hover {

  361.                     color: #e67777 !important;

  362.                 }

  363.             }

  364.         }

  365. 

  366.         &.blue {

  367.             color: #428bca !important;

  368. 

  369.             a {

  370.                 color: #1155cc !important;

  371. 

  372.                 &:hover {

  373.                     color: #428bca !important;

  374.                 }

  375.             }

  376.         }

  377. 

  378.         &.black {

  379.             color: #444444;

  380. 

  381.             &:hover {

  382.                 color: #000000;

  383.             }

  384.         }

  385. 

  386.         &.grey {

  387.             color: #767676 !important;

  388. 

  389.             a {

  390.                 color: #444444 !important;

  391. 

  392.                 &:hover {

  393.                     color: #000000 !important;

  394.                 }

  395.             }

  396.         }

  397. 

  398.         &.light.grey {

  399.             color: #888888 !important;

  400.         }

  401. 

  402.         &.green {

  403.             color: #6cc644 !important;

  404.         }

  405. 

  406.         &.purple {

  407.             color: #6e5494 !important;

  408.         }

  409. 

  410.         &.yellow {

  411.             color: #fbbd08 !important;

  412.         }

  413. 

  414.         &.gold {

  415.             color: #a1882b !important;

  416.         }

  417. 

  418.         &.left {

  419.             text-align: left !important;

  420.         }

  421. 

  422.         &.right {

  423.             text-align: right !important;

  424.         }

  425. 

  426.         &.small {

  427.             font-size: 0.75em;

  428.         }

  429. 

  430.         &.normal {

  431.             font-weight: normal;

  432.         }

  433. 

  434.         &.bold {

  435.             font-weight: bold;

  436.         }

  437. 

  438.         &.italic {

  439.             font-style: italic;

  440.         }

  441. 

  442.         &.truncate {

  443.             overflow: hidden;

  444.             text-overflow: ellipsis;

  445.             white-space: nowrap;

  446.             display: inline-block;

  447.         }

  448. 

  449.         &.thin {

  450.             font-weight: normal;

  451.         }

  452. 

  453.         &.middle {

  454.             vertical-align: middle;

  455.         }

  456.     }

  457. 

  458.     .message {

  459.         text-align: center;

  460.     }

  461. 

  462.     &.bottom.attached.message {

  463.         font-weight: bold;

  464.         text-align: left;

  465.         color: black;

  466. 

  467.         .pull-right {

  468.             color: black;

  469.         }

  470. 

  471.         & > span,

  472.         .pull-right > span {

  473.             color: #21ba45;

  474.         }

  475.     }

  476. 

  477.     .header > i + .content {

  478.         padding-left: 0.75rem;

  479.         vertical-align: middle;

  480.     }

  481. 

  482.     .warning {

  483.         &.header {

  484.             background-color: #f9edbe !important;

  485.             border-color: #efc16b;

  486.         }

  487. 

  488.         &.segment {

  489.             border-color: #efc16b;

  490.         }

  491.     }

  492. 

  493.     .info {

  494.         &.segment {

  495.             border: 1px solid #c5d5dd;

  496. 

  497.             &.top {

  498.                 background-color: #e6f1f6 !important;

  499. 

  500.                 h3,

  501.                 h4 {

  502.                     margin-top: 0;

  503.                 }

  504. 

  505.                 h3:last-child {

  506.                     margin-top: 4px;

  507.                 }

  508. 

  509.                 > :last-child {

  510.                     margin-bottom: 0;

  511.                 }

  512.             }

  513.         }

  514.     }

  515. 

  516.     .normal.header {

  517.         font-weight: normal;

  518.     }

  519. 

  520.     .avatar.image {

  521.         border-radius: 3px;

  522.     }

  523. 

  524.     .form {

  525.         .fake {

  526.             display: none !important;

  527.         }

  528. 

  529.         .sub.field {

  530.             margin-left: 25px;

  531.         }

  532.     }

  533. 

  534.     .sha.label {

  535.         font-family: @monospaced-fonts, monospace;

  536.         font-size: 13px;

  537.         padding: 6px 10px 4px 10px;

  538.         font-weight: normal;

  539.         margin: 0 6px;

  540.     }

  541. 

  542.     .button.truncate {

  543.         display: inline-block;

  544.         max-width: 100%;

  545.         overflow: hidden;

  546.         text-overflow: ellipsis;

  547.         vertical-align: top;

  548.         white-space: nowrap;

  549.         margin-right: 6px;

  550.     }

  551. 

  552.     &.status.buttons {

  553.         .octicon {

  554.             margin-right: 4px;

  555.         }

  556.     }

  557. 

  558.     &.inline.delete-button {

  559.         padding: 8px 15px;

  560.         font-weight: normal;

  561.     }

  562. 

  563.     .background {

  564.         &.red {

  565.             background-color: #d95c5c !important;

  566.         }

  567. 

  568.         &.blue {

  569.             background-color: #428bca !important;

  570.         }

  571. 

  572.         &.black {

  573.             background-color: #444444;

  574.         }

  575. 

  576.         &.grey {

  577.             background-color: #767676 !important;

  578.         }

  579. 

  580.         &.light.grey {

  581.             background-color: #888888 !important;

  582.         }

  583. 

  584.         &.green {

  585.             background-color: #6cc644 !important;

  586.         }

  587. 

  588.         &.purple {

  589.             background-color: #6e5494 !important;

  590.         }

  591. 

  592.         &.yellow {

  593.             background-color: #fbbf09 !important;

  594.         }

  595. 

  596.         &.gold {

  597.             background-color: #a1882b !important;

  598.         }

  599.     }

  600. 

  601.     .migrate {

  602.         color: #888888 !important;

  603.         opacity: 0.5;

  604.         a {

  605.             color: #444444 !important;

  606. 

  607.             &:hover {

  608.                 color: #000000 !important;

  609.             }

  610.         }

  611.     }

  612. 

  613.     .border {

  614.         border: 1px solid;

  615.         &.red {

  616.             border-color: #d95c5c !important;

  617.         }

  618. 

  619.         &.blue {

  620.             border-color: #428bca !important;

  621.         }

  622. 

  623.         &.black {

  624.             border-color: #444444;

  625.         }

  626. 

  627.         &.grey {

  628.             border-color: #767676 !important;

  629.         }

  630. 

  631.         &.light.grey {

  632.             border-color: #888888 !important;

  633.         }

  634. 

  635.         &.green {

  636.             border-color: #6cc644 !important;

  637.         }

  638. 

  639.         &.purple {

  640.             border-color: #6e5494 !important;

  641.         }

  642. 

  643.         &.yellow {

  644.             border-color: #fbbd08 !important;

  645.         }

  646. 

  647.         &.gold {

  648.             border-color: #a1882b !important;

  649.         }

  650.     }

  651. 

  652.     .branch-tag-choice {

  653.         line-height: 20px;

  654.     }

  655. 

  656.     &.pagination.menu {

  657.         @media only screen and (max-width: 767px) {

  658.             .item:not(.active):not(.navigation),

  659.             .item.navigation span.navigation_label {

  660.                 display: none;

  661.             }

  662.         }

  663.     }

  664. }

  665. 

  666. .file-comment {

  667.     font: 12px @monospaced-fonts, monospace;

  668.     color: rgba(0, 0, 0, 0.87);

  669. }

  670. 

  671. .ui.floating.dropdown {

  672.     .overflow.menu {

  673.         .scrolling.menu.items {

  674.             border-radius: 0 !important;

  675.             box-shadow: none !important;

  676.             border-bottom: 1px solid rgba(34, 36, 38, 0.15);

  677.         }

  678.     }

  679. }

  680. 

  681. .user-menu > .item {

  682.     width: 100%;

  683.     border-radius: 0 !important;

  684. }

  685. 

  686. .scrolling.menu {

  687.     .item.selected {

  688.         font-weight: 700 !important;

  689.     }

  690. }

  691. 

  692. footer {

  693.     background-color: white;

  694.     border-top: 1px solid #d6d6d6;

  695.     width: 100%;

  696.     flex-basis: 40px;

  697.     color: #888888;

  698. 

  699.     .container {

  700.         width: 100vw !important;

  701.         padding: 0 0.5rem;

  702. 

  703.         .fa {

  704.             width: 16px;

  705.             text-align: center;

  706.             color: #428bca;

  707.         }

  708. 

  709.         .links > * {

  710.             border-left: 1px solid #d6d6d6;

  711.             padding-left: 8px;

  712.             margin-left: 5px;

  713. 

  714.             &:first-child {

  715.                 border-left: 0;

  716.             }

  717.         }

  718.     }

  719. 

  720.     .ui.language .menu {

  721.         max-height: 500px;

  722.         overflow-y: auto;

  723.         margin-bottom: 7px;

  724.     }

  725. 

  726.     .ui {

  727.         &.left,

  728.         &.right {

  729.             line-height: 40px;

  730.         }

  731.     }

  732. }

  733. 

  734. .hide {

  735.     display: none;

  736. 

  737.     &.show-outdated {

  738.         display: none !important;

  739.     }

  740. 

  741.     &.hide-outdated {

  742.         display: none !important;

  743.     }

  744. }

  745. 

  746. .center {

  747.     text-align: center;

  748. }

  749. 

  750. .generate-img(16);

  751. .generate-img(@n, @i: 1) when (@i =< @n) {

  752.     .img-@{i} {

  753.         width: (2px * @i) !important;

  754.         height: (2px * @i) !important;

  755.     }

  756. 

  757.     .generate-img(@n, (@i + 1));

  758. }

  759. 

  760. // Conditional display

  761. @media only screen and (min-width: 768px) {

  762.     .mobile-only,

  763.     .ui.button.mobile-only {

  764.         display: none;

  765.     }

  766. 

  767.     // has the same behaviour of sr-only, hiding the content for

  768.     // non-screenreaders, but is shown on mobile devices.

  769.     .sr-mobile-only {

  770.         .sr-only();

  771.     }

  772. }

  773. 

  774. @media only screen and (max-width: 767px) {

  775.     .not-mobile {

  776.         display: none;

  777.     }

  778. }

  779. 

  780. // Accessibility

  781. .sr-only {

  782.     position: absolute;

  783.     width: 1px;

  784.     height: 1px;

  785.     padding: 0;

  786.     margin: -1px;

  787.     overflow: hidden;

  788.     clip: rect(0, 0, 0, 0);

  789.     border: 0;

  790. }

  791. 

  792. .sr-only-focusable:active,

  793. .sr-only-focusable:focus {

  794.     position: static;

  795.     width: auto;

  796.     height: auto;

  797.     margin: 0;

  798.     overflow: visible;

  799.     clip: auto;

  800. }

  801. 

  802. @media only screen and (max-width: 991px) and (min-width: 768px) {

  803.     .ui.container {

  804.         width: 95%;

  805.     }

  806. }

  807. 

  808. /* Overrides some styles of the Highlight.js plugin */

  809. .hljs {

  810.     background: inherit !important;

  811.     padding: 0 !important;

  812. }

  813. 

  814. .ui.menu.new-menu {

  815.     justify-content: center !important;

  816.     padding-top: 15px !important;

  817.     margin-top: -15px !important;

  818.     margin-bottom: 15px !important;

  819.     background-color: #fafafa !important;

  820.     border-width: 1px !important;

  821. }

  822. 

  823. @media only screen and (max-width: 1200px) {

  824.     .ui.menu.new-menu {

  825.         overflow-x: auto !important;

  826.         justify-content: left !important;

  827.         padding-bottom: 5px;

  828.     }

  829. 

  830.     .ui.menu.new-menu::-webkit-scrollbar {

  831.         height: 8px;

  832.         display: none;

  833.     }

  834. 

  835.     .ui.menu.new-menu:hover::-webkit-scrollbar {

  836.         display: block;

  837.     }

  838. 

  839.     .ui.menu.new-menu::-webkit-scrollbar-track {

  840.         background: rgba(0, 0, 0, 0.01);

  841.     }

  842. 

  843.     .ui.menu.new-menu::-webkit-scrollbar-thumb {

  844.         background: rgba(0, 0, 0, 0.2);

  845.     }

  846. 

  847.     .ui.menu.new-menu:after {

  848.         position: absolute;

  849.         margin-top: -15px;

  850.         display: block;

  851.         background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);

  852.         content: ' ';

  853.         right: 0;

  854.         height: 53px;

  855.         z-index: 1000;

  856.         width: 60px;

  857.         clear: none;

  858.         visibility: visible;

  859.     }

  860. 

  861.     .ui.menu.new-menu a.item:last-child {

  862.         padding-right: 30px !important;

  863.     }

  864. }

  865. 

  866. [v-cloak] {

  867.     display: none !important;

  868. }

  869. 

  870. .repos-search {

  871.     padding-bottom: 0 !important;

  872. }

  873. 

  874. .repos-filter {

  875.     margin-top: 0 !important;

  876.     border-bottom-width: 0 !important;

  877.     margin-bottom: 2px !important;

  878. }

  879. 

  880. #user-heatmap {

  881.     width: 107%; // Fixes newest contributions not showing

  882.     text-align: center;

  883. 

  884.     svg:not(:root) {

  885.         overflow: inherit;

  886.         padding: 0 !important;

  887.     }

  888. 

  889.     @media only screen and (max-width: 1200px) {

  890.         & {

  891.             display: none;

  892.         }

  893.     }

  894. 

  895.     .total-contributions {

  896.         text-align: left;

  897.         font-weight: 500;

  898.         margin-top: 0;

  899.     }

  900. }

  901. 

  902. .heatmap-color-0 {

  903.     background-color: #f4f4f4;

  904. }

  905. 

  906. .heatmap-color-1 {

  907.     background-color: #d8efbf;

  908. }

  909. 

  910. .heatmap-color-2 {

  911.     background-color: #9fdb81;

  912. }

  913. 

  914. .heatmap-color-3 {

  915.     background-color: #66c74b;

  916. }

  917. 

  918. .heatmap-color-4 {

  919.     background-color: #609926;

  920. }

  921. 

  922. .heatmap-color-5 {

  923.     background-color: #025900;

  924. }

  925. 

  926. .archived-icon {

  927.     color: lighten(#000000, 70%) !important;

  928. }

  929. 

  930. .oauth2-authorize-application-box {

  931.     margin-top: 3em !important;

  932. }

  933. 

  934. /* Tab color tweaks */

  935. .ui.tabular.menu .item {

  936.     color: rgba(0, 0, 0, 0.5);

  937. }

  938. 

  939. .ui.tabular.menu .item:hover {

  940.     color: rgba(0, 0, 0, 0.8);

  941. }

  942. 

  943. .ui.tabular.menu .item.active {

  944.     color: rgba(0, 0, 0, 0.9);

  945. }

  946. 

  947. /* multiple radio or checkboxes as inline element */

  948. .inline-grouped-list {

  949.     display: inline-block;

  950.     vertical-align: top;

  951. 

  952.     > .ui {

  953.         display: block;

  954.         margin-top: 5px;

  955.         margin-bottom: 10px;

  956. 

  957.         &:first-child {

  958.             margin-top: 1px;

  959.         }

  960.     }

  961. }

  962. 

  963. i.icons .icon:first-child {

  964.     margin-right: 0;

  965. }

  966. 

  967. i.icon.centerlock {

  968.     top: 1.5em;

  969. }

  970. 

  971. .ui.label > .detail .icons {

  972.     margin-right: 0.25em;

  973. }

  974. 

  975. .ui.label > .detail .icons .icon {

  976.     margin-right: 0;

  977. }

  978. 

  979. .lines-num {

  980.     vertical-align: top;

  981.     text-align: right !important;

  982.     color: #999999;

  983.     background: #f5f5f5;

  984.     width: 1%;

  985.     user-select: none;

  986. 

  987.     span {

  988.         &:before {

  989.             content: attr(data-line-number);

  990.             line-height: 20px !important;

  991.             padding: 0 10px;

  992.             cursor: pointer;

  993.             display: block;

  994.         }

  995.     }

  996. }

  997. 

  998. .lines-num,

  999. .lines-code {

  1000.     padding: 0 !important;

  1001. 

  1002.     pre,

  1003.     ol,

  1004.     .hljs {

  1005.         background-color: white;

  1006.         margin: 0;

  1007.         padding: 0 !important;

  1008. 

  1009.         li {

  1010.             display: block;

  1011.             width: 100%;

  1012. 

  1013.             &:before {

  1014.                 content: ' ';

  1015.             }

  1016.         }

  1017.     }

  1018. }

  1019. 

  1020. .lines-commit {

  1021.     vertical-align: top;

  1022.     color: #999999;

  1023.     padding: 0 !important;

  1024.     background: #f5f5f5;

  1025.     width: 1%;

  1026.     -moz-user-select: none;

  1027.     -ms-user-select: none;

  1028.     -webkit-user-select: none;

  1029.     user-select: none;

  1030. 

  1031.     .blame-info {

  1032.         width: 350px;

  1033.         max-width: 350px;

  1034.         display: block;

  1035.         user-select: none;

  1036.         padding: 0 0 0 10px;

  1037. 

  1038.         .blame-data {

  1039.             display: flex;

  1040.             font-family: @default-fonts;

  1041. 

  1042.             .blame-message {

  1043.                 flex-grow: 2;

  1044.                 overflow: hidden;

  1045.                 white-space: nowrap;

  1046.                 text-overflow: ellipsis;

  1047.                 line-height: 20px;

  1048.             }

  1049. 

  1050.             .blame-time,

  1051.             .blame-avatar {

  1052.                 flex-shrink: 0;

  1053.             }

  1054.         }

  1055.     }

  1056. 

  1057.     .ui.avatar.image {

  1058.         height: 18px;

  1059.         width: 18px;

  1060.     }

  1061. }

  1062. 

  1063. .lines-num,

  1064. .lines-code,

  1065. .lines-commit {

  1066.     .bottom-line {

  1067.         border-bottom: 1px solid #eaecef;

  1068.     }

  1069. }

  1070. 

  1071. .code-view {

  1072.     overflow: auto;

  1073.     overflow-x: auto;

  1074.     overflow-y: hidden;

  1075. 

  1076.     *:not(.fa):not(.octicon):not(.icon) {

  1077.         font-size: 12px;

  1078.         font-family: @monospaced-fonts, monospace;

  1079.         line-height: 20px;

  1080.     }

  1081. 

  1082.     table {

  1083.         width: 100%;

  1084.     }

  1085. 

  1086.     .active {

  1087.         background: #fff866;

  1088.     }

  1089. }
上海开阖软件有限公司 沪ICP备12045867号-1