Halloween Party!

Welcome to our dangerous world!

information～当サイトについて～

ここは○○のハロウィンまでの期間限定サイトです。

サイト名
管理人：○○○
悪戯もお菓子も大好き。

main～めいんこんてんつ～

その他
長文見本
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。

ソースコード

自動改行「しない」で作成。
画像はEVENTs Design様よりお借りしました。
タイトル画像：ゴーストのタイトルフレーム
背景画像：三段ハロウィン

色違い→ オレンジ / パープル

HEAD

*,::after,::before{box-sizing:border-box}
*{margin: 0; padding: 0;}
ol,ul{list-style:none}
img{max-width:100%}
table{border-collapse:collapse}
textarea{white-space:revert}

body{
color: #ccc;
font-size: 0.9em;
font-family: 'RocknRoll One', sans-serif;
line-height: 1.5;
background: #6e1799 url(##背景画像URL##) no-repeat right bottom/180px fixed;
}

a{
font-family: 'ZCOOL KuaiLe', 'Stick';
text-decoration: none;
margin: 2px;
padding: 2px;
color: #fff;
}
a:hover{
color: #fff;
text-shadow:  0px 0px 3px #ffa500;
}

header{
font-size:1.1em;
text-align: right ;
margin: 50px auto 50px;
}
.title{
height:200px;
padding-top:70px; 
text-align: center;
background: url(##タイトル画像URL##) no-repeat center/contain;
}

header p{
font-family: 'Stick', sans-serif;
font-size: 15px;
font-weight: bold;
color: #333;
text-shadow: none;
margin:0;
line-height: 1.5;
}

header a{
font-family: 'ZCOOL KuaiLe', cursive;
font-size: 20px;
text-decoration: none;
color: #ffa500;
padding: 0 10px;
}
header a:hover{
color: #fff;
text-shadow:  1px 1px 3px #ffa500,-1px -1px 3px #ffa500;}

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

h1 {
font-family: 'ZCOOL KuaiLe', cursive;
font-size: 35px;
color: #e5a323;
text-shadow: -4px -4px 3px #666,  4px 4px 3px #333;
}

h2 {
font-family: 'ZCOOL KuaiLe', 'Stick';
font-size: 25px;
color: #ffa500;
}

h2 span{
font-size: 15px;
}

section{
margin: 0.3em 0 1em 0;
padding: 0.5em;
}

p span{
color:#fff;
background: #dda0dd;
margin: 2px 2px 2px -12px;
padding: 2px;
}

p{
margin: 1em;
}

footer{
text-align: center ;
margin: 50px auto 20px;
}

/* 以下スマホ用調整 */
@media screen and (max-width: 480px) {

header{
margin: 50px auto 100%;
}

section{
 margin: 2em auto; 
 padding: 1em 1.5em;
 width: 90%;
 background-color: rgba(110, 23, 153, 0.7);
 border: 4px solid #e5a323;
 border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
}

}
</style>

BODY