TV On Air
https://alicex.jp/ID/
Information
Note
Contents
head
<![CDATA[<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat: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-06 TV On Air
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 {
background-color:thistle;
scroll-behavior:smooth;
}
a {
color:black;
text-decoration:none;
}
div.contain {
position:relative;
top:180px;
overflow-y:scroll;
}
header {
background-color:mediumpurple;
background-image:
url('../header.image.jpeg');
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
background-blend-mode:luminosity;
position:fixed;
top:0;
left:0;
width:100%;
height:180px;
padding:20px;
}
header h1 {
font-size:24px;
color:thistle;
text-align:right;
margin-bottom:20px;
}
header p {
color:thistle;
text-align:right;
}
main {
padding:20px;
}
main h2 {
font-size:18px;
}
main h2:before {
content:"\f26c";
font-family:"Font Awesome 5 Free";
margin-right:5px;
}
div.container {
line-height:180%;
padding:10px 10px 20px 30px;
}]]>
body
<![CDATA[<div class="contain">
<header>
<h1>TV On Air</h1>
<p>https://alicex.jp/ID/</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="">XVπ</a> ^
<a href="">ϊL</a>
</div>
<h2>Contents</h2>
<div class="container">
<a href="">Tuy[W</a> ^
<a href="">Tuy[W</a>
</div>
</main>]]>
