真夜中、
唄い踊り候
おしながき
Code
Template Image
Body Background
Header Background
Header Image
head
<![CDATA[<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Zen+Antique:wght@400;700&display=swap">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
<style>
CSS
</style>]]>
CSS
<![CDATA[/*
Template T-04 真夜中、唄い踊り候
By Jumble Fun
Site URL https://alicex.jp/kenz/
*/
* {
font-size:13px;
font-family:"Zen Antique";
box-sizing:border-box;
margin:0;
padding:0;
}
body {
background-image:
url('../body-back.image.jpeg');
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
scroll-behavior:smooth;
}
a {
color:black;
text-decoration:none;
}
ul {
list-style-type:none;
}
header {
background-image:
url('../header-back.image.jpeg');
background-repeat:repeat;
background-position:50% 50%;
background-size:cover;
box-shadow:0 5px 3px 0 gray;
margin-bottom:20px;
padding:20px;
display:flex;
justify-content:space-between;
}
header h1 {
font-size:24px;
font-weight:600;
margin-top:10px;
}
header h1 i {
font-size:40px;
}
header img {
width:120px;
height:120px;
}
main {
padding:20px;
}
main h2 {
font-size:16px;
font-weight:600;
}
main div.container {
line-height:180%;
padding:0 20px 20px;
white-space:pre-line;
}
div.container a:before {
content:"\f816";
font-family:"Font Awesome 5 Free";
color:black;
margin-right:8px;
}]]>
body
<![CDATA[<div class="contain">
<header>
<h1>真夜中、<br><i>唄</i>い<i>踊</i>り候</h1>
<img src="../header.image.png">
</header>
<main>
<h2>おしながき</h2>
<div class="container">
<a href="">あばうと</a>
<a href="">めにゅう</a>
<a href="">こんたくと</a>
</div>
</main>
</div>]]>
