Skip to content

Instantly share code, notes, and snippets.

<style>
.hatena-module-entries-access-ranking{display:none}
</style>
<style>
.hatena-module-title{display:none;}
.profile-wrapper{display:none;}
.user-name-nickname{display:none;}
.user-name-hatena-id{display:none;}
.user-name-paren{display:none;}
.footer-action-wrapper{display:none;}
span.author.vcard{
display:none;
}
.entry-content .person-right,
.entry-content .person-left{
padding-top: 15px;
padding-bottom: 15px;
min-height: 100px;
}
.entry-content .person-right img,
.entry-content .person-left img{
background-color: #333;
border: 1px solid #555;
<div class="person-right">
<img src="画像URL">
<p>会話の内容</p>
</div>
<div class="person-left">
<img src="画像URL">
<p>会話の内容</p>
</div>
<!-- グローバルメニュー -->
<div id="mobile_menu">
<span class="category"><a href="URLを記入">名前1</a></span>
|
<span class="category"><a href="URLを記入">名前2</a></span>
|
<span class="category"><a href="URLを記入">名前3</a></span>
|
body {
font-family: "Avenir Next", "century gothic", "Helvetica Neue", Helvetica, Arial,
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.entry-content {
line-height : 1.7 ;
font-size: 16px;
letter-spacing:1;
}
<style type="text/css">
.table-of-contents {
position: relative;
background-color: #ECEEF1;
padding: 40px 10px 10px 35px !important;
border-radius: 6px;
font-size: 14px;
line-height: 28px;
}
ul.table-of-contents {
background: #ffe4e1; /* 背景色の指定 */
padding: 10px 10px 10px 25px;
}
ul.table-of-contents:before {
content: “もくじ”; /* 目次リストの直前に表示する文字列 */
font-size: 1.4rem;
display: block;