User:九千天华/common.css:修订间差异
外观
九千天华将页面User:九千天华/common.css的内容模型从“纯文本”更改为“CSS” |
小 完成 |
||
| 第2行: | 第2行: | ||
/* 分类:Hidden CSS */ | /* 分类:Hidden CSS */ | ||
/* 魔术字:__HIDDENCAT__ __NOCC__ */ | /* 魔术字:__HIDDENCAT__ __NOCC__ */ | ||
. | /* 这里放置的CSS将应用于所有皮肤 */ | ||
/*让低级标题也拥有分隔线*/ | |||
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; | |||
} | } | ||
2025年8月1日 (五) 21:23的版本
/* 页面名称:MediaWiki:Common.css */
/* 分类:Hidden CSS */
/* 魔术字:__HIDDENCAT__ __NOCC__ */
/* 这里放置的CSS将应用于所有皮肤 */
/*让低级标题也拥有分隔线*/
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;
}