Skip to content

Instantly share code, notes, and snippets.

yamimin yamimin0520

Block or report user

Report or block yamimin0520

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@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.