32 lines
1.8 KiB
CSS
32 lines
1.8 KiB
CSS
|
@charset "UTF-8";
|
||
|
|
/**
|
||
|
|
*
|
||
|
|
* @authors yutent (yutent@doui.cc)
|
||
|
|
* @date 2017-02-13 13:53:38
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*代码块*/
|
||
|
|
.do-ui-blockcode {position:relative;border:1px solid #ddd;margin:15px 0;}
|
||
|
|
.do-ui-blockcode::before {position:relative;display:block;width:100%;height:25px;padding:0 8px;background:#eee;border-bottom:1px solid #ddd;line-height:25px;content:"代码示例";box-sizing: border-box;}
|
||
|
|
.do-ui-blockcode section {position:relative;}
|
||
|
|
.do-ui-blockcode .linenum {display:block;position:absolute;z-index:1;left:0;top:0;width:40px;height:100%;background:#eee;border-right:1px solid #ddd;text-align:center;}
|
||
|
|
|
||
|
|
/*语法高亮*/
|
||
|
|
.do-ui-blockcode .lang {position:relative;display:block;overflow-x:auto;z-index:0;padding:0 8px 0 50px;color:#383a42;background:#fafafa;word-wrap:break-word;white-space:pre-wrap;}
|
||
|
|
.do-ui-blockcode .lang .c-comment{color: #8e908c;font-style:italic;}
|
||
|
|
.do-ui-blockcode .lang .c-smartyx {color: #607d8b;}
|
||
|
|
.do-ui-blockcode .lang .c-important {color: #f5871f;font-style:italic;}
|
||
|
|
.do-ui-blockcode .lang .c-punctuation {color: #986756;}
|
||
|
|
.do-ui-blockcode .lang .c-regex {color: #c82829;}
|
||
|
|
.do-ui-blockcode .lang .c-boolean,.do-ui-blockcode .lang .c-number {color: #f5871f;}
|
||
|
|
.do-ui-blockcode .lang .c-function {color:#009688;}
|
||
|
|
.do-ui-blockcode .lang .c-class-name,.do-ui-blockcode .lang .c-build-in {color:#3aa9f3;}
|
||
|
|
.do-ui-blockcode .lang .c-class-name,.do-ui-blockcode .lang .c-build-in {font-style:italic;font-weight:bold;}
|
||
|
|
.do-ui-blockcode .lang .c-attr-name {color: #eab700;}
|
||
|
|
.do-ui-blockcode .lang .c-string,.do-ui-blockcode .lang .c-attr-value {color: #5ab302;}
|
||
|
|
.do-ui-blockcode .lang .c-tag,.do-ui-blockcode .lang .c-keyword,.do-ui-blockcode .lang .c-operator {color: #d81406;}
|
||
|
|
.do-ui-blockcode .lang .c-keyword {font-style:italic;}
|
||
|
|
|
||
|
|
/*行内代码*/
|
||
|
|
.do-ui-inlinecode {margin:0 2px;padding:0 5px;color:#d14;border:1px solid #ddd;border-radius:3px;}
|