最近の記事一覧の文字・背景色などの調整

★　最近の記事一覧の文字・背景色などの調整


◆　最近の記事一覧の文字の色の調整

①　色（文字色・リンク色）

/* ------------------------------------------------------- */
/* 最近の記事一覧の文字の色（文字色・リンク色）　　　　　　*/
/* ------------------------------------------------------- */
.recentEntriesMenu {color:#00ff00;}/* 文字色 */
.recentEntriesMenu a:link{color:#ff0000;}/* 未訪問 */
.recentEntriesMenu a:visited{color:#ff00ff;}/* 訪問済 */
.recentEntriesMenu a:hover{color:#0000ff;}/* カーソルを乗せたとき */
.recentEntriesMenu a:active{color:#ffff00;}/* クリック実行時 */

.recentEntriesMenu a:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */

◆　最近の記事一覧の文字の大きさ・種類・太さの調整

①　文字の大きさ・種類・太さ

/* ------------------------------------------------------- */
/* 最近の記事一覧の文字の大きさ・種類・太さ　　　　　　　　*/
/* ------------------------------------------------------- */
.recentEntriesMenu{
font-size:10px;/* 文字の大きさ */
font-family:'HGS創英角ﾎﾟｯﾌﾟ体';/* 文字の種類 */
font-weight:normal;/* bold→太い文字 normal→普通 */
}

◆　一覧を見るを非表示

①　非表示

/* ------------------------------------------------------- */
/* 最近の記事一覧の一覧を見るを非表示　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentEntriesMenu .listLink{
display:none;
}

◆　下部点線

①　点線を変える

/* ------------------------------------------------------- */
/* 最近の記事一覧の下部点線を変える　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentEntriesMenu .skinSubList li{
border-bottom:1px dashed #cccccc;/* dashed→破線 */
}

②　点線を消す

/* ------------------------------------------------------- */
/* 最近の記事一覧の下部点線を消す　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentEntriesMenu .skinSubList li{
border-bottom:none;
}

◆　最近の記事一覧部分の背景色

①　背景色

/* ------------------------------------------------------- */
/* 最近の記事一覧の背景色　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentEntriesMenu,.recentEntriesMenu .skinMenuBody{
background-color:#444444;/* 背景色 */
}