124.さわさま

Source

>>>ブログ機能はこちら
Icon:Font Awesomeさま

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Bree+Serif|Lobster);
body{
margin:0;
padding:0;
font-size:11px;
color:#333;
line-height:2;
letter-spacing:2px;
font-family:Bree Serif,Meiryo,メイリオ, sans-serif;
background:#008979;
text-align:center;
}

.top{
background:repeating-linear-gradient(-45deg,#ebdfc9 0,#ebdfc9 10px,
#db4736 10px,#db4736 20px);
border-bottom:solid 10px #222;
padding-top:20px;
}

.title{
background:#222;
width:200px;
color:#d49200;
font-size:30px;
font-family:Lobster;
letter-spacing:0;
margin:0;
border-radius:5px 5px 0 0;
}

.all{
max-width:400px;
background:#ebdfc9;
padding:15px;
margin:20px;
text-align:left;
}

.all a{
color:#008979;
}

.url{
background:#d49200;
color:#222;
padding:3px 10px;
}

.text{
max-width:400px;
background:#ebdfc9;
padding:15px;
padding-top:0;
margin:20px;
text-align:left;
}

.date{
background:#222;
width:50px;
height:65px;
padding-top:5px;
text-align:center;
border-radius:0 0 25px 25px;
position:relative;
top:-7px;
display:inline-block;
vertical-align:middle;
color:#ebdfc9;
}

.ti_blog{
display:inline-block;
vertical-align:middle;
color:#d49200;
font-size:17px;
font-weight:bold;
padding-left:15px;
}

a{
text-decoration:none;
color:#ebdfc9;
font-weight:bold;
}

a:hover{
color:#d49200;
position:relative;
top:2px;
}

</style>

BODY(HTML)