CSS備忘録。

　ブログのデザインを変えたいと思っているので、これからデザインの変更してしくじった時のために今現在のCSSとスクショを貼っておきます。

/* <system section="theme" selected="evergreen"> */
@import "/css/theme/evergreen/evergreen.css";
/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

/* 記事の文字*/
article {
color: #3A414C;
}
/*背景の色 */
body{
background:#303030;
}

/*ブログ名の下のギザギザ */
#blog-title {
margin: 0 0 70px;
padding: 90px 0 58px;
text-align: center;
background: url('ギザギザの画像URL') no-repeat;
background-position: center bottom;
}

/* 記事と記事の鎖線*/
.entry {
position: relative;
margin-bottom: 100px;
padding: 0 0 112px;
background: url('鎖線の画像URL') no-repeat;
background-position: center bottom;
}

/*日付のスラッシュ*/
.date .date-year:after {content: "/";}
.date .date-month:after {content: "/";}
.date .hyphen {display: none;}

/* 記事　行間設定 */
.entry-content p {
line-height: 1.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

/*大見出しh3*/
.entry-content h3 {
margin: 40px 0px 20px 0px; 
padding: 10px 10px 10px 10px; 
border-radius: 2px;
border-left: 8px solid #47a89c; 
border-bottom:1px dotted #47a89c;
background: #F8F8F8;
}

/*中見出しh4*/
.entry-content h4 {
margin: 20px 0px 20px 0px; 
padding: 10px 0px 10px 10px; 
border-left: 5px solid #47a89c; 
} 

/*小見出しh5*/
.entry-content h5 {
border-bottom:2px dotted #47a89c;
}

　最後にここに至るまで過去記事も貼っておきます。warrior.hatenablog.com
warrior.hatenablog.com