西野ブログ限定版

このスクリプト西野亮廣さんのブログを見やすくすることを目的に書きました。私の判断で不要な箇所は消しています。またいくつか変更を加えています。異論のある方は原則個別に調整をお願いします。

意見の分かれそうな点について調整する方法を書いておきます。

  • 無効にされているリンクを機能させたい

CSSの.skin-entryBody a[href~から始まる箇所を削除するか、該当するセレクタを削除してください。各セレクタの意図を以下にまとめておきます。

セレクタ 意図
.skin-entryBody a[href*="salon.jp/salons"] URLにsalon.jp/salonsが含まれる
.akan URLに全角文字が含まれる
.dup 本文中に複数同じページへのリンクが存在する
  • 本文中に埋め込まれている動画のサイズを変更したくない

本文をダブルクリックするか、下の画像のようにブログ右上の「このブログを検索する」と書いてある検索ボックスにフォーカスを当てる(青枠で囲われる)と動画のサイズを拡大します。もう一度どちらかの動作を行えば元に戻ります。

デフォルトの小さい状態を維持したい方はCSSの.iframe-wrap~から始まる箇所を削除してください。拡大された状態を維持したい方はnishino_ameblo_addの以下の箇所を

function size_origin() {
  $('.div_iframe').toggleClass("iframe-wrap");
}
$('#blogSearchInputHeader')[0].addEventListener('focus', size_origin, false);
$('.skin-blogBody')[0].addEventListener('dblclick', size_origin, false);

このように変更してください。

$(".div_iframe").addClass("iframe-wrap");
  • 特定の文字列に由来する変更を加えたくない

該当するセレクタを削除してください。クラス名の意図を簡単にまとめておきます。

.l_yoko 横線
.l_tate マーク
.sun 横線上
.cloud マーク上
.mark_end テキストがマークで終わる
.mark_only テキストがマークのみ

使用前に以上の点をご理解いただければと思います。
https://codepen.io/kogawa_vonly/pen/YzpMpmX
https://codepen.io/kogawa_vonly/pen/ZEBZLYM
http://memo.lomo.jp/nishino_ameblo

.skin-entryBody{margin:0;}
.skin-entryBody * {
  margin: 0 !important;
  font-size: 1em !important;
  font-weight: normal;
}

[data-uranus-component="blogGenreEntryRankInfo"],[data-uranus-component="entryThemes"]{display:none;}
.skin-entryHead{margin:0;display:flex;flex-direction:column-reverse;}
.skin-entryThemes{margin:0;}
.skin-entryTitle{margin:0;padding:0;line-height:1;}
.hashtag-module-wrapper{display:none;}
.skin-message{margin:0;padding:0;}
.skin-message a{pointer-events:none;}
.skin-message img{width:auto;}
#freespace br{display:none;}
#freespace[data-uranus-component="widget"],#profile[data-uranus-component="widget"]{margin-bottom:0;}

[data-uranus-layout="columnB"] [data-uranus-layout="mainInner"]{padding:0;}
[data-uranus-layout="content"]{width:87.5%;padding:0;}
[data-uranus-layout="columnB"] [data-uranus-layout="main"] ul{margin:0;padding:0;height:auto;}
[data-uranus-layout="columnB"] [data-uranus-layout="subAInner"]{margin-left:2em;margin-right:0;padding-left:25%;}
.LazyLoad{display:none;}
[data-uranus-component="entry"] {margin:0;}
[data-uranus-layout="footerNav"] {margin:0;padding:0;}
.skin-blogFooterNav>ul{margin:0;height:auto;}
[data-uranus-layout="headerNavInner"] [data-uranus-component="search"]>input{height:auto;line-height:1.6;}
[data-uranus-component="entryDate"], [data-uranus-component="entryThemes"]{margin:0;min-height:auto;}
[data-uranus-component="paging"]{display:flex;justify-content:space-between;}
[data-uranus-component="paging"]>li{width:auto;}
[data-uranus-component="entryPagingItem"]{padding:0;}

.skin-entryBody .logo{display:none;}
[data-uranus-component="entryBody"] ul{list-style:none;}
.skin-entryBody wbr{display:none;}

.skin-entryBody img{width:auto;max-width:620px;}
.skin-entryBody i{font-style:normal;}
.skin-entryBody font[color]{color:#333;}
.div_br,.node_last.e,.node_last.solo_a,.node_last.card{line-height:1;}
.line,.l_tate.sun.e{line-height:1;}
.div_br+.div_br,.i_ren br+br,.sand br+br{display:none;}
.node_last+.div_br,.cork{display:none;}

.l_yoko+.div_br,.l_tate+.div_br,.sun+.div_br,.cloud+.div_br,.node_first+.div_br{display:none;}
.solo+.div_br,.solo_a+.div_br,.solo_a.i_ren>br:first-child{display:none;}
.mark_end+.div_br,.mark_only,.ozone+.div_br{display:none;}

.ogpCard_wrap+.div_br{display:none;}
.ogpCard_wrap img,.ogpCard_wrap .div_br,.ogpCard_wrap>a>.n_text{display:none;}
.ogpCard_wrap>a{display:flex;}
.ogpCard_wrap img:first-of-type{display:inline;max-width:20px;max-height:20px;order:1}
.ogpCard_wrap>a>.n_text:first-of-type{display:inline;}

.sand>.div_br,.br_akan>br:first-child{display:none;}
.midasi{display:block;line-height:1;}
.sand_3.midasi{line-height:1.6;}
.rail.line+br{display:none;}

a:hover,a:focus{opacity:1;}
a.dup:visited{color:#333;}
.waku,.i_pic+.e+.div_br,.waku+.e+.div_br,.div_iframe+.e+.div_br{display:none;}
.waku.frame_pad{display:block;}
.revert+.waku.frame_pad{display:none;}
.i_pic:not(.card)+.i_pic:not(.card),.i_pic:not(.card)+.div_iframe,.div_iframe+.i_pic:not(.card),.div_iframe+.div_iframe{margin-top:1em !important;}
.rail{display:block;}

.e{white-space:nowrap;}
.skin-entryBody a[href*="salon.jp"],.akan,.dup {
  pointer-events: none;
  color: #333 !important;
  text-decoration: none;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: 2px solid #ccc;
}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

a[href="http://twitter.com/nishinoakihiro"], a[href="http://twitter.com/nishinoakihiro"]+p,a[href="http://twitter.com/nishinoakihiro"]+p+span{
    border-left: 1px solid #333;
    padding: 0 0 0 1em;
    display:block;
}