【はてな】boilerplate.cssのなかみ(逆引)

前回「 boilerplate.cssのなかみ」では、はてなブログ側が定義しているclassやidの多くが書かれている、
「boilerplate.css」についての内容をまとめました。
今回は、変更したい要素からclassやidがわかる逆引きのまとめを書こうと思います。

はてなブログが構成されている要素の一部は、はてなブログ側が提供してくれるものがあります。
例えば「ブログタイトル」の要素は、はてな側がclass名を決めています。

今回は、要素からはてな側が決めたclass名を探し出せるようにまとめようと思います。
「boilerplate.css」に書かれている内容について知りたい方や、それって何？って方は前回をご覧ください。

なお、私が知らなかったり一部掲載されていない場合もあるかと思います。
追記するつもりですが、自分で「要素」と「class」や「id」を調べる場合は、こちらを参考にどうぞ！

要素からclassとidを調べる

「行」については「boilerplate.css」に記述されている行番号です。
「関連」については、別途その要素についての関連記事がある時にリンクを掲載します。

要素	class／id	行
はてなメニュー(グローバルヘッダメニュー)	#globalheader-container	493
ブログタイトル	#title	620
ブログタイトル	#title	620
ブログの説明(タイトル下)	#blog-description	647
ブログタイトル下のエリア	#top-editarea	677

要素	class／id	行
パンくずリスト	.breadcrumb	682
記事個別のヘッダのスタイル	.entry-header	692
投稿日時	.date	699
記事のタイトル	.entry-title	713
カテゴリー	.categories	724
記事上の「編集」ボタン(管理者のみ表示)	.entry-header-menu	734
記事内のリストのデザイン	.entry-content ul, .entry-content ol	734
記事内のテーブル(表)のデザイン	.entry-content table	813
SNSボタンのデザイン	.entry-footer .social-buttons	902
コメントボタンのデザイン	.comment-box	916
コメント欄のデザイン	.comment-box .entry-comment	916

要素	class／id	行	関連
フッタ	#footer	500

要素	class／id	行
サイドバー個別のデザイン	.hatena-module	1001
サイドバー名に関するデザイン	.hatena-module-title	1014
プロフィールに関するデザイン	.hatena-module-profile	-
検索に関するデザイン	.hatena-module-search-box	-
HTMLに関するデザイン	.hatena-module-html	-
カテゴリーに関するデザイン	.hatena-module-category	-
リンクに関するデザイン	.hatena-module-links	-

アーカイブページとは、投稿日時順やカテゴリー順、検索等によって表示されるページです。
通常の記事ページとは、class名が若干異なっているので注意が必要です。

要素	class／id	行
アーカイブページのタイトル	.archive-header-category	1141
投稿記事1つ分のブロック	.page-archive .archive-entry	1145
投稿記事のタイトル	.page-archive .entry-title	1152
投稿記事のサムネイルのデザイン	.page-archive .entry-thumb	1156
投稿記事の概要のデザイン	.page-archive .entry-description	1169
投稿記事のSNSボタンのデザイン	.page-archive .social-buttons	1180