佐志仔WordPress官方主题Twenty Twelve子主题css

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

广告栏+++++++蜜糖商店|大哥云| 搬瓦工JMS|红莓网络| Mielink|萌喵加速| 飞鸟云

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注