View carousel.css
/*カルーセル*/ | |
.carousel-in{ | |
background: transparent; /*余白を取る*/ | |
} | |
.slick-slide img{ | |
border-radius: 2px; /*角丸*/ | |
box-shadow: 0px 1px 1px 1px #CCC; /*影*/ | |
} | |
.slick-prev{ | |
border-radius: 50%; /*角丸*/ |
View ranking.css
/*注目記事*/ | |
.popular-entry-card-link.a-wrap{ | |
border-bottom: 1px solid #EEE; /*記事タイトル下の下線*/ | |
} | |
/*順位数表示のカスタマイズ*/ | |
.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before{ | |
top: -5px; | |
left: -5px; | |
border-radius: 50%; /*角丸コーナー*/ | |
border: none; /*ランキング数字の枠のカラー*/ |
View index.css
/**目次**/ | |
.toc{ | |
display: block; | |
padding: 0px; | |
margin-bottom: 70px; | |
margin-left: 20%; | |
margin-right: 20%; | |
} | |
.toc-title{ | |
position: relative; |
View fontawesome-icon.css
/* 検索 */ | |
.hatena-module-search-box .hatena-module-title:before { | |
font-family: "Font Awesome 5 Free"; | |
content: "\f135";/* アイコンフォント */ | |
font-weight:900; | |
position: absolute; | |
left : 0.5em; | |
} | |
/* 最新記事 */ |
View btn.css
.categories a, | |
.categories a:before, | |
.categories a:after { | |
transition: all 0.3s; | |
} | |
.categories a{ | |
display: inline-block; | |
font-size: 15px; | |
position: relative; | |
opacity: .999; |
View list-normal.css
<ol class="count-list"> | |
<li>りんご</li> | |
<li>みかん</li> | |
<li>バナナ</li> | |
<li>ぶどう</li> | |
</ol> | |
<style><!-- | |
ol.count-list { | |
counter-reset:count-list; | |
list-style-type:none; |
View list-fontawesome.css
<div class="list"> | |
<ul> | |
<li>りんご</li> | |
<li>みかん</li> | |
<li>バナナ</li> | |
<li>ぶどう</li> | |
</ul> | |
</div> | |
<style><!-- | |
.list ul { |
NewerOlder