diff options
| author | 阔落 <45323514+BigCoke233@users.noreply.github.com> | 2019-03-24 18:07:26 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-03-24 18:07:26 +0800 |
| commit | bfa5f88cd9bfcc8a840488c7ea9350b4d9683cb4 (patch) | |
| tree | 1b2d241e40ad6cc7a5a50ece7212747c940f621b /assets/css/customemin.css | |
| parent | 6d87f2e4ed79e70bdc7910cdb0e5634b6c8e8389 (diff) | |
Add files via upload
Diffstat (limited to 'assets/css/customemin.css')
| -rw-r--r-- | assets/css/customemin.css | 210 |
1 files changed, 210 insertions, 0 deletions
diff --git a/assets/css/customemin.css b/assets/css/customemin.css new file mode 100644 index 0000000..fb64e62 --- /dev/null +++ b/assets/css/customemin.css @@ -0,0 +1,210 @@ +pre:before { + content:" "; + position:absolute; + -webkit-border-radius:50%; + border-radius:50%; + background:#fc625d; + width:12px; + height:12px; + left:10px; + top:10px; + -webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b; + box-shadow:20px 0 #fdbc40,40px 0 #35cd4b; + z-index:2 +} +pre { + background:#21252b; + border-radius:5px; + font:15px/22px"Microsoft YaHei",Arial,Sans-Serif; + line-height:1.4; + margin-bottom:1.6em; + max-width:100%; + overflow:; + text-shadow:none; + color:#000; + box-shadow:0 10px 30px 0 rgba(0,0,0,.4) +} +pre code::-webkit-scrollbar { + height:10x !important; + width:10x !important; + background-color:#1d1f21 !important +} +pre code::-webkit-scrollbar-track { + -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3) !important; + border-radius:10px !important; + background-color:#21252b !important +} +pre code::-webkit-scrollbar-thumb { + border-radius:10px !important; + -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .5) !important; + background-color:#21252b !important +} +pre code { + background:#1d1f21; + color:#fff; + word-break:break-word; + font-family:'Source Code Pro', monospace, Helvetica, Tahoma, Arial, STXihei, "STHeiti Light", "Microsoft YaHei", sans-serif; + padding:2px; + text-shadow:none; + border-radius:0 0 5px 5px; + cursor:auto; + /*max-height: calc(100vh - 250px);*/ + overflow-y: scroll; +} +pre code[data-rel]:before { + color:#fff; + content:attr(data-rel); + height:38px; + line-height:38px; + background:#21252b; + font-size:16px; + position:absolute; + margin-top:-45px; + left:0; + width:100%; + font-family:'Ubuntu', sans-serif; + font-weight:bold; + /*padding:0 80px;*/ + text-indent:15px; + text-align:center; + float:left; + z-index:1; + border-radius:5px 5px 0 0; + border-top-left-radius:5px; + border-top-right-radius:5px; + border-bottom-right-radius:0; + border-bottom-left-radius:0; + pointer-events:none +} +.hljs-ln-line span::-moz-selection,.hljs-ln-line::-moz-selection { + background:#fff; + color:#21252b +} +.hljs-ln-line span::selection,.hljs-ln-line::selection { + background:#fff; + color:#21252b +} +.hljs { + display:block; + overflow-x:auto; + padding:.5em; + color:#abb2bf; + background:#282c34; + max-height: 600px; +} +} +.hljs-comment,.hljs-quote { + color:#5c6370; + font-style:italic +} +.hljs-doctag,.hljs-formula,.hljs-keyword { + color:#c678dd +} +.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst { + color:#e06c75 +} +.hljs-literal { + color:#56b6c2 +} +.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string { + color:#98c379 +} +.hljs-built_in,.hljs-class .hljs-title { + color:#e6c07b +} +.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable { + color:#d19a66 +} +.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title { + color:#61aeee +} +.hljs-emphasis { + font-style:italic +} +.hljs-strong { + font-weight:700 +} +.hljs-link { + text-decoration:underline +} +.hljs-ln { + margin:6px 0 0 0 !important +} +td.hljs-ln-numbers { + display: none; + -webkit-touch-callout:none; + -webkit-user-select:none; + -khtml-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + text-align:center; + color:#888f96; + background:#1d1f21; + font-family:'Source Code Pro', monospace, Helvetica, Tahoma, Arial, STXihei, "STHeiti Light", "Microsoft YaHei", sans-serif; + vertical-align:top; + position:absolute; + left:0; + width:30px +} +.hljs-ln-code .hljs-ln-line { + margin-left:25px; + padding-left:5px +} +.hljs-ln-code .hljs-ln-line:hover { + background-color:rgba(255, 255, 255, .1) +} + +@keyframes elastic { + 0% { + transform:scale(0) + } + 55% { + transform:scale(1) + } + 70% { + transform:scale(.98) + } + 100% { + transform:scale(1) + } +} + +.hljs-emphasis { + font-style: italic; +} + +.hljs-strong { + font-weight: bold; +} +pre .content{ + width: 40%; + margin: 5rem auto; + position: relative; +} +#post-content .code-block-fullscreen{ + padding-top: 32px; + position:fixed; + width: 80vw; + height: 80vh; + min-height: 80vh; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + z-index:9999999; box-shadow: 0 0 20px 0 rgba(255,255,255,.4); + animation:elastic 1s; + overflow: hidden; +} +.code-block-fullscreen code { + --widthA:100%; + --widthB:calc(var(--widthA) - 30px); + height:var(--widthB); + min-height:99%; + overflow-y:scroll; + height:100%; +} +.code-block-fullscreen-html-scroll { + overflow:hidden +} |
