- こうしたら
#globalheader-container, #content-inner, #main {box-shadow:none;}
- これが
- こうなった
詳しくはこちらから。
- はてなダイアリーとはてなブログでGoogle Webフォントを使うなど - Imamuraの日記(http://d.hatena.ne.jp/Imamura/20140513/webfont)
追記
さらにCSSをいじった。各種タイトルなどの影と罫線をなくし、記事のサムネイルつき一覧は上下の間隔を少し狭くした。
- こうしたら
#title, .date, .hatena-module-title {text-shadow:none;} .date {font-weight:bold;} .hatena-module-title, .hatena-module-title a, .hatena-module-title a:link, .hatena-module-title a:visited {color:#343d29;} .hatena-module-title a:hover, .hatena-module-title a:active {color:#9a9e94;} .hatena-module-title {margin:0 0 0.3em; border-bottom:none;} .hatena-module-recent-entries li {padding: 2px 0;border-bottom: none;} .entry-content h1, .entry-content h2, .entry-content h3 {border-bottom:none;}
- これが
- こうなった
追記2
フッタの文字の影もなくした。
- こうしたら
#footer a {text-shadow:none;}
- これが
- こうなった
しかしこれ、はてなの規約に違反しないかちょっと不安だ。
はてな利用規約 - はてな(抜粋)第6条(禁止事項)
- 3.ユーザーは、本サービスを利用するに際し、以下のような本サービス利用上不適切な行為を行ってはなりません。
- g.本サービス内でのページデザイン変更により、当社が標準的に表示しているヘッダ、フッタ、広告及び著作権表示を当社の許諾なく体裁や位置を改変し表示する、あるいは非公開にする行為
問い合わせてみよう。
追記3
運営に問い合わせたところ、おおむね以下のような回答だった。
- 規約の文言は、ヘッダやフッタ、広告の視認性を大きく損なうような変更を禁止するためのもの
- 改変のしかたによってはある時点で視認性に問題がなくても、後日の機能追加などで大きく変わる可能性がある。そのため具体的にこの体裁変更が規約に抵触するかという質問には答えない方針
この範囲なら上の変更は規約に抵触しないと判断した。