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/lines.css | |
| parent | 6d87f2e4ed79e70bdc7910cdb0e5634b6c8e8389 (diff) | |
Add files via upload
Diffstat (limited to 'assets/css/lines.css')
| -rw-r--r-- | assets/css/lines.css | 114 |
1 files changed, 114 insertions, 0 deletions
diff --git a/assets/css/lines.css b/assets/css/lines.css new file mode 100644 index 0000000..616438f --- /dev/null +++ b/assets/css/lines.css @@ -0,0 +1,114 @@ +.copy_code{ + z-index: 2; + transition: all .3s; + display: none; + position: absolute; + color: #ddd; + background-color: transparent; + right: 5px; + top: 9px; + font-size: 12px; + line-height: 12px; + padding: 3px 5px; + border: 1px solid; + border-radius: 4px; +} +pre code ul { + list-style: decimal; + margin: 0px 0px 0 35px !important; + padding: 0px; + font-size: 14px; + color: #F5F5F5; + border-left: 1px solid #696969; +} +pre code ul li { + list-style: decimal; + padding: 5px!important; + margin: 0 !important; + font-family: SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace; + line-height: 14px; + word-break: break-all; + word-wrap: break-word; +} +pre code ul li:nth-of-type(even) { + color: inherit; + +} + +/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ +pre code::-webkit-scrollbar{ + width: 5px; + height: 8px; + background-color: rgba(255,255,255,0); +} + +/*定义滚动条轨道 内阴影+圆角*/ +pre code::-webkit-scrollbar-track{ + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); + border-radius: 10px; + background-color: rgba(255,255,255,0); +} + +/*定义滑块 内阴影+圆角*/ +pre code::-webkit-scrollbar-thumb{ + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); + background-color: #555; +} + + +pre code::-webkit-scrollbar-corner { + /* background: transparent!important; */ +} + +pre code:-webkit-scrollbar { + /* width: 8px!important; */ + height: 8px!important; +} + +pre code::-webkit-scrollbar-thumb { + border-radius: 5px!important; + background-color: #777!important; +} + +pre code::-webkit-scrollbar-track-piece { + background: #21252a!important +} + +pre code::-webkit-scrollbar-thumb:hover { + background-color: #888!important +} + +pre code::-webkit-scrollbar-thumb:active { + background-color: #999!important +} + +pre,article pre{ + max-height: calc(100vh - 250px); + overflow: auto; + padding: 0; + margin-left: 2px; + background: #161616; + min-height: 100%; position: relative; padding-top: 30px; overflow-y: hidden; +} + +.btn-copy-code { + transition:all .3s; + opacity:0; + position:absolute; + color:#ddd; + background-color:transparent; + right:6px; + top:4px; + font-size:10px; + line-height:12px; + padding:3px 5px; + border:1px solid; + border-radius:4px +} +.btn-copy-code:hover { + color:#fff +} +pre:hover .btn-copy-code { + opacity:1 +} |
