西野ブログ限定版
このスクリプトは西野亮廣さんのブログを見やすくすることを目的に書きました。私の判断で不要な箇所は消しています。またいくつか変更を加えています。異論のある方は原則個別に調整をお願いします。
意見の分かれそうな点について調整する方法を書いておきます。
- 無効にされているリンクを機能させたい
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; }