Skip to content

Instantly share code, notes, and snippets.

@yamimin0520
yamimin0520 / carousel.css
Created Mar 1, 2020
カルーセルのデザイン変更
View carousel.css
@yamimin0520
yamimin0520 / ranking.css
Created Feb 29, 2020
サイドバー(注目記事)
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;
@yamimin0520
yamimin0520 / fontawesome-icon.css
Created Jan 20, 2020
fontawesomeアイコン
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;
}
/* 最新記事 */
@yamimin0520
yamimin0520 / sidebar-color.txt
Last active Jan 20, 2020
サイドバーの色
View sidebar-color.txt
.hatena-module-title{
position: relative;
font-weight: bold;
color: white;/* 文字色 */
background: #0924C2;/* 背景色 */
line-height: 1.4;
padding: 0.5em 0.5em 0.5em 1.8em;/* タイトル内の余白 */
margin: 0px -10px 0px -10px;/* タイトルの位置を調整 */
}
View sidebar-line.css
/*直線*/
.hatena-urllist li {
border: none; /*元々の線を消す*/
border-bottom: 1px solid #ddd; /*線の太さ 種類 色*/
}
/*点線*/
.hatena-urllist li {
border: none;
border-bottom: 1px dotted #ddd;
@yamimin0520
yamimin0520 / sidebar-background-color.css
Created Jan 19, 2020
最新記事と注目記事の背景色
View sidebar-background-color.css
.hatena-module-title{
position: relative;
font-weight: bold;
color: white;/* 文字色 */
background: #0924C2;/* 背景色 */
line-height: 1.4;
padding: 0.5em 0.5em 0.5em 1.8em;/* タイトル内の余白 */
margin: 0px -10px 0px -10px;/* タイトルの位置を調整。 */
}
.hatena-urllist {
@yamimin0520
yamimin0520 / btn.css
Created Jan 16, 2020
ボタン改造
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;
@yamimin0520
yamimin0520 / list-normal.css
Created Jan 10, 2020
記号を使ったリスト
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 {
You can’t perform that action at this time.