Skip to content

Instantly share code, notes, and snippets.

**Issue type:**
[ ] question
[x] bug report
[ ] feature request
[ ] documentation issue
**Database system/driver:**
[ ] `cordova`
@daisuke-fukuda
daisuke-fukuda / .css
Created September 10, 2019 03:24
はてなブログ ナビゲーションメニューの余白調整
#top-box {
margin-top: 0;
}
#top-editarea {
margin-bottom: 0;
}
#gnav {
@daisuke-fukuda
daisuke-fukuda / .html
Last active September 10, 2019 03:04
はてなブログナビゲーションメニュー
<nav id="gnav">
<div class="gnav-inner" id="menu-scroll">
<div class="menu"><a href="/"><i class="fa fa-home" aria-hidden="true"></i> HOME</a></div>
<div class="menu"><a href="/archive/category/エンジニアリング"><i class="fa fa-laptop" aria-hidden="true"></i> エンジニアリング</a></div>
<div class="menu"><a href="/archive/category/フリーランス&sol;ノマド"><i class="fa fa-globe" aria-hidden="true"></i> フリーランス/ノマド</a></div>
<div class="menu"><a href="/archive/category/旅行"><i class="fa fa-suitcase" aria-hidden="true"></i> 旅行</a></div>
<div class="menu"><a href="/archive/category/書評"><i class="fa fa-book" aria-hidden="true"></i> 書評</a></div>
<div class="menu"><a href="/archive/category/雑記"><i class="fa fa-bars" aria-hidden="true"></i> 雑記</a></div>
</div>
</nav>
@daisuke-fukuda
daisuke-fukuda / .html
Last active September 9, 2019 17:21
はてなブログのナビゲーションメニュー(下書き)
<nav id="gnav">
<div class="gnav-inner" id="menu-scroll">
<div class="menu"><a href="/"><i class="fa fa-home" aria-hidden="true"></i> HOME</a></div>
<div class="menu"><a href="/"><i class="fa fa-info-circle" aria-hidden="true"></i> ABOUT</a></div>
<div class="menu"><a href="/"><i class="fa fa-bolt" aria-hidden="true"></i> TIPS</a></div>
<div class="menu"><a href="/"><i class="fa fa-graduation-cap" aria-hidden="true"></i> STUDY</a></div>
<div class="menu"><a href="/"><i class="fa fa-wrench" aria-hidden="true"></i> DESIGN</a></div>
<div class="menu"><a href="/"><i class="fa fa-envelope-o" aria-hidden="true"></i> CONTACT</a></div>
</div>
</nav>
@daisuke-fukuda
daisuke-fukuda / heading.css
Last active September 9, 2019 15:48
はてなブログminimalistカスタマイズ
.entry-content h1 {
padding: 4px 3px;
background: #f3f3f3;
border-left: 8px solid #3f3f3f;
margin:80px 0 30px 0;
font-size: 130%;
}
.entry-content h2 {
position: relative;
@daisuke-fukuda
daisuke-fukuda / 画像レイアウト調整.css
Last active September 9, 2019 15:34
はてなブログの画像レイアウト調整
.entry-content img {
max-width: 100%;
width: 430px;
padding-bottom: 10px;
padding-top: 5px;
display: block;
}
/*Monokai*/
.entry-content pre.code {
background-color: #272822; /*背景色*/
color: #F8F8F2; /*テキスト*/
}
.synComment { color: #75715E } /*コメント*/
.synSpecial { color: #E6DB74 } /*特殊文字*/
.synType { color: #66D9EF } /*型*/
.synPreProc { color: #F92672 } /*プリプロセッサ*/
.synStatement { color: #F92672 } /*ステートメント*/
@daisuke-fukuda
daisuke-fukuda / フォント全体.css
Last active September 9, 2019 11:16
はてなブログ
body {
font-family: "メイリオ", Meiryo;
}
@daisuke-fukuda
daisuke-fukuda / .css
Created September 9, 2019 10:32
はてなブログのヘッダー色カスタマイズ
/* ### ヘッダーの背景色 ### */
#blog-title{
background: #3f3f3f !important;
}
/* ### ブログタイトルの文字色 ### */
#title a{
color: white !important;
}
/* ### ブログ説明の文字色 ### */
#blog-description{
<script>
var newDomain = "https://www.moyashidaisuke.com"; // 新URL
var replacedStr;
var path = location.pathname;
if(path.startsWith('\/entry')){ //記事ページの時
// pathを/区切りで分解
var ary = path.split('/');