模板:Breadcrumb/styles.css:修订间差异
来自RIA | Wiki
更多操作
建立内容为“.template-breadcrumb ul { margin: 0; padding: 0.25em 0.5em; list-style-type: none; font-size: 0.875em; } .template-breadcrumb li { display: inline-bl…”的新页面 |
优化 |
||
| 第1行: | 第1行: | ||
/* Template:Breadcrumb 的样式表 */ | |||
/* == 核心样式 == */ | |||
/* 添加内边距 */ | |||
.template-breadcrumb { | |||
padding: 0.25em 0.5em; | |||
} | |||
/* 移除边距、列表样式, 重设字体大小 */ | |||
.template-breadcrumb ul { | .template-breadcrumb ul { | ||
margin: 0; | margin: 0; | ||
padding: 0 | padding: 0; | ||
list-style-type: none; | list-style-type: none; | ||
| 第8行: | 第17行: | ||
} | } | ||
/* 行内化无序列表 */ | |||
.template-breadcrumb li { | .template-breadcrumb li { | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
/* 生成导航符号 */ | |||
.template-breadcrumb li:before { | .template-breadcrumb li:before { | ||
content: "/\00A0"; | content: "/\00A0"; | ||
| 第18行: | 第29行: | ||
} | } | ||
/* 移除首个列表项的导航符号 */ | |||
.template-breadcrumb li:first-child:before { | .template-breadcrumb li:first-child:before { | ||
content: none; | content: none; | ||
| 第23行: | 第35行: | ||
} | } | ||
/* 自定义样式 */ | /* == 自定义样式 == */ | ||
.catnav, .template-breadcrumb.catnav { | /* 分类导航栏 */ | ||
.catnav, .template-breadcrumb.catnav { | |||
background-color: rgb(227, 215, 244); | background-color: rgb(227, 215, 244); | ||
border: 1px outset rgb(227, 215, 244); | border: 1px outset rgb(227, 215, 244); | ||
} | } | ||
2022年3月19日 (六) 22:08的版本
/* Template:Breadcrumb 的样式表 */
/* == 核心样式 == */
/* 添加内边距 */
.template-breadcrumb {
padding: 0.25em 0.5em;
}
/* 移除边距、列表样式, 重设字体大小 */
.template-breadcrumb ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0.875em;
}
/* 行内化无序列表 */
.template-breadcrumb li {
display: inline-block;
}
/* 生成导航符号 */
.template-breadcrumb li:before {
content: "/\00A0";
/* 斜杠 (U+002F) + 不换行空格 (U+00A0)
* 添加额外空格是为了和左边的固有空格 (display: inline-block 产生) 匹配 */
}
/* 移除首个列表项的导航符号 */
.template-breadcrumb li:first-child:before {
content: none;
margin: 0;
}
/* == 自定义样式 == */
/* 分类导航栏 */
.catnav, .template-breadcrumb.catnav {
background-color: rgb(227, 215, 244);
border: 1px outset rgb(227, 215, 244);
}