佐志仔在WordPress官方主题Twenty Twelve基础上进行简单修改,下面分享下Twenty Twelve为母主题的子主题。
完整的CSS如下:
/* 搜索样式 */
.header-search {
float: right;
margin-top: -50px;
}
@media (max-width: 650px) {
.header-search {
margin-top:5px;
text-align:center;
float:none;
}
.main-navigation {
clear:both;
}
}
/* 搜索样式结束 */
/* 文章标题字体颜色 */
a{
color:green;
}
/* 修改导航栏背景颜色 */
.main-navigation {
background: #006699;
}
/* 修改导航菜单字号 */
.main-navigation li {
font-size: 14px;
font-size: 1rem;
}
/* 修改导航菜单栏目文字位置 */
.main-navigation a {
margin-left:14px;
margin-left:1rem;
}
/* 修改导航菜单栏目文字颜色为白色 */
.main-navigation li a {
color: #fff;
text-align: center;
}
/* 修改导航菜单当前栏目文字颜色为高亮白色 */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #fff;
}
/* 修改导航菜单栏目子栏目文字颜色为白色 */
.main-navigation li ul li a {
color: #fff;
}
/* 修改内容页容器 */
.site-content {
margin: 0 0 0;
margin: 0 0 0;
}
/* 修改内容页容器之间的行间距 */
.site-content article {
margin-bottom: 14px;
margin-bottom: 1rem;
}
/* 调整边栏标题字体大小与底边距离 */
.widget-area .widget h3 {
margin-bottom: auto;
font-size: 14px;
font-size: 1rem;
color:#069;
}
/* 文章内容中图片撑破页面的处理 */
.entry-content img,
.comment-content img{
border: 0;
max-width: 100%;
}
/* 调整栏目页分类目录归档与内容页之间的距离 */
.archive-header, .page-header {
margin-bottom: 14px;
margin-bottom: 1rem;
}