小説家になろう用のユーザースタイル (2)
以前紹介した小説家になろうで作品を読む際に利用可能なスタイルをちまちまとバージョンアップしています。
大凡の形が出来たのでVer.2.5として公開します。
主に読み専向けのスタイルとなっています。
個人的に不要と思われる部分は非表示にしてあります。
R15注意勧告、"この小説をブックマークしている人はこんな小説も読んでいます！"、ページフッタ、毎回表示させる必要のない評価部分、テキストダウンロードのリンクなど。
前回公開したものからの変更点として、フォントをKleeAAからIPA明朝(IPAx明朝)に変更。KleeAAでは半角ハイフン "-" などの一部の半角記号が表示されなかった為です。
各話の投稿日時部分のフォントをMMCedar Pに設定。WindowsであればVerdanaやTahomaでもほぼ想定通りの表示になります。
これ以外のフォントを指定したい場合はCSS最下部で指定して下さい。その際にレイアウトが崩れるかもしれませんが、他のフォントでの表示確認は行っていないので予めご了承ください。
- IPA明朝 – IPAexフォント/IPAフォント
- MMCedar – Linux Players > modified_fonts
- ※ Windowsで.tar.lzmaを解凍するには7zアーカイバが必要です
2017年09月のサイト更新によりブックマークの設定位置が明示されるようになったので、これに合わせた表示の変更も行っています。
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("ncode.syosetu.com"), domain("novel18.syosetu.com") {
/* index: ---------------------------------------------------------------------------------------
1. 要素を隠す、ボーダーを消すなどの消去系と位置調整の作業
2. 文字色や背景色色を変更する、ボーダーの色を変えるなどの作業
3. フォントの指定
アクセス自体を弾きたい場合はAd-Block系のアドオンで対処する。
Stylishでは、あくまで要素を「隠す」だけであって「消す」ではない点に留意すること。
------------------------------------------------------------------------------------------------ */
/* ◆ 要素を隠す・位置調整
================================================================================================= */
#pageTop, #pageBottom, /* ページ内移動ボタン */
.center, .koukoku_auto, .koukoku_text, .koukoku_728, /* 一部の広告 */
#novel_attention, /* +注意+ */
#recommend, /* この小説をブックマークしている人はこんな小説も読んでいます */
#impression, #review, #novel_hyouka, /* 評価枠 */
#menu_on, /* ページヘッダ */
.booklist_now, /* 現在のブックマーク位置 */
#head_nav > li:last-child, /* Twitterのリンク */
.novellingindex_bookmarker_no, /* 現在のブックマーク位置 */
#footer, /* ページフッタ */
.contents2, /* ブックマークするにはログインしてください */
.footer_bookmark_wrap, /* ブックマークバー（ページ下部） */
.contents1, /* R15 */
.bookmarker_now /* サブタイトル内のブックマークアイコン */
{ display: none !important; }
#head_nav > li a { border: none !important; } /* ヘッダ内のメニュー左の区切り線 */
#novel_header { position: relative !important; } /* ページヘッダの位置調整 */
.bookmark_now { /* しおりを挟むのアイコン */
background: none !important;
width: unset !important;
}
/* ◆ 文字の大きさ色の変更、背景色の変更
================================================================================================= */
/* 全体の背景色 */
body {
background: #111 !important;
}
/* 作品のタイトル */
.novel_title {
color: #eee !important;
}
/* 作者表示枠を変更する */
.novel_writername, .novel_writername a {
color: #eee !important;
}
.novel_writername a {
text-decoration: underline !important;
}
/* ヘッダーの各種リンクの色を変更する */
#head_nav li a:hover {
background: inherit !important;
color: #988 !important;
}
/* ヘッダーのブックマークに追加ボタンのスタイルを変更する */
#novel_header {
background: #444 !important;
border-bottom: 5px solid #000 !important;
}
#novel_header a { color: #707070 !important;}
.booklist {
border: none !important;
}
.add_bookmark {
background: inherit !important;
border: none !important;
font-size: inherit !important;
position: relative !important;
top: 2px !important;
}
/* しおりを挟む */
ul#head_nav li.bookmark {
background: none !important;
color: #F00 !important;
text-indent: 0 !important;
}
ul#head_nav li.bookmark_now a, ul#head_nav li.bookmark_now a:hover {
color: #844 !important;
padding: 0 !important;
font-size: 13px !important;
font-weight: bold !important;
position: relative !important;top: 3px !important;
}
ul#head_nav li.bookmark_now a:hover {
color: #F44 !important;
}
/* 作品注釈枠を変更する */
#novel_ex {
background: #252525 !important;
color: #eee !important;
margin-bottom: 2em !important;
padding: 1em 0.5em !important;
border: 2px solid #000 !important;
}
/* 章表記を変更する */
.chapter_title {
background: #555 !important;
color: #eee !important;
text-align: center !important;
line-height: 3 !important;
margin: 30px 0 !important;
padding: 0 !important;
}
/* 章タイトルの前後に『◆』を挿入 */
.chapter_title:before { content: "\0025c6\0020"; }
.chapter_title:after { content: "\0020\0025c6"; }
/* 各話用：本文・前がき・あとがきを変更する */
#novel_honbun, .novel_view {
width: 750px !important;
color: #d3e6d3 !important; /* 若干緑を高めに瀬呈すると目が疲れにくい */
font-size: 12pt !important;
line-height: 2.2 !important;
padding: 0 !important;
}
.novel_view {
font-size: 10pt !important;
line-height: 1.5 !important;
padding: 1em 0 !important;
}
/* 各話用：次話・前話・目次用のリンクの変更 */
.novel_bn a:link { color: #ddf !important; }
.novel_bn a:visited { color: #fc2 !important; }
/* 各話の枠を変更する */
.novel_subtitle, .novel_sublist2 {
color: #eee !important;
border-bottom: 1px solid #888 !important;
line-height: 2 !important;
padding-bottom: 0.4em !important;
}
.novel_sublist2:hover {
background: #222 !important;
border-bottom: 1px solid #fc2 !important;
}
/* シリーズタイトル表記を変更する */
.series_title { color: #eef !important; }
.series_title a:link { color: #ddf !important; }
.series_title a:visited { color: #ddf !important; }
.series_title a:hover { color: #bbf !important; }
.series_title:before { content: " \" "; }
.series_title:after { content: " \" 関連作品 "; }
/* サブタイトル（各話タイトル）表記を変更する */
.subtitle a { display: block !important; }
.subtitle a:link { color: #ddf !important; }
.subtitle a:visited { color: #ff8c00 !important; }
.subtitle a:hover { color: #bbf !important; }
/* 投稿日時表記を変更する */
.long_update {
width: 185px !important;
text-align: right !important;
margin-right: 5px !important;
}
/* 改稿表記を変更する */
.long_update {
font-family: Verdana, sans-serif;
}
/* ブックマーク位置の表示を変更する */
.underline {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAFElEQVR42mP4X8uQxAAEMBoLAwgAtjEHeUOS+DoAAAAASUVORK5CYII=") repeat;
}
/* 作品のフッタ表記を変更する */
#novel_footer {
width: inherit !important;
border: none !important;
margin: 100px 0 !important;
}
#novel_footer a:link { color: #ddf !important; }
#novel_footer a:visited { color: #fc2 !important; }
#novel_footer a:hover { color: #bbf !important; text-decoration: underline !important; }
#novel_footer > ul:nth-child(1) > li:nth-child(1) { width: 100% !important; margin: 0 !important; }
#novel_footer > ul:nth-child(1) > li:nth-child(2),
#novel_footer > ul:nth-child(1) > li:nth-child(3),
#novel_footer > ul:nth-child(1) > li:nth-child(4),
#novel_footer > ul:nth-child(1) > li:nth-child(5) { display: none !important; }
/* シリーズページ設定 (added @ 2017.03.24) */
.series_writername {
color: #eee !important;
line-height: 2;
text-align: right !important;
border-bottom: 1px solid #eee !important;
padding: 0 0.5em !important;
}
.series_writername a {
color: #eee !important;
}
.novel_ex {
color: #eee !important;
line-height: 1.5 !important;
margin: .5em 1em !important;
}
.serieslist {
background: #eee !important;
color: #111 !important;
margin: 20px 0 0 !important;
border: none !important;
}
.serieslist .title {
font-size: 140% !important;
font-weight: bold !important;
border-bottom: 1px solid #111 !important;
padding-left: .5em !important;
line-height: 3 !important;
}
.serieslist .title a {
color: #111 !important;
}
.serieslist .ex {
padding: 0 20px !important;
}
.novel_info {
line-height: 2 !important;
}
.novel_info :not(.margin_right) {
background: #eef !important;
border: 1px dashed #333 !important;
padding: 2px 5px !important;
}
/* ◆ フォントの指定
================================================================================================= */
/* -- 小説本文のフォントを指定・明朝体推奨 */
#novel_honbun, .novel_view {
font-family: IPA明朝, IPAex明朝, serif !important; }
/* -- 本文中・各話タイトルを指定・ゴシック体 or 等幅フォント推奨 */
#novel_color .novel_subtitle {
font-family: 'MMCedar P', Verdana, Tahoma, monospace !important; }
/* スタイル設定終了 >> */ }