Skip to content

Instantly share code, notes, and snippets.

@baramutu
Last active May 25, 2016 04:24
Show Gist options
  • Save baramutu/bd80e58d7a5eb26a31c01fbbbecccc61 to your computer and use it in GitHub Desktop.
Save baramutu/bd80e58d7a5eb26a31c01fbbbecccc61 to your computer and use it in GitHub Desktop.
はてなダイアリーを幅広表示対応にするためのカスタムCSSです。Naked ( http://blog.hatena.ne.jp/-/store/theme/6653812171397406126 ) との組み合わせで実現しています
/* <system section="theme" selected="6653812171397406126"> */
@import url("http://hatenablog.com/theme/6653812171397406126.css");
/* </system> */
@media screen and (min-width:1110px) {
#content-inner, #n-menu .menu-inner, #n-menu .menu-inner {
max-width: 2400px;
}
.entry-header, .entry-content {
font-size: 105%;
}
}
@media screen and (min-width:1400px) {
.entry-header, .entry-content {
font-size: 110%;
}
}
@media screen and (min-width:1600px) {
.entry-header, .entry-content {
font-size: 115%;
}
}
@media screen and (min-width:1800px) {
.entry-header, .entry-content {
font-size: 120%;
}
}
@baramutu
Copy link
Author

元ネタはこちら:

はてなブログをてきとーかつシンプルに幅広表示にする
http://scrivguide.hatenadiary.jp/entry/2016/05/25/124149

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment