WebScrap

July 30, 2009

Wikipediaを読みやすくするStylish

Stylish適用後のWikipedia

普段から調べ物をするときによく使用するWikipedia。シンプルで見やすいのは良いのだが、横幅が広く文字の体裁が整っていないと感じたので制作してみた。また、Wikibooksとアンサイクロペディアもほぼ同じ構造のようなので適用。詳細は以下の通り。


  • フォントサイズ・行送りの調整
  • 文章を両端揃えに変更
  • 記事の横幅を最大680pxに変更
@-moz-document domain("wikipedia.org"), domain("wikibooks.org"), domain("ansaikuropedia.org"), domain("uncyclopedia.info"){
#bodyContent{
padding: 0 10px !important;
font-size: 1em !important;
text-align: justify !important;
}
#bodyContent p{line-height: 1.75em !important;}
#bodyContent table{margin-bottom: 1em !important;}
#content{
max-width: 680px !important;
margin-right: 10px !important;
margin-left: 162px !important;
border-right: #aaaaaa 1px solid !important;
}
#column-one{margin-left: 6px !important;}
#toc{padding: 2px 10px !important;}
#toc a{font-size: 0.9em !important;}
.infobox{padding: 10px !important;}
.firstHeading{
font-size: 1.6em !important;
font-weight: bold !important;
margin: 20px 10px 0 10px !important;
}
.editsection{display: none !important;}
}

2009/08/31 追記:記事を加筆。

2009/09/14 追記:適用先URLを修正。

2009/10/14 追記:記事の整理のため改題。

0 Coment:

Post a Comment