wcui/src/js/marked/theme.scss

@charset "UTF-8";
/**
 * 
 * @authors yutent (yutent@doui.cc)
 * @date    2017-09-29 00:05:45
 * @version $Id$
 */
@import "var.scss";

.do-marked-theme {position:relative;

  .md-head {position:relative;margin:15px 0;padding-left:30px;font-weight:normal;font-size:17px;}
  h1.md-head {padding-left:0;}
  .md-head span {position:relative;display:inline-block;padding:0 8px;background:#fff;color:#454545}
  .md-head a {padding:0 3px;font-weight:bold;text-decoration:none;}
  .md-head a:hover {transform:scale(1.2)}
  h1.md-head span {padding-left:0;color:#000;}
  h2.md-head span {color:#000;}

  h1.md-head {margin:0 0 30px;font-size:25px;}
  h2.md-head {margin:20px 0;font-size:23px;}
  h3.md-head {margin:20px 0 15px;font-size:20px;}
  h1:after {display:block;width:100%;content:" ";border-bottom:1px solid #ddd;}
  h2:before,
  h3:before,
  h4:before,
  h5:before,
  h6:before {display:block;position:absolute;left:0;top:50%;width:100%;content:" ";border-bottom:1px solid #ddd;}

  a {text-decoration:underline;}
  a:hover {color:nth($co, 2)}
  p {margin:15px 0;}
  img {max-width:100%;}
  blockquote {
    &.md-quote {margin:10px 0;padding:5px 10px;border-left:5px solid nth($cp, 3);background:nth($cp, 1);

      p {margin:0;}
    }
  }
  /* 提醒文本 */
  .md-warn,.md-mark {display:inline-block;position:relative;min-height:35px;margin:3px 0;padding:3px 8px 3px 35px;line-height:27px;border:1px solid nth($co, 2);border-radius:5px;background:#fffbed;color:nth($co, 3);word-break: break-all;

    p {margin:0!important;}
    i {position:absolute;left:8px;top:6px;line-height:1;font-size:20px;color:nth($cr, 2);}
  }
  .md-mark {border-color:nth($ct, 1);color:nth($ct, 3);background:#edfbf8;
    i {color:nth($ct, 3);}
  }
  .md-task {position:relative;display:inline-block;width:auto;height:30px;padding-right:10px;line-height:30px;text-align:center;cursor:default;

    &__box {float:left;width:18px;height:18px;margin:6px;margin-left:0;line-height:1;border:1px solid nth($cgr, 1);border-radius:3px;font-size:16px;text-align:center;}
    &.done {
      .md-task__box {color:nth($cgr, 1);border-color:nth($cp, 3);background:nth($cp, 3);}
      .md-task__text {color:nth($cgr, 1);text-decoration:line-through;}
    }
  }
  table {width:100%;
    thead tr {height:45px;line-height:45px;background:nth($cp, 1)}
    thead th {padding:0 8px;border:0;}
    tbody tr {height:43px;line-height:42px;@include ts(all, .3s);
      &:hover {background:#ecf6fd}
    }
    tbody td {padding:0 8px;border-bottom:1px solid nth($cp, 2)}
  }

  hr {margin:30px 0;border-bottom:0;}
  ol {margin-left:2em;list-style:decimal outside none;}
  ul {margin-left:2em;list-style:disc outside none;}
  li ol {margin-left:2em;}
  li ul {margin-left:2em;list-style-type: circle;}
  li ol ul,
  li ul ul {list-style-type: square;}
}