Jack-o'-Lantern

-ジャックざライン-

Information

ここはハロウィン企画ページです。
上下のジャックオランタンのラインは固定になっています。

Main Contents

タイトル ○○
タイトル ○○
タイトル ○○
タイトル ○○
タイトル ○○

Bookmark

水色小箱　テンプレート
サイト名　説明
サイト名　説明

ソースコード

自動改行「しない」で作成。
ライン素材：FREE LINE 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}
a{text-decoration:none}

body{
color: #fcfcfc;
font-size: 0.85em;
font-family: 'Zen Maru Gothic', sans-serif;
line-height: 1.8;
background: linear-gradient(0deg, rgba(106, 51, 134, 1), rgba(4, 4, 4, 1) 50%, rgba(0, 0, 0, 1)) fixed;
}

body::before, body::after{
content: '';
background: url(line2.png) repeat-x fixed;
position: fixed;
width: 100%;
height: 50px;
}

body::before{
top: 0;
left: 0;}

body::after {
background-position: bottom left;
bottom: 0;
right: 0;}

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

header{
margin: 60px 0 50px;
font-family: 'Stick', sans-serif;
text-align: center;
}

h1, h2, h3, a{
font-family: 'Stick', sans-serif;
}

h1{
font-size: 2em;
}

h2{
font-size: 1.3em;
}

a{
color: #f3981d;
}

.gradation {
background: linear-gradient(135deg, #fed878 0%, #fa505e 100%);
background: -webkit-linear-gradient(-45deg, #fed878 0%, #fa505e 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

hr {
border-top: 4px dashed #6a3386;
border-left: none;
border-right: none;
border-bottom: none;
background-color: #f3981d;
margin: 50px 15px;
}

p{
padding: 0 1em;
margin: 5px 10px 20px;
}

.main a{
font-size: 1.1em;
color: #000;
font-style: normal;
font-weight: bold;
padding: 0 2px 0;
background: linear-gradient(135deg, #fed878 0%, #fa505e 100%);
background: -webkit-linear-gradient(-45deg, #fed878 0%, #fa505e 100%);
}

footer{
text-align: center ;
margin: 50px auto 60px;
}
</style>

BODY