【Cocoon】CSSカスタマイズ全部【2020-03-14版】

　はたして需要はあるのか。当サイトのCocoon子テーマ用カスタマイズCSSの全文、2020-03-14版になります。

　Cocoonのスキンは「なし」です。

方法とコード

①「外観」→「テーマエディター」をクリック。

②「子テーマ用のスタイルを書く、必要ならばここにコードを書く」の直下、赤枠の14行目に以下のコードをコピー＆ペースト

p {
max-width :30em;
}

hr {
border: dashed 1px #ccc;
}

.cat-label {
display: none;
}

.entry-card-thumb img {
border: 1px solid #ccc;
border-radius: 0;
}

.blogcard {
border-radius: 0;
}

.button-caption {
display: none;
}
.sns-share-buttons a {
font-size: 18px;
color: #555;
background-color: #eee;
border-radius: 0;
height: 1.5em;
}

.page-numbers {
border-radius: 0;
}

.tagcloud a {
border: solid 1px #ccc;
border-right: 0;
border-bottom: 0;
border-radius: 0;
}

.search-box input[type=”text”] {
border: double 3px #ccc;
border-radius: 0;
}

.cat-link, .tag-link{
border: none;
background-color: #555;
color: #fff;
padding: 1px 9px;
border-radius: 0;
}

.article h2 {
background: -moz-linear-gradient(left, #eee, #fff);
background: -webkit-linear-gradient(left, #eee, #fff);
background: linear-gradient(to right, #eee, #fff);
border-radius: 0;
}

.article h3 {
border: none;
border-left: solid .5em #eee;
padding: 0;
padding-left: .5em;
}

.main {
background: none;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-radius: 0;
}
.sidebar {
background: none;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-radius: 0;
}
.sidebar h3 {
background: -moz-linear-gradient(left, #eee, #fff);
background: -webkit-linear-gradient(left, #eee, #fff);
background: linear-gradient(to right, #eee, #fff);
border-radius: 0;
}

.wp-caption {
border: none;
border-radius: 0;
background-color: #fff;
text-align: center;
}
.wp-caption-text, .gallery-caption {
padding-left: .5em;
border-left: 4px solid #eee;
text-align: left;
}

.cat-link:hover, .tag-link:hover,
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.tagcloud a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.pagination a:hover,
.pagination-next-link:hover,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.sns-share-buttons a:hover,
.breadcrumb a:hover,
.bp-login-widget-register-link a:hover {
opacity: 1;
color: #000;
background-color: #fb0;
transition: 0s;
}