DAYS
https://alicex.jp/ID/
Total：327
Information
Note
Contents
Code
head
<![CDATA[<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Special+Elite: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-07 DAYS
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 {
color:white;
background-color:black;
background-image:
url('../body.image.jpeg');
background-repeat:no-repeat;
background-position:100% 100%;
background-size:70%;
scroll-behavior:smooth;
}
a {
color:white;
text-decoration:none;
}
header {
height:160px;
padding:20px;
perspective:260px;
}
header h1 {
font-size:50px;
font-weight:600;
font-family:"Special Elite";
margin-bottom:10px;
transform:
translate(5px,30px)
rotateY(60deg)
skewX(10deg);
}
header h1 i {
font-size:50px;
font-weight:700;
font-family:"Special Elite";
color:blue;
}
header p {
text-align:right;
margin-top:15px;
}
main {
padding:20px;
}
main h2 {
font-size:16px;
font-weight:600;
position:relative;
}
main h2:before {
content:"";
border-radius:50%;
background-color:#555;
position:absolute;
top:-5px;
left:-5px;
width:32px;
height:32px;
display:block;
z-index:-1;
}
div.container {
line-height:180%;
margin-top:-5px;
padding:0 10px 25px;
white-space:pre-line;
}
div.container a:before {
content:"\f1d8";
font-family:"Font Awesome 5 Free";
margin-right:5px;
}]]>
body
<![CDATA[<div class="contain">
<header>
<h1><i>D</i>AYS</h1>
<p>https://alicex.jp/ID/</p>
<p>Total：♯♯total♯♯</p>
</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>
</div>]]>
