Simply White and Black
https://alicex.jp/ID/
Total：280
Information
Note
Contents
head
<![CDATA[<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap">
<style>
CSS
</style>]]>
CSS
<![CDATA[/*
Template T-05 Simply White and Black
By Jumble Fun
Site URL https://alicex.jp/kenz/
*/
* {
font-size:13px;
font-family:"Montserrat",Sans-Serif;
box-sizing:border-box;
margin:0;
padding:0;
}
body {
border:solid 1px black;
width:calc(100% - 60px);
height:calc(100% - 80px);
margin:40px 30px;
overflow-y:scroll;
scroll-behavior:smooth;
}
a {
color:black;
text-decoration:none;
}
header {
border-bottom:dotted 1px gray;
box-shadow:0 3px 6px 0 silver;
position:relative;
margin-bottom:10px;
padding:10px;
}
header h1 {
font-size:15px;
text-align:center;
margin-bottom:50px;
}
header h1 i {
font-size:15px;
font-weight:600;
}
header p {
text-align:right;
margin-bottom:5px;
}
header img {
position:absolute;
top:70px;
width:60px;
height:60px;
}
main {
padding:10px;
}
main h2 {
font-size:14px;
}
main h2:first-letter {
font-size:14px;
font-weight:600;
margin-right:2px;
}
div.container {
margin-bottom:10px;
padding:10px;
}]]>
body
<![CDATA[<div class="contain">
<header>
<h1><i>S</i>imply <i>W</i>hite and <i>B</i>lack</h1>
<p>https://alicex.jp/ID/</p>
<p>Total：♯♯total♯♯</p>
<img src="../header.image.jpeg">
</header>
<main>
<h2>Information</h2>
<div class="container">
<a href="">About</a> ／
<a href="">Contact</a>
</div>
<h2>Note</h2>
<div class="container">
<a href="">更新履歴</a> ／
<a href="">日記</a>
</div>
<h2>Contents</h2>
<div class="container">
<a href="">サブページ</a> ／
<a href="">サブページ</a>
</div>
</main>]]>