12月配布ページ -ブログ-

↓HEAD編集にコピペしてね↓

body{
color: #333;
font-family: 'Zen Maru Gothic', sans-serif;
font-size: 0.85em;
line-height: 1.7;
background: #fff url(#背景画像URL#) repeat fixed;
}
a{
text-decoration: none;
color: #009944;
}
a:hover{
color: #B81C22;
}

p{
margin: 5px;
}

h1{
font-size: 1.8em;
font-family: 'Kaisei Opti', serif;
color: #B81C22;
}
h1:before{
font-family: "Font Awesome 5 Free";
content: '\f79c';
font-weight: 900;
color:#009944;
margin-right : 2px;
}
h1:after{
font-family: "Font Awesome 5 Free";
content: '\f79c';
font-weight: 900;
color:#009944;
margin-left : 5px;
display: inline-block;
transform: scaleX(-1);
}

h2{
font-size: 1.5em;
font-family: 'Kaisei Opti', serif;
color: #B81C22;
text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;
}

h3{
font-size: 1.2em;
line-height: 2.5em;
}

.line {
position: relative;
overflow: visible;
text-align: center;
color: #ccc;
border-width: 3px 0 0 0;
border-style: double;
border-color: #ccc;
margin: 10px 0 ;
}
.line:after {
font-family: "Font Awesome 5 Free";
content: '\f2dc';
font-size: 1em;
font-weight: 900;
text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;
position: absolute;
top: -1em;
left: 50%;
display: inline-block;
}

.wrp{
width: 90%;
max-width:600px;
margin: 10px auto;
}

header{
font-size:1.1em;
text-align: center ;
margin: 50px auto 50px;}

.kiji {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 background-color: #71BF76;
 box-shadow: 0 0 10px 10px #71BF76;
}

.post {
 margin: 0.5em auto;
 padding: 1em;
 width: 95%;
 background-color: #F7EACF;
 box-shadow: 0 0 5px 5px #F7EACF;
}

.name{
font-family: 'Oooh Baby', cursive;
font-size:1.5em;
color: #B81C22;
}
.name:before{
font-family: "Font Awesome 5 Free";
content: '\f06b';
font-weight: 900;
color:#B81C22;
padding-right : 5px;
}

textarea , input[type='text'] {
width: 90%;
padding: 0.3em;
transition: 0.3s;
letter-spacing: 1px;
border: 1px solid #1b2538;
border-radius: 4px;
}
textarea:focus , input:focus {
border: 1px solid #da3c41;
outline: none;
box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}

input {
padding: 0.3em;
transition: 0.3s;
letter-spacing: 1px;
border: 1px solid #1b2538;
border-radius: 4px;
}

footer{
text-align: center;
}

.snow {
  color: #ccc; /*雪の色*/
  font-size: 18px; /*雪の大きさ*/
  position: fixed;
  top: -5%; /*初期位置*/
  text-shadow:
  5vw   -100px 2px,
  10vw  -400px 3px,
  20vw  -500px 4px,
  30vw  -580px 1px,
  39vw  -250px 2px,
  42vw  -340px 5px,
  56vw  -150px 2px,
  63vw  -180px 0,
  78vw  -220px 4px,
  86vw  -320px 9px,
  94vw  -170px 7px;
  animation: anim 5s linear infinite;
}
.snow2 {
  color: #ccc; /*雪の色*/
  font-size: 15px; /*雪の大きさ*/
  position: fixed;
  top: -10%; /*初期位置*/
  text-shadow:
  5vw   -100px 2px,
  10vw  -400px 3px,
  20vw  -500px 4px,
  30vw  -580px 1px,
  39vw  -250px 2px,
  42vw  -340px 5px,
  56vw  -150px 2px,
  63vw  -180px 0,
  78vw  -220px 4px,
  86vw  -320px 9px,
  94vw  -170px 7px;
  animation: anim 8s linear infinite;
}
@keyframes anim {
  100% {
    color: transparent;
    top: 150%;
  }
}
</style>

一覧ページ編集

↓ページ上部編集ボックスにコピペしてね↓

↓ページ下部編集ボックスにコピペしてね↓

↓スレッド部編集ボックスにコピペしてね↓

背景画像は素材屋 flower&clover様の雪:snow 16を使用。

記事ページ編集

↓ページ編集ボックスにコピペしてね↓

追記ページ編集

↓ページ編集ボックスにコピペしてね↓
※追記を使わない場合はやらなくてOK

プレゼント交換

ブログ用配布ページ

一覧ページ編集

記事ページ編集

追記ページ編集