Ameblo新テンプレの CSSタグ5…ボタンの設定

5-1. ボタン全体
5-2. ページ送りボタンの << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン
5-3. 目次ナビゲーション
5-4. サイドバーのボタン
5-5. 記事一覧 月別(記事一覧ページ)

/*
*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*

(5)ボタン設定

*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*
*/
/* (5-1) ボタン全体
——————————————–*/
/* 通常ボタン */
/* 記事エリア上下の「もっと見る」 */
.skin-btn {
border-color: #e5e5e5;
background-color: #ffffff;
color: #999999;
}

/* 通常ボタン(マウスオーバー、訪問済み) */
/* 記事エリア上下の「もっと見る」 */
.skin-btn:hover, .skin-btn:visited {
color: #999999;
}

/* 強調ボタン */
/* 不明。コメント関係? */
.skin-btnPrimary {
border-color: #404040;
background-color: #505050;
color: #ffffff;
}

/* 強調ボタン(マウスオーバー、訪問済み) */
/* 不明。コメント関係? */
.skin-btnPrimary:hover, .skin-btnPrimary:visited {
color: #ffffff;
}

/* (5-2) ページ送りボタンの << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン
/* 記事エリア上下のページ送りボタン */
——————————————–*/
/* 前後ページ送りボタン */
.skin-btnPaging {
border-color: #cccccc;
background-color: #dedede;
color: #333333;
}

/* 前後ページ送りボタン(マウスオーバー、訪問済み) */
.skin-btnPaging:hover, .skin-btnPaging:visited {
color: #333333;
}

/* ページ送りの矢印アイコン*/
/* ページ送りのアイコン(< or >) */
.skin-btnPagingIcon {
color: #a9a9a9;
}

/* 記事中ページ送りの次 */
/* 記事単体ページの下部ボタン */
.skin-entryPagingNext, .skin-entryPagingNext:hover, .skin-entryPagingNext:visited {
color: #3970B5;
}

/* 記事中ページ送りの前 */
/* 記事単体ページの下部ボタン */
.skin-entryPagingPrev, .skin-entryPagingPrev:hover, .skin-entryPagingPrev:visited {
color: #3970B5;
}

/* (5-3) 目次ナビゲーション
——————————————–*/
/* 目次ナビゲーション */
.skin-btnIndex {
border-color: #e5e5e5;
background-color: #ffffff;
color: #999999;
}

/* 目次ナビゲーション(マウスオーバー、訪問済み) */
/* 不明。記事単独ページ? */
.skin-btnIndex:hover, .skin-btnIndex:visited {
color: #999999;
}

/* 目次ナビゲーション 選択時 */
.skin-btnIndex.is-active {
border-color: #cccccc;
background-color: #e0edf7;
color: #333333;
}

/* 目次ナビゲーション 無効時 */
.skin-btnIndex.is-disabled {
border-color: #cccccc;
background-color: #f6f7f8;
color: #979696;
}

/* (5-4) サイドボタン
——————————————–*/
/* サイド通常ボタン */
 /* 「一覧をみる」など */
.skin-btnSide {
border-color: #e5e5e5;
background-color: #ffffff;
color: #999999;
}

/* サイド通常ボタン(マウスオーバー、訪問済み) */
.skin-btnSide:hover, .skin-btnSide:visited {
color: #999999;
}

/* サイド強調ボタン */
  /* 「読者になる」など */
.skin-btnSidePrimary {
border-color: #404040;
background-color: #505050;
color: #ffffff;
}

/* サイド強調ボタン(マウスオーバー、訪問済み) */
.skin-btnSidePrimary:hover, .skin-btnSidePrimary:visited {
color: #ffffff;
}

/* (5-5) 記事一覧 月別
——————————————–*/
/* 記事一覧 月別 ボタンテキスト */
  /* 月別、テーマ別一覧ページの月ごとのボタン */
.skin-btnArchive {
border-color: #e5e5e5;
background-color: #ffffff;
color: #999999;
}

/* 記事一覧 月別 ボタンテキスト(マウスオーバー、訪問済み) */
.skin-btnArchive:hover, .skin-btnArchive:visited {
color: #999999;
}

/* 記事一覧 月別 ボタンテキスト 選択時 */
.skin-btnArchive.is-active {
background-color: #e0edf7;
color: #333333;
}

/* 記事一覧 月別 ボタンテキスト 0件 */
.skin-btnArchive.is-disabled {
background-color: #f0eff5;
color: #cccccc;
}