佐志仔在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; }