summaryrefslogtreecommitdiff
path: root/assets/css/lines.css
diff options
context:
space:
mode:
author阔落 <45323514+BigCoke233@users.noreply.github.com>2019-03-24 18:07:26 +0800
committerGitHub <noreply@github.com>2019-03-24 18:07:26 +0800
commitbfa5f88cd9bfcc8a840488c7ea9350b4d9683cb4 (patch)
tree1b2d241e40ad6cc7a5a50ece7212747c940f621b /assets/css/lines.css
parent6d87f2e4ed79e70bdc7910cdb0e5634b6c8e8389 (diff)
Add files via upload
Diffstat (limited to 'assets/css/lines.css')
-rw-r--r--assets/css/lines.css114
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
+}