@mhg/blog/lib/hexo-github/github.css

MHuiG's Blog

  .github-badge,
  .github-badge .commits,
  .github-badge .header .avatar {
    overflow: hidden;
    transition: all .5s ease-in-out
  }

  .hexo-github {
    padding: 8px 0
  }

  .hexo-github * {
    box-sizing: border-box
  }

  .spinner {
    -webkit-animation: spin 1.4s infinite linear;
    -moz-animation: spin 1.4s infinite linear;
    animation: spin 1.4s infinite linear
  }

  @-moz-keyframes spin {
    0% {
      transform: rotate(0)
    }

    100% {
      transform: rotate(360deg)
    }
  }

  @-webkit-keyframes spin {
    0% {
      transform: rotate(0)
    }

    100% {
      transform: rotate(360deg)
    }
  }

  @keyframes spin {
    0% {
      transform: rotate(0)
    }

    100% {
      transform: rotate(360deg)
    }
  }

  .github-badge {
    color: #fff;
    position: relative;
    border-radius: 6px;
    font-family: 'Open Sans', Arial, sans-serif
  }

  .github-badge:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .23)
  }

  .github-badge a {
    text-decoration: none;
    color: inherit
  }

  .github-badge a:hover {
    text-decoration: underline
  }

  .github-badge .header {
    background: #4CAF50;
    min-height: 64px;
    overflow-y: hidden;
    padding-right: 16px
  }

  .github-badge .header .number {
    float: right;
    height: 64px;
    padding-right: 8px;
    position: relative;
    opacity: .3;
    right: 0;
    font-size: 72px
  }

  .github-badge .header .star {
    position: absolute;
    right: 0;
    padding: 16px
  }

  .github-badge .header .avatar {
    pointer-events: none;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-top: -32px;
    opacity: 0;
    transform: scale(10)
  }

  .github-badge .header .avatar img {
    width: 32px;
    height: 32px
  }

  .github-badge .header .avatar.show {
    opacity: 1;
    transform: scale(1)
  }

  .github-badge .header .icon {
    pointer-events: none;
    float: left;
    width: 64px;
    padding: 16px;
    text-align: center
  }

  .github-badge .header .icon span {
    opacity: 1;
    transform: scale(1);
    transition: all .5s ease-in-out
  }

  .github-badge .header .icon span.back {
    opacity: 0;
    transform: scale(10)
  }

  .github-badge .header .content {
    float: left;
    padding: 16px 0;
    height: 100%;
    line-height: 32px
  }

  .github-badge .header .content h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    height: 16px;
    margin: 0
  }

  .github-badge .info {
    background: #2E7D32;
    min-height: 32px;
    cursor: pointer;
    padding-right: 16px
  }

  .github-badge .info .icon {
    line-height: 16px;
    float: left;
    height: 32px;
    width: 64px;
    padding: 8px 0;
    text-align: center;
    z-index: 1
  }

  .github-badge .info .icon .circle {
    opacity: .7;
    position: absolute;
    background: rgba(66, 66, 66, .5);
    border-radius: 50%;
    background-clip: border-box;
    left: 20px;
    margin-top: -4px;
    width: 24px;
    height: 24px;
    z-index: 0
  }

  .github-badge .info .icon .octicon {
    position: absolute;
    padding: 0 1px;
    opacity: .7;
    left: 0;
    margin-left: 24px
  }

  .github-badge .info .status {
    line-height: 16px;
    padding: 8px 0;
    opacity: .7
  }

  .github-badge .commits {
    padding-right: 16px;
    background: #212121;
    height: auto;
    max-height: 256px;
    color: #E0E0E0
  }

  .github-badge .commits.fold {
    max-height: 0
  }

  .github-badge .commits.fold .entry {
    opacity: 0
  }

  .github-badge .commits.fold .entry .item .icon {
    transform: translateY(11px) scale(0)
  }

  .github-badge .commits.fold .entry .item .text {
    transform: translateX(100%)
  }

  .github-badge .commits .line {
    position: absolute;
    width: 2px;
    left: 31px;
    height: 100%;
    background: #E0E0E0;
    opacity: .3
  }

  .github-badge .commits .entry {
    transition: all .5s ease-in-out;
    opacity: 1;
    padding: 8px 0
  }

  .github-badge .commits .entry .item {
    line-height: 16px;
    padding: 8px 0;
    min-height: 16px
  }

  .github-badge .commits .entry .item .icon {
    transition: all .5s ease-in-out;
    transform: scale(1);
    float: left;
    width: 64px;
    padding: 0 24px
  }

  .github-badge .commits .entry .item .icon .octicon {
    padding: 0 1px;
    position: absolute
  }

  .github-badge .commits .entry .item .icon .circle {
    position: absolute;
    background: rgba(66, 66, 66, .9);
    border-radius: 50%;
    background-clip: border-box;
    left: 21px;
    margin-top: -3px;
    width: 22px;
    height: 22px
  }

  .github-badge .commits .entry .item .icon .circle.active {
    background: rgba(76, 175, 80, .9)
  }

  .github-badge .commits .entry .item .icon .circle.active:before {
    -webkit-animation: breath 1.4s infinite ease-in-out;
    -moz-animation: breath 1.4s infinite ease-in-out;
    animation: breath 1.4s infinite ease-in-out;
    content: "";
    position: absolute;
    background: rgba(76, 175, 80, .3);
    border-radius: 50%;
    background-clip: border-box;
    left: -4px;
    margin-top: -4px;
    width: 30px;
    height: 30px
  }

  @-moz-keyframes breath {
    50% {
      transform: scale(1.2)
    }

    0% {
      transform: scale(1)
    }
  }

  @-webkit-keyframes breath {
    50% {
      transform: scale(1.2)
    }

    0% {
      transform: scale(1)
    }
  }

  @keyframes breath {
    50% {
      transform: scale(1.2)
    }

    0% {
      transform: scale(1)
    }
  }

  .github-badge .commits .entry .item .text {
    transition: all .5s ease-in-out;
    transform: translateX(0);
    opacity: .5;
    margin-left: 64px;
    padding: 0
  }

  .github-badge .commits .entry .item .text.active {
    opacity: .9
  }

  @font-face {
    font-family: 'octicons';
    src: url('https://unpkg.com/mhg@0.0.24/static/github/octicons/octicons.eot?#iefix') format('embedded-opentype'),
      url('https://unpkg.com/mhg@0.0.24/static/github/octicons/octicons.woff') format('woff'),
      url('https://unpkg.com/mhg@0.0.24/static/github/octicons/octicons.ttf') format('truetype'),
      url('https://unpkg.com/mhg@0.0.24/static/github/octicons/octicons.svg#octicons') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  /*
  
  .octicon is optimized for 16px.
  .mega-octicon is optimized for 32px but can be used larger.
  
  */
  .octicon,
  .mega-octicon {
    font: normal normal normal 16px/1 octicons;
    display: inline-block;
    text-decoration: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .mega-octicon {
    font-size: 32px;
  }

  .octicon-alert:before {
    content: '\f02d'
  }

  /*  */
  .octicon-alignment-align:before {
    content: '\f08a'
  }

  /*  */
  .octicon-alignment-aligned-to:before {
    content: '\f08e'
  }

  /*  */
  .octicon-alignment-unalign:before {
    content: '\f08b'
  }

  /*  */
  .octicon-arrow-down:before {
    content: '\f03f'
  }

  /*  */
  .octicon-arrow-left:before {
    content: '\f040'
  }

  /*  */
  .octicon-arrow-right:before {
    content: '\f03e'
  }

  /*  */
  .octicon-arrow-small-down:before {
    content: '\f0a0'
  }

  /*  */
  .octicon-arrow-small-left:before {
    content: '\f0a1'
  }

  /*  */
  .octicon-arrow-small-right:before {
    content: '\f071'
  }

  /*  */
  .octicon-arrow-small-up:before {
    content: '\f09f'
  }

  /*  */
  .octicon-arrow-up:before {
    content: '\f03d'
  }

  /*  */
  .octicon-beer:before {
    content: '\f069'
  }

  /*  */
  .octicon-book:before {
    content: '\f007'
  }

  /*  */
  .octicon-bookmark:before {
    content: '\f07b'
  }

  /*  */
  .octicon-briefcase:before {
    content: '\f0d3'
  }

  /*  */
  .octicon-broadcast:before {
    content: '\f048'
  }

  /*  */
  .octicon-browser:before {
    content: '\f0c5'
  }

  /*  */
  .octicon-bug:before {
    content: '\f091'
  }

  /*  */
  .octicon-calendar:before {
    content: '\f068'
  }

  /*  */
  .octicon-check:before {
    content: '\f03a'
  }

  /*  */
  .octicon-checklist:before {
    content: '\f076'
  }

  /*  */
  .octicon-chevron-down:before {
    content: '\f0a3'
  }

  /*  */
  .octicon-chevron-left:before {
    content: '\f0a4'
  }

  /*  */
  .octicon-chevron-right:before {
    content: '\f078'
  }

  /*  */
  .octicon-chevron-up:before {
    content: '\f0a2'
  }

  /*  */
  .octicon-circle-slash:before {
    content: '\f084'
  }

  /*  */
  .octicon-circuit-board:before {
    content: '\f0d6'
  }

  /*  */
  .octicon-clippy:before {
    content: '\f035'
  }

  /*  */
  .octicon-clock:before {
    content: '\f046'
  }

  /*  */
  .octicon-cloud-download:before {
    content: '\f00b'
  }

  /*  */
  .octicon-cloud-upload:before {
    content: '\f00c'
  }

  /*  */
  .octicon-code:before {
    content: '\f05f'
  }

  /*  */
  .octicon-color-mode:before {
    content: '\f065'
  }

  /*  */
  .octicon-comment-add:before,
  .octicon-comment:before {
    content: '\f02b'
  }

  /*  */
  .octicon-comment-discussion:before {
    content: '\f04f'
  }

  /*  */
  .octicon-credit-card:before {
    content: '\f045'
  }

  /*  */
  .octicon-dash:before {
    content: '\f0ca'
  }

  /*  */
  .octicon-dashboard:before {
    content: '\f07d'
  }

  /*  */
  .octicon-database:before {
    content: '\f096'
  }

  /*  */
  .octicon-device-camera:before {
    content: '\f056'
  }

  /*  */
  .octicon-device-camera-video:before {
    content: '\f057'
  }

  /*  */
  .octicon-device-desktop:before {
    content: '\f27c'
  }

  /*  */
  .octicon-device-mobile:before {
    content: '\f038'
  }

  /*  */
  .octicon-diff:before {
    content: '\f04d'
  }

  /*  */
  .octicon-diff-added:before {
    content: '\f06b'
  }

  /*  */
  .octicon-diff-ignored:before {
    content: '\f099'
  }

  /*  */
  .octicon-diff-modified:before {
    content: '\f06d'
  }

  /*  */
  .octicon-diff-removed:before {
    content: '\f06c'
  }

  /*  */
  .octicon-diff-renamed:before {
    content: '\f06e'
  }

  /*  */
  .octicon-ellipsis:before {
    content: '\f09a'
  }

  /*  */
  .octicon-eye-unwatch:before,
  .octicon-eye-watch:before,
  .octicon-eye:before {
    content: '\f04e'
  }

  /*  */
  .octicon-file-binary:before {
    content: '\f094'
  }

  /*  */
  .octicon-file-code:before {
    content: '\f010'
  }

  /*  */
  .octicon-file-directory:before {
    content: '\f016'
  }

  /*  */
  .octicon-file-media:before {
    content: '\f012'
  }

  /*  */
  .octicon-file-pdf:before {
    content: '\f014'
  }

  /*  */
  .octicon-file-submodule:before {
    content: '\f017'
  }

  /*  */
  .octicon-file-symlink-directory:before {
    content: '\f0b1'
  }

  /*  */
  .octicon-file-symlink-file:before {
    content: '\f0b0'
  }

  /*  */
  .octicon-file-text:before {
    content: '\f011'
  }

  /*  */
  .octicon-file-zip:before {
    content: '\f013'
  }

  /*  */
  .octicon-flame:before {
    content: '\f0d2'
  }

  /*  */
  .octicon-fold:before {
    content: '\f0cc'
  }

  /*  */
  .octicon-gear:before {
    content: '\f02f'
  }

  /*  */
  .octicon-gift:before {
    content: '\f042'
  }

  /*  */
  .octicon-gist:before {
    content: '\f00e'
  }

  /*  */
  .octicon-gist-secret:before {
    content: '\f08c'
  }

  /*  */
  .octicon-git-branch-create:before,
  .octicon-git-branch-delete:before,
  .octicon-git-branch:before {
    content: '\f020'
  }

  /*  */
  .octicon-git-commit:before {
    content: '\f01f'
  }

  /*  */
  .octicon-git-compare:before {
    content: '\f0ac'
  }

  /*  */
  .octicon-git-merge:before {
    content: '\f023'
  }

  /*  */
  .octicon-git-pull-request-abandoned:before,
  .octicon-git-pull-request:before {
    content: '\f009'
  }

  /*  */
  .octicon-globe:before {
    content: '\f0b6'
  }

  /*  */
  .octicon-graph:before {
    content: '\f043'
  }

  /*  */
  .octicon-heart:before {
    content: '\2665'
  }

  /* ♥ */
  .octicon-history:before {
    content: '\f07e'
  }

  /*  */
  .octicon-home:before {
    content: '\f08d'
  }

  /*  */
  .octicon-horizontal-rule:before {
    content: '\f070'
  }

  /*  */
  .octicon-hourglass:before {
    content: '\f09e'
  }

  /*  */
  .octicon-hubot:before {
    content: '\f09d'
  }

  /*  */
  .octicon-inbox:before {
    content: '\f0cf'
  }

  /*  */
  .octicon-info:before {
    content: '\f059'
  }

  /*  */
  .octicon-issue-closed:before {
    content: '\f028'
  }

  /*  */
  .octicon-issue-opened:before {
    content: '\f026'
  }

  /*  */
  .octicon-issue-reopened:before {
    content: '\f027'
  }

  /*  */
  .octicon-jersey:before {
    content: '\f019'
  }

  /*  */
  .octicon-jump-down:before {
    content: '\f072'
  }

  /*  */
  .octicon-jump-left:before {
    content: '\f0a5'
  }

  /*  */
  .octicon-jump-right:before {
    content: '\f0a6'
  }

  /*  */
  .octicon-jump-up:before {
    content: '\f073'
  }

  /*  */
  .octicon-key:before {
    content: '\f049'
  }

  /*  */
  .octicon-keyboard:before {
    content: '\f00d'
  }

  /*  */
  .octicon-law:before {
    content: '\f0d8'
  }

  /*  */
  .octicon-light-bulb:before {
    content: '\f000'
  }

  /*  */
  .octicon-link:before {
    content: '\f05c'
  }

  /*  */
  .octicon-link-external:before {
    content: '\f07f'
  }

  /*  */
  .octicon-list-ordered:before {
    content: '\f062'
  }

  /*  */
  .octicon-list-unordered:before {
    content: '\f061'
  }

  /*  */
  .octicon-location:before {
    content: '\f060'
  }

  /*  */
  .octicon-gist-private:before,
  .octicon-mirror-private:before,
  .octicon-git-fork-private:before,
  .octicon-lock:before {
    content: '\f06a'
  }

  /*  */
  .octicon-logo-github:before {
    content: '\f092'
  }

  /*  */
  .octicon-mail:before {
    content: '\f03b'
  }

  /*  */
  .octicon-mail-read:before {
    content: '\f03c'
  }

  /*  */
  .octicon-mail-reply:before {
    content: '\f051'
  }

  /*  */
  .octicon-mark-github:before {
    content: '\f00a'
  }

  /*  */
  .octicon-markdown:before {
    content: '\f0c9'
  }

  /*  */
  .octicon-megaphone:before {
    content: '\f077'
  }

  /*  */
  .octicon-mention:before {
    content: '\f0be'
  }

  /*  */
  .octicon-microscope:before {
    content: '\f089'
  }

  /*  */
  .octicon-milestone:before {
    content: '\f075'
  }

  /*  */
  .octicon-mirror-public:before,
  .octicon-mirror:before {
    content: '\f024'
  }

  /*  */
  .octicon-mortar-board:before {
    content: '\f0d7'
  }

  /*  */
  .octicon-move-down:before {
    content: '\f0a8'
  }

  /*  */
  .octicon-move-left:before {
    content: '\f074'
  }

  /*  */
  .octicon-move-right:before {
    content: '\f0a9'
  }

  /*  */
  .octicon-move-up:before {
    content: '\f0a7'
  }

  /*  */
  .octicon-mute:before {
    content: '\f080'
  }

  /*  */
  .octicon-no-newline:before {
    content: '\f09c'
  }

  /*  */
  .octicon-octoface:before {
    content: '\f008'
  }

  /*  */
  .octicon-organization:before {
    content: '\f037'
  }

  /*  */
  .octicon-package:before {
    content: '\f0c4'
  }

  /*  */
  .octicon-paintcan:before {
    content: '\f0d1'
  }

  /*  */
  .octicon-pencil:before {
    content: '\f058'
  }

  /*  */
  .octicon-person-add:before,
  .octicon-person-follow:before,
  .octicon-person:before {
    content: '\f018'
  }

  /*  */
  .octicon-pin:before {
    content: '\f041'
  }

  /*  */
  .octicon-playback-fast-forward:before {
    content: '\f0bd'
  }

  /*  */
  .octicon-playback-pause:before {
    content: '\f0bb'
  }

  /*  */
  .octicon-playback-play:before {
    content: '\f0bf'
  }

  /*  */
  .octicon-playback-rewind:before {
    content: '\f0bc'
  }

  /*  */
  .octicon-plug:before {
    content: '\f0d4'
  }

  /*  */
  .octicon-repo-create:before,
  .octicon-gist-new:before,
  .octicon-file-directory-create:before,
  .octicon-file-add:before,
  .octicon-plus:before {
    content: '\f05d'
  }

  /*  */
  .octicon-podium:before {
    content: '\f0af'
  }

  /*  */
  .octicon-primitive-dot:before {
    content: '\f052'
  }

  /*  */
  .octicon-primitive-square:before {
    content: '\f053'
  }

  /*  */
  .octicon-pulse:before {
    content: '\f085'
  }

  /*  */
  .octicon-puzzle:before {
    content: '\f0c0'
  }

  /*  */
  .octicon-question:before {
    content: '\f02c'
  }

  /*  */
  .octicon-quote:before {
    content: '\f063'
  }

  /*  */
  .octicon-radio-tower:before {
    content: '\f030'
  }

  /*  */
  .octicon-repo-delete:before,
  .octicon-repo:before {
    content: '\f001'
  }

  /*  */
  .octicon-repo-clone:before {
    content: '\f04c'
  }

  /*  */
  .octicon-repo-force-push:before {
    content: '\f04a'
  }

  /*  */
  .octicon-gist-fork:before,
  .octicon-repo-forked:before {
    content: '\f002'
  }

  /*  */
  .octicon-repo-pull:before {
    content: '\f006'
  }

  /*  */
  .octicon-repo-push:before {
    content: '\f005'
  }

  /*  */
  .octicon-rocket:before {
    content: '\f033'
  }

  /*  */
  .octicon-rss:before {
    content: '\f034'
  }

  /*  */
  .octicon-ruby:before {
    content: '\f047'
  }

  /*  */
  .octicon-screen-full:before {
    content: '\f066'
  }

  /*  */
  .octicon-screen-normal:before {
    content: '\f067'
  }

  /*  */
  .octicon-search-save:before,
  .octicon-search:before {
    content: '\f02e'
  }

  /*  */
  .octicon-server:before {
    content: '\f097'
  }

  /*  */
  .octicon-settings:before {
    content: '\f07c'
  }

  /*  */
  .octicon-log-in:before,
  .octicon-sign-in:before {
    content: '\f036'
  }

  /*  */
  .octicon-log-out:before,
  .octicon-sign-out:before {
    content: '\f032'
  }

  /*  */
  .octicon-split:before {
    content: '\f0c6'
  }

  /*  */
  .octicon-squirrel:before {
    content: '\f0b2'
  }

  /*  */
  .octicon-star-add:before,
  .octicon-star-delete:before,
  .octicon-star:before {
    content: '\f02a'
  }

  /*  */
  .octicon-steps:before {
    content: '\f0c7'
  }

  /*  */
  .octicon-stop:before {
    content: '\f08f'
  }

  /*  */
  .octicon-repo-sync:before,
  .octicon-sync:before {
    content: '\f087'
  }

  /*  */
  .octicon-tag-remove:before,
  .octicon-tag-add:before,
  .octicon-tag:before {
    content: '\f015'
  }

  /*  */
  .octicon-telescope:before {
    content: '\f088'
  }

  /*  */
  .octicon-terminal:before {
    content: '\f0c8'
  }

  /*  */
  .octicon-three-bars:before {
    content: '\f05e'
  }

  /*  */
  .octicon-thumbsdown:before {
    content: '\f0db'
  }

  /*  */
  .octicon-thumbsup:before {
    content: '\f0da'
  }

  /*  */
  .octicon-tools:before {
    content: '\f031'
  }

  /*  */
  .octicon-trashcan:before {
    content: '\f0d0'
  }

  /*  */
  .octicon-triangle-down:before {
    content: '\f05b'
  }

  /*  */
  .octicon-triangle-left:before {
    content: '\f044'
  }

  /*  */
  .octicon-triangle-right:before {
    content: '\f05a'
  }

  /*  */
  .octicon-triangle-up:before {
    content: '\f0aa'
  }

  /*  */
  .octicon-unfold:before {
    content: '\f039'
  }

  /*  */
  .octicon-unmute:before {
    content: '\f0ba'
  }

  /*  */
  .octicon-versions:before {
    content: '\f064'
  }

  /*  */
  .octicon-remove-close:before,
  .octicon-x:before {
    content: '\f081'
  }

  /*  */
  .octicon-zap:before {
    content: '\26A1'
  }

  /* ⚡ */
  .github-badge {
    display: none;
  }

  .hexo-github {
    display: none;
  }