X'mas Tree

注意事項

本格的な血糊とかはやめてね。
とかなんとかかんとか注意事項

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

body{
font-family: 'Zen Maru Gothic', sans-serif;
color: #5B362C;
font-size: 0.8em;
background:url(#背景画像URL#)no-repeat fixed top center/cover;
}

a { color: #9F863F; }
a:hover { color: #A6AAAD; }

h1{
font-family: 'Delius Swash Caps', cursive;
font-size: 50px;
color: #9F863F;
filter: drop-shadow(0px 0px 5px #ffffff);
}

h1 span{
color: #A6AAAD;
}

.wrp{
width: 95%;
max-width: 600px;
margin: 2em auto;
}

.memo {
width: 80%;
background-color: #F7EACF;
border: 2px solid #fff;
box-shadow: 0 0 0 5px #F7EACF;
margin: 2em auto;
padding: 1.5em;
}

.memo-title{
font-weight: bold;
color: #ec6666;
}

.right{ text-align: right; }

/* デフォルト：ストライプ */
section{
width: 280px;
border: 1px solid #bf80ff;
border-radius: 5px;
padding: 10px;
position: relative;
margin: 2em 1em;
}
section:before{
background-color: rgba(255,255,255,0.7); 
border-radius: 5px;
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 5px;
z-index: -1;
}
section:after{
background: repeating-linear-gradient(-45deg, #bf80ff, #bf80ff 5px, #d9b3ff 0, #d9b3ff 10px); /* ストライプの色 */
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -2;
}

/* チェック */
section:nth-child(2n){
border: 1px solid #f0b8bf;
position: relative;
}
section:nth-child(2n):after{
background-color: #fff;	/* チェック部分背景色 */
background-image: linear-gradient(90deg, rgba(245,213,218,.5) 50%, transparent 50%), linear-gradient(rgba(245,213,218,.5) 50%, transparent 50%);	/* チェック色 */
background-size: 20px 20px;
background-repeat: repeat;
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: -2;
}

/* ドット */
section:nth-child(3n){
border: 1px solid #F8DB53;
position: relative;
}
section:nth-child(3n):after{
background-color: #F8DB53;
background-image:radial-gradient(#fff 20%, transparent 30%), radial-gradient(#fff 20%, transparent 30%);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
background-repeat: repeat;
content: '';
position: absolute;
z-index: -2;
}

/* 正方形 */
section:nth-child(5n-1){
border: 1px solid #c7f2fc;
position: relative;
}
section:nth-child(5n-1):after{
background-color: #c7f2fc;
background-image: repeating-linear-gradient(45deg, #91e9ff 25%, transparent 25%, transparent 75%, #91e9ff 75%, #91e9ff), repeating-linear-gradient(45deg, #91e9ff 25%, #c7f2fc 25%, #c7f2fc 75%, #91e9ff 75%, #91e9ff);
background-position: 0 0, 20px 20px;
background-size: 40px 40px;
background-repeat: repeat;
content: '';
position: absolute;
z-index: -2;
}

section:nth-child(even){
margin-right: 0;
margin-left: auto;
}
section:nth-child(odd){
margin-left: 0;
margin-right: auto;
}

textarea{
width: 90%;
height: 10em;
}

input, textarea{
font-family: 'Zen Maru Gothic', sans-serif;
color: #5B362C;
background-color: #fff;
border: 1px solid #5B362C;
}

footer{
text-align: center;
background-color: rgba(255,255,255,0.7); 
}
</style>

★一覧ページ編集★

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

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

↓投稿部編集ボックスにコピペしてね↓

背景画像はパブリックドメインのものを使用！
↓ここから保存してね。

★投稿項目設定★

□名前入力欄
→「件名」や「タイトル」に変更する、もしくは非表示に設定

□E-Mail入力欄／□サイトURL入力欄
→非表示に設定

□データ投稿
→投稿不可に設定

★投稿ページ編集★

[#del#][#edit#]

#title#たいとる

#message#　本文スペース。あいうえおかきくけこさしすせそたちつてと

[#del#][#edit#]