@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;}