maruyosi's LODGE

~ まるよしの書斎・休憩室・実験室 ~

Bordeaux

CSS変更例

body{
  background-position: center center;  /* left right top bottom center xx% から選択*/
  background-size: cover;
}
#content {
  background-color: #f5f5f5;     /* WhiteSmoke */
  background-color: rgba(245,245,245,0.8);     /* transparent 透過度は赤字部分で調整 */
}
#box2 {
  width: 170px;  /* サイドバーの幅を若干広げる */
}
#main {
  margin-right: -211px;  /* サイドバー幅変更に伴う調整 */
}
#blog-title h1 {     /* Heading h1 shuld not be qualified */
  padding: 0 0 25px 0;  /* タイトル余白の調整 */
}
#title a {
  color: #228b22;     /* ForestGreen */  /* タイトル等の色や大きさ変更 */
  font-size: 36px;
}
#blog-description {
  padding: 0 0 5px 0;
  font-size: 14px;
  color: #2f4f4f;     /* DarksLateGray */
}
.hatena-module {
  margin-bottom: 35px;  /* サイドバーモジュール間隔の調整 */
}

(変更前)
f:id:saitoy052:20141106102311j:plain

(変更後)
f:id:saitoy052:20141106102326j:plain

画像に枠をつける

.entry-content img {
  border-top: 13px solid #333333;
  border-right: 14px solid #666666;
  border-bottom: 15px solid #999999;
  border-left: 14px solid #666666;
}

f:id:saitoy052:20141106102623j:plain

.entry-content img {
  border: 14px ridge #8B0000;
}

f:id:saitoy052:20141106102639j:plain

 aboutページのプロフィールアイコンに丸みをつけて大きめに

.page-about .entry-content img.profile-icon {
  padding:0;
  height: 32px;
  width: 32px;
  border-radius: 6px;
  border: none;  /* 枠をつけない */
}