User:九千天华/common.css：修订间差异

2025年8月1日 (五) 21:12的版本

/* 页面名称：MediaWiki:Common.css */
/* 分类：Hidden CSS */
/* 魔术字：__HIDDENCAT__ __NOCC__ */
/* 这里放置的CSS将应用于所有皮肤 */

/* 标题颜色梯度 */
h6 { color: #000000; }
h5 { color: #081A25; }
h4 { color: #10334A; }
h3 { color: #194D6F; }
h2 { color: #216694; }
h1 { color: #2980B9; }

/*让低级标题也拥有分隔线*/
h3, h4, h5, h6 {
    border-bottom: 1px solid #aaaaaa; /* 灰色实线，类似默认h1样式 */
    padding-bottom: 0.2em;          /* 调整标题文本与分隔线的间距 */
}

/* 链接颜色 */
a {
    color: #2980B9;
    text-decoration: none;
    transition: color 0.3s ease;
}
a:hover {
    color: #E74C3C;
}
a:visited {
    color: #8E44AD;
}

/* 内联代码样式
code:not([class]) {
    font-family: Consolas, monospace !important;
    display: inline-block;
    padding: 2px 4px !important;
    color: #008b8b !important;
    border-radius: 3px !important;
    font-size: 0.8em !important;
    box-shadow: rgba(109, 40, 217, 0.05) 0 2px 4px !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    line-height: 1.6 !important;
    margin: 0 2px !important;
    background-color: #e0ffff !important;
}
*/

/* 引用块样式，类似于 Markdown */
blockquote {
    border-left: 4px solid #2980B9;
    margin: 1em 0;
    padding: 0.5em 1em;
    background-color: #F8F9FA;
    color: #7F8C8D;
}

/* 响应式设计 */
@media (max-width: 768px) {
    #mw-panel {
        background-color: #F8F9FA;
        padding: 1em;
    }
    .vector-menu-content {
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
}

/* 辅助类 */
.infobox {
    background-color: #F8F9FA;
    border: 1px solid #EAECF0;
    border-radius: 4px;
    padding: 1em;
    margin: 1em 0;
}

/* 颜色变量定义 */
:root {
    --primary-color: #2980B9;
    --secondary-color: #3498DB;
    --accent-color: #E74C3C;
    --code-bg: #F8F9FA;
    --border-color: #EAECF0;
}

/* 处理<div>标签的样式 */
.line:hover{
  background-color: #E8E8FF !important;
}

/* CDTemplate */
.label {
  -webkit-font-smoothing: auto;
  color: rgb(0, 139, 139);
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 0.8em;
  box-shadow: rgba(109, 40, 217, 0.05) 0px 2px 4px;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.6;
  margin: 0 2px;
  cursor: default !important;
  background-color: rgb(224, 255, 255) !important;
  font-family: Consolas, monospace !important;
}

.file {
  -webkit-font-smoothing: auto;
  color: rgb(139, 139, 0);
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 0.8em;
  box-shadow: rgba(217, 40, 109, 0.05) 0px 2px 4px;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.6;
  margin: 0 2px;
  cursor: default !important;
  background-color: rgb(255, 255, 224) !important;
  font-family: Consolas, monospace !important;
}

.mark {
  -webkit-font-smoothing: auto;
  color: rgb(139, 0, 0);
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 0.8em;
  box-shadow: rgba(255, 0, 0, 0.05) 0px 2px 4px;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.6;
  margin: 0 2px;
  cursor: default !important;
  background-color: rgb(255, 208, 208) !important;
  font-family: Consolas, monospace !important;
}