@import url(./icon-font.css);
@import url(./color.css);

:root{
  --my-custom-tag-font-size: 0.98rem;
}

.markdown-body .center-table table {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.markdown-body .center-table {
    text-align: center;
}

.markdown-body .hint--info {
  text-decoration:underline;
  text-decoration-style: dashed;
  text-decoration-color: var(--my-custom-tag-blue);
  padding-left: 1px;
  padding-right: 2px;
}

/******************* span ***************************/

.markdown-body span.method.post {
    color: white;
    background-color: #49cc90;
    border-radius: 3px;
    padding: 2px 5px;
}

.markdown-body span.method.get {
    color: white;
    background-color: #61affe;
    border-radius: 3px;
    padding: 2px 5px;
}

/******************* tag ***************************/
.markdown-body tag{
  font-size: var(--my-custom-tag-font-size);
  color: var(--my-custom-tag-text);
  border-radius: 5px;
  padding: 3px 10px;
}
.markdown-body tag[blue] {
  background-color: var(--my-custom-tag-blue);
}

.markdown-body tag[green]{
  background-color: var(--my-custom-tag-green);
}

.markdown-body tag[yellow] {
  background-color: var(--my-custom-tag-yellow);
}

.markdown-body tag[red] {
  background-color: var(--my-custom-tag-red);
}

.markdown-body tag[bookmark] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
}
.markdown-body tag[bookmark]::before {
  content: "";
  position: absolute;
  right: 94%;
  border-top: 13px solid transparent;
  border-top-right-radius: 5px;
  border-right: 13px solid var(--my-custom-tag-blue);
  border-bottom: 13px solid transparent;
}

/**
 * 通过Hexo标签插入的图片
 * https://hexo.io/zh-cn/docs/tag-plugins#Image
 */
.markdown-body img.tag-img{
  position: relative;
  left: 18%;
}

.markdown-body cite::before {
    content: '—';
    padding: 0 0.3em;
}

.markdown-body del {
  background-color: var(--my-custom-del-light);
  text-decoration: line-through 1px;
  padding: 1px 5px 3px 5px;
  border-radius: 5px;
  color: var(--post-text-color);
}

.markdown-body ins {
  background-color: var(--my-custom-ins-light);
  padding: 1px 5px 3px 5px;
  border-radius: 5px;
  color: var(--post-text-color);
}

[data-user-color-scheme="dark"] .markdown-body del {
  background-color: var(--my-custom-del-dark);
  text-decoration: line-through 1px;
  color: #eeeeee;
}

[data-user-color-scheme="dark"] .markdown-body ins {
  background-color: var(--my-custom-ins-dark);
  color: #eeeeee;
}

.markdown-body summary {
    margin-bottom: 0.5rem;
}

.markdown-body summary::marker {
    /* https://unicode-table.com/cn/sets/arrow-symbols/ */
    /* https://developer.mozilla.org/zh-CN/docs/Web/CSS/::marker */
    content: '\2937';
    font-size: 1.1rem;
    line-height: 0.5rem;
    color: #018ef3;
    font-weight: bold;
}

.markdown-body ul li::marker {
    margin-right: 3px;
    /* content: '\2726'; */
    font-size: 1.1rem;
    color: #0274c5;
    line-height: 0.5rem;
}

.markdown-body ol li::marker {
    font-size: 1.1rem;
    color: #018ef3;
    line-height: 0.5rem;
}

.markdown-body details summary {
  background: linear-gradient(90deg, rgb(225, 250, 255) 0%,rgb(255, 255, 255) 30%, rgb(255, 255, 255) 100%);
  border-radius: 10px;
  padding-left: 5px;
}
.markdown-body details summary mark {
  background-color: rgba(0,0,0,0);
  color: var(--post-text-color);
}

[data-user-color-scheme="dark"] .markdown-body details summary {
  background: linear-gradient(90deg, rgb(0, 63, 163) 0%,rgb(3,38,121) 45%, var(--board-bg-color) 100%);
  border-radius: 10px;
  padding-left: 5px;
}

[data-user-color-scheme="dark"] .markdown-body details summary mark {
  background-color: rgba(0,0,0,0);
  color: var(--post-text-color);
  /* color: white; */
}

.markdown-body .hover-tip:hover:after {
  position: absolute;
  margin-left: 10px;
  padding: 5px 10px;
  box-shadow: 5px 5px 20px #999;
  background-color: #FFF;
  border-radius: 4px;
  color: #666;
	/**
		1. 这里显示的内容为div的title属性对应的值，覆盖了原生的title属性
		2. attr(x)中的x不一定非得使用原生的标签属性title，可以随意命名，只要与能在标签中的属性x对应就行
	*/
  content: attr(tip);
  z-index: 2;
  line-height: 20px;
  height: 2em;
}